UI観察 - カテゴリ検索
今回のUI観察は、カテゴリ検索です。
YouTubeの検索ボックス下に、角丸のボタンが並んでいるのを見かけたことはありますでしょうか。2021年の終わり頃から実装された機能だと思いますが、今回はこちらについて紹介していきます。
(その他のUI観察記事はマガジンはこちら ↓)
各サービスの画面
■ Youtubeのカテゴリ検索
挙動のパターンを試してみましたが、Youtubeの角丸ボタンはフィルタの役割を果たしています。(URLは変わらない)
■ Googleマップのカテゴリ検索
Googleマップの場合は、角丸ボタンをタップ時は、検索ボックスにキーワードが挿入されます。フィルタではなく、検索入力の補助としての役割をしています。(URLは変わらない)(PC・SP (アプリ)での表示ともに同じ挙動)
■ noteのカテゴリ
・note(PC画面)
noteには、フィルタの役割や検索入力補助をする角丸ボタンなく、画面左にカテゴリナビゲーションがテキストで表示されています。
クリックすると各カテゴリページへ遷移する仕様となっています(URLが変わる)。
・note(アプリ画面)
アプリでは見た目として、Youtubeに近い角丸ボタンが検索ボックスの下に表示。このボタンからカテゴリ検索ができます。
■ Twitterのカテゴリ検索
話題を検索画面にて、検索ボックスの下にタブが横並びで表示。noteと同様にクリックした箇所にページ遷移する(URLが変わる)。
さいごに
各サービスのカテゴリ検索方法についてまとめました。
膨大な情報を取り扱いユーザーに目的のキーワードを検索 & 興味のある検索をしてもらうには、手入力だけではなく補助機能を設けて手助けをしてあげる必要があります。
サービス開発する際は、各サービスに合った検索補助を考えてみましょう。
この記事が気に入ったらサポートをしてみませんか?