架空UI/UX改善提案（ECサイト）

【所要時間】約15時間

【使用ツール】figma / Photoshop

目次

①要件

②UI/UX改善提案

③制作を通して学んだこと

④工夫したこと

①要件

・改善前デザイン

②UI/UX改善提案

・課題①【ほしい商品が見つけづらく、商品をカゴに入れずに離脱している人が多い】

・改善したデザインカンプ・課題②【フォームでの離脱率が大きくカートに商品が入っても購入完了まで至っている人が少ない】

・改善したデザインカンプ

③制作を通して学んだこと

・UI/UX改善における一連の流れ

最初に課題に対する要件の仮説を立てて、改善アプローチを考えるという流れを身につけることができました。その中で色々なサイトを参考にして、ペーパープロトタイプを書き出すことでより自分の中にデザインのイメージを落とし込むことができ、デザインに至るまでの要件の洗い出しや、デザインイメージの収集などの作業がとても大切であることがわかりました。

・UIデザインのパターン

　また主観的に考えるのではなく、客観的視点を持って考えることが、誰でも利用しやすいUIデザインに繋がると思いました。制作していく中で、わかりやすいデザインのパターンをいくつか吸収することができました。ボタンの配色や文字サイズ、また必要な情報のパターンも知ることができ、理解が深まりました。

④工夫したこと

提案資料を実際にクライアントに提案するつもりで制作しました。見出しと本文の差別化や、文章をできるだけ必要最低限の文字数にするなど、基本的なことをしっかり抑えることで、すぐに情報が入ってくるような資料制作に努めました。

　解決方法の概要部分では、改善した箇所だけでなく、改善したことによって何が達成されるかの理由づけも意識して、説得力が出るように工夫しました。