![見出し画像](https://assets.st-note.com/production/uploads/images/97559116/rectangle_large_type_2_c194e4c00792c3288a3654f48d338751.png?width=1200)
音声SNS 投稿検索UIを作ってみたら。
カードUI
![](https://assets.st-note.com/img/1675861552792-c8SFm6Ccwq.png)
投稿検索ページでは、
様々な情報を1つの塊として認識されるカードUIを採用。
複数の情報をひとかたまりと認識されることで、情報量が多くてもユーザーを疲れさせない。迷わせない。
カードUIの基本的な構造はマテリアルデザインを採用。
カードUIに限らず、UIの基本的な型なのでまずはこのマテリアルデザインを採用。
スタンダードなUIなので、学習コストが低い。
ゆえに、使いやすいUIが実現でき、継続的に使われるUIが実現でき、
また、メンテナンスしやすいし、実装しやすいし、工数を減らせるし、エンジニアさんと話しやすい。
検索バーの挙動
![](https://assets.st-note.com/img/1675861612589-F3ozadNdb2.png)
検索バーの挙動もスタンダードな型を採用すること。
↑こっちがiOSで、
↑こっちがAndroid。
理由は上記と同じ。
この記事が気に入ったらサポートをしてみませんか?