オリンピックチケット予約購入の分かりづらさをUIの観点から解説

分かりづらい9つのポイント

1.購入ページが見つからない

まず数分間、購入ページが見つかりませんでした。

自分は元々ユーザー登録をしていました。

google検索して東京2020観戦チケットのページを開くと以下のようになると思います。

東京2020公式チケット販売サイトへというボタンがあります。

「ん？これがすでに販売サイトじゃないの？」って思ったのとビュレット（＞←これのこと）の一なんで左なん？って思ったのですがとりあえずボタン押下しました。

先ほど見た「5/28まで」のメインビジュアル再び。さらにカルーセルになってますがこの画像自体はリンクしていません。次の画像に送ってみてもチケットが買えそうな導線（誘導のこと）なし。

2.絞り込みが非リアクティブ

リアクティブとは簡単に言うと変更すると表示が更新されるということです。

チケットを選んでみます。
水泳を選んでみました。

やはりでメダルセッション（引用：メダルマークが付いているセッションは、　メダリストが決まるセッションを指します。）で絞りたいとします。

チェックボックスを入れても、検索結果は変わりません。

その他エリアや協議を変更してもリアクティブでないため検索ボタンを押さないと更新されないのです。
チェックや選択をしただけで表示が更新されればユーザーのアクションが一つ減るのでシームレスです。

3.そもそもなぜ複数選択ができる？

4.一括で買えない

5.ラベルが分かりづらい

6.別タブできない

検索画面を残しておこうと別タブで開こうとしてctrl+クリックするのですが、同タブになっていまいました。

このように通常できる操作ができなくなるのはアクセシビリティ的によくありません。

7.内容が記憶されない

枚数・席の画面に行って戻るとすべてリセットされており、先ほど選択した検索結果は残っていません。

こちらにストレスを感じた人も多いはず。

8.買えたのかわからない

これがひどい。。スクショしてないので画像はないのですが、購入すると何もなくTOP画面にいきます。

購入されたのかなと思うと購入はされておらず、自らカートに行くと申込み内容確認ボタンがあり、それで初めて購入になります。

なぜ何の案内もなくTOPに戻されるのかわかりませんでした。

追記：買ったつもりが買えてないという人が続出したそうです。

いや〜。
東京2020のチケットの抽選結果を楽しみしていて、なかなかメール来なくて、マイチケット見ても購入できないから落選かな〜っと思ったら、そもそも抽選申込受付を完了していなくて、抽選以前の問題だったことに気づいた。
こんなの僕くらいですかね・・・。
なんか落選の2倍凹んだ感じだわ。

— 吉本集 / フロントエンドエンジニア (@tsuDoi220) June 20, 2019

自分と同じ職種の方でもこのような事態に陥ってしまうので、割と罪深い仕様になってしまってると思います。

9.ステップがない

フォームには決まってSTEPがあって今現在何をしていて次はなにをする？という表示がだいたい上の方にあるサイトが多いです。ユーザーが迷子になるのを防ぐわけですね。
それが購入ページ、枚数・席の画面にありませんでした。

が、なぜかカートにはあるんですね。。

まとめ

以上、UI、アクセシビリティの面からオリンピックチケット予約の分かりづらさを解説してみました。

サイトは本当に使いやすいサイト使いにくいサイトが存在していて、ちょっとの気づきが使いやすさに繋がっていきます。

今後もどんどん使いやすいサイトは求められると思うので、意識してサイト作っていきましょう！