架空UI/UXデザイン改善提案/UI/UX Improvement(架空ECサイト)

OVERVIEW

SHElikes MULTI CREATOR COURSEの一環で架空ECサイトのUI/UXデザイン改善提案の課題に取り組みました。クライアントが抱えている課題が発生している要因を考え、それを解決するUIを考え、提案しました。

YEAR 2022

【改善したUI (提案数:3点)】

【要件】

【解決する課題と改善提案】

課題①:一回の購買における購入商品数が平均1個となっており、購入単価が低い

Figma URL: https://x.gd/1JfiU

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

Figma URL: https://x.gd/PLc0e

【頑張った・工夫したポイント】

●課題を解消する方法を「必須要件」と「推奨要件」に分けることで本当に必要な情報・機能が分かるのでその後の作業がスムーズになりました(どうUIを改善したらいいのかがはっきりしている)。

●元のデザインの世界観や基本的な構造を崩すことないデザイン、また、準備されているルールに沿うような形でUI改善できるよう、配色含め統一感を意識しました。また、様々なECサイトやアプリを参考にして、「良い」(=課題を解決するだけでなく、ユーザーにとって使いやすい、見やすい)UIデザインのアイデアを取り入れるようにしました。

【課題を通して学んだこと】

今回の課題では情報設計の重要性を改めて学びました。ユーザーがどのタイミングで、どのような情報を得るかでECサイトの売上に直結するものだと感じました。ペーパープロトタイプの時点で検討していたデザインを実際にFigmaで同じように再現してみても、全体を見るとちょっとバランスが取れていなかったりしたので若干の変更を加えた部分もありました。