#9 検索UIデザインの基本

検索UIをデザインしよう

最後の仕上げに検索のUIをデザインしていきましょう。
これもよく出てくるUIパターンの1つです。Webとアプリだと若干検索の挙動は異なりますが、Webでの検索挙動の基本デザインパターンだと思ってもらえたらと思います。
検索UI体験は凝ったことをやらない限りは機能的にバリエーションはほぼないので、周りのサービスを大いに参考にすべきだと思います。

‍

動画の目次

• 00:15 今日のポイント
• 02:48 参考チェーーっくぅ！
• 06:19 検索UIのデザイン開始
• 11:21 履歴メニューをデザイン
• 25:54 検索結果ページ
• 43:45 検索ヒットなしの画面を作る

‍

‍

動画ポイント

こちら。振り返りに使えるなら使ってくれ〜い

‍

Figmaのデータ

こちら〜！

https://www.figma.com/file/GMEs9Al3RXlXUEfhOTCsih/%F0%9F%A7%81%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%A7%E5%AD%A6%E3%81%B6UI%E8%A6%8B%E3%81%9F%E7%9B%AE%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9-(Copy)?type=design&node-id=488%3A23627&t=pB4p33d1v0sv6R4m-1

‍

‍

ToDoサービスのUI完成です！

次の動画ではこの次に何をすると良いか？などをお伝えしていきます。
オリジナルのアウトプットではないですが、この学習もまとめておくとポートフォリオに学習の記録として載せられます。
採用担当者も「情報への感度」、「学ぶ姿勢」などを採用項目としてみたりもしているのでどういう気づきを得られたかなどを残しておくとプラスになると思います。

‍

‍

‍

‍

‍

検索UIをデザインしよう

最後の仕上げに検索のUIをデザインしていきましょう。
これもよく出てくるUIパターンの1つです。Webとアプリだと若干検索の挙動は異なりますが、Webでの検索挙動の基本デザインパターンだと思ってもらえたらと思います。
検索UI体験は凝ったことをやらない限りは機能的にバリエーションはほぼないので、周りのサービスを大いに参考にすべきだと思います。

‍

動画の目次

• 00:15 今日のポイント
• 02:48 参考チェーーっくぅ！
• 06:19 検索UIのデザイン開始
• 11:21 履歴メニューをデザイン
• 25:54 検索結果ページ
• 43:45 検索ヒットなしの画面を作る

‍

‍

動画ポイント

こちら。振り返りに使えるなら使ってくれ〜い

‍

Figmaのデータ

※BONOメンバー限定です。

‍

‍

‍

ToDoサービスのUI完成です！

次の動画ではこの次に何をすると良いか？などをお伝えしていきます。
オリジナルのアウトプットではないですが、この学習もまとめておくとポートフォリオに学習の記録として載せられます。
採用担当者も「情報への感度」、「学ぶ姿勢」などを採用項目としてみたりもしているのでどういう気づきを得られたかなどを残しておくとプラスになると思います。

‍

‍

‍

‍

‍

‍