栞/#design
ロゴギャラリー。
「わからない人がニコニコ動画のトップページを見ると『何だかわからない』というのが大方の印象だった。それをもう少しわかりやすくしましょうということ」
タッチパネル。「そもそもプログラマブルなこと以外は、UIとしては退化である可能性もあるわけだから。」
1ピクセルの線で印象を変える。
別にブラウザごとに見栄えが違ってもいいじゃない。
デザインの基本なんだけど重要なこと。ボタンのキャプション位置は確かに気になる。
WCAG 2.0の基本的な考え方とか。
サイトの横幅を広げることのメリット/デメリット。難しそうに見える、はなるほど。
「ユーザーを信用せず、システムを無知な大衆から守ろうとする腐った選民思想」
「『メンテナンス作業中でないはずなのに『メンテナンス画面』が出続ける』のにはやはり不条理を感じるし、端的に不愉快」
「シンプルを追求したものはちょっとだけシンプルじゃなくなる」
「シンプルのこころは、単に要素を減らすということではたぶんない。気持ちよく選べる程度の数にするということだ。」「ものがシンプルなのではなくて、選ぶ側の気持ちがシンプルになるようにするということだ。」
WCAG 2.0が勧告に。
「ぱっと見て『これをクリックしたら面白そうな動画が出るんだ』というぐらいの分かりやすさを目指したくて」「多分ヤフーを使う人が来るサービスに変えていかないといけなくて」
ナビゲーションやボタンなど、パーツ単位のデザイン集。
ショートカットキーを実装しているwebサービスいろいろ。
資生堂のwebサイトの歴史。こういうのを残してるところがすごいところ。
「プロの感覚で普通を感じ取ることが必要だな、と。そう、それがインサイトだなと。」
アクセシビリティをどう確保するか。UCD/ペルソナ/シナリオ/ユーザーテストなど。
いろいろなコメント入力欄デザイン。
タイポグラフィで気をつけること。欧文書体が対象だけど、十分参考になる。
URI設計について。
ユーザーに予想外の体験をさせないこと。「アクションウィジェットは間隔を置いて配置する」
「ニコ動トップページではニコニコチャンネルのコンテンツを多数紹介し、ニコ動を初めて訪れたユーザーでも見たい動画を探しやすくする。」
情報アーキテクチャとインフォメーションアーキテクトについて。
メールアドレス入力を再度求められた場合、コピペする人の割合。
グリッドシステムまとめサイト。グリッドを強調したレイアウト。
恵比寿駅の通路変更による混雑改善。「デザインが行動を促しているわけで」
「UIってのは利用者の脳内モデルにどれだけあわせられるかが1つ評価のポイント」「ユーザーのメンタルモデルとデザインのモデルを合わせることの重要性」
webの文章を読みやすく。読みやすい大きさの文字、適切な行間・改行・インデント、キーワードを目立たせる。