組み込みエンジニアの現場力養成ドリル（29）

改善された!?　難易度高めの『京急蒲田駅』と『JR渋谷駅』のUIを再査定（1/2 ページ）

2019年のはじめに、本連載で京急蒲田駅とJR渋谷駅のユーザーインタフェースが、利用客に対して優しくないことを解説しました。あれから1年半。本来であれば東京五輪が開催されていたはずの今、両駅のユーザーインタフェースは改善されたのか？　再び訪れてみた。

公開 2020年07月30日 09時32分

更新 2021年03月17日 15時52分

著者

山浦恒央　東海大学大学院組込み技術研究科非常勤講師（工学博士）

[TechFactory]

印刷する連載新着通知を受け取る

　2019年1月7日公開した本連載コラム「パニック間違いなし!? 難易度高めな『京急蒲田駅』がUI的に絶対NGな理由」で、京急蒲田駅のユーザーインタフェースが分かり難く、初めて利用する客に超難解である理由を写真入りで解説しました。また、返す刀で、それに続く2019年2月2日公開コラムでは、「銀座線が消えた!? 初心者泣かせなJR渋谷駅の方向表示板のワナ」と題し、JR渋谷駅のユーザーインタフェースが良くないことも写真で細かく説明しました。

　2つの駅のUIの苦情を書いてから、1年半が経過しています。当時は、新型コロナウイルスはまだ出現しておらず、両駅とも東京オリンピックに向けて、海外からの観光客にも分かりやすいUIになるよう、取り組んだはずです。オリンピックは延期になりましたが、UIの改善は、事前に予算を組んであるので、実施したに違いありません。

　先日、京急蒲田駅に行く所用があり、そのついでに、どのようにUIが改善されたかをチェックしました。その勢いで、用事もないのにJR渋谷駅へ行き、どう変わったか、「リットン調査団」の一員として渋谷も「視察」しました。

京急蒲田駅の場合

　京急電鉄の京急蒲田駅は、「品川～横浜間の主要通過駅」であり、「羽田空港線の始発駅」であるため、京急電鉄で圧倒的に重要な駅です。毎日の通勤客だけでなく、羽田空港へ直接乗り入れているため、初めて京急蒲田駅を利用する海外の観光客が非常に多く、駅の構内の案内図（ユーザーインタフェース）には、「日本語が母国語でない人にも理解できる」「シンプルで分かりやすい」ことが常に重要です。

図1：京急蒲田駅周辺の路線図

　京急蒲田駅の路線を2次元で描くと図1のように一見、単純です。実際の（3次元の）構造は、敷地面積が狭いため上方向に伸び、図2のように2階建てになっていて（正確には、1階が改札口で、2階、3階が乗り場）、非常に複雑に入り組んでいます。

図2：京急蒲田駅の実際の構造

　図1の「2次元平面図」を見ると何の問題もないように見えますが、“大きなトリッキーポイント”が、以下の通り3つあります。

横浜方面への普通電車が出る2番線と、品川方面へ行く普通電車が発車する5番線が「初心者」には見つからない（可読性が低い）
羽田空港へ行く路線が2階と3階の両方にある（機能が重複している）
1番線と4番線は、同一乗り場で正反対の方向に向かう電車が発着する（同じモジュールに正反対の機能が同居している）

初心者には、2番線と5番線が見えない

　図3と図4を見ると、2番線と5番線がありません（この写真は今回、撮影したものですが、1年半前と変わっていません。路線の番号を変えるのは大混乱を招きますので、出来ないでしょうが）。実は、両方の写真のずっと先に、「おまけ」のように、2番線と5番線がありますが、「初心者」は大いに悩みます。

図3：京急蒲田駅の3階の風景（横浜・羽田空港方面）。2番線がない……

図4：京急蒲田駅の2階の風景（品川・羽田空港方面）。5番線がない……

　図2で描いた京急蒲田駅の構造、すなわち、3階では、2番線と3番線が同じ線路を共有し、2階では、5番線と6番線が線路を共有している「機能共有」が分からないと、2番線と5番線は見つかりません。

　図4にエスカレータがあり、そのエスカレータ付近の写真が図5です。「初心者」が図5を見ると、「3階になぜ2番線がないの？」「奇数階には奇数番線があるの？　今、いるのが2階で、そこに4番線と6番線があって、柱にも22と書いてある……」と混乱します。

図5：京急蒲田駅の2階から3階へのエスカレータ。やはり、2番線がない……

　なぜ、案内板に2番線と5番線を表示しないのか、理解できません。どうやら、京急電鉄は、東京オリンピックをこの方式で乗り切るつもりのようですね。

