栞/#ui
メールアドレス入力を再度求められた場合、コピペする人の割合。
「UIってのは利用者の脳内モデルにどれだけあわせられるかが1つ評価のポイント」「ユーザーのメンタルモデルとデザインのモデルを合わせることの重要性」
webの文章を読みやすく。読みやすい大きさの文字、適切な行間・改行・インデント、キーワードを目立たせる。
ユーザーの期待を裏切らないこと、よく考えること。
メールで必要なアクションの障壁を下げる。
Googleのデザインガイドライン。
全てのブラウザで同じように見える必要なんてそもそもないよね、ということ。
マウスホバー時のインタラクション。最初から表示した方がわかりやすい場合もあるのでよく考える。
不要な動作(クリック)をユーザーにさせないために。
インターフェースとしてのタイポグラフィ。
「普段から相手のことを考えて自分の振る舞いを見直すことのほうがそれ以上に大事」
アクセシビリティに配慮することで一般ユーザーにも恩恵が。webのショートカットキーの標準化はほしいな。
「むしろ『PCユーザーが直感的に使えるUIが素人にとって直感的であるわけがない』ぐらいの認識が必要」
「村社会にはわかりやすいUIよりも聞けばわかる人がいることのほうが重要ってことか。また絶望的な気分になるが。」
表示速度重要。
デザインする側と利用者の間のギャップ。
「結局は、人間が考えていることなんて、はっきりとしたモデルにして頭から出して見せないと共有化なんて出来ないという事か。」
コントラストの強弱で強調したい部分をきちんと伝える。
画像を用いたナビゲーションの参考に。Flash。マウスを端の方に持っていくとそちら側のコンテンツがちらちらと垣間見える仕組み。
大原則。「今日の高度化するシステム開発は『複雑なしくみで成り立つサービスを、いかにシンプルな体験として提供するか」という点が課題』」
どうしてそういうデザインになっているか、という部分に着目してほしいと思って書きました。
グループ化を促進する意味での空白の活用。
角丸は実は角を強調するデザインだということ。
関連のある要素はきちんとグループ化すること。
セカイカメラというインターフェース。現時点での技術でどこまでできるかな。
特定の要素以外をグレーアウトして目立たせる手法。
入力中のフォーム入力欄のまわりをハイライトして集中させる。
「入力が面倒そう」と思わせない工夫。必要のない選択肢は隠す。
「ライトボックスがもたらすメリットは明らかだ: スクリーン内で唯一明るい部分をユーザが見落とすことは不可能である。」そしてlightboxの欠点も。
「GUIの中では、カーソルは自分だと思う。」