【UI/UX改善】ECサイト~SHE loves~
デザインを主軸としたSHElikes Pro デザイナーの課題でUI/UX改善に取り組みました。 既存のWebサイトにおいてクライアントが感じている課題をFigmaを用いて、UI/UXデザインにより解決することに挑戦しました。
制作情報
【制作時間】2週間
【使用ツール】Figma / Photoshop
制作物
・ECサイト「SHEloves」のUIUX改善提案資料 (PDF)
要件定義
課題①
課題 / 原因 / 解決の要件 / ペーパープロトタイプ
完成したUI（解決方法）
課題②
課題 / 原因 / 解決の要件 / ペーパープロトタイプ
完成したUI（解決方法）
課題③
課題 / 原因 / 解決の要件 / ペーパープロトタイプ
完成したUI（解決方法）
その他改善案
頑張ったポイント/工夫したところ
・まずは、自分自身がこのサイトを使うユーザーになった気持ちで見るようにしました。
すると、どんどん使いにくい部分が見えてきて、改善案を思いつくことができました。
・課題３つとも別々に切り分けられているように見えますが、繋がっているので、一気にUIを変更させました。
・今の課題だけではなく、未来につながるような改善案をも考えて提案しました。
・様々なECサイトで購入画面までリサーチをして、今回の改善案の参考にしています。
学んだところ
・色や形のデザインだけでなく、ユーザーにとってわかりやすく「直感でどのように操作するかわかること」や「ストレスなく最後までサイトが使えるか」に着目して、サイトを作り上げることで、売上アップや、購買体験につながることを学びました。
・UIを改善するにあたり、課題を見極め、要因→要件の順番に仮説を立てて取り組むことで、効果的なUIに仕上がることを学ぶことができました。
・Figmaを初めて使用しましたが、Figmaでの資料作成の方法など実践的に学ぶことができ、これからももっと積極的に使用していきたいと思っています。