栞/#ui
Facebookとmixiの使い勝手を比較
「Facebook は「ページの読み込み開始から、ページ上でもっとも重要な部分が表示され、利用可能になるまで」というレンダリング途中の感覚値としての速さについても、考慮にいれている。」
AndroidのUIデザイン
「サイトだけをアクセシビリティ化しても、意味は無いんです。そこで何を見るのか、どんな操作をするのか。それができて初めて、「アクセシブル」なのです。」
accordion form、1つの画面で表示を切り替えていくようなフォームの表示方法について
webのUIデザインパターン
「あっさり操作するとそれなりに/じっくり操作すると完全に/処理が行なわれる対応は感覚的に理解しやすいと思われます。」
iPhoneなどのスマートフォンの場合、拡大表示した場合の見え方にも気を配る必要がある
ペーパープロトタイピングの例。ポストイットすごい
大きい文字/ボタン、スライドはタッチ/ボタンの両方で。
「特定のUI要素に関するジレンマは、特定の解決策を実装したデザインに対し、ユーザーがどのように反応するのか、を見ることによってのみ解決することができる。」
「パチンコなんて(ハンドルを)回すだけ。テレビもボタンを押すだけで面白い。(ソーシャルゲームも)ああいうものでなければ」
フォームのラベルと入力欄は縦に/垂直方向に並べた方が視線移動も少ないしいいのでは、という指摘。
テキスト重要。「ユーザビリティ、情報構造、ビジュアルを考慮する前に、一度モニターに映し出されているテキストに注目してみてはいかがでしょうか。」
Pingのプライバシー設定がわかりやすい。
iPhoneアプリの画面デザインをどうしたか。
ユーザビリティテスト
webデザインにおけるアンチパターン、よくないパターン集。
「買い物かごに入れるボタンの色は、オレンジが21%が1位、赤が18%で2位、ピンクが11%で3位と暖色系が約半数を占めた。」
「利用者が自分に主導権があると感じてもらうために何をしているかということです。目的のための道筋が見えていて、ゴールへ着実に進んでいるのか分かる実感を与えているか。」
「スマートフォン対応サイトを用意していたとしても、PCサイトへの誘導を忘れずに行っておきましょう。」
「適切かつ明確な情報の分類が難しい場合は、無理に情報をタブに押し込まず、ページを縦長にして一覧表示するか、下の例のように、デフォルトで前面に表示される情報の中に、他のタブの情報を少し入れることで、ちら
「「日記検索はマイナーな使い方で、mixiの目指すソーシャルコミュニケーションからも少しずれている」(ミクシィの笠原健治社長)と考え、トップページから削除した」
JavaScriptで表示させるような疑似モーダルウィンドウで問題になるところ。
「複数の色合いの中から特定の青色(色に詳しい人のために紹介しておくと、『#0044CC』)を選ぶことで、広告クリック数の増加やユーザー関与の増大により、年間売上高が8000万ドル増加したという。」「もっと具体的に言
「全部読まなければいけない感じというか、長い廊下に無数の扉がある恐怖感というか。 」
押されやすい/押しやすいボタンとは。実例いろいろ。
「トップページにすべての情報があり、ページ上をブラウジングして一気に目的地に向かうという導線」「たくさん見せることを可能にするブラウジングですが、同時に利用者が何もしなくても観覧出来るようにしなければ
「技術的なアプローチだけではなく、情報の整理の仕方や心理的な部分からスピードを表現することが可能」
UXの測定項目を意識すること、効果測定をどう行うか考えること。