ホーム » UX Design » UX-design #Day20(Booking.com) #2

目次

UX-design #Day20(Booking.com) #2

目次

Booking.com マイアカウント>特典画面をトレースしてみた!

20日目です。今日もBooking.comの画面をトレースしました。今週はBooking.comでUIの練習をしていきたいと思います。特典画面って嬉しくなりますよね!しかもこれは自分だけの特典って思い込むことができてしまう、、なんて罪な。こういう嬉しいものがあるのでついつい使ってしまうんです!!私はGeniusです笑 では、気づいたことを共有します。

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

  • UXの観点から、こういう特典があるとユーザーは喜ぶということがわかっていますね。ゲーム感覚でこのアプリで予約すればするほどランクが上がって得点がもらえる。これも一種の報酬系ですね。ですが、この特典はBooking.comのブランドに沿った形で提供されているのも良いと思いました。個人的にブランドがカバーされているのは、Geniusという言葉の背景画像と「ーどうぞお楽しみください」というコピーですね。本物はラグジュアリーなホテルの画像ですが、それがプレミア感を感じさせホテルの受け付けのような文言で素敵な特典に魅せているのがすごいです。
  • 「ーさんは現在ーレベルです!」というところで、アカウント名を表示させ自分のものであることを強く意識させるのは大事ですね。また、レベルを表示しているのも、いまどのレベルか、自分の立ち位置がわかるのも良いと思います。
  • やはり宿泊サイトで気になるのは金額、かつどれくらいお得になるかがユーザーにとっては最重要といってもいいくらいに重要です。なので一番下にこのアプリを使ってどれくらいお得になっているのか、という情報が表示されています。ちゃんとユーザーのインサイトが見えているなと思いました。
  • この画面で唯一のアクションが「次の旅を検索」ですね。この位置に固定されているのがお見事ですね。まず画面上から、特典あげるね→今あなたはレベルこれくらいだよ→特典でこのくらいお得になったからさ→また予約しようというストーリーができています。このようにシンプルでスムーズな誘導ができる画面を自分も作れるようになりたいです。

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

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

コメントを送る

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