パンくずリスト + ナビゲーションメニュー

AmazonみたいなショッピングサイトのUIをもっとシンプルにできないかと考えていて、 パンくずリストとナビゲーションメニューをくっつけてしまったらどうだろうと思いついたので、 試しに作ってみた。

• Demo: Tiny Shopping Browser

最低限の要素だけでamazon.co.jpの商品を検索するページ。カテゴリーをたどるのと商品の 検索しかできない。

特徴

• ページにアクセスしたときに、トップレベルのカテゴリーメニューが開く
• カテゴリーを選択すると、子カテゴリーが開く
• 開いたカテゴリーメニューは、何もしないとフェードアウトする
• 3文字以上入力すると検索を始める
• キーワードが入力してある状態でカテゴリーを選ぶと、そのカテゴリー内を検索する

問題点

• 最初にカテゴリーを選んだときに、子カテゴリーを読み込むのが遅い
• 次々にマウスオーバーするとメニューが重なってしまう (修正)

まだwindows環境では確認していないので、もしかしたら何か変なところがあるかもしれない。

上に書いた問題やその他に問題があれば、時間のあるときに直す(かもしれない。あと 機能追加とかも)。