SlideShare a Scribd company logo
1 of 62
みんなのビジネスに元気をあたえる一日
ホームページの使い勝手は
情報分類術にある
「メニュー名のつけ方で激変する、ホームページの使い勝手とお客さんの満足度」




赤間公太郎(マジカルリミックス)           2012年12月8日(土)
株式会社マジカルリミックス 代表取締役

       赤間公太郎       あかま・こうたろう


✴ホームページデザイン     ✴書籍執筆
✴専門学校講師         ✴ITコンサルタント
✴社内向けITトレーニング   ✴ブログトレーニング
仙台で10年、あらゆるジャンルのホームページを、数百件
CSS3 デザインブック
はじめに:
ホームページ作成の現状
ホームページ作成って実はカンタン?

✦ 「みんビズ」 「Jimdo」
        や       など、クリック操作で
 作成できるホームページ作成ツール
✦ ホームページビルダー
✦ ユーザー登録だけでOKなブログ

   作ること自体は、カンタンになった!
そして
ツールの変化・進化とともに、人も変化

✦ 生活に完全に溶け込んだインターネット
✦ 情報の出し入れの基本は「検索」
✦ 乱立するホームページでの「比較」

   ユーザーの目も肥えている
その結果
発信と受信の意識のズレがある場合も多い
 ✦ 発信(お店)
  ‣ 売りたい・紹介したい・カタログ的な紹介

 ✦ 受信(ユーザー・購買側)
  ‣ スペックより、どんな効果や良さがあるのか
  ‣ 自分に合っている商品はどれか
   ※値段第一のヘビーユーザーは別として
「インターネット用」と考えているから
   ネットもリアルも同じ。しかし…
 「インターネット」という場所において、
     「インターネット用」の
    表現や振る舞いをしてしまう
   実はリアルもインターネットも同じ
  人が人に何かを売る・伝える
      ということ
たとえば

最新機種が出ました!
フルワイドイオンを放つ
空気清浄機で、
プレフィルターの全面で
強力な集塵力の新製品
うちの子どもの花粉症がひどいので、
安心で効きそうな空気清浄機ちょうだい
フルワイドイオンを放つ
空気清浄機で、
プレフィルターの全面で

強力な集塵力の新製品


こんな方にオススメ
✦花粉症でお困りの方
✦のどの潤いを守る加湿機能
✦アレルギーやぜんそくの方
フルワイドイオンを放つ
       空気清浄機で、
       プレフィルターの全面で

       強力な集塵力の新製品
 カタログ的な説明やスペックよりも、
   「この製品は何ができるか」
「この製品を買うことによって、どうなるか」
       こんな方にオススメ
       ✦花粉症でお困りの方
       ✦のどの潤いを守る加湿機能
       ✦アレルギーやぜんそくの方
案内の怠慢
✦ ホームページ
 「ホーム」「製品一覧」「空気清浄機」「トップ」
✦ 実際の売り場
 「いらっしゃいませ」
 「丁寧な案内板」
 「わかりやすく解説したポップ」
 「オススメの製品はこちらです!」by店員さん
「インターネット用」と考えているから
   ネットもリアルも同じ。しかし…
 「インターネット」という場所において、
     「インターネット用」の
    表現や振る舞いをしてしまう

   実はリアルもインターネットも同じ
   相手の気持ちをちょっと
    察してみればいい!
このセミナーの内容
✦事例紹介
✦情報分類について
✦情報分類を行うコツ5箇条
✦実際に分類してみよう
(ワークショップ)
✦まとめ
事例紹介




       1
■変更前のメニュー   ■変更後のメニュー
            ✦商品一覧
•しょうゆ
•みそ          •根田のしょうゆ
•セット商品         - 二年もろみ醤油
•ネット販売         - 蔵出し別撰しょうゆ
•送料          •根田のみそ
•伝言板           - 田舎みそ
•通販法の表記        - 天塩みそ
               - 仕込みそ(十号糀仕込みそ)
               - 天塩仕込みそ(糀20枚入り)
            ✦詰め合わせギフトセット
            ✦運営会社情報
             •根田醤油とは
             •根田醤油のこだわり
             •店主からのメッセージ
グローバルナビはレイアウトを活かして、
   中身を想像できるメニューに
情報分類について




           2
なぜ情報分類が必要?



    お客さんが求める情報に
  たどり着けるようにするため
ホームページそのものではなく、
 ページやコンテンツの情報
✦ ホームページそのものを求めてはいない
✦ 求めるのはページ単位や、一部分の情報

   キーワード:マイクロ
音楽でいうと、




アルバム単位で購入
アルバムを何枚か購入
その中で聴きたいものをまたいで曲を編集
アルバムとか関係ない
好きな曲を1曲ずつ購入し、セット
今どきのユーザーがほしいのは マイ
                    クロ
「アルバム」ではなく「聴きたい1曲」



  今どきのユーザーが見たいのは
 「ホームページ」そのものではなく
