skillup

技術ブログ

UI

ソフトウェアデザインの目的

投稿日:

本日からのお勉強のお題は、UIの設計などについて。

参考図書:デザイニングインターフェイス

ソフトウェアとは目的達成の手段である

  • ソフトウェアとは彼らが目的を果たす手段である
  • ソフトウェアの設計の前に、ユーザーがなにを求めているかを探ろう – 汝のユーザーを知れ
  • 人々はなぜ特定のソフトウェアを使うのか、そしてどうそれを操作するかを考えよう
  • ユーザーは自分の不満を言語化できないことが多い、ユーザーに対してなぜその操作をするのかを考えてみよう
  • ソフトウェアを使わないとしたらどんな代替手段をつかっているのかを考えてみよう
  • 他に便利な代替手段がないかを探してみよう
  • 今まで行っているプロセスを知ろう
  • 不満点をリストアップしてみよう

いわれてみれば当たり前のことだけど、忘れがち。マーケティングを勉強した時と似ている。ドリルがほしい場合、ドリルではなく、「穴をあけたい」という欲求。ベネフィットを常に追及する。

簡単にいえばユーザーの目線に立つことなんだけど、それはすごく難しい&忘れがち。

そのために大切なことは「ユーザーに関心を持とう。本当はどのような人で、何を考えたり感じたりしているのかを探り出そう」

ユーザー調査の基礎

デザインする対象が何であろうと、使う人々の特徴を見出す必要がある。そして、それを実践するもっともよい方法は、外に出て彼らに会うこと

  • ユーザーはそのソフトウェアを利用してどんなゴールを目指すのか
  • どんなゴールを目指してどんなタスクを実行するのか
  • どんな単語や言い回しをもっているのか
  • どんなスキルを持っているのか
  • 同種の事柄についてどんな考えをもっているのか

いわゆるマーケティングの基礎。

昔読んだマーケティングの本とまったく同じことが書いてある。当たり前といえばあたり前。

ユーザーの学習意欲・リテラシー

ソフトウェアのデザインはユーザーのリテラシーによって変わってくる。

  • 一般にユーザーのリテラシーが高く、学習意欲が高い場合は自由度高く、操作の効率性を目指して設計する
  • ユーザーのリテラシーが高くなく、単発でしか使われないような場合は、自由度が低い代わりに、単純化されたインターフェイス(例えばウィザード)が使われる。

 

-UI

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

UIまで手が回らないプログラマのための画像加工サービス&ツール紹介など

本業はプログラマ―なんですが、ガチンコ塾のブログの画像を作る程度の加工などをちょこちょこやってます。 プログラマーといえどUIを全く気にしないのは問題ですし、中小企業だと広く浅くできる人間が求められる …

no image

固定されたナビ(ヘッドとサイド)

boostrapでサイトを作るときにヘッダーとサイドバーを固定したいときについてメモします。 Contents1 ヘッダーを固定したい場合2 サイドバーを固定したい場合3 参考リンク ヘッダーを固定し …

no image

HTML&JSなど画面まわり&サーブレット小ネタ

サーブレットでアプリ作ってますが、画面まわりに関していろいろいじっているのでそこら辺のネタなんかを。 Contents1 テーブルの結合2 JSPでの動的HTML→POSTで認識できない3 動的プルダ …

no image

ナビゲーション

本日はソフトウェアのナビゲーションについて。 要は「いかにユーザーに目的の操作まで少ない経路でたどり着いてもらうか」に関してです。 Contents1 移動距離は常に短く&クリック回数は少なく2 ナビ …

no image

JSリンク集+git ブランチ指定 clone

現状の私の課題としてUIに対する意識が甘いということが上げられます。 大昔のサイトで使っているようなわかりにくいUIをそのまま使っているんですよね。 UIといってもいろいろな要素が必要となってきますが …

アーカイブ