アドテック関西・ルグランブースにご来訪頂いた方々に限定で、先行公開していた関西企業のUXランキング。今般、一般の方々にもご覧頂けるようにしました。

1. 関⻄西企業UXランキング
Le Grand Co., Ltd. -‐‑‒ NOV 2014 ad:tech kansai

2. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
分析対象
2
このランキングは、ルグランLAデザインセンター
のコンサルタントが、最新の UX (ユーザーエク
スペリエンス) 理理論論と、これまでに培った経験に
基づき、対象企業のウェブサイトをユーザーの⽴立立
場・視点で検証し、評価の⾼高い順にランク付けを
したものです。
本資料料は、アドテック関⻄西の展⽰示会場に開設され
た弊社ブースにて、名刺刺交換をさせて頂いた⽅方に
限定して公開しております。
弊社の許諾諾なく、本資料料を無断で複製・転載・配
布することはご遠慮下さい。

3. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
001
関⻄西の鉄道会社（10社）
＜課題設定＞
通勤・通学の途中でスマホでウェブサイトにアク
セスし、遅延・運⾏行行状況や、経路路・運賃などの情
報を確認したり、遅延証明書の⼊入⼿手などを⾏行行う。
評価対象
002
関⻄西の⼤大⼿手企業（13社）
＜課題設定＞
就職・転職活動をしている⼈人が企業研究を⾏行行い、
気に⼊入った企業については応募⼿手続も⾏行行う。

4. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
評価基準と配点（100点満点）
4
24/100
Contents
24/100
Task-oriented
20/100
Navigation
12/100
Accessibility
20/100
Identity
サイトの読込速度度や
テキストの読みやすさ
会社やブランドロゴの使い⽅方や
サイトの概要・⽬目的の明確さ
ボタンやリンクの配置や
動線設計のわかりやすさ
重要なコンテンツの配置や
コピー・⾊色合いの適切切さ
設定された課題の解決を
容易易にする使いやすさ

5. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
ランキング: 関⻄西の鉄道会社
5
1
2
3
3
6
7
8
9
10
5
阪急電鉄
⼭山陽電気鉄道
近畿⽇日本鉄道
南海電気鉄道
JR⻄西⽇日本
⼤大阪市交通局
神⼾戸市交通局
京都市交通局
69 8 11 15 18 17
67
64
64
63
55
53
52
42
40
6 14 16 14 17
9 7 15 16 17
6 11 16 17 14
7 14 12 11 11
8 9 14 12 10
6 5 10 14 17
6 5 11 8 12
7 6 12 8 7
7 11 12 18 15
Accessibility Identity Navigation Contents Task-‐‑‒Oriented総得点順位
京阪電気鉄道
阪神電気鉄道

6. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
評価のポイント
6
1 阪急電鉄
ヘッダーのレイアウトがクリーンで、必要な情報がATF*に配置。タブ
メニューやカレンダーからもイベント情報が探せたり、ナビゲーショ
ンの使い⽅方も上⼿手い。ダイヤ検索索も路路線図から選べるサポートがあり
つかいやすく、派⼿手なレイアウトにしなくても、細かいとこに気を使
えばよいサイトを作れるというお⼿手本となる良良質なサイト。
2 ⼭山陽電気鉄道
ロゴ・タグラインが効果的で、⾚赤いトップメニューが印象的な⾮非常に
美しいサイト。⼭山陽電⾞車車に乗ってみたくなるような気を起こさせる。
必要な情報がATFに配置され、バナーと⽂文字のバランスも秀逸。ダイ
ヤ検索索を右ナビに配置するサイトが多い中、ここはヘッダーの下に⼤大
きく配置され⾒見見やすいが、⼊入⼒力力補助が無いのが難点か。
6 京阪電気鉄道
PCサイトのトップページは気合いを⼊入れて作り込んでいる様⼦子が⾒見見受
けられるが、ダークブルーの背景と⽩白⽂文字のコントラストが弱く⾒見見に
くい。ダークブルーを使うならヘッダーの背景に使って、あとは⽩白の
背景に⿊黒⽂文字の⽅方がベター。お出かけ情報などのコンテンツは悪くな
いが、路路線図の⽂文字も読みにくく、肝⼼心な鉄道情報が分かりにくい。
10 京都市交通局
外出先での利利⽤用が想定されるサイトでありながら、スマホ対応されて
いないのは致命的。メニューも上下左右に詰まっていて⾮非常に⾒見見づら
く、電⾞車車の中吊り広告のようなレイアウト。緊急情報とサイト内検索索
がヘッダーにあるのが唯⼀一の救いか。
*ATF (Above the fold): サイトをスクロールしない状態で視認できる範囲

7. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
ランキング: 関⻄西の⼤大⼿手企業
7
1
2
3
3
5
7
8
8
10
5
京セラ
サンスター
積⽔水化学⼯工業
村⽥田製作所
グンゼ
住友電⼯工
キーエンス
ダイキン⼯工業
77 9 15 13 18 22
72
71
69
68
68
64
62
62
61
8 14 14 18 18
8 14 13 19 17
6 14 16 15 18
7 15 14 16 16
8 13 13 16 14
7 11 15 11 18
7 11 13 14 17
8 10 14 13 16
7 16 11 19 15
Accessibility Identity Navigation Contents Task-‐‑‒Oriented総得点順位
オムロン
⽇日東電⼯工

8. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
ランキング: 関⻄西の⼤大⼿手企業 (つづき)
8
11
12
13
神⼾戸製鋼
ヤンマー
パナソニック
53 4 9 14 15 11
52
45
7 9 13 12 11
5 5 12 11 12
Accessibility Identity Navigation Contents Task-‐‑‒Oriented総得点順位

9. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
評価のポイント
9
1 京セラ
⾚赤を効果的に使い、すっきりした中にもスタイルへのこだわりが感じ
られるクールなサイト。ATFに配置されているメニューの選び⽅方が⾮非
常に秀逸。スライドショーにクリッカブルなパネルを組み⼊入れ、詳細
情報にリンクさせる動線を設けているのも⾯面⽩白い。採⽤用情報も、独⽴立立
した求⼈人サイトと⾔言えるくらい作り込まれており、新卒採⽤用ページ下
部に、「新卒採⽤用情報サイトマップ」を配置しているのも良良いアイディ
ア。フォームも⼊入⼒力力しやすく、考えられたUX/UI設計は、今回のラン
キング1位に相応しい。
2 サンスター
トップページのメニュー配置とレイアウトが上⼿手。スライドショーは
商品紹介コンテンツがてんこ盛りではあるが、ページ全体の⾊色使いが
きれいで、四⾓角を使ったレイアウトが効いて、⾒見見やすくなっている。
採⽤用情報も探しやすく、内容もコンパクトにまとまっているが、応募
専⽤用フォームのルック＆フィールがサイトと⼤大きく変わってしまうの
は頂けない。たくさんの情報を⼤大きいフォントで表⽰示させるために
も、横幅を少し広げたほうが良良い。
ダイキン⼯工業
お客様のタイプを3つに分けている動線は良良いのだが、視覚的にアピー
ル不不⾜足。全体的な統⼀一感はあるのだが、たくさんの情報やリンクの並
べ⽅方がフラットなので、どのようなユーザー⾏行行動を想定して情報の提
供や区分けがなされているかが不不明瞭。
13 パナソニック
企業サイト全体が複数のドメインをまたぐUXを無視したナビゲーショ
ン。個⼈人・法⼈人のお客様というメニューが上と左に2つずつ出てATFの
貴重なスペースを無駄遣い。マウスオーバーすると、メニューが拡⼤大
表⽰示されるという「予測不不能」な設計で、内容も分かりにくい。採⽤用
情報はフッターの中に埋もれていて探しにくく、採⽤用ページトップに
は「パナソニック、攻めます」というメッセージが出て、「攻めると
は」をクリックするとjpgで作成された説明書きが表⽰示されるという不不
可解な構成。社員紹介なども⽂文字が⼩小さく読みづらい。
10

10. ©
Le
Grand
Co.,
Ltd.
許可無く複製・転載および第三者への開示を禁じます。
10
Thank you !
Le
Grand
Co.,
Ltd.
Making
New
Waves!
本資料料に関するご質問、およびUX診断やユーザービリティテスト、
ウェブサイト構築などのお問い合わせ、ご相談はこちらへ。
株式会社ルグラン
東京都港区⾚赤坂8-‐‑‒5-‐‑‒4-‐‑‒201
0120-‐‑‒066-‐‑‒898
www.LeGrand.jp / info@LeGrand.jp