■PART/ 調査 情報設計 ビジュアルデザイン 各画面図作成
■デザインの特徴
情報設計では、各情報の優先順位を基準に各情報の表示方法を検討し、優先度の低い情報はアイコンやアコーディオンなどのUIコンポーネントを利用して一覧性を担保した。 グランドデザインでは、企業のイメージカラーをベースに、シンプルかつ安心感の持てるデザインを行い、クライアントの企業イメージを表現し提案を行った。フラットデザインが強め、且つIOS10の強調箇所のウェイトを強めるフォントの使い方で視認性の高いデザインになっている。直感的にモバイル的に操作きるデザインが特徴。
■タップとワイプの併用でシンプルな表示、多様な操作
カートリスト(右側のリスト)はコンテンツのタップでメニューがアコーディオンで表示、スワイプで削除。商品選択(左側のコンテンツ)は左下の戻るボタンを付けることでモバイルアプリの操作感を与える。
■検索は履歴も加えた複雑な対応も可能に
Apple Musicに近いカテゴリー、キーワードの選択の方法としており、メニュー部を操作せずにコンテンツ部のみで商品まで辿ることができる。上部検索の上段は親カテゴリ+ソート、下段はカテゴリ+キーワードのファイル併用の検索ができる形としている。