2016.03.10 | UX
UXランキング(航空会社編)の個別ランキング解説。第5位にランクインしたのはバニラ・エアですが、後に続くエアアジアジャパン・ピーチアビエーションを含め、5位~7位のLCC3社の評価は僅差となっています。

バニラ・エアのサイトは、良く言えば、ストレートでシンプルなデザインという印象ですが、一方で、全体的に手抜き感のあるUIという印象も受けます。

<バニラ・エア PC サイト>

例えば、ページの右上に配置されているハンバーガーメニュー。タブレットやスマートフォンなどモバイルユースを意識したデザインかと思いきや、実際にはページの真ん中にあるメニューリスト部分に遷移するだけなので、PCサイトで表示させる意味は余り無いように感じます。

<バニラ・エア PC サイトのメニュー表示>

一方、モバイルサイトでこのボタンを押すと、PCサイトに比べると「ハンバーガーメニューらしい動き」はしています。

<バニラ・エア モバイルサイトのメニュー表示>

ただ、表示されたメニューリストの中に、他のメニューとは全く見た目が異なる形で、ホテル・レンタカー予約に誘導する「バナー」が表示されてしまっているため、メニュー全体の統一感が崩れ、結果的に、メインメニューとサブメニューの関係など、表示されている情報の関係性が直感的にわかりづらくなってしまっています。

一方、PCサイトでは、通常の予約フォームに加え、ページ中央から行き先を選ぶと、自動的に日付や価格などを見ながら、搭乗便を選択できるようになっています。(就航地が少ないからできるという面もありますが。)

惜しむらくは、照会期間を「1ヶ月」にしても、どうやら当月末までの期間を表示する設定になっているようで、2/28に予約をしようとすると、翌日の2/29の1日分しか料金グラフが表示されない点でしょうか。とはいえ、各月の最低料金を横線で表示し、それぞれの日の料金がどのくらい高いかをビジュアルで分かりやすく表示している点は評価できます。

<バニラ・エア 搭乗便の選択画面(PC)>

一方、モバイルサイトにおいては、PCサイトのトップにある「予約フォーム」は表示させず、予約メニューに表示された選択肢をタッチしていくと、自然に予約完了までの流れをたどれるナビゲーションにしている点は、モバイルのユーザーエクペリエンスに対する考慮・配慮が感じられる作りになっています。

<バニラ・エア 搭乗便の選択画面(モバイル)>

Read more
2016.03.03 | UX
3月に入りましたが、UXランキング(航空会社編)の個別ランキング解説は、まだまだ続きます!(笑)

第4位には、格安航空会社(LCC)の草分けともいえるスカイマークがランクインしました。

サイト全体は、横幅も広く設定され、見やすく、使い易い作りになっているものの、その見た目からは、ちょっと時代から取り残されてしまったような古くささが感じられるのも事実です。最大の原因は、ビジュアルイメージの少なさにあると考えられます。

<スカイマークのPC サイト>

もちろん、航空券の予約や運行情報の確認といった「タスク」が簡単に実行できることは大切ですが、企業からのメッセージや、ブランドのイメージを効果的に伝えるためには、ビジュアルイメージの適切な活用も重要です。

近年、PCやタブレットの画面は大型化し、解像度も上がっていますので、画像や動画を効果的に活用することは、企業やブランドのイメージやメッセージを伝えるためにも有効です。一方、スマートフォンの小さな画面では、メニューやボタンなどにビジュアルイメージを適切に活用することは、単なる見栄えだけの問題ではなく、ユーザーエクスペリエンスの向上にもつながります。

そこで、スカイマークのモバイルサイトを見ると、確かに「スマホ対応」はされており、相対的には一定の評価を得る結果となりましたが、ご覧の通り、トップ画面は、必要最低限のメニューリストというデザインになっています。

<スカイマークのスマホサイト>

