このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。

何だかんだ言っても、日本の携帯電話ってしばらくは生き延びる（＋普通に利用目的によってはスマートフォンより上）わけで、一度まとめておくと便利かな、ということで。

モバイルの利用状況とか、マーケ系

さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。
あんまり沢山見ても訳分からないので、絞りました。

• 携帯電話におけるインターネットおよび検索エンジンの利用状況（インデックス）
  個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。
• モバイルユーザー傾向DATABOX 2010年5月版
  アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。
  画像対応とか、ディスプレイサイズとか、最低限見ておくとよさげ。
• モバイルユーザー動向定点観測 2010 ～最も有料コンテンツを利用しているのは30代40代女性～（IMJモバイル）
• 企業のモバイルサイトへの取組み実態調査（IMJモバイル）

オフィシャルサイト

頻繁に使うわけではないのですが。ウィルコムはいいでしょうと（失礼）

• DoCoMo 作ろうiモード
• DoCoMo 端末スペック一覧
• KDDI au EZfactory（技術情報）
• KDDI au 機種別情報一覧
• SoftBank Mobile Creation ・・・はっきり言ってユーザビリティが終わってますが（汗
• SoftBank 端末一覧

制作系（主に3キャリア対応）

携帯サイトを作る時にとにかく面倒なキャリア対応について。
さすがにいろんな知見が出回っていますが、大きくは、「キャリア対応する」「3キャリア行けるコードを書いてしまう」の2つですね。

• 携帯サイトを作ろう！（総合情報系）
• PHPを使って3分で作る3キャリア対応ケータイサイト ・・・ke-tai.orgさん作成のコンバーター
• 3キャリア対応の携帯サイトを作るには ・・・ ThinkITの連載から。基本を押さえれます。
• 絵文字の相互変換リスト ・・・Unoh Labさん。ちょっと古いけど。
• ケータイ3キャリアに対応するためのDOCTYPE宣言について
• 10分でできるMovable Typeケータイ対応法 ・・・定番のMT4iを使った携帯サイトの作り方

ちょっと細かいけれど、キツキツのコーディングをする時には画像リンクフォーカス時の各キャリアの表示も見ておくといいかも。

表示確認

これが面倒なのが携帯サイトの難点です。PCのブラウザ対応も面倒ですが・・・

• Gooモバイル サイトビューワ ・・・ URLを入れると確認ができます
• iモードHTMLシミュレータII ・・・これは定番。無料なのでとりあえずインストール
• FireMobileSimulator ・・・Firefoxのアドオン。UserAgentを偽装して、携帯サイト表示できます

アクセス解析ソフト

基本無料で済ましたい、という方向けです。
SiteCatalystとか知りたい方は、そういうサイトがどっかにあるんじゃないかなと（大汗

• myRT ・・・老舗アクセス解析ソフトの無料ケータイ版。おすすめ
• Google Analytics ・・・2010年2月に、日本のモバイルにも対応（リンクはその記事へ飛んでいます）
• 忍者ツール アクセス解析 ・・・ 個人サイト向けの定番の1つ。さすがに上2つよりは分が悪いですが、機能が絞られている分、初心者にはいいかも。広告がでちゃいますけど。

アフィリエイトASP

PCサイトのアフィリエイトとは勢力図が全く異なります。面倒ですが、しゃーないですね。

