WEBサービスCocodaでUIデザインの勉強
OVERVIEW
単なる商品ページの作りこみだけではなく、最終的に欲しい！と思わせるレイアウトも大事だとのポリシーからこのサービスを利用。一般的には普及しているAdobeXDを使ったUIデザインを現職では行わないため、AdobeXDのスキルを身につけるため独学で勉強しています。
テーマは、アパレルECサイトのカート投入画面のUI作成です。メインビジュアルで着用シーンを複数見せ、それを際立たせるため価格などそれ以外の情報を抑えめにしシンプルにまとめました。ネット通販だからこそ気になる、購入者のレビュー評価は大事なポイントなのでメインビジュアル下に配置。カートボタンとお気に入りボタンは下にスクロールすると追従する想定です。
反省すべき点はユーザーがいざ買う時に気になるであろう送料やお届け目安の配置が無かったこと。「キレイに見せる」ことと「購入時の負荷を減らして買いやすくする」ことのバランスが難しいと感じました。
初めてAdobeXDをダウンロードした後に作った処女作。Instagramの模倣です。こうやって作ってみると、余白の取り方、キーアイコンのユニバーサルデザイン感、親しみやすいイメージを出すプロフィールアイコンの形状など、随所に創意工夫がなされていることを肌で感じて大変勉強になりました。