ABCDEFGHIJKLMNOPQRSTUVWXYZAAAB
1
No業界カテゴリと市場規模(兆円)社名グローバルメニューページトップパンくずコメント
2
アイコンラベル位置表示形式
3
左上右上ドロワーモーダルDダウン下部フロート
4
1金融金融・銀行72三菱東京UFJ銀行3本線メニュー・初回読み込み時にオープニング画像が表示される。
・カルーセル表示モジュールを多用している。「次へ」「前へ」の表示が特徴的。
・パンくずが最下部にあるが、見せ方が新しい。使いやすい。
5
2三井住友銀行3本線メニュー・スプリングボードや開閉モジュールを多用し、極力シンプルに見せるよう考慮されている。
・ヘッダ内にメニューと並列で、ログインとホームが表示されている。
・詳細画面、H1の左に「戻るリンク」が表示されている。
・ドロワーメニューに選択肢が整列されており、見やすく使いやすい。
6
3みずほ銀行ボタンなしボタンなし・開閉モジュールを多用。
・メニューボタンはなく、ページ内に全ての選択肢が配置されている。
・詳細画面、H1の左に「戻るリンク」が表示されている。
7
4損害保険9東京海上日動3本線MENU・グローバルメニュー内が開閉式となっていて項目が探しやすい。
8
5三井住友海上3本線メニュー・会社情報のコンテンツにのみ、パンくずが表示される。
・ローカルナビゲーションはフッタ上に表示。
・パンくずは長くなると2行に折り返す。
9
6損保ジャパン日本興亜リスト型3本線メニュー・ローカルナビはフッタ上に開閉式で表示。
10
7IT・通信IT6NTTデータメニュー・メニューはハンバーガ形式でなく、ロゴ下に配置している。
・パンくずは長くなると2行に折り返す。
・ローカルナビはフッタ上に表示させている。___
11
8大塚商会3本線メニュー_
12
9野村総合研究所リスト型3本線なし
13
10携帯電話10NTTドコモ3本線メニュー・ドロワー形式のメニューながら、メニュー項目は少ない。
・ボタンにさわった際、ロールオーバー的な効果がある。
・キャンペーンサイトで押してほしいボタンが、
 右下にある意味邪魔に見えるくらいに設置されている。