もちろん、モバイルサイトにおいては、タスクの遂行を最優先にするため、PCサイトよりも、掲載・搭載する機能や情報を絞り込むというのも一つの方法ではあります。

ただ、モバイルサイトで実際に搭乗便を選択すると、設定した日付の便名がリストで表示されますが、残念なことに、モバイルサイトでは便ごとの価格の違いを確認することができなくなっています。

<スマホサイトでの搭乗便選択>

スカイマークの場合、1つの便に対して、複数の料金プランが設定されているため、その全てをモバイルサイトで表示することは難しいと判断したのかもしれません。しかしながら、日付や時刻など細かな条件の選び方で価格が変わるというLCCの特性を考えれば、できるだけ価格の安い便を選びたいと考える利用者も多いはずです。

実際、このランキングで1位になったジェットスタージャパンでは、スマホサイトでも、搭乗便の選択による価格の違いが把握できるようになっており、スカイマークでも、例えば、代表的なプランの価格だけでも表示するなど、LCC 利用者の気持ちやニーズに応える工夫が欲しいところです。

さらに、モバイルサイトで搭乗便を選択した後、個人情報を入力するページに遷移すると、画面の左上に「便追加」というボタンが表示されます。

PCサイトを見ると、これは、例えば帰りの便もまとめて選択・予約できるようにするための機能だということは分かるのですが、スマホサイトでは、個人情報の入力画面で表示されるため、今ひとつ、このボタンの意味や役割が分かりづらくなっています。

<PC とスマホサイトで異なる追加便の選択画面>

スマホサイトでは、往路便の選択が終わると、すぐに個人情報入力ページに遷移してしまうことが一つの原因となっていますが、たとえば、PC サイトと同様、往路便の選択が終わった後で、【選択内容の確認画面】を表示するようにして、そこに「便追加」のボタンを表示するか、あるいはボタンの名前を「復路便の選択」といった形に変えることで、利用者が迷うことも少なくなるのではないでしょうか?

スカイマークのサイトでは、PC サイトとモバイルサイトで、提供・掲載する情報や機能を、どのように使い分けるのかについての考慮が不充分であるため、見た目はスマホ対応されているにもかかわらず、モバイルサイトのユーザーエクスペリエンスが犠牲になっている点が散見されます。

Read more
2016.02.25 | UX
先日、『ユーザーエクスペリエンス(UX)脳の鍛え方』というコラムで、羽田空港を題材に、普段から自社のウェブやアプリ、あるいはサービスの使い勝手を、ユーザーの視点に立って考えてみるという能力を鍛えておくことの大切さについて書きました。

その際にも書きましたが、『UX脳トレ』の題材は、みなさんの意識の持ち方次第で、日常生活のあらゆるところに転がっています。そこで、今回はスポーツクラブでのある体験から、UXについて考えてみたいと思います。

筆者が通っているスポーツクラブでは、受付を済ませると、会員証と引換にロッカーの扉に差し込むカードが渡されます。(このカードを差し込まないと、ロッカーのカギがかけられないので、一人で複数のロッカーを使うことはできないようになっています。)

ところが、先日、ロッカールームで困っている様子の人がいたので話を聞いてみると、『自分のロッカーが誰かに使われている』とのこと。このスポーツクラブでは、別途契約をしない限り、自分専用のロッカーというのは無いので、おかしいなと思い、改めて、この方が手に持っていたカードを見て納得。

<受付で渡されるカードにも番号が>

受付で渡されたカードには番号が振られているため、この方は、同じ番号のロッカーを使わなければならない、と勘違いしたのです。実際には、このスポーツクラブの場合、カードの番号とロッカーの番号の間には何の関係もないので、みな、空いているロッカーを見つけてカードを差し込んで使っています。

しかし、ゴルフ場などの施設では、受付でロッカー番号が書かれたカードやキーを渡されることも多く、カードに番号が書かれていたら、ロッカーの番号と結びつけて考えても不思議ではありません。

