マガジンのカバー画像

実例から学ぶUX/UI、Webデザイン

65
本
運営しているクリエイター
ayako
あき - 良いもの作って正しく届ける

あき - 良いもの作って正しく届ける

検索 UI まとめてみた

検索 UI まとめてみた

検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。

パターン一覧
1. フリーワード型
2. サジェスト型
3. グループ型
4. あとからフィルター型
5. 条件指定型
6. レコメンド型

フリーワード型キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。

良いところ
シンプル。入力と同時に検索結果を表示できるので、最短で検索対象

もっとみる
鈴木慎吾 / TSUMIKI INC.

鈴木慎吾 / TSUMIKI INC.

AbemaTVのマイクロインタラクション

AbemaTVのマイクロインタラクション

前回はEvernoteのマイクロインタラクションを観察しました。今回はAbemaTV（ver. 2.14.0）のマイクロインタラクションを観察し、それらがユーザーに与える効果を考察します。

----

左右スワイプでのザッピングUI
AbemaTVの視聴体験の中心となるマイクロインタラクション。
左右のスワイプで画像や動画が切り替わるUIはありふれているが、ライブ動画の即時再生と結びつくことでテ

もっとみる