A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
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 | 7 | IT・通信 | IT | 6 | NTTデータ | + | メニュー | ● | ● | ・メニューはハンバーガ形式でなく、ロゴ下に配置している。 ・パンくずは長くなると2行に折り返す。 ・ローカルナビはフッタ上に表示させている。___ | ||||||||||||||||||
11 | 8 | 大塚商会 | 3本線 | メニュー | ● | ● | ● | ● | ● | _ | ||||||||||||||||||
12 | 9 | 野村総合研究所 | リスト型3本線 | なし | ● | ● | ● | |||||||||||||||||||||
13 | 10 | 携帯電話 | 10 | NTTドコモ | 3本線 | メニュー | ● | ● | ● | ・ドロワー形式のメニューながら、メニュー項目は少ない。 ・ボタンにさわった際、ロールオーバー的な効果がある。 ・キャンペーンサイトで押してほしいボタンが、 右下にある意味邪魔に見えるくらいに設置されている。 | ||||||||||||||||||
14 | 11 | AU | ボタンなし | ボタンなし | ・画面最上部に閉じるボタン付きバナーを表示させている。 ・ページの先頭へ、と、前のページに戻る、を横並びでページ下部に表示している。 ・数字を入力させるテキストフィールドは、数字キーボードが表示される。 ・ハンバーガーボタンはなく、基本的にメニューは露出させる方針に見える。 ・企業情報はKDDIサイトでスマホ表示される。 | |||||||||||||||||||||||
15 | 12 | SOFTBANK | 3本線 | メニュー | ● | ● | ● | ・ラインを極力使わない。 ・メニュー内に検索がある。 ・画面下部にアンケートがポップアップであらわれる。 ・企業情報はスマホ専用サイトはない。 | ||||||||||||||||||||
16 | 13 | インターネット | 2 | 楽天市場(サービス) | ボタンなし | ボタンなし | ● | ・トップページのメニューは全てスプリングボードで表示させている。 ・横スライド式のタブがある。 ・詳細ページでは、カートボタンが右下に常に表示されている。 | ||||||||||||||||||||
17 | 14 | 楽天(コーポレート) | 3本線 | なし | ● | ● | ● | ● | ・特に目立ってきになるUIはない。 | |||||||||||||||||||
18 | 15 | Yahoo!(サービス) | 3本線 | なし | ● | ● | ● | ・横スライド式のタブがある。(フリックにも対応) ・カテゴリをまたいで沢山の記事を見る時に、右側に現在地表示が現れる | ||||||||||||||||||||
19 | 16 | Yahoo!(コーポレート) | 3本線 | メニュー | ● | ● | ● | ・ローカルナビはコンテンツエリア下方に表示。現在地表示を兼ねる。 | ||||||||||||||||||||
20 | 17 | Google ニュース | 3つのドット | なし | ● | ● | ・設定ボタンは3つのドット。タップすると小さな吹き出しが出る。 ・スワイプでカテゴリが切り替えられることがわかるようアニメーションがある。 | |||||||||||||||||||||
21 | 18 | Google Play | 3本線 | なし | ● | ● | ・メニューは左上。右上は検索アイコン。 | |||||||||||||||||||||
22 | 19 | Google Plus | なし | なし | ・3つのドットをタップすると、小さな四角に入った選択肢が表示される。 | |||||||||||||||||||||||
23 | 20 | Apple | 2本線 | なし | ● | ● | ● | ・メニューは左上。右上はカート。 | ||||||||||||||||||||
24 | 21 | DeNA GAMES(サービス) | 3本線 | MENU | ● | ● | ● | ・パネル群がフリック可能で、4つ一度にスクロールさせることができる。 ・言語選択は小さな吹き出しメニューが表示される。 | ||||||||||||||||||||
25 | 22 | DeNA(コーポレート) | 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 | 44 | SUUMO | 3本線 | メニュー | ● | ● | ● | ・決定ボタン、検索ボタンなどはウィンドウ下部に固定で表示させるページがある。 ・横スライドさせるモジュールがある。 ・パンくずはリニューアル前はページ上部にあるが、リニューアル後に下に変更されている。 | ||||||||||||||||||||
48 | 45 | HOMES | ボタンなし | ボタンなし | ● | ・グローバルメニューなし。 ・決定ボタン、検索ボタンなどはウィンドウ下部に固定で表示させるページがある。 | ||||||||||||||||||||||
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 | 53 | JFEスチール | 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 | 71 | IHI | ・スマホサイトなし | |||||||||||||||||||||||||
75 | 72 | 建設機械 | 6 | コマツ | 3本線 | MENU | ● | ● | ・スクリーンサイズの可変にコンテンツ幅が対応していない。 ・スマホサイトはハブとなるカテゴリトップ中心に存在。詳細はPCサイトを表示する形式。 | |||||||||||||||||||
76 | 73 | クボタ | なし | MENU | ● | ● | ● | ・企業情報のみスマホ対応。そのほかはPC版を表示させている。 | ||||||||||||||||||||
77 | 74 | 豊田自動織機 | 3本線 | メニュー | ● | ● | ● | ・メニューが左右中央に表示されている。 ・H1付近に前ページに戻るためのリンクを設置しているが、現在地がわかりにくい。 | ||||||||||||||||||||
78 | 75 | エネルギー | 石油 | 28 | JXエネルギー | 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 | 90 | TDK | 3本線 | なし | ● | ● | ・スマホとPC版サイト切り替えが最下部に大きくある。 ・企業情報などはスマホ対応されていない。 | |||||||||||||||||||||
94 | 91 | 日本電産 | ・スマホサイトなし | |||||||||||||||||||||||||
95 | 92 | レジャー・エンタメ | ゲーム | 3 | PLAY STATION(ソニー) | 3本線 | なし | ● | ● | ・アプリライクなページ遷移を実装している。 | ||||||||||||||||||
96 | 93 | 任天堂 | 3本線 | メニュー | ● | ● | ● | ● | ・スクロール方式のパンくずを採用。 ・会社情報ページでは、メニューボタンの位置は右でドロップダウン式、 パンくずも上になっている。 ・テーブルはスクロール方式になっており、テーブル上に「スクロール」と記述がある。 | |||||||||||||||||||
97 | 94 | コナミ | 3本線 | なし | ● | ● | ● | ・コナミグループのメニューは右上にある。 ・コーポレートサイトでは独自のフォントを設定している。 | ||||||||||||||||||||
98 | 95 | バンダイナムコ | なし | MENU | ● | ・メニューがウィンドウ下部に固定する形になっている。 ・「かんたん検索」で、目的のコンテンツにたどり着きやすくなっている。 | ||||||||||||||||||||||
99 | 96 | レジャー施設 | 2 | 東京ディズニーランド | 3本線 | メニュー | ● | ● | ● | ・スプリングボード形式でメニューをわかりやすく表示している。 | ||||||||||||||||||
100 | 97 | ビッグエコー(第一興商) | ボタンなし | ボタンなし | ・パンくずがあったりなかったり。 ・ハンバーガーボタンはなく、スプリングボードでメニューを表示。 |