このように、ある環境や場面において、人々が自然に『これはこういう意味なのだろう』と考えることを、『アフォーダンス』と言います。ドアの取っ手に関する話は、『アフォーダンス』を考える身近な例として、よく取り上げられていますので、聞いたことがあるかもしれません。

<ドアの取っ手のアフォーダンス>

このドアは押して開ける構造になっているのですが、おそらく『引いて開ける (ために取っ手が付いている)』と考える人が多いので、仕方なく、後から 【PUSH】というシールを貼ったのでしょう。

これはドアに限った話ではなく、ウェブサイトやモバイルアプリなどでも同じです。『アフォーダンス』を無視したデザインや設計は、人々に戸惑いやフラストレーションを与えることになり、最終的には、離脱者を増やしてしまうリスクを高めてしまいます。

快適なユーザーエクスペリエンスを考える基本は、”Don’t make me think.”

つまり、考えなくとも直感的に分かる作りやデザインになっていることが重要であり、そのためには、日頃から、利用者の立場に立って考える『UX脳』を鍛えておくことが大切なのです。

Read more
2016.02.18 | UX
UXランキング(航空会社編)の個別ランキング解説。日本航空(JAL)に続いて3位に入ったのは全日空(ANA)のウェブサイトでした。

ANAのウェブサイトも、昨年5月にリニューアルされましたが、正直、最近リニューアルされたサイト、とは感じにくい古さが残っているという印象を受けます。ウェブサイトの上部には、”Inspiration of Japan”というタグラインも記載されていますが、サイト全体を見ても、このタグラインを体現するようなブランドメッセージが表現されているとは言いがたい状況です。

<ANA ウェブサイトのトップページ(PC・モバイル)>

フライトの検索結果のページは、前回ご紹介したJALに比べると、情報も見やすく、「最安値」で利用するための情報も、JALに比べるとわかりやすく表示されています。

ただ、PCサイトの上部に適用料金の条件が記載されていますが(=赤い点線で囲った部分)、「予約変更」「払い戻し」といった項目と離れて、太線で囲まれた中に「可(手数料あり)」と書かれているため、これが何を指しているのか非常にわかりづらいレイアウトになっています。

<フライトの検索結果(PC・モバイル)>

また、モバイルサイトでは、最安値で利用できる往路と復路の組合せを一覧から確認・選択できるようになっているのに対し、PC サイトでは、検索された往路・復路それぞれの日程中で、最安値のフライトが表示される仕様になっているというバラツキが見られます。

第1位のジェットスタージャパンや、JALの解説の中で紹介したキャセイパシフィック航空などの例をみても、最安値で利用できる日程の選択を容易にする仕様になっているのは、今後、さらに激化が予想されるLCCとの運賃競争も意識しているためと考えられます。そういう意味では、ANAについても、フライトの選択画面については、モバイルサイトの仕様をPCでも採用した方が良いように思われます。

なお、国内線の予約について、2か月より先の日付を選ぶと「エラーメッセージ」 が出てきます。実際には、2ヶ月より先の予約は、料金体系が変わるため、通常の予約プロセスでは対応できないということなのですが、ここで「エラー」を出してしまうと、予約はできないと諦めてしまうユーザーも少なからず出てくることが懸念されます。

<2 ヶ月より先の予約に関する案内>

エラーメッセージの下を見ると「2ヶ月より先のご予約に関する詳細はこちら」 というリンクがあり、PCサイトでは、2ヶ月より先の予約に適用される「旅割」プランの案内が出て来ます。

一方、モバイルサイトでは、レイアウトが崩れ気味のテキストによる案内のみとなっており、さらに、これを読んでも、結局、2か月より先の予約はできるのか、できるとしたら、どういう条件やプランになるのかも、今ひとつわかりません。

春休みやゴールデンウィーク期間中の予約をしておきたいと考えるユーザーも多い中、このモバイルサイトでの中途半端な対応が、特にJALに比べてモバイル対応という点で、評価を下げてしまった一因となっています。