　おそらく、「乗客の大混乱」を京急も分かっているようです。その「気持ち」が見えるのが図6の案内表示ですが、逆効果になっているように思います。図6の内容と同じ案内板をタイ語に変換したのが図7です（機械翻訳でのタイ語なので、正確ではありません）。理解できないタイ語の案内板を見ると、海外の観光客の視線で案内板を見ることができ、ダメなポイントがたくさん見つかりますね。

「2階ホーム」「3階ホーム」には英語表示がないので、意味が分かりません。
「1番のりば」は、数字の「1」があるだけで、「のりば」であることが分かりません。
「2（番のりば）」がないので、なぜだろうと混乱します。2番線と5番線は、見つけ難いのですが、5番線は表示してあるのに、なぜ、2番線を書かなかったのか、京急蒲田駅の意図が不明です。
なぜ、「4、5、6」ではなく、「4、6、5」なんだろうと混乱します。
「2階ホーム（英語表示がないので分からないのですが）」の4、6、5番線の全てに品川があります。日本人が見ても、どの線に乗ればいいか分かりません。
羽田空港へ行くには、3番線と4番線のどちらに乗ってよいか分かりません。これは、海外の観光客には深刻な問題です。

左＝図6：京急蒲田駅の構内の案内表示
右＝図7：タイ語（？）による同じ案内表示

羽田空港へ行く路線が2階と3階の両方にある

　図1の②（2階の4番線）と⑥（3階の1番線）の両方から羽田空港行の電車が発車します。どちらに乗ればいいか、海外から来た観光客は（日本人の初心者も）悩むでしょう。例えば、ＰＣの電源を落とす場合、「電源断」のボタンの隣に「シャットダウン」のボタンがあると、この2つはどう違うんだ？　どちらを選べばいいんだ？　と悩みますね。それと同じ現象が京急蒲田駅で起きています。同一機能を別モジュールで実装するのと同じことをしています。

　乗客から、多数の改善要望が出たのでしょう。それに対処するため、羽田空港に特化した案内板を設置しました。これを図8と図9に示します。この2つを比較すると、以下のようにいろいろ「混乱ポイント」が見えますね。

英語版で「3階ホーム」と「2階ホーム」が日本語になっています。2階から発車するのか、3階からかは非常に重要な情報ですが、それが伝わりません。
表示板の矢印「↑」の意味が、不明です。「前に行く」のか「階上に行く」のかが不明です。「←」も同様で、「別棟のホームへ行くのか」と勘違いするかもです。

左＝図8：羽田空港行の表示（日本語版）
右＝図9：羽田空港行の表示板（英語版）

1番線と4番線は、同一乗り場で正反対の方向に向かう電車が発着する

　これも、1年半前と変わっていません。1本の線路で、上りと下りが発着します。駅の敷地面積が狭いための苦肉の策ですが、単線の鉄道でない限り、まず、見ない運用ですね。

なぜ、こんなに分かり難いのか？

　京急蒲田駅を初めて利用する乗客が混乱する最大の理由は、図2に挙げた京急蒲田駅の構造が分からないためです。これが分かれば、案内板に書いた情報の意味を理解できます。私なら、ユーザーインタフェースの観点で、構内の構造を分かりやすく大きく表示します。

　実は、京急蒲田駅で、これを表示していました。それが図10と図11です。図10の時刻表の下に、「構内の構造の詳細図」が載っています（図2の詳細版です）。残念なのは、図11からも分かるように、英語表示がないことです。これでは、海外から初めて来日した観光客には分かりません。

　以上から、京急蒲田駅のユーザーインタフェースは、1年半前に比べて、改善は見られないように思います。

左＝図10：駅名表示板
右＝図11：駅名表示板の拡大図（駅の構造図）

次ページへ JR品川駅&JR渋谷駅の場合

印刷する

組み込みエンジニアの現場力養成ドリル

このコラムでは、組み込みエンジニアが日々の開発で実際に遭遇する「小さなトラブルを」取り上げ、演習形式で解説します。

連載新着通知を受け取る

この連載の記事をもっと見る

この記事の著者

山浦恒央　東海大学大学院組込み技術研究科非常勤講師（工学博士）

1977年、日立ソフトウェアエンジニアリングに入社、2006年より、東海大学情報理工学部ソフトウェア開発工学科助教授、2007年より、同大学大学院組込み技術研究科准教授、2016年より非常勤講師。主な著書・訳書は、「Advances in Computers」（Academic Press社、共著）、「ピープルウエア第2版」「ソフトウェアテスト技法」「実践的プログラムテスト入門」「デスマーチ第2版」「ソフトウエア開発プロフェッショナル」（以上、日経BP社、共訳）、「ソフトウエア開発 55の真実と10のウソ」「初めて学ぶソフトウエアメトリクス」（以上、日経BP社、翻訳）。

改善された!?　難易度高めの『京急蒲田駅』と『JR渋谷駅』のUIを再査定（1/2 ページ）