【制作者インタビュー】UI設計とアクセシビリティ対応のポイント：阪神甲子園球場チケット販売サイトリニューアル

ディレクターT：はい、阪神甲子園球場の公式チケット販売サイト「甲チケ」のリニューアルをお手伝いした案件です。新しい購入方法を設けたり、座席選択の利便性を高める改修です。

T：そうですね。一般のチケット販売サービスでも購入できますが、甲子園オフィシャルのチケット販売サイトが「甲チケ」になります。他には春夏の高校野球の観戦チケットなども購入できます。

T：はい、具体的な数字はわかりませんが、そうなると思います。

T：システム部分を除く、フロントまわりのビジュアルデザイン、ユーザインタフェース（UI）デザイン、WEBシステム向けのHTMLコーディング部分になります。

T：はい、システム部分は別の開発会社様が担当されています。以前はスマートフォンに対応していなかったので、スマホ対応も大きなポイントでした。

T：本件は日本語だけです。そういう意味ではアイ・ディー・エーでは珍しい事例かもしれません。

T：そうですね。映画館やコンサートのチケット購入と似ています。

T：はい、座席に加えてチケットの種類などの購入パターンが複数あり、それらを「日付から」や「チケットの種類から」などの切り口で購入する座席を絞り込んでいきます。

デザイナーO：リニューアル前のからのベースのシステムは存在しているので、基本的な流れが決まっている部分はありました。新しく追加された機能や画面も、既存フローと合わせて操作して違和感が出ないよう、デザインを進めていった感じです。

O：「こう画面遷移してきた人は、この情報を必要とするはずだ」「この画面ではこの情報がすぐ目に入らないと、不安に思う人がいるはずだ」という利用者の使用感を大切にしています。そこを先回りしてデザインに反映するような。

T：システム的な制約もありましたね。

O：表示できるボタンの種類や使用できる色などの制約がある中で、正解を探すカンジでした。おそらくスマホからの利用が多くなると思ったので、モバイルでの表示に特に注意を払いました。

T：はい、個人的にも取り組んでいる分野なので、できる部分は仕様に反映しています。ローテーションバナーに一時停止機能を加えたり。

O：デザイン面では、ボタンはわかりやすい形状で押しやすくする、色だけで判断しないといけない箇所を無くすなど、なるべく多くの人にわかりやすい画面になるように配慮しました。

T：あと、アクセシビリティに関わらず通常から気を付けていることですが、「この画面で何をするべきか」のようなガイドになる説明は入れるようにしています。

T：やはり大きな仕組みなので関係者の方も多く、様々なご意見を1つの案にまとめていきました。リニューアル前からの利用者の方にもなるべく戸惑いのないような配慮も必要で、制作サイドだけではわからないことも多かったです。

O：私は普段のウェブサイトのデザインより進めやすかったです。

O：本件では「試合のチケットが買いやすいこと」が正解で、どうすればその正解に近づくか、を考えればよかったので…

O：はい、例えばウェブのランディングページも目的が明確に決まっていますが、何をどうアピールするか正解が１つではないので、やはり迷うこともあります。本件については、「使いやすいこと」を目指してUIデザインを詰めていくことに集中できました。

T：甲子園球場様の案件はこれまでにも複数担当させていただき、お客様にもアイ・ディー・エーのデザインを評価いただいている、ということはありました。