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

楓月(Fuhduki) @Fuhduki

始まる

Tatsuro Shibamura @shibayan

Room C で春日井さんのセッション聞く！

楓月(Fuhduki) @Fuhduki

さて、MetroUIのお話

楓月(Fuhduki) @Fuhduki

ダサめのシャツ着てる人にデザインのことを聞かれたくないとか言ってる

Tatsuro Shibamura @shibayan

春日井さん nine T シャツｗ

Tatsuro Shibamura @shibayan

ten じゃないんだｗ

楓月(Fuhduki) @Fuhduki

使いたいアプリに迷わずアクセスして使用する

Tatsuro Shibamura @shibayan

でも、俺は東京の地下鉄マジで迷うけど・・・

楓月(Fuhduki) @Fuhduki

最短距離で、正確にたどり着くか。それが交通標識にインスパイアされた。

楓月(Fuhduki) @Fuhduki

交通標識の例を出す。空港とか

楓月(Fuhduki) @Fuhduki

infographic infomation+graphic

Tatsuro Shibamura @shibayan

infographic = information + graphic

楓月(Fuhduki) @Fuhduki

情報と図版の合体

楓月(Fuhduki) @Fuhduki

Skypeの例。

Tatsuro Shibamura @shibayan

イマーシブ

楓月(Fuhduki) @Fuhduki

全ての置いて共通しているキーワード。Immersive 没入する、実体験のように感じる

楓月(Fuhduki) @Fuhduki

ユーザーはPCのコンテンツに向けて没入して欲しい。

楓月(Fuhduki) @Fuhduki

Metro Style Design そぎ落とす、とことんこだわる、軽快であれ

楓月(Fuhduki) @Fuhduki

コンテンツが最優先。コンテンツに関係のある要素だけをだし、ソレ以外は最小に削ぎ落とせ

楓月(Fuhduki) @Fuhduki

抑えるべきはレイアウト、インタラクション、ナビゲーション

楓月(Fuhduki) @Fuhduki

レイアウト、カリッとしたグラフィックスですっきりした表現に。

楓月(Fuhduki) @Fuhduki

グループ化や階層化をボックスと線で表現しないこと。詰め込みすぎるな。(満員電車のように

Tatsuro Shibamura @shibayan

余白は確かに重要ですねー

楓月(Fuhduki) @Fuhduki

箱と線を使わなくても、色の境目でUIの境界を表現出来る。

楓月(Fuhduki) @Fuhduki

横にスクロールさせるのをユーザーにわからせるために、右端がちょっとだけ次のページがはみ出てる