「求める情報が掲載されているページ」
つまり?
お客さんの要望・欲求レベルは高く、
  具体的なものになっている


 ではどうすればいい?
 ピンポイントな欲求に対応する方法の
ひとつとしての「情報の分類」をしよう
旧来のメニューは
  個別の要求に対応するのでなく
   「インターネット向け」の、
売り場とはまったく異なる分類をしていた


 欲求が細分化されているにもかかわらず、
旧来のメニュー展開を続けるのはよくない!!
インターネット利用者の欲求に
応えるための情報分類をしよう
(=適切なメニュー名の設定や、メニューの分類)


      すべては、閲覧する人のため
情報分類を行うコツ5箇条




               3
身の回りの情報分類
✦ 普段、みなさんは情報分類を行っています
  ‣ パソコンのフォルダー...仕事データの仕分け
  ‣ 名刺整理...会社名順、名字順
  ‣ 家の引き出し...貴金属はココ、文房具はココ
  ‣ 本棚の並び...大きさ順、お気に入り順

  こいういった情報分類をホームページでも
情報分類を行うコツ5箇条
1. 情報分類の種類を把握する
2. ひとまず書き出してみる
3. 情報をグループ分けする
4. 不要なものは除外
   ※分けるだけではなく、捨てる勇気も
5. 何回もチェックする
1
  1.情報分類の種類を把握する

✦ 種類(ジャンル)別
 例:フード/ドリンク/コース
✦ 目的別
 例:カフェタイム/ディナータイム
✦ 用途別
 例:デート/忘年会/女子会/おひとりさま
✦ 好み別 など
2
  2.ひとまず書き出してみる


お店の紹介    連絡先      今日の天気   定休日    地図     ブログ


おすすめメニュー    営業時間      日替わりメニュー        カレンダー


ペットの紹介     お知らせ     レギュラーメニュー         リンク
3
           3.グループ分け


お店の紹介    連絡先      今日の天気   定休日    地図     ブログ


おすすめメニュー    営業時間      日替わりメニュー        カレンダー


ペットの紹介     お知らせ     レギュラーメニュー         リンク
4
4.不要なものは除外/捨てる勇気


お店の紹介    連絡先      今日の天気   定休日    地図     ブログ


おすすめメニュー    営業時間      日替わりメニュー        カレンダー


ペットの紹介     お知らせ     レギュラーメニュー         リンク
5
5.分類したものはあとから見直し


お店の紹介     連絡先     今日の天気   定休日    地図     ブログ


おすすめメニュー    営業時間      日替わりメニュー        カレンダー


ペットの紹介     お知らせ     レギュラーメニュー         リンク




駐車場のご案内         コース料理           営業日カレンダー
ホームページにおける情報分類のコツ
✦ まずは書き出してみる
✦ よくあるパターンは「目的別」
✦ 「目的別」 「どんなときに見たい情報か?」
       =
 と置き換える

+はみ出したものはバナーになるかも

   今回は「目的別」で考えてみましょう
ワークショップ




          3
ちょっとおさらい
✦ 情報分類の種類を把握する 目的別
✦ ひとまず書き出してみる
✦ 情報をグループ分けする
✦ 不要なものは除外
  ※分けるだけではなく、捨てる勇気も
✦ 何回もチェックする

+はみ出したものはバナーになるかも
ホームページ制作 情報シート

● 店舗名      Restaurant James(レストラン ジェイムズ)


● 店舗所在地    仙台宮城 IC 近く


● お店の概要    ・個人経営の小さな洋食レストラン。
           ・駐車場が広く、車の出し入れがしやすい。
           ・地場野菜を使用した安心・安全なメニュー。
           ・黒板には、野菜の産地やメニューのカロリーが記載
                                           外観
            されている。
           ・昼前に開店、そのまま夜まで営業している。
           ・夜はお酒を出しているが、ノンアルコールメニュー
            も豊富。
           ・車での旅行に行く途中や旅行から戻ってきた家族が
            ターゲット。


● メニュー     ・ABOUT
           ・お食事
           ・DRINK                          スタッフ
           ・スウィーツ
           ・軽食
           ・お子様メニュー
           ・PHOTO
           ・日々の出来事
           ・コレクション


● メニュー概要   ・ABOUT /お店についての情報
           ・お食事/ランチメニュー、ディナーメニュー
                                           内装
           ・DRINK /お飲み物
           ・スウィーツ/デザート
           ・軽食/サンドウィッチやパンケーキなど
           ・お子様メニュー/お子さまランチなど
           ・PHOTO /お店や料理の写真
           ・日々の出来事/店長の日記
           ・コレクション/店長の集めた古い切手の紹介



                                           メニューの一例
ホームページ制作 情報シート

・ABOUT/お店についての情報
    ● 店舗名



    ● 店舗所在地
               Restaurant James(レストラン ジェイムズ)


               仙台宮城 IC 近く



