UIUX改善提案（ECサイト）

【所要時間】合計 約15時間（情報設計・プロトタイプ作成：10h、デザイン制作：5h）

【使用ツール】Figma

目次

①課題概要
② UIUX改善提案
③ 工夫したこと
④ 制作を通して学んだこと

①課題概要

※SHE likes MULTI CREATOR COURSE Designer 実践課題より引用

◆依頼資料

◆基本デザインルール

② UIUX改善提案

◆Figma

◆提案資料

課題が発生している要因を検討し、それぞれの課題要因に対する解決要因を提案する資料を作成しました。

〈課題１〉

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

〈課題２〉

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

③工夫したこと

・既存ECサイトの改善提案のため、既存のトンマナルールに則り、UIパーツを制作する

　ことで、ブランドイメージを崩さないようにしました

・ファッションや雑貨など同じジャンルのECサイトを多数参考にしました

・ペーパープロトタイプをデジタル手書きツールで作成することで見やすくしました

・提案資料の課題発生要因と解決要件を番号で結び付けて、クライアントがわかりやすい

　ようにしました

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

◆UIUX改善の一連の流れ

課題が発生している要因・それぞれの課題要因に対する解決要因を検討し、UIによる改善方法を考え、実際にデザインに落とし込み、提案資料を作成するという一連の流れを学びました。

また、まずペーパープロトタイプを作成してきちんと検討しておくことで、実際の提案資料作成がスムーズになることを学びました。

さらに、Figmaでデザインカンプを作成することで、クライアントと簡単にURLを共有できることを学びました。

■ECサイト改善の一般パターン

課題に取り組むなかで、多くのECサイトを参考にしたので、「トップページ」「ログイン」「会員登録フォーム」「買い物カート」などページごとに必要な要素やパターンなどを学びました。