栞/#ui
実際のデザイン/インタフェースの実例。
「インターネット=携帯電話」ユーザー、「携帯電話=PCの代替手段」ユーザー、ターゲッティング。
「『頭で考える前に手(親指)が動いている』ということが挙げられる。サイトを閲覧している間は常に親指で画面スクロールを繰り返し、目に付いたリンクを直感的な判断でクリックするという行動が比較的多い」
トラッキング目的でGETパラメータをつけたりリダイレクトさせたりすることの意味は。
ユーザビリティ、ユーザを知ること、継続的に評価を行うこと。
「デコレーションは足し算な部分もあるが、デザインは引き算も重要。」
CSSの画像置換問題。アクセシビリティをどこまで確保するかの線引き。
CSSの画像置換の問題点。
ユーザーテストのコツ。
ユニークでわかりづらい非公開のURLを認証代わりに使うメリット。
「ユーザーインターフェースへのユーザ関与のレベルは低いのが普通であり、彼らはただ操作の邪魔をしないでほしいと思っているにすぎない。ユーザは学習ではなく、実践に時間をかけたいと感じているのだ」
「タブには、並列な関係を持つ情報を1つずつ格納する。」「一度に一種類の情報しか扱えないため、ある意味でモードが発生する。同時に参照することに意味がある情報は、タブに格納しないようにする。」
「チェックボックスよりも青字下線リンクの方がアフォーダンスが高い」
ビジュアルデザイン/インターフェースデザイン/情報構造デザイン。IA重要。
「誰かに的を絞った明確なデザインをするほうがデザイン性は明確になり、実際にはペルソナと異なるユーザーにも使いやすく、魅力的なものになる」
路線ごとの混雑率を色で視覚化。京成押上線すいてるなー(利用者)。
UCDに関する考察。
フォームを使いやすく、親切に。
ブラウザの画面を占有しないUI。
webにおけるタイポグラフィ。
スライダーで2カラムの左右比を変更できるように。
スライダーで行の文字数と文字サイズを変更できるように。
受動的な/受動的に使えるインタフェース。
中央大学のwebサイトリニューアルについて。ターゲットユーザーに耳を傾けること、情報発信の仕組み。
分業制の問題。「できあがった物の使い勝手が悪くても、誰も責任を取れなくなる」
Memoriumがアップデート。使用APIがYahoo!のものに変更、負荷軽減など。
固定幅/リキッド/エラスティックのレイアウト比較。
「Initially it is more difficult to create a good layout with a big font size, but that difficulty will help you design a simpler clearer site. 」「That white space looks nicer is not a side effect, it’s the logic consequence of functional design.」
サイトのデザインプロセス。イメージスケッチ→CSSのワイヤフレーム→作る→表示確認。
「チェックボックスのキャプションは全て肯定形で書くのが望ましい」