・お食事/ランチメニュー、ディナーメニュー
    ● お店の概要    ・個人経営の小さな洋食レストラン。
               ・駐車場が広く、車の出し入れがしやすい。
               ・地場野菜を使用した安心・安全なメニュー。



・スウィーツ/デザート
               ・黒板には、野菜の産地やメニューのカロリーが記載
                                               外観
                されている。
               ・昼前に開店、そのまま夜まで営業している。
               ・夜はお酒を出しているが、ノンアルコールメニュー


・PHOTO/お店や料理の写真 も豊富。
               ・車での旅行に行く途中や旅行から戻ってきた家族が
                ターゲット。




・DRINK/お飲み物
    ● メニュー     ・ABOUT
               ・お食事
               ・DRINK                          スタッフ



・軽食/サンドウィッチやパンケーキなど
               ・スウィーツ
               ・軽食
               ・お子様メニュー
               ・PHOTO



・お子様メニュー/お子さまランチなど
               ・日々の出来事
               ・コレクション


    ● メニュー概要   ・ABOUT /お店についての情報


・日々の出来事/店長の日記  ・お食事/ランチメニュー、ディナーメニュー
               ・DRINK /お飲み物
               ・スウィーツ/デザート
                                               内装




・コレクション/店長の集めた古い切手の紹介
               ・軽食/サンドウィッチやパンケーキなど
               ・お子様メニュー/お子さまランチなど
               ・PHOTO /お店や料理の写真
               ・日々の出来事/店長の日記
               ・コレクション/店長の集めた古い切手の紹介



                                               メニューの一例
■
           ■お店について(ABOUTを変更)
・ABOUT     ■
           ■お食事・飲み物
・お食事
             ・お食事メニュー
・PHOTO
             ・飲み物メニュー
・DRINK       
             (食事・飲み物メニューをまとめた)
・軽食        ■
           ■フォトギャラリー
・お子様メニュー     
             (PHOTOを変更)

・日々の出来事    ■
           ■レストランブログ
            
             (日々の出来事を変更)
・コレクション
・スウィーツ     ■
           ■アクセス(新規追加)
           ※コレクションは除外
実際にやってみましょう

✦   自分がWebデザイナーだったらどうするか!
✦   どういう表現や内容だと、相手にわかりやすいだろうか
✦   統一されていない表記や言い回しは改善を
✦   そぐわなければ除外も検討
運用しながら、効果検証




              4
行った情報分類は正しかったか?

✦ 問い合わせ・申し込み・購入件数の変化
✦ アクセス数の変化
ダメなら、直そう

✦ みんビズはカンタンに変更が可能
✦ まずは運用・違うなと思ったら直せばいい
✦ ホームページは完成したときが鮮度のピーク
✦ 手入れをしないと鮮度が落ちていく


 実際のお店に手間ひまをかけるように、
    ホームページにも愛情を!
本日のお話のまとめ
本日のお話のまとめ
✦ インターネット利用者の欲求に
 応えるために情報分類をしよう
✦ メニュー名を考えるときは、相手の目線で
✦ 分類五箇条
  ‣ 情報分類の種類を把握する
  ‣ ひとまず書き出してみる
  ‣ 情報をグループ分けする
  ‣ 不要なものは除外
  ‣ 何回もチェックする
✦ 目的別で分けてみよう
ありがとうございました
みんなのビジネスに元気をあたえる一日

More Related Content

Viewers also liked (11)

Actividad 4ta.
Actividad 4ta.Actividad 4ta.
Actividad 4ta.
 
Easy & difficult
Easy & difficultEasy & difficult
Easy & difficult
 
hardware y sofware
hardware y sofwarehardware y sofware
hardware y sofware
 
Los emojis tiene su propia película.ppt powor point
Los emojis tiene su propia película.ppt powor pointLos emojis tiene su propia película.ppt powor point
Los emojis tiene su propia película.ppt powor point
 
Incumplimiento de la obligación tributaria
Incumplimiento de la obligación tributariaIncumplimiento de la obligación tributaria
Incumplimiento de la obligación tributaria
 
Evolucion del hardware
Evolucion del hardwareEvolucion del hardware
Evolucion del hardware
 
Brand Experience Manager - Ein Beruf mit Zukunft
Brand Experience Manager - Ein Beruf mit ZukunftBrand Experience Manager - Ein Beruf mit Zukunft
Brand Experience Manager - Ein Beruf mit Zukunft
 
Maloclusão de Classe 2
Maloclusão de Classe 2Maloclusão de Classe 2
Maloclusão de Classe 2
 
REdes
REdesREdes
REdes
 
Conquista del polo sur
Conquista del polo surConquista del polo sur
Conquista del polo sur
 
How to quickly install a bike
How to quickly install a bikeHow to quickly install a bike
How to quickly install a bike
 

Recently uploaded

TokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentationTokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentation
YukiTerazawa
 
The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024
koheioishi1
 

Recently uploaded (7)

TokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentationTokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentation
 
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
 
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
 
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
 
The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024
 
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
 
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
 

Akama 情報分類 final