一方、モバイルアプリについては、ANAは1つのアプリに機能を集約しており、このアプリを使えば、Apple Watchと連携した出発案内などの機能も利用できたり、また、アプリからモバイルサイトに遷移するコンテンツなどもメニューから確認できたりと、JALに比べて分かりやすい作り・構成になっている点は評価に値します。

Read more
2016.02.18 | ビッグデータ
宿敵・韓国を相手に劇的な逆転勝利を収め、リオ五輪・アジア代表最終予選を制した23 歳以下のサッカー日本代表。先日行われた深夜の熱戦を、固唾を飲んで見守った方も多いのではないでしょうか。

サッカーへの関心を高め、選手層の拡大という点でも、日本のサッカーのレベルアップに貢献したと言われるJリーグの発足から14年目を迎える今年。子供達の間では、野球よりもサッカーの人気が高く、少年野球チームのメンバーが集まらなくて困っている、といった話も聞かれます。

一方、プロに目を向けると、ここ数年、1試合あたりの観客動員数を順調に伸ばしているプロ野球に比べ、Jリーグは、興行的にはやや苦戦しているように思えます。

<Jリーグとプロ野球の1試合観客動員数の推移>

ちなみに、年間の総試合数は、Jリーグの306試合に対し、プロ野球は858試合(いずれも2015年)と2倍以上の開きがありますが、Jリーグ・プロ野球、それぞれについて、1試合あたりのブログやTwitter への書き込みの回数を見ると、ブログは232回 vs.229回、Twitterは、399回 vs.313回と、いずれもJリーグがプロ野球を若干ですが上回っています。(ホットリンククチコミ@係長のデータから。なお、Twitterについては、1/10のサンプリング調査。)

こうしたクチコミデータを見る限り、Jリーグへの関心が、プロ野球に比べて著しく低いとは思えないのですが、誰が、どこでブログの書き込みをしたのかをもう少し詳細に調べてみると、両者の差が少しずつ見えてきます。

<地域別ブログ書込数の比較>

Jリーグは、地域密着を掲げ、プロ野球よりも広く全国に根を張っているイメージがありますが、一方で、ブログの書込数を地域別に見てみると、Jリーグについては、関東地方からの書込が全体の約47%を占めており、プロ野球(約42%)よりも、Jリーグの方が、都市への集中傾向が高いという結果が出ています。

また、一見すると、Jリーグの方が選手のファッションや髪型も自由・多彩で、女性からの人気も高そうな気がしますが、実際には、下図の通り、プロ野球の方が、女性による書き込みの割合は高くなっています。

<男女別ブログ書込数の比較>

これらの結果は何を意味するのでしょうか?

確かにJリーグのチームは、プロ野球チームのない府県にも、多数本拠を構えていますが、プロ野球でも、球団買収を機に、本拠地を福岡に移した当時のダイエーホークスが、地域に根を張るため、様々な営業努力を重ねたと言われています。

また、楽天や日本ハムも、それまでプロ野球チームの無かった東北や北海道に本拠地を構えましたが、それだけではなく、メジャーリーグでも活躍できるような有力選手を獲得し、ついにはリーグ優勝も果たすなど、人気・実力を兼ね備えた球団への成長する中で、地域球団としても存在感を増していきました。

また、プロ野球観戦といえば、おじさんの専売特許というイメージがありますが、一昨年は「カープ女子」という言葉も流行るなど、球場に足を運ぶ女性も増えているようです。これも、積極的なグッズの販売や、広島への観戦ツアーを企画するなど、球団側の努力と工夫の結果と考えられています。

こうしてみると、Jリーグ活性化のヒントも『地方化』と『女性』にあると言えそうですが、その実現には、チームの人気・実力を高めるための、いわば「商品開発」と、チームへの関心や注目を高めるための「プロモーション」という、マーケティングの努力が不可欠だと言えそうです。

Read more