横にはみ出すナビゲーション

今回(2014年9月)のAppleのウェブサイトのリニューアルにはいくつもの興味深い点がある。ナビゲーションの二本線とバツ印が共にインラインのSVGなことなどもそうだし、多くのポーションがモダナイズされたにも関わらずPrototype.jsを継続利用したこともすごく気になる。その中でも一番気になったのは狭い画面向けの横にはみ出すナビゲーションだ。 これまでの通常は隠されている狭い画面向けのナビゲーションの多くは、次の3つに大別されていた。 ドロップダウン オーバーレイ ドロワー 極稀にアイコンのみのコンパクトに横へ並べたものもあったが、いずれの場合もナビゲーションの項目は縦に並んでいることがほとんどだ。一覧性に富み、アクセス性が高く、ユーザーの学習コストも低い。 これに対して横にはみ出すナビゲーションは、項目を画面外にはみ出すように横に並べ、スワイプでスクロールして探させるという形のものだ

[Falky]

100円バーガーボタンの初回タップ時のみメニューがスクロールする演出を入れて、スクロール可能ということを伝えるようにしている。父ちゃん母ちゃんにもこの演出が意図通り作用しているのかは調査が必要。

[jackieorange]

Appleの場合、PCとの親和性なのかな。開くボタンタップ後の動きが１回目と２回目で異なるインタラクションが良い

[hush_puppy]

嫌すぎる・・・

[glat_design]

テーブルといいFacebookの写真や友達といい、スマートフォンでは有用な選択肢という感じになっている気がする /

[neruty4]

横にはみ出すナビゲーション - Weblog - http://t.co/djH0RRsRtQ

[barlog]

個人的には大好きなインターフェースでした。