skillup

技術ブログ

UI

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

投稿日:

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

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

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

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

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

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

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

ユーザー調査の基礎

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

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

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

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

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

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

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

 

-UI

執筆者:


comment

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

関連記事

no image

携帯のUIに関して

いまさらながらスマホのUI表示に苦戦してます。 まあ、現状のWEBサイトを作る場合、BtoCでもBtoBでもスマホ対策は必須ですよね。 私の場合、デザインが本業でないこともあり、ちょっとサボっていまし …

no image

Bootstrapまとめ form+画像

前回に引き続きbootstrapネタについて。 Contents1 フォーム1.1 通常のinput1.2 項目名:入力欄の形式1.3 入力欄+ボタン(検索などでよくあるパターン)2 画像2.1 参考 …

no image

検索ページの遷移に関して

検索ページの遷移に関してメモ。 基礎だが実際全部完全に網羅できているかというと不安な部分が多い。 Contents1 基本仕様: 以下のようなページ構成を想定2 想定しないといけない遷移状態3 よくあ …

no image

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

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

no image

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

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