ホーム » UX Design » UX-design #Day24(Booking.com) #6

目次

UX-design #Day24(Booking.com) #6

目次

Booking.com 予約画面をトレースしてみた!

22日目です。今日もBooking.comの画面をトレースしました。今回は予約履歴の完了画面をトレースしました。ここは、使いますね。直近の宿泊情報からどんどん過去に遡っていくことができて便利ですね。では、気づいたことを共有します。

【UI/UXの観点から気づいたこと】

  • まず、気になったのはヘッダーにあるアイコンです。お馴染みのヘルプマークはこの画面など予約について解説が見られそうだと想像がつきますが、その隣のアイコンはどうでしょう?このアイコンはなにができるのか想像がつきませんでした。タップしてみましたが、結局何に使えるのかわからず、このトレースをしていて一番中身が不明なものでした。このようにわかりづらいものはテキストボタンの方が明確だと思いました。
  • どの画面でもタブは統一されているようです。「未完了」「完了」「キャンセル済み」というタブがありますが、この幅は押しやすいと感じます。
  • 予約ごとにチャンクに分かれていて、情報の認識のしやすさが高いですね。普通はリストになりそうなところがカードになっているのがUI的にも良いですし、画面の左の方に線があって、繋がっているのがわかりやすいUIで面白いです。
  • この画面に来るのは、過去に泊まったところで良かったところを見つけるという作業かもしれないです。なので「この宿泊施設を再予約」というボタンがあり、ユーザーのニーズに応えていると思います。あえて追加する機能があるとしたら、これだとどれが良かった宿泊施設だかわからないので、スターをつけられるなど個人的によかったものを区別できる機能があると良いかもしれないです。

私がトレースしたものについて気づいたことやアドバイスがあれば、コメントいただけると嬉しいです!

またみなさんがこのアプリの画面で気づいがUI/UXについて共有いただけると嬉しいです!!

コメントを送る

世界をUXデザインでより良くする
UXコピーでより良くする
明日も一緒に