
細かいUIの参考になるアプリ5選

今回はUIデザインの参考になるアプリのご紹介をします。
UIデザインは、ユーザーが何をするべきか理解できるようにわかりやすく作成する必要があります。アプリを使うユーザーに、迷うことなく感覚的に操作をさせるには、ユーザビリティが優れたデザインが必要になります。
UIデザインの参考になるアプリ5選
JINS
リーズナブルな価格設定などで人気を集めるメガネブランド

並べ替えや絞り込みのボタンをタップした際に、画面の中央ではなく下の方にポップアップを表示してタップしやすくしています。
こういった扱いやすさはとても勉強になりますね。
Nadiall
つくりやすくておいしいレシピが集まる料理メディア

主菜や汁物、副菜など選択して献立が組み立てられる機能がすごいと思いました。またUIを見ただけでその機能が理解できるのもすばらしいですね。
note
noteは文章、写真、イラスト、音楽、映像などの作品を配信するウェブサイトになります。

お気に入りボタンを押した際のポップアップ表示やフォロー中の項目がとてもわかりやすいですね。
hulu
Huluは映画・ドラマ・アニメ・バラエティを楽しめるオンライン動画配信サービスになります

検索のタブや絞り込み検索をタップした際の表示方法など、わかりやすくて参考になりました。表示もコンパクトでとても見やすいですね。
SHEIN
SHEIN(シーイン)は中国のグローバルファッションブランドになります。

ランキングの表示方法、複数のランキングをカルーセルにしたものはあまり見たことがなかったのでとても参考になりました。
またコーデを作るといった珍しい機能もありこちらのUIも参考になりました。
まとめ
アプリとスマホサイトでは機能的にできることが変わる分、レイアウトやUIも若干変わることもありますが、部分的に見るとすごく参考になりますね。
アプリUIのギャラリーサイトを見たり、実際にダウンロードして参考にしてみるといいかもしれませんね。
Writer

suzuki
マンガがすこぶる好きなWebデザイナーです。
基本的に休みの日は泥酔↔寝るを繰り返す偏食のスーパー不健康人間です。