Pinterest • The world’s catalogue of ideas

Explore these ideas and much more!

【アプリ】amazonアプリ:右半分に絞り込みウィンドウ開く、背面でJSリアルタイム絞り込み

左検索バー、レーディングで絞り込み可

左検索バー、レーディングで絞り込み可

検索の切り口に重み付け、優先度を考える。 ⇒例えばファッションのサイトだったらMEN/WOMEN/KIDSの区分けは訪れるどんなユーザーにも必要となる優先度の高いもの。なのでピックアップして出すことが許される

・ 地図を動かしながら探せる ・価格設定が直感的UI(ZOZO) ・平均価格帯があるのがいい

ローチケHMV(サイドに固定の検索軸、ヘッダーにそのカテゴリ内のメニュー)

【レスポンシブ】【JS】 リアルタイム絞り込み件数表示

【ローソンチケットWebサイト】メイン検索とサブ(絞込)が明確にエリア分けされている。一番上で大カテゴリ×キーワードの掛け合わせ検索ができる。左の検索バー、アコーディオンの中のリストはオンマウスで小カテゴリを表示してくれる、が、デザイン的に分かりにくい。背景色と混同して。

【ファミリアECサイト】グロナビは控えめで左サイドナビの検索に特化。検索軸の優先順位付がはっきりされている(子供の年代・身長カテゴリが最初から開かれた状態)。コンテンツエリアはタブ切り替えでさらにソートできる