• Pocket Affiliate（DeNA）
• アフィリード ・・・ 老舗の携帯特化ASPです。今でも人気
• Smart-C（スマートシー） (Adways）
• Google Adsense ・・・面倒ならこれが手っ取り早いのは、PCも携帯も一緒

その他の技術とかSEOとか

• 無料QRコード作成サービス
• QRのススメ ・・・ こちらもQRコードの無料サービス。1000万個突破って凄い
• 携帯SEO対策 ・・・携帯アフィリエイトバイブルさん。アフィリエイトを狙う人ならブログ丸ごとおすすめ

ユーザー視点でつくる 携帯サイト制作の基礎知識

posted with amazlet at 10.08.09

株式会社 IMJモバイル
ビー・エヌ・エヌ新社
売り上げランキング: 12344

おすすめ度の平均:

よくまとまっていて、参考になります
見やすくてわかりやすい
初心者にはわかりやすい基礎本

Amazon.co.jp で詳細を見る

■ 関連エントリー

• Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました
• サイトを作る時に、iPhone対応をしないといけない日がもう目の前に来ている、というお話
• 80%近いコンバージョンを達成した、Triumphの恐るべき「おねだり」機能
• モバイルユーザーの関心が「エロ」から芸能人へ移行中、らしいが・・・

企業がサービス改善や消費者のニーズ調査をする定番として、アンケートやグループインタビューなどの手法は広く利用されています。

が、実際にプロジェクトで色んなはアンケート結果を見ても、色々調べてみると本当の消費者のニーズを写してはくれていないケースが山ほどあるのも事実。

今日は、そんなお話を少しばかり。

消費者にとっての「価値」を推し量るのは、消費財の販売にとっては生命線とも言えるものです。

しかし、それは非常に難しいもの。
理由はいくつもあります。

• 人は自分のニーズを言語化できない
• 仮に言語化できても、それがユーザのニーズを表現しているケースは限定的
• しかも、人は相手によって態度を変える
• 人は、インタビューアーに「よく見られよう」「社会的に許容される発言をしよう」と無意識に行動を制御する

また、コミュニケーションにおける言語（バーバルコミュニケーション）の割合は、せいぜい7%に過ぎないことが、心理学上の研究でもわかっています。
※インタビューの状況での研究ではないので、そのまま鵜呑みにしてはいけませんが。
（参考：バーバルコミュニケーションとノンバーバルコミュニケーション）

この表は、上のリンクのサイトに掲載されている「コミュニケーションの割合」を表したものです。

なので、消費者の話を鵜呑みにしても、なかなかその本当のニーズを捉えることができません。

言語化されたニーズと行動のギャップ例

これは、無敵のマーケティング 最強の戦略にも載っている、デュポン社の調査例。

やった調査は簡単なもの。

1. スーパーの入り口で、買い物に来た人に「これから何を買いますか？」と聞く
2. その人が出てきたら、「何を買いましたか？」と聞く

これをやったところ、入り口で宣言したものを買った人は、僅か30%に過ぎず、大半の人は入り口で言ったことはどこの空、全く違うものを買っていたわけです。

その他にも、グループインタビューで全員一致で「これまでとは違う、おしゃれな黒い皿がいい」と言っていた人たちに、帰りに好きな皿を持って帰ってもらったら、全員が白くて丸い皿を持って帰った（笑）なんて事例も。

いまきもかなりの数の行動観察調査をやっていますが、まぁ言動の不一致って結構多いものです。

なので、行動観察

なので、消費者のニーズをちゃんと見ようと思ったら、

実際にどう行動したか（例えば、何を買ったか、何を拒否したか）

を見るのが一番です。

PCで表現できるものなら、プロトタイピングによるテスト。
店舗なら消費者の行動観察。

別に、IDEOみたいな凄い答えをみんなが出す必要なんて、ありません。それでもユーザを見れば、それまでは決して得られないものが必ず得られます。

マーケティングに行き詰ったとき、新しい企画を考えるとき・・
ユーザの意見を鵜呑みにしていないか振り返って、ちょっと行動観察やプロトタイプ調査をしてみると思った以上に新しい発見が、きっとあると思います。

ハカる考動学

posted with amazlet at 10.08.05

三谷 宏治
ディスカヴァー・トゥエンティワン
売り上げランキング: 15075

おすすめ度の平均:

新しい物が見えてくる目を作る方法
考動に情報を活かす
目からウロコですよ
アイデアに困った時、この本を開くこと良い。考えを拡げ、深める方法がある。
すべては「ハカる」ことからはじまる？

Amazon.co.jp で詳細を見る

■ 関連エントリー

• 地下鉄の自販機の売り上げをアップさせた、IDEOのユニークな行動観察調査手法
• サイトを作るときは、「自分はこのサイトのことをよく知っている」と思うな！
• 仮説検証のないアクセス解析をする暇があったら
• 言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ
• アルコール値上で、酒を買わなくなる人は誰？ ～ 人は意外に合理的

たまには、趣向を変えて頭の体操っぽいエントリーなど。

ビービットの2010夏季インターン選考の最終問題がとってもいい問題だったので、ここでご披露をばと。
もちろん、オリジナル問題。

気になる内容は、とあるゲームの必勝法を考えなさい、というものです。

まずはゲームのルールから。
以下のようなシンプルな1対1のゲームになります。

• 3×3の○を用意し、2名のプレイヤーが縦・横の棒を交互に引いてマスを消していきます
• 一度に引ける直線は1本。ただし、何個消してもOK
• 一度消した○を、通るような直線は引けない（交差したり、跨いだり）
• 斜め線もNG
• 最後の1マスを消したほうが、負け

さて、問題は以下の通りです。

あなたが先手・後手を自由に選ぶことができるとき、このゲームの必勝法を考えてください。

ちなみに、この問題は半分以上の人が解けました。タイムリミットは5分くらい？

問題2. 6×6の場合（正答率3%）

では、こっちが真打。

問1と全く同じルールで、6×6のマスを消すときの必勝法を考えてください。

もちろん、先手・後手の選択は自由です。

こっちは大体15分がリミット。
筆記試験の回答を見ても、白紙続出という、かなり激しい結果。

いいのか悪いのか謎な問題ですが、解けたときは、なかなかの爽快感を感じるのではないかと。
ちなみに、いまきはドラゴンゴールを見ながら、12～13分位掛かって答えまで辿り着きました。

・・・ ・・・
・・（汗

うん、訪問してくださった方が解けても何のメリットもないことに、今やっと気付きました。

色々とツッコミどころ満載ではございますが、、、「ビービットに入りたい」という方も、そんな気はさらさらない方も！
気が向いたらチャレンジしてみてくださいませ。
（※数日以内に答えもアップします。）

※追記 回答を公開しました！http://www.fallinstar.org/2010/07/3_4.html

ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践

posted with amazlet at 10.07.26

株式会社ビービット 武井 由紀子 遠藤 直紀
ソフトバンククリエイティブ
売り上げランキング: 99837

おすすめ度の平均:

ユーザビリティ評価の大切さを実感
ユーザビリティーとは
錆び付かない内容。
アクセンチュアの叡智に悪戦苦闘
まさにコンサルティング！

Amazon.co.jp で詳細を見る

■ ちょっとおすすめの記事

• 2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書
• ハリー・ポッターの大ヒットを支えた「広告費0円」PR作戦
• サイト設計に活かしたい心理学テクニック「フット・イン・ザ・ドア」
• 男心を操る、恐怖の出会い系「サクラ」プログラム

しばらく、ドタバタでブログを放置してました。
まぁゆっくり再開と言うことで、コネタから、と（汗）

最近マーケティング事例系のネタが続いていたので、インターフェースとかウェブっぽいお話をば。

重要な割に、あんまり世の中にノウハウが出ていないウェブライティングについて、ちょっとした、でも確実に効果のあるティップスを1つ紹介してみようかなと。

具体的な内容の前に、ウェブライティングの基本的な考えを。

ウェブライティングの前提として、情報全体の「バランス」が本当に大事です。

• 適度な見出しがあって
• 適度なリスト表現（箇条書き）が要点や順序の説明に用いられていて
• 適度に重要な部分が強調されていて

みたいな。
他にも英語は控えるとか、色々な原則があります。

この辺りのお話は、文章を見やすくする5つの工夫 / ウェブライティングのルール（どちらもユーザビリティ実践メモ）なんかを見るとわかりやすいかと。

その上で、単語や文章そのものを書くときに、気をつけると良いポイントがあります。

ウェブワーディング、という考え方

上で紹介したものは、見出しの使い方とか、少なからずデザイン的なやりくりで可読性を担保する感じです。

もう1つ、可読性に大きな影響を与えるもので「ワーディング」を忘れてはいけません。
例えば、ですがこんな文章。

上と下、多少ニュアンスはずれちゃいますが、概ね同じことを書いています。

どうでしょうか、単語表現が違うだけでもだいぶ読みやすさが変わって来るのが判るのではないでしょうか。
（判るように文章を作ったんだから当然だろ、ってのはなしで・・・汗）

企業のサイトとか、最近では見出しがないとか、強調が一切ないとか、画像がないとかそういうサイトはだいぶなくなってきたように思います。

でも、一方でこういうワーディングは結構見落としがち。
「ユーザにわかる単語を」という一般原則に従い、1つ1つの単語はそんなに難しくなくても、上の方の文章みたいになってしまったら、やっぱりダメなわけです。

なので、実は単語の選び方にも確実にコツが存在していて

• ひらがなと、漢字。いずれも連なると可読性が落ちるため、平易な表現であってもくっつけすぎない
• 特に漢字。5文字以上連なると、初心者ユーザからあからさまに嫌悪されちゃうケースが出ます
• 漢字の中でも、画数が多いものは2～3文字連なるだけでも結構つらいです
• カタカナは、ひらがな以上に並び過ぎると可読性が落ちる
  （例）スーパーハイレベルユーザビリティコンサルタント（←もうちっとましなものはないのか、と自分でも思いますが、これでご理解くださいませ）

たったこれだけのことなのですが・・・「重要書籍購入」とか、普通に使ってしまいそうじゃないでしょうか？
こんなのが積もり積もって、気が付いたときにはもう書き直すのがしんどい分量の、「読みにくい」ページが出来上がっていたりするわけで。

書籍以上にナナメ読みされるウェブだから、言葉の選び方も。

気をつけてみて下さいませ。

ザ・コピーライティング―心の琴線にふれる言葉の法則

posted with amazlet at 10.06.20

ジョン・ケープルズ
ダイヤモンド社
売り上げランキング: 4086

おすすめ度の平均:

原著はとても易しい英文です
何度も読み実践すべきコピーライティング・バイブル
ヤラレタ。
物事全てにおいて基本あり
テスト、テスト、ひたすらテスト

Amazon.co.jp で詳細を見る

■ 関連エントリー

• テキストリンク色の変更で、70億円（！）を稼ぎだすことに成功したマイクロソフト
• ユーザの不満を招く、「重いページ」と「縦にやたら長いページ」
• サイトのタイポグラフィ（文字配置の美しさ）を上げるためのTipsいろいろ
• ユーザビリティの問題を手っ取り早く改善するためのコツ 5ヶ条

最近色んなものに忙殺され気味ですが（汗）、今日は本屋さんのかなりクリエイティブな成功事例です。

「なーるほど、これは凄い！」と思わされる、ユニークな本棚の設計で顧客単価を倍にしてしまったその方法がとても面白かったので、紹介してみたいと思います。

本は、もっと遊びたがっている

この表題が、松丸本舗のコンセプト。

書店には本との出会い、人との出会いを含めた「未知との出会い」がおこります。

松丸本舗は本をつなぎ、知の連環の絆を結ぶ人々の顔が見えるように、本の力を信じて連ね、思いがけない本棚を構成します。

まだ誰も見たことがない本棚です。

でもって実際の本棚の画像がこんな感じ。

・・・（汗

一見しただけでは、単に散らかってるだけに見えるかもしれませんが・・・決してそんなことはありません！

松岡正剛さんとう編集者がプロデュースしたこの本棚、通常の本棚とは天と地ほどの違いがあります

• マンガの文庫本も関係なく、松岡さんの考えた「テーマ」で本を配置
  → 2010年5月では「男本・女本・間本」で、このコンセプトで棚を組んでいます
• 著名人の蔵書をそのまんま本棚に公開！（右の写真とかそうですね）
• 横積み、重ね置き、開きっぱなしもOK！

これだけ見ても、普通の本屋ではない、とにかく遊び心と知的好奇心をくすぐる仕掛けが満載だということがわかるのではないでしょうか？

結果として何時間も滞在する人が増え、客単価は倍増したそうです。

Think Different

で、少し頭をよぎったのが、アップルのこの言葉。

本棚といえば、「作者あいうえお順」「ビジネス書」みたいな分類が一般的です。

でも、これって本当に来訪者の求めているものか（この分類で本屋に来た人が新しい本をどんどん探して購入できるか）と改めて思うと決してそんなことはないなー、と。

自分の場合も、特定の作者、特定の雑誌＋αがせいぜいの行動範囲で、わりと予定調和の中で本を買っている気がします。

これでは、いつまでたっても本屋で本を楽しむ機会は増えず、Amazonに人が流れる一方です。
そこに新しい価値を提供したこの松丸本舗のユニークな発想は、どの位成功するかは別にして、とっても面白い試みだと思います。

ありきたりの発想を少しでも疑って、新しい発想で物事を見たら、こんなに素晴らしいものが出来るんだ、と改めて感心させられた事例でした。

こだわりと創造性。
細かい点や規模はさておき、まさに、本屋版アップル、と言ったら褒めすぎでしょうか！？

アップルの法則 (青春新書インテリジェンス)

posted with amazlet at 10.05.17

林 信行
青春出版社
売り上げランキング: 31027

おすすめ度の平均:

アップルの歴史と戦略の概観
アップルやジョブズ好き以外の方にも
あくまでもこだわり続けるすごさ。
パソコンをケースに入れたのはだれだ？
とにかく使いやすいのがアップルです

Amazon.co.jp で詳細を見る

■ 関連エントリー

• 男性を魔法のようにキャバクラへ引き寄せる、魅惑の「キャバ嬢1枚写真ページサービス」
• 仮説検証のないアクセス解析をする暇があったら
• コンバージョンUP400%を達成したVoices.comの顧客体験設計
• 世界を制したAmazon.comの戦略
• ハリー・ポッターの大ヒットを支えた「広告費0円」PR作戦

■ 松丸本舗のホームページ
http://www.matsumaru-hompo.jp/index.html

たまには海外の事例など。
割と有名な話なので、知っている人も多いかもしれませんが、知らないと損、と断言できるくらい面白いお話です。

もし、あなたが地下鉄にコンサルとして雇われ、「自動販売機（ジュースとか）の売り上げを上げて欲しい？」と頼まれたら、どうしますか？

さて、上のお題に対してどんな調査・ソリューションがあるのか？

• 自販機の数を変える
• 自販機のデザインを、目立つように変える
• 商品価格を見直す

などなど、いろんな手があると思います。

が、

IDEOが採用したのは、全く異なる答えでした。

「自販機の上に時計を置く」

・・・・・？

・・・（汗

うん、これだけ書いても何がなんだか。

でも、実際にはこれで自販機の売り上げが本当に、大きく伸びたのです。

なぜ、「自販機の上に時計を置く」のか？

ということで本題です。

※ちなみに記憶を頼りに書いています。多少事実とずれていても、ご容赦を・・・

まず、IDEOが採用した調査手法。
もうこの時点で他社とはかなり違うことがわかると思います。

地下鉄のホームへへばりつき、自販機を買う人、買わない人の行動をとにかく観察し続ける

24時間張り込み刑事（注：デカと読んでください）たいなやり方（汗）ですが、これがIDEOが得意とするユーザ行動観察調査です。

そうすると、面白いことに

• 地下鉄を歩いている人は、電車の待ち時間をみんな気にしている
• 自販機で物を買う人も、買う直前に（多分ジュースを飲む合間があるか）時間をチェックしている

なんてことが分かったそうです。
人間の行動の中から、こういった特徴を抽出するのは決して簡単ではないかもしれませんが、言われてみれば「なるほど」という感じ。

そこで

「じゃぁ、時間をチェックする時計と自販機をセットにして置いたら、購買が促進できるのでは？」

という仮説にたどりついたわけです。
結果、大当たり、と。

もし、IDEO以外の業者に頼んだたら・・・

これは、誰が言っていたのか忘れましたが、いわゆる一般的なイメージとして面白かったので掲載。

• もしマッキンゼーに売り上げ向上を依頼したら、翌日から猛烈な勢いで販売データの分析と各駅の売り上げのばらつきを調べだす
• もし広告代理店に売り上げ向上を依頼したら、「よし、3億円広告を打ちましょう！」ととりあえず言ってくる

・・・（汗

なんだかこの両者が悪いみたいに思えるかもしれませんが・・・

決してそんな意図はありません。

別にどれが大事、ということはないと思います。いや、本当に。
が、いずれも消費者が置き去りにされている（特に代理店）ところがIDEOとの一番の大きな違い、だというのがポイント。

消費者にとにかく近づき、企業とのギャップを埋めるIDEOの手法は、このケースに限らずWebでも大いに参考になります。
（というかbeBitはかなり参考にしてたり、してなかったり・・汗）

机の上で頭のいい人がうんうん唸っても決してでてこない、ユーザ目線の問題解決・ビジネス成果創出の手法として、取り入れるとよいケースが、まだまだ沢山あるのではないでしょうか？

発想する会社! ― 世界最高のデザイン・ファームIDEOに学ぶイノベーションの技法

posted with amazlet at 10.04.25

トム・ケリー Tom Kelley ジョナサン・リットマン Jonathan Littman
早川書房
売り上げランキング: 3159

おすすめ度の平均:

ＩＤＥＯを知ったうえでの本でしょうか
見やすくわかりやすいが・・・
忘れていた何かを思い出す
イノベーションの実像の書
イノベーションを生むための具体的な方法

Amazon.co.jp で詳細を見る

■ 関連記事

• 違法コピーを逆手に取った韓国版「花より男子」広告戦略が凄い
• ネット有料配信を打ち出すことで、風俗サービスを無料化(！）してしまった「Big Sister」
• ハリー・ポッターの大ヒットを支えた「広告費0円」PR作戦

ここ数年、オンラインの描画ツールが現れ、Dreamweaverのようなソフトも、CSSやJavaScriptのライブラリもどんどん整って来ました。

ある程度のデザイン・HTMLなら、その場で作れる環境が出来上がりつつあるのじゃないでしょうか。

しかし、実際にそうやって出来た画面がベストかというと、そうでもなかったりします。

そんなわけで、今日はプロトタイピングについて少しばかり。

今でも役立つ、ペーパープロトタイピング

これは、コンサルタントの話しなのですべての職種で当てはまる話ではないかもしれませんが・・

大体、画面設計が上手だったりUI理解に優れている人は、紙の上でラフを作って試行錯誤を行うことが出来る人です。
（もちろん、100%がそうなわけではないですが・汗）

じゃぁ何でそんなことになるか、ということなんですが4つほど原因があるのかな、と個人的には思っています。

1. とにかく圧倒的に素早い
2. 最初の画面にこだわらず、どんどん「捨てる」ことができる
3. （ツールにもネットワークにも依存しないので）誰とでも、どこでも議論を共有できる
4. 紙で作った画面でも、大方針は大体検証できる

1.とにかく圧倒的に素早い

これがペーパープロトタイピングの一番の魅力じゃないかと、いまきは密かに（？）思っています。

下手に高機能じゃない分、荒っぽいけどもアイデアをどんどん形に出来る。

一発でそんなにいい画面が出せる人ならいざ知らず、大抵のケースはある程度試行錯誤しながらいいものに仕上げるもの。
その「繰り返しのブラシュアップ」がクイックに最初に回るというのは、意外と大きいポイントじゃないでしょうか？

2. 最初の画面にこだわらず、どんどん「捨てる」ことができる

素早さと似て異なるポイントです。
例えば、これ（下の図）は、たまたま今見つけたバナーなのですが・・・

こんな風に、デザインがかかってしまうと、なかなかそこから抜け出せず、ドツボにはまったりします。

人間は心理的に「コストを掛けたもの程、それを捨てられない」ように出来ています。

紙で、さらっと作ったものだからこそ、簡単に「捨てる」ことが出来る。
これは経験則でしかありませんが、かなり確信を持って言える、「高機能ツールとの違い（メリット）」です。
※ちょっと逆説的ですね・汗

3 .（ツールにもネットワークにも依存しないので）誰とでも、どこでも議論を共有できる

これは、職場環境にもよるかもしれませんが、誰にでもなじみがある（たとえ上司でも！）というのも一つの良さだと思います。

あと、場所を選ばないので、ちょっと思いついたときにメモっぽく残したり。
気分転換しているときにひらめいたことを形にしておいたり。

こんな感じでお手軽、かつ誰とでもやり取りができる手法って、意外と少ないと、思いません？

4. 紙で作った画面でも、大方針は大体検証できる

これは2番目（どんどん捨てる）と絡みますが、一発でよいものなんて簡単には出せません。

なので、自分の視点に凝り固まるのではなく、人に見せたり、簡単なユーザビリティテストをしたりすることで、UIの品質は一気に向上します。

そのときに、

• 大きなメッセージはこれでいいか
• 大体のレイアウトはわかりにくいものではないか？
• リンクの配置が適当か

といった感じの大枠の課題は、紙の簡単なプロトタイプでもつぶすことが可能です。

・・・とまぁこんな感じでしょうか。

クイックに、いくつモノアイデアを形にして、洗練させる方法として、ペーパープロトタイピングは今でも便利な方法です。
まだやったことのない方は、是非お試ししてみてくださいませ。

デザイニング・ウェブナビゲーション ―最適なユーザーエクスペリエンスの設計

posted with amazlet at 10.04.19

James Kalbach
オライリージャパン
売り上げランキング: 29725

おすすめ度の平均:

タイトルに偽り無し
よくまとまってる

Amazon.co.jp で詳細を見る

■ 関連エントリー

• コンバージョンUP400%を達成したVoices.comの顧客体験設計
• 全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」
• これは恐ろしい！全く同じ画面でA/Bテストを実施したら・・・
• 顧客の購買単価を「ぐぐっ」と引き上げるキャッチコピー・販売手法いろいろ

ネットのユーザ体験設計には欠かせない「疑問の解消」。

商品のよさ、わからない用語の解説、お金のこと・・・ちょっとでも「？」が解消されないと、せっかく集めた人も、検索をしたり他の情報を探すためにサイトから逃げていってしまいます。

最近では、サポート（FAQ）情報を設けるサイトは増えてきましたが、それではまだまだ不十分だということも、数多くのユーザ検証の中で見えてきています。

問題の多くは、とにかくここに帰結します。

サポートページを作りこんで、沢山の情報を充実させればさせるほど、ユーザにとっては「情報が多すぎて、おげっとなってしまう」ページへと変わってしまうという、なんとも厄介な課題にぶつかります。

また、サポートから各商品やサービス下位ページへの導線をこまめに引くのは事実上かなり難しいので、結局戻ってこれない人が出てしまうのも結構大変です。

階層構造にすると、こんな感じ。

ユーザにしてみれば、

何でいったん詳細まで行ったのに、上に戻らないといけないんだよ

とうことになってしまいます。
（※結構、自分でこれを体感したことがある人、多いのではないでしょうか・・）

勿論、サポート情報やFAQは重要な情報で、ちゃんと運用する必要があります。
が、それがあることで満足していては、来訪者の疑問を解消できない、というのも知っておく必要があるなーと。

その場で疑問に、応える

なので、この「その都度疑問に対する答えを提示してあげる」のは、マンツーマンで人が対話できないウェブだからこそ特に重要になります。

例えば、生涯学習のユーキャンなんかでは、右カラムを疑問解消ためのスペースに充てて、説明を行う構造を取っています。

http://www.u-can.co.jp/course/data/in_html/47/text.html

また、郵便のサイトでは、ややっこしい料金制度を説明するために、クリックでその都度内容を参照できるように「説明」ボタンを設置しています。
スペースをとらずに、疑問があったらすぐに応えるためのツールとしてはかなり便利でしょう。

これらは一例にしか過ぎませんが、この形と比較してみた場合、いちいちサポート情報まで調べて戻ってくるのがいかにユーザに面倒を強いているのかがわかるのではないでしょうか。

「テキストリンク色の変更で、70億円（！）を稼ぎだすことに成功したマイクロソフト」でも書きましたが、「神は細部に宿る」というフレーズはウェブを作るうえでは欠かせない思想。

「ちゃんと来訪者の疑問に応えているサイトなのか」

こちら側（作り手）の予想以上に、インパクトが出ることのある箇所なので是非チェックしてみてくださいませ。

入門Webデザインユーザビリティ 使いやすさで成果を上げるプロのワザ

posted with amazlet at 10.03.29

池谷 義紀
ソフトバンククリエイティブ
売り上げランキング: 104639

おすすめ度の平均:

役立つユーザの視点に立ったサイト構築術
原点に戻れる本

Amazon.co.jp で詳細を見る

■ 関連記事

• Amazon.com、そのショッピングカート進化の変遷
• Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました
• 完了画面は、ユーザを捕まえる最強のレコメンデーションツール
• フォームの完遂率は、フォーム前の設計で3倍以上変化する、というお話
• 規約や注釈など、「見せたくない要素」をうまく扱う画面設計 4つのポイント

これ、コンサルティングプロジェクトで多数の経験をつめばつむほど痛感することです。

自分が普段接しているサイト、使用しているサイトのことは、ついつい「よく知っている」と思ってしまう もの。
でも、その「自分」の利用方法が本当に一般的な利用と被っているとは限りません。

これはまだコンサルタントだった時に、某ソリューションのユーザ行動観察調査（ユーザビリティテスト）で被験者からもらったフィードバックです。

「文字が大きくて、読みづらいですね」

最初は何のことやら？というかんじで、特殊な人なのかなぁ思ったのですが、何人もからそんな発言が出たことで、本当に問題だということが発覚。
よーく掘り下げてみると、そのソリューションの分野にいるシステム担当の人にとっては、大量の情報を扱うのは日常的に行っていることであり、「にかく一画面で沢山の情報を見たい！」ということがわかりました。

しばらく前のことなのですが、あまりに自分がメーカーサイトを見る時の行動パターンと違うのに戸惑ってしまったのを今でも覚えています。

これは、1つのわかりやすい例にしか過ぎませんが、こういう体験はユーザ調査をすると定期的に遭遇します。

サイトオーナーや、制作者は「一般ユーザ」とは違う

サイトを作る際に、「良いものにしたい」と思わない人はまずいない（多分）と思いますが、その時に肝に銘じないといけないのがこの点。

作る側に回っている時点で、もう視点はユーザとは明らかに異なったものになってしまっています。
もう、いいとか悪いとかではなく、そういうものなので仕方ないのですが、今まであったウェブマスターでこれに当てはまらない人はほぼ皆無です。

• 苦労したものに対する思い入れ
• 作った時に意図を（当然）知っているが故のバイアス
• 普段から（一般的な使い方ではなく）利用しているが故のバイアス

こういったものが積もって、制作側の人間は「特殊ユーザ」へと姿を変えてゆきます。

にもかかわらず、ついつい自分の過去の行動や経験に照らし合わせて、そのとおりサイトを作ってしまうケースは、非常に多いのではないでしょうか？

もちろん自分を客観視出来る人なら問題はないかと思います。
が、これまたそんな人に巡り合ったことは、殆どないのが実際のところです。

小さな「ユーザの目」のチェックが、補正をかける

だから、際に普通の人が普通にサイトを使うのを見たり、感想を聞くというのは非常に大きな「補正」作用をもたらします。

大規模なユーザビリティテストやアンケートでなくてもかまいません。

例えば、ベビーグッズのページなら知り合いのママさん数名にかるーくページを使ってもらう、とか。

そんな小さなことでも、得られる発見は本当に貴重なもの。
自分では決してわからない落とし穴や、視点を与えてくれます。

気づかないうちに自分に掛かってしまっているが故に厄介な、「制作者の視点」の落とし穴。

そんな穴に嵌ってしまっていないか、ちゃんと気をつけて行かないといけないですね。

ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践

posted with amazlet at 10.03.26

株式会社ビービット 武井 由紀子 遠藤 直紀
ソフトバンククリエイティブ
売り上げランキング: 5069

おすすめ度の平均:

ユーザビリティ評価の大切さを実感
ユーザビリティーとは
錆び付かない内容。
アクセンチュアの叡智に悪戦苦闘
まさにコンサルティング！

Amazon.co.jp で詳細を見る

■ 関連エントリー

• インタラクションデザインをレベルアップさせる、「インビテーション」の考え方
• 顧客の購買単価を「ぐぐっ」と引き上げるキャッチコピー・販売手法いろいろ
• ECサイトの「カートに追加」周辺のUIを、センス良く改善する方法
• 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。

ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。

実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。

テキストリンクを、入念にテストし、8000万ドルの売り上げ増

マイクロソフトは従来、「Live Search」という形でもう少し明るい青（水色に近い）を採用していました。

Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。
ちょっと比べてみました。
（※Live Searchは画像検索からキャプチャを取っています）

こう見ると確かに色はかなり変化しています。

CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。

Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、ユーザーが最も関心を持つ色は実際に青であることが分かった。

どうやってテスト・効果測定をしたのかが気になりますが、その効果は恐るべきものでした。

複数の色合いの中から特定の青色（色に詳しい人のために紹介しておくと、「#0044CC」）を選ぶことで、広告クリック数の増加やユーザー関与の増大により、年間売上高が8000万ドル増加したという。

また、同時にユーザーエクスペリエンスマネージャーであるPaul Ray氏のコメントとして、「Live Searchの青色は、少し自信が欠けていた」とも説明しています。

また、マイクロソフトは同時にフォントにもテストを適用しており、「Verdana」よりも「Arial」を採用したそうです。

「神は細部に宿る」

この話を見て思い出したのがこの言葉。

マイクロソフトが細かい色やフォントにこだわり、テストをちゃんと行ったからこそ得られた売り上げではないでしょうか？
Bingはシェアも確実に伸ばしており、この後も色々なインターフェースが登場して欲しいものですね。

なお、最後にこの1文を引用して終わりにしたいと思います。
今回採用されたブルーですが

もっと具体的に言うと、それはGoogleが使用しているものと非常に近い色合いの青だった。

・・・・（汗

うん、まぁ何というか、これが結論でいいのか果てしなく疑問ですが、小さなユーザインターフェースのTipsや改善の積み重ねの重要さを改めて認識した出来事でした。

Webプロフェッショナルのための黄金則 Web配色デザインのセオリー

posted with amazlet at 10.03.18

坂本 邦夫
毎日コミュニケーションズ
売り上げランキング: 75195

おすすめ度の平均:

UIアプリケーション開発に実際に役立つ配色デザイン基礎知識
あたり前がいかに出来ていないか気付かされました
「配色」の黄金則！

Amazon.co.jp で詳細を見る

■ 関連エントリー

• 全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」
• 2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書
• ユーザビリティの権威、ヤコブニールセン博士のTwitter Botを作ってみました！
• 言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