【実践課題】架空UI/UX改善提案（ECサイト）

制作ツール：Figma

制作範囲：ペーパープロトタイプ・Figmaでのデザインカンプ・提案資料

制作期間：約2日（8時間）

【目次】

1. 要件定義

2. 作成した改善提案資料（制作物）

3. 工夫した点

4. 制作を通して学んだこと

1. 要件定義

■ 課題の概要

顧客の購買体験を良くするとともに売り上げを伸ばすことを目的として、既存のデザインルールに従い、UIUX改善に取り組む。解決案を提案資料として作成する（3つの課題の中から2つ選び、改善提案を行う）。

2. 作成した改善提案資料（制作物）

■ 課題１の提案資料

フォームでの離脱率が大きく、カートに商品が入っても購入完了まで至っている人が少ない

■ 完成したUI

入力例や郵便番号の自動入力機能を追加することで、どのように入力すればいいのか迷わないよう工夫しました。また、入力ミスがあった場合は、入力直後にエラーメッセージを表示することで、修正箇所を探すユーザーの負担を削減しました。

■ 課題２の提案資料

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

■ 完成したUI

検索機能のモーダルを追加したことで、どのページからも商品を検索できるようにしました。また、商品をカテゴリー別に表示することにより、欲しい商品が見つかりやすくしました。

■ 制作したUI（全体）

3. 工夫した点

クライアントの課題について、ユーザーに「どうやって入力するのだろう？」「何を書けばいいのだろう」と思わせてしまわないように、直感的な操作性を意識して考えました。その上で、他のサイトを比較研究し、共通する項目やユーザーにとって使いやすい仕組みを探し出してデザインに落とし込みました。

4. 制作を通して学んだこと

ユーザーが直感的に理解しやすいデザインは、ある程度共通しているということがわかりました。「デザインとは、目的を達成するために設計すること」という基本に立ち返れば、ユーザーに積極的に利用してもらう心地いいサイトを作るためには、決して「一風変わった」デザインであってはいけないと改めて感じました。figmaの使い方も改めて学べたので、充実した期間となりました。