以前にUI/UXデザイン制作の参考に!見てるだけでも楽しいアプリデザインのギャラリーサイト9選という記事でアプリに関連するUI UXの参考サイトを紹介しましたが、今回も個別に紹介したいと思います。

目次

Collect UI

Collect UIは、Ahmet Sülek氏によるサイトで、Web及びアプリの様々なデザインやイラスト、およびUI / UXをパーツ別にコレクトしたギャラリーサイトです。 ざっとですが、こんなパーツデザインがまとめられています。

  • サインアップ
  • チェックアウト
  • ランディングページ
  • 計算機
  • アプリアイコン
  • ユーザープロフィール
  • 設定
  • 404ページ
  • ミュージックプレイヤー
  • SNS共有
  • カウントうダウンタイマー
  • オン・オフスイッチ
  • 検索パーツ

http://collectui.com/

UI UXデザインサンプル

いくつかのパーツ別UI / UXのデザインサンプルをピックアップしてみたいと思います。 アプリアイコンのデザインです。人気順に見ることができますのでどんなアイコンが人気かのトレンド傾向も探れますね。

 

アプリアイコンのデザイン

 

 

ユーザープロフィールのデザインは、ユーザーが最初に没頭する大事なパーツの一つです。

 

ユーザープロフィールのデザイン

 

 

サービスを拡散させるためには、必須なSNSへの共有ボタンデザイン。

 

SNSボタンデザイン

 

 

数値をチャートで見せることによって、ユーザー理解を深めます。

 

チャートのデザイン

 

 

ユーザーのモチベーション高めるという意味ではランキング・スコアボードも重要な要素の一つといえます。

 

ランキング・スコアのデザイン

 

 

検索の表示の仕方一つでもユーザーのUXは違ってきます。

 

検索ボタンのデザイン

 

 

 

ドロップダウンも遊び心一つで、だいぶ違ったものになります。

 

ドロップダウンのデザイン

 

 

ついついお問い合わせに関するパーツのデザインは後回しにされがちです。

 

お問い合わせのデザイン

 

 

フォームはコンバージョンにつながるので、ユーザーに労力を掛けさせないようなUI / UXにしたいところです。

 

フォームのデザイン

あわせて読みたい記事