検索画面のUI
個別の具体例
ユースケース
調べたいもののキーワードが決まっている
商品名が頭の中にある
キーワードのみ思いついている
調べたいものの条件のみ決まっている
結果を比較検討したい
検索画面入口、検索結果画面が分かれているもの
SUUMOとか
最初からリストが並んでおり、絞込めるもの
zozoはそれに近い
最初から詳細に絞り込む
適当に絞り込んでから、あとから徐々に絞り込んでいく
自由記入欄
フリーワードでリアルタイムに検索
候補をサジェストする
商品名などをサジェスト
協調フィルタリングで、よく検索されている組み合わせを補完
複数対象に対して検索
LINEとか
検索結果に強調表示をする
どのキーワードでヒットしたのかを明確にする
絞り込み
sort
Scrapbox
https://i.gyazo.com/69ad8d4d23b58aca15e736fca4d00c7c.mp4
検索結果でヒットしたキーワードを強調表示している
何でヒットしたのかがわかりやすい
TitleとBodyで絞り込めるシンプルなUI
ただ、Titleのラベルは、カーソルがクリックできる表示なのにクリックできなくて「なんでやねん!」となった