本日からのお勉強のお題は、UIの設計などについて。汝のユーザーを知れ人々はなぜ特定のソフトウェアを使うのか、そしてどうそれを操作するかを考えようユーザーは自分の不満を言語化できないことが多い、ユーザーに対してなぜその操作をするのかを考えてみようソフトウェアを使わないとしたらどんな代替手段をつかっているのかを考えてみよう他に便利な代替手段がないかを探してみよう今まで行っているプロセスを知ろう不満点をリストアップしてみよういわれてみれば当たり前のことだけど、忘れがち。マーケティングを勉強した時と似ている。ドリルがほしい場合、ドリルではなく、「穴をあけたい」という欲求。ベネフィットを常に追及する。簡単にいえばユーザーの目線に立つことなんだけど、それはすごく難しい&忘れがち。そのために大切なことは「ユーザーに関心を持とう。本当はどのような人で、何を考えたり感じたりしているのかを探り出そう」ユーザー調査の基礎デザインする対象が何であろうと、使う人々の特徴を見出す必要がある。それを実践するもっともよい方法は、外に出て彼らに会うこと。ユーザーはそのソフトウェアを利用してどんなゴールを目指すのかどんなゴールを目指してどんなタスクを実行するのかどんな単語や言い回しをもっているのかどんなスキルを持っているのか同種の事柄についてどんな考えをもっているのかいわゆるマーケティングの基礎。昔読んだマーケティングの本とまったく同じことが書いてある。当たり前といえばあたり前。ユーザーの学習意欲・リテラシーソフトウェアのデザインはユーザーのリテラシーによって変わってくる。一般にユーザーのリテラシーが高く、学習意欲が高い場合は自由度高く、操作の効率性を目指して設計するユーザーのリテラシーが高くなく、単発でしか使われないような場合は、自由度が低い代わりに、単純化されたインターフェイス(例えばウィザード)が使われる。コメントをキャンセルメールアドレスが公開されることはありません。固定されたナビ(ヘッドとサイド)boostrapでサイトを作るときにヘッダーとサイドバーを固定したいときについてメモします。昔から私の作るWEBアプリはデザインがめちゃくちゃなことが多かったんですが、最近は多少デザインにも気を配るようになってきました。...HTML&JSなど画面まわり&サーブレット小ネタサーブレットでアプリ作ってますが、画面まわりに関していろいろいじっているのでそこら辺のネタなんかを。...レスポンシブデザインの作成ポイント本日はレスポンシブデザインの表現方法について。スマホでは何も指定しなければブラウザはウェブサイトの幅が980pxと仮定しています。...アプリケーションの画面構成に関してアプリケーションの画面の設計スタイルに関してよく使われるものを。