WDD：WA-001「Windows 8 の新しい UI ”Metro” とは？」に関するツイートまとめ

ゆたか @tmyt

ストアからアプリを探すことはもちろんある。Webからアプリを探すという動線も提供

ゆたか @tmyt

セマンティックズームを使いこなせる気がしない

Tatsuro Shibamura @shibayan

名前の通り、意味をまず考えて実装しないとやばいな

ゆたか @tmyt

セマンティックズームを効果的に活用したUXデザインできるデザイナを常時募集しております

Tatsuro Shibamura @shibayan

そのリストの意味をだな

Tatsuro Shibamura @shibayan

楽天アプリ、縦横のパンありそうだったけど

ゆたか @tmyt

エルゴノミクス

ゆたか @tmyt

姿勢と快適性を心にとめて、手と指を意識してアプリを作る

ゆたか @tmyt

それぞれのジェスチャーには意味がある。意味合いを意識した設計

ゆたか @tmyt

右端左端はよく触るばしょ。隠れている可能性がたかいので重要な情報は表示しない

ゆたか @tmyt

適切なフィードバック

ゆたか @tmyt

マウスのようにロールオーバー効果などが利用できない

Tatsuro Shibamura @shibayan

ライブタイルをオフに出来るんだ。知らなかった

ゆたか @tmyt

ビジュアル、つまり絵的にユーザに反応しなければいけない

ゆたか @tmyt

ターゲットサイズ

ゆたか @tmyt

3,5,7,9mmのボタン。大きければ大きいほど失敗率は下がるが画面を占有する。7mmぐらいがいちばんいい

ゆたか @tmyt

失敗率は5mm-3%, 7mm-1%, 9mm-0.5%

ゆたか @tmyt

ターゲットユーザによってサイズは調整するべき。ITに不慣れな場合は大きく。慣れている場合は小さくても大丈夫。7mmは一つの指標

ゆたか @tmyt

ハードウェア

ゆたか @tmyt

スクリーンサイズ、1024x768が最小。1366x768以上が推奨

ゆたか @tmyt

イメージファイルをSVGで用意するか、100%, 140%, 180%のビットマップとしてリソースを用意

Tatsuro Shibamura @shibayan

1366x768 じゃないと

ゆたか @tmyt

解像度とスクリーンサイズに応じたスケーリングはシステムで提供

ゆたか @tmyt

異なるスクリーンへの対応。あだぷてぃぶ　or　固定

Tatsuro Shibamura @shibayan

リキッドレイアウト