14
11AUボタンなしボタンなし・画面最上部に閉じるボタン付きバナーを表示させている。
・ページの先頭へ、と、前のページに戻る、を横並びでページ下部に表示している。
・数字を入力させるテキストフィールドは、数字キーボードが表示される。
・ハンバーガーボタンはなく、基本的にメニューは露出させる方針に見える。
・企業情報はKDDIサイトでスマホ表示される。
15
12SOFTBANK3本線メニュー・ラインを極力使わない。
・メニュー内に検索がある。
・画面下部にアンケートがポップアップであらわれる。
・企業情報はスマホ専用サイトはない。
16
13インターネット2楽天市場(サービス)ボタンなしボタンなし・トップページのメニューは全てスプリングボードで表示させている。
・横スライド式のタブがある。
・詳細ページでは、カートボタンが右下に常に表示されている。
17
14楽天(コーポレート)3本線なし・特に目立ってきになるUIはない。
18
15Yahoo!(サービス)3本線なし・横スライド式のタブがある。(フリックにも対応)
・カテゴリをまたいで沢山の記事を見る時に、右側に現在地表示が現れる
19
16Yahoo!(コーポレート)3本線メニュー・ローカルナビはコンテンツエリア下方に表示。現在地表示を兼ねる。
20
17Google ニュース3つのドットなし・設定ボタンは3つのドット。タップすると小さな吹き出しが出る。
・スワイプでカテゴリが切り替えられることがわかるようアニメーションがある。
21
18Google Play3本線なし・メニューは左上。右上は検索アイコン。
22
19Google Plusなしなし・3つのドットをタップすると、小さな四角に入った選択肢が表示される。
23
20Apple2本線なし・メニューは左上。右上はカート。
24
21DeNA GAMES(サービス)3本線MENU・パネル群がフリック可能で、4つ一度にスクロールさせることができる。
・言語選択は小さな吹き出しメニューが表示される。
25
22DeNA(コーポレート)3本線MENU・ドロワーメニュー内が開閉式となっていて項目が探しやすい。
・ローカルナビゲーションが明確な現在地表示になっている。
26
23物流・運送運送8日本通運・スマホサイトなし
27
24ヤマト運輸リスト型3本線メニュー・トップページはハンバーガーメニューなし。
・H1の左に「戻る」ボタンがある。
・コーポレートサイトはスマホ版なし。
28
25西濃運輸ボタンなしボタンなし・グローバルメニューなし。
29
26海運6日本郵船・スマホサイトなし
30
27商船三井・スマホサイトなし
31
28川崎汽船なしなし・スマホサイトはハブとなるカテゴリトップのみ存在。詳細は全てPCサイトを表示。
32
29航空3全日本空輸株式会社3本線なし・ページが個々に改修されており、全体的にルールが統一されていない。
33
30日本航空なしなし・グローバルメニューがない。ホームはタブで機能を切り替える。
34
31スカイマーク3本線なし・ローカルナビ、フッタナビなどが無く、超シンプルにフライトに関する情報だけを列挙。
35
32自動車自動車60トヨタ自動車3本線MENU・ウィンドウ上部固定のローカルナビゲーションボタンは左に設置している。
36
33日産自動車3本線MENU・開閉モジュールを多用する設計。
・アニメーションを多用したリッチな演出がある
37
34ホンダ3本線MENU
38
35自動車部品26デンソーボタンなしボタンなし・スマホサイトはハブとなるカテゴリトップのみ存在。詳細は全てPCサイトを表示。
・常に見えているグローバルナビゲーションはない。
39
36アイシン精機3本線なし・スマホサイトはハブとなるカテゴリトップ中心に存在。詳細はPCサイトを表示する形式。
40
37トヨタ自動織機3本線メニュー・テーブルはエリア内で横スクロールさせて表示。
・パンくずではないが、H1下に現在ページの親カテゴリへのリンクを表示している。
41
38建設・不動産建設15大林組・スマホサイトなし
42
39大成建設・スマホサイトなし
43
40鹿島建設3本線なし・スマホサイトはハブとなるカテゴリトップ中心に存在。詳細はPCサイトを表示する形式。
44
41不動産11三井不動産3本線なし・ドロワーメニュー内が開閉式となっていて項目が探しやすい。
45
42三菱UFJ不動産ボタンなしボタンなし・グローバルメニューなし。
46
43住友不動産ボタンなしボタンなし・グローバルメニューなし。ホームは各サービスへのハブページとなっている。
47
44SUUMO3本線メニュー・決定ボタン、検索ボタンなどはウィンドウ下部に固定で表示させるページがある。
・横スライドさせるモジュールがある。
・パンくずはリニューアル前はページ上部にあるが、リニューアル後に下に変更されている。
48
45HOMESボタンなしボタンなし・グローバルメニューなし。
・決定ボタン、検索ボタンなどはウィンドウ下部に固定で表示させるページがある。
49
46住宅9大和ハウス工業ボタンなしボタンなし・グローバルメニューなし。
50
47積水ハウス3本線なし・ハンバーガーメニュータップ後はページが遷移し、メニューが表示される。
・ページ最下部にグローバルナビ的リンクが表示される。
51
48住友林業3本線メニュー・企業情報、採用情報、IR情報はPCサイトを表示させている。
52
49素材化学27三菱化学・スマホサイトなし
53
50住友化学・スマホサイトなし
54
51三井化学3本線メニュー・スマホサイトはハブとなるカテゴリトップ中心に存在。詳細はPCサイトを表示する形式。
55
52鉄鋼16新日鐵住金3本線なし・スマホサイトはハブとなるカテゴリトップ中心に存在。詳細はPCサイトを表示する形式。
56
53JFEスチール3本線Menu・文字サイズも統一されておらず、あまりデザイン力が入っているようには見えない。
57
54神戸製鋼所3本線なし・全体的に奇麗ながら、目立って特殊なUI表現はない。
58
55繊維2東レ3本線なし・全体的に奇麗ながら、目立って特殊なUI表現はない。
59
56帝人3本線なし・全体的に奇麗ながら、目立って特殊なUI表現はない。
60
57旭化成3本線なし・ドロワーメニュー内が開閉式となっていて項目が探しやすい。
・ニュースにパネル型モジュールを用いている。
61
58食品・飲食食品18明治なしMENU・全体的に目立って特殊なUI表現はない。
62
59日本ハム書類アイコンメニュー・H1の左に「戻る」ボタンがある。
・グロナビは3本線のラインアイコンを使わない
63
60味の素リスト型4本線なし・全体的に目立って特殊なUI表現はない。
64
61飲食4すき家(ゼンショー)3本線MENU・商品バナーが羅列されていて情報を探しにくい。
65
62ゼンショー・スマホサイトなし
66
63マクドナルド3本線なし・会社情報はスマホサイトなし。
67
64食べログ3本線なし・メニューに更新されていることがわかる「バッジ」が付いている。
・おすすめメニューの位置は左下。右上はログイン。
・スクロールしている中で、背景に自然に見える広告がある。
・検索にはサジェストが付いている。
・ウィンドウ下部には文脈に沿った機能が表示されている。(検索など)
68
65スターバックスボタンなしボタンなし・SNSでのシェアには小さな吹き出しメニューが表示される。
・ハンバーガーボタンが無い代わりに、グロナビがメガドロップダウン形式になっている。
・ドロップダウンメニュー内にカテゴリごとの最新ニュース表示モジュールがある。
・パンくずが無い代わりに、ページ上部固定で現在地が表示されるモジュールが付く。
・商品写真はか拡大してみることができる。
69
66ビール2アサヒビール3本線なし・全体的に目立って特殊なUI表現はない。
70
67サントリー3本線なし・ハンバーガーボタンにロゴに似た表現が加えられている。
・ページ下部にもハンバーガーメニューが設置されている。
・グループ企業情報のローカルナビゲーションは横スクロールを取り入れている。
・企業情報は開閉式のドロップダウン。サイト内で統一されていない。
71
68サッポロ3本線メニュー・企業情報や商品情報などはスマホサイトが存在しない。
・商品の特設サイトはスマホサイトが存在している。
72
69機械製造造船重機8三菱重工業ボタンなしボタンなし・ロゴが右にあり、ハンバーガーボタンがない。
・スマホサイトはハブとなるカテゴリトップ中心に存在。詳細はPCサイトを表示する形式。
73
70川崎重工業・スマホサイトなし
74
71IHI・スマホサイトなし
75
72建設機械6コマツ3本線MENU・スクリーンサイズの可変にコンテンツ幅が対応していない。
・スマホサイトはハブとなるカテゴリトップ中心に存在。詳細はPCサイトを表示する形式。
76
73クボタなしMENU・企業情報のみスマホ対応。そのほかはPC版を表示させている。
77
74豊田自動織機3本線メニュー・メニューが左右中央に表示されている。
・H1付近に前ページに戻るためのリンクを設置しているが、現在地がわかりにくい。
78
75エネルギー石油28JXエネルギー3本線なし・ハンバーガーメニューは下層ページにのみ表示。
79
76出光興産ボタンなしボタンなし・スマホサイトはサービスステーション検索機能のみ対応
80
77コスモ石油ボタンなしボタンなし・全体的に目立って特殊なUI表現はない。
81
78電力21東京電力3本線なし・開閉式のローカルナビ。メニュー内で開閉させる機能あり。
・ローカルナビもハンバーガーボタンになっているが、アイコンは左に設置している。
82
79関西電力3本線MENU・パンくずは長くなると折り返して2行になる
83
80中部電力なしMENU・スクリーンサイズの可変にコンテンツ幅が対応していない。
・テーブルは文字を小さくし、セル内で文字を改行させている。
84
81ガス5東京ガス3本線なし・全体的に目立って特殊なUI表現はない。
85
82大阪ガスリスト型3本線メニュー・ハンバーガーボタンはなく、基本的にメニューは露出させる方針に見える。
86
83東邦ガス3本線メニュー・全体的に目立って特殊なUI表現はない。
87
84電気・精密機器家電・電気機器148日立製作所4本線なし・ハンバーガーからのメニューは、ローカルナビと「製品」「企業情報」への導線を設置。
・ホームのニュースはスクロールで見せている
・トピックスのオススメカテゴリが選択で絞り込める。
・第4階層以下のローカルナビゲーションはコンテンツ下に表示させている。
88
85ソニー(サービス)3本線なし・ページをスクロールすると、ウィンドウ上部に固定でコンテキストメニューが表示される。
89
86ソニー(コーポレート)3本線メニュー・ローカルナビはドリルダウン形式で、H1付近にハンバーガーボタンで表示させている。
90
87パナソニック(サービス)3本線なし・H1付近に商品一覧を開閉できるローカルナビゲーションがある。
91
88パナソニック(コーポレート)3本線なし・H1付近に開閉できるローカルナビゲーションがある。
92
89電子部品9京セラ3本線なし・全体的に目立って特殊なUI表現はない。
93
90TDK3本線なし・スマホとPC版サイト切り替えが最下部に大きくある。
・企業情報などはスマホ対応されていない。
94
91日本電産・スマホサイトなし
95
92レジャー・エンタメゲーム3PLAY STATION(ソニー)3本線なし・アプリライクなページ遷移を実装している。
96
93任天堂3本線メニュー・スクロール方式のパンくずを採用。
・会社情報ページでは、メニューボタンの位置は右でドロップダウン式、
 パンくずも上になっている。
・テーブルはスクロール方式になっており、テーブル上に「スクロール」と記述がある。
97
94コナミ3本線なし・コナミグループのメニューは右上にある。
・コーポレートサイトでは独自のフォントを設定している。
98
95バンダイナムコなしMENU・メニューがウィンドウ下部に固定する形になっている。
・「かんたん検索」で、目的のコンテンツにたどり着きやすくなっている。
99
96レジャー施設2東京ディズニーランド3本線メニュー・スプリングボード形式でメニューをわかりやすく表示している。
100
97ビッグエコー(第一興商)ボタンなしボタンなし・パンくずがあったりなかったり。
・ハンバーガーボタンはなく、スプリングボードでメニューを表示。