UI/UX 改善

Design

SHElikes PROデザイナーコース 課題⑥は、宿泊サイトの改修を行いました。

工夫した点

01. 予約完了までのステップ減らす
検索をお部屋と宿泊日数で一度で検索するようにし、ディナーもレストランの空き状況が必要なので、ここで選択してもらう。ディナーの詳細はポップアップ表示に。

02. 宿泊プランを見やすくする
カードに写真を入れてイメージしやすくし、プランも検索して利用目的を絞れるようにする。検索結果をポップアップでのカルーセルにして比較しやすくする。

03. お客様情報の入力をわかりやすくする
入力例を表示して入力する内容をわかりやすくする。条件検索で設定した宿泊人数や郵便番号から住所は自動入力するなど、入力の手間を少し減らす。入力エラー時はどこに誤りがあるかを明示する。

04. 戻るボタンを追加する
戻るボタンがない現状だと変更したい場合、1からやり直しになってしまう。戻るボタンで変更したいときはスムーズにいくようにする。