栞/#design
「すっきり見せるためにアイコンを並べて必要なときにクリックして表示させる UI を採用していました。しかし、アイコンは小さい上何を意味しているのかも分かり難いこともあり利用数は少ないものでした。」
視線をどう誘導するか
ちょっとしたUIの工夫たくさん
webのボタンいろいろ
欧米とは違う日本向けのデザインとは。いろいろ同意
その場でのヘルプの見せ方。全部載せる/オーバーレイ/ポップアップ
「ビジネスやデザインの決定が効果測定の結果で大きく揺さぶられていたとしたら、一度立ち止まって「我々は何をするべきなのか」を考えなくてはいけません。」
「われわれがやろうとしていることの大部分は、実はデザインが邪魔しないようにすることなのだ。」「恣意的なものではなく[必然的なものと]なったとき、まるで何もデザインされていないように感じるのだ。」
「アイデアを平等に扱わず、プライオリティ付けして考えるようにすることが委員会による設計を避けるための第一歩なのかもしれません。」
「ユーザーを獲得するという考えから、ユーザーをどのように保持する(サイトに滞在してもらう)かという考え方に変化しています。」
Googleの検索結果画面などのようにページ/サイトのサムネイルが重要な判断材料になる可能性がありそう。
「iPhone ヒューマンインターフェイスガイドラインの準拠をチェックするためにジェネシックス社内で使用しているチェックシートを公開しました。」
WindowsのUXガイドラインからのwebにも関連しそうな部分の抜粋
WindowsのUXガイドライン。PDFでダウンロードできる
webデザインのワイヤフレーム見られる
「エクスペリエンスデザインの創造(ユーザーの思考や行動を洞察し、ユーザーの好ましい経験価値を創出する。そして、その価値を分かりやすく伝え、共感を得る)」
webは公開して終わりじゃない。管理者にとっても使いやすく。
「でも,時代は変わったんです。この数値見てくれよとか,このデータが入手できたから改善できるな,とか話し合うのが,いまどきのやり方です。」
「インタフェースになれることは、学習してくれるほど、時間をもって接してくれない。非常にシンプルなインタフェースも、どこになるのか?疑問さえもないインタフェースは、その方が脳のリソースが完全に使える。」
「Web では至れり尽くせりな対応というよりかは、ホテルのような必要なときだけ必要なサービスを提供する形のほうが UX という視点で高い評価を得れる傾向にあります。」
Facebookとmixiの使い勝手を比較
「Facebook は「ページの読み込み開始から、ページ上でもっとも重要な部分が表示され、利用可能になるまで」というレンダリング途中の感覚値としての速さについても、考慮にいれている。」
AndroidのUIデザイン
Basecampのトップページのデザイン刷新について。A/Bテスト、旧デザインとの比較。
「「こういう作業をやらせよう」なんて考えたときに、ガンダムだったら、何が出来て何が無理なのか、人型を見るだけで、かなり正確な想像が出来る。」「デザインというものは、想像力のインターフェースになる。」
「サイトだけをアクセシビリティ化しても、意味は無いんです。そこで何を見るのか、どんな操作をするのか。それができて初めて、「アクセシブル」なのです。」
accordion form、1つの画面で表示を切り替えていくようなフォームの表示方法について
webのUIデザインパターン
「あっさり操作するとそれなりに/じっくり操作すると完全に/処理が行なわれる対応は感覚的に理解しやすいと思われます。」
iPhoneなどのスマートフォンの場合、拡大表示した場合の見え方にも気を配る必要がある