<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Feel Like A Fallinstar</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/" />
    <link rel="self" type="application/atom+xml" href="http://www.fallinstar.org/atom.xml" />
   <id>tag:www.fallinstar.org,2010://18</id>
    <link rel="service.post" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18" title="Feel Like A Fallinstar" />
    <updated>2010-03-11T14:09:47Z</updated>
    <subtitle>wherever possible,twinkle,twinkle little star!!</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type  3.2-ja-2</generator>
 
<entry>
    <title>サイト設計に活かしたい心理学テクニック「フット・イン・ザ・ドア」</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/03/post_101.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=635" title="サイト設計に活かしたい心理学テクニック「フット・イン・ザ・ドア」" />
    <id>tag:www.fallinstar.org,2010://18.635</id>
    
    <published>2010-03-11T14:09:46Z</published>
    <updated>2010-03-11T14:09:47Z</updated>
    
    <summary>  サイト、特にコンバージョンのあるサイトを作る時には、勿論インターフェースも重要ですが、同時に顧客の心理を捉え、どうゴールまで導くかの設計もクリティカルに成果に影響します。  そんな時に、心理学のT...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="マーケティング・事例" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="220554_1329[1]" border="0" alt="220554_1329[1]" src="http://www.fallinstar.org/WindowsLiveWriter/b601f1388c53_145A7/220554_1329%5B1%5D_ea224380-ef60-4e03-967e-afd105e4b642.jpg" width="410" height="97" /></p>  <p>サイト、特にコンバージョンのあるサイトを作る時には、勿論インターフェースも重要ですが、同時に<strong>顧客の心理を捉え、どうゴールまで導くかの設計</strong>もクリティカルに成果に影響します。</p>  <p>そんな時に、心理学のTipsが役立つシーンがかなり沢山あります。</p>  <p>ここではその中の1つで比較的有名な、<strong>「フット・イン・ザ・ドア」テクニック</strong>について少しばかり書いてみようかと思います。</p> ]]>
        <![CDATA[  <h2>フット・イン・ザ・ドア（foot in the door）テクニック</h2>  <p>何はともあれ、どんな心理学テク（？）なのかを最初に。</p>  <blockquote>   <p>（”フット・イン・ザ・ドア・テクニック”は）<strong>容易な行為を行うことに 同意（実行）したならば、その後大変な行為も行う可能性がある</strong>というものです。</p>    <p>販売員は、商品を購入する気持ちのない主婦に、最初は「あいさつ だけでも・・・」と玄関に入れてもらえるように頼みます。（とにかくドアの間に足を挟んでしまう）</p>    <p>あいさつを受け入れれば（小さな承諾）、<strong> 次の機会に商品購入の同意（大きな承諾）</strong>が得られやすくなります。</p>    <p>※<a href="http://www8.plala.or.jp/psychology/">Psychological Circle.</a>より引用・追記</p> </blockquote>  <p>ウェブというのはある意味厄介な代物で、来訪者は一気に最後のアクション（購入とか、申し込みとか）を行ってくれるとは限りません。</p>  <p>そんなとは、心の壁を一気に突き崩すのではなく、<strong>まずライトなゴールを提示して、とにかくユーザとつながってしまう</strong>方法が時として有効です。</p>  <p>例えば人材サイト。    <br />申し込んで欲しいのは山々な運営側ですが、敢えて「あとで検討する」という「とりあえず感」満載なゴールを置いています。</p>  <p>&#160;<img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/b601f1388c53_145A7/image_3639227d-f43b-4d07-a5ab-dbd6586d7861.png" width="519" height="211" /> </p>  <p>そして、まずはボタンを押させてしまったら、そこで会員登録フォームを提示する。</p>  <p>もちろんそこで全員が会員になるとは限りませんが、申込を遮二無二訴求するのと比べて、遥かに沢山の人が会員へのドアを叩いてくれます。</p>  <p>まずは<strong>登録するだけの理由をユーザに（軽くていいので）与えてあげる</strong>ことがポイントになります。</p>  <p>これは人材サイトですが、その他にも</p>  <ul>   <li>とりあえずお気に入り登録してもらう </li>    <li>まずは無料お試しをしてもらう / 無料メルマガを購読してもらう </li>    <li>一括登録サービスの前に、メリットの大きいサービス1つを提示する </li> </ul>  <p>すべて、最初に障壁の低いアクションを提示して、その後大きなアクションの獲得を狙う2段階のシナリオ設計です。</p>  <p>個人的に普段から、心理学系の本屋サイトを趣味がてらに楽しんでいるのですが、この「フット・イン・ザ・ドア」テクニックに限らず、<strong>小さな心理学のコツを頭に入れておくと、何かと成果アップのアイデアだし、導線設計にプラス</strong>になります。     <br />（あとは設計が楽しくなります・笑）</p>  <p>なんとなくマンネリに陥っているときや、アイデアを膨らませたいときにでも、是非使ってみてくださいませ。</p>  <div style="padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin-bottom: 0px; padding-top: 10px" class="amazlet-box">   <div style="float: left" class="amazlet-image"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4785931981/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank"><img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" alt="おとなの1ページ心理学 (ヤングキングコミックス)" src="http://ecx.images-amazon.com/images/I/61NTrn3TRbL._SL160_.jpg" /></a></div>    <div style="line-height: 120%; float: left; margin-left: 15px" class="amazlet-info">     <div style="line-height: 120%; margin-bottom: 10px" class="amazlet-name"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4785931981/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">おとなの1ページ心理学 (ヤングキングコミックス)</a>         <div style="line-height: 120%; margin-top: 5px; font-family: verdana; font-size: 7pt" class="amazlet-powered-date">posted with <a title="おとなの1ページ心理学 (ヤングキングコミックス)" href="http://www.amazlet.com/browse/ASIN/4785931981/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.03.11</div>     </div>      <div class="amazlet-detail">ゆうき ゆう        <br />少年画報社         <br /></div>      <div style="margin-top: 10px; margin-bottom: 10px" class="amazlet-review">       <div style="margin-bottom: 5px" class="amazlet-review-average">おすすめ度の平均: <img alt="5.0" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /></div>       <img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 冗談のわかる大人向き         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 知性と不条理の最強コラボ！         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 爆売れの予感         <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 勉強になりそうで、実は頭が悪くなる漫画         <br /></div>      <div style="margin-top: 5px" class="amazlet-link"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4785931981/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>   </div>    <div style="clear: left" class="amazlet-footer"></div> </div>  <p>※あ、ゆうきゆう先生の本は最高に面白いのですが、勉強に最適化は分かりません（汗</p>  <p>■ 関連エントリー</p>  <ul>   <li><a href="http://www.fallinstar.org/2010/03/post_99.html">インタラクションデザインをレベルアップさせる、「インビテーション」の考え方</a> </li>    <li><a href="http://www.fallinstar.org/2010/02/post_98.html">見た目も材料も価格も同じ・・？ 板チョコの巧妙な「実質値上げ」方法</a> </li>    <li><a href="http://www.fallinstar.org/2010/01/post_97.html">完了画面は、ユーザを捕まえる最強のレコメンデーションツール</a> </li>    <li><a href="http://www.fallinstar.org/2009/12/post_93.html">「迷わせる演出」でセールスを伸ばした明治製菓の「チョコレート効果」戦法</a> </li> </ul>]]>
    </content>
</entry>
<entry>
    <title>仮説検証のないアクセス解析をする暇があったら</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/03/post_100.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=634" title="仮説検証のないアクセス解析をする暇があったら" />
    <id>tag:www.fallinstar.org,2010://18.634</id>
    
    <published>2010-03-10T08:59:54Z</published>
    <updated>2010-03-10T09:08:56Z</updated>
    
    <summary>  もうこれは3年以上ずーっと起こっている現象なのですが、Web関係の人が起こす偉大なる勘違いのひとつに     「アクセス解析をすれば、課題が見つかって次の一手を打てる」   というものがあるような...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="マーケティング・事例" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="1037486_67672803[1]" border="0" alt="1037486_67672803[1]" src="http://www.fallinstar.org/WindowsLiveWriter/4bd572770993_CF48/1037486_67672803%5B1%5D_455a4742-9ddf-44f6-88fb-86069dec5195.jpg" width="269" height="160" /></p>  <p>もうこれは3年以上ずーっと起こっている現象なのですが、Web関係の人が起こす偉大なる勘違いのひとつに</p>  <blockquote>   <p>「アクセス解析をすれば、課題が見つかって次の一手を打てる」</p> </blockquote>  <p>というものがあるような気がします。    <br />今日は、そんなお話を少しばかりしてみようかなと。</p> ]]>
        <![CDATA[  <h2>アクセス解析が、教えてくれるもの</h2>  <p>アクセス解析は、言うまでもなく利用者の足跡を知るための手段（の1つ）です。    <br />これはこれで意味のあることです。</p>  <ul>   <li>現状、どこから人が入ってきて </li>    <li>現状、どいういう行動をして </li>    <li>現状、どこから出て行ったか </li>    <li>現状、誰が最終的なCVをしてくれたか </li> </ul>  <p>といった行動の軌跡がちゃんと数値データで得られます。</p>  <p>が、その一方で<strong>アクセス解析では決して判らないことも山ほどあります。</strong></p>  <ul>   <li>来訪者は、満足してページを見ているのか、それとも不満を持ってページを見てるのか </li>    <li>今来ている来訪者は、それ以前にどんな前提条件を持っているのか </li>    <li>コンバージョンしなかった人は、なぜ逃げていってしまったのか </li> </ul>  <p>※そもそも現在来ている人のデータのみじゃ話にならない、という根本的な問題もありますが、それはとりあえず置いておこうと思います。</p>  <p>・・などなど挙げていけばキリがありませんが、<strong>人間の足跡だけを見てもその人となり、心の内側がわからない</strong>のと同じで、アクセス解析だけやっていても正しいユーザ像・来訪時の心理は見えてきません。    <br />（せいぜい、キーワードから類推する程度）</p>  <p>例えば、ですが直帰率が80%という数字1つをとっても</p>  <ul>   <li>ターゲットがきちんと絞られたつくりで、それが機能しているから、直帰率が高い（何も悪くない） </li>    <li>単純に画面が悪い </li>    <li>ターゲット設定が間違っている（画面以前の問題） </li>    <li>商品が悪い（どうしようもない） </li> </ul>  <p>のどれにでも解釈ができ、なおかつその裏はアクセス解析からは取れません。</p>  <h2>だから、仮説検証中心のアクセス解析</h2>  <p>なので<strong>ただひたすらゴリゴリと長時間ログ解析を深堀しても、得られるものはたかが知れている</strong>、と思います。     <br />（※異論はあるかもしれませんが、データ解析のためのデータ解析に意味がないという意図で書いています）</p>  <p>にもかかわらず、毎日のようにGoogle AnalyticsやSiteCatalystのデータとにらめっこして、PVが増えたとか、直帰率が上がった下がった、みたいな感じでデータを見ている人（会社）って結構多いな、って思う瞬間もあるわけで。</p>  <p>そんな状態になるのを避けるためには、<strong>意識的に小さな施策を行ったり、その他の調査データと併せて解釈をしてみたりする</strong>のがおすすめ。</p>  <p>例えば、トップページに来ているバナーを女性向けと男性向けに50% / 50%でA/Bテストをしてみれば、サイトのデザインや訴求の方向性が多少なりとも見えてきます。</p>  <p>これは、<strong>仮説にデータが紐付いているから。</strong></p>  <p>仮説～検証のプロセスには、明確な目的があるので、圧倒的に意味のあるナレッジをもたらしてくれます。</p>  <p>また、こういう見方をすれば<strong>見たいデータ・指標が明確なので、時間も短く</strong>てすみます。     <br />（DB連携してデータを集めても、システムに問題がなければ30分で充分）</p>  <p>とりあえずデータが目の前にあるために、つい飛びつきやすいアクセス解析ですが、それが必ずしもいい方法だとは限りません。</p>  <p>データありきで考え、データに振り回されてしまっては本末転倒。</p>  <p>あくまで施策を回し、検証を進めてサイトを発展させるのがメインで、その1つのデータ源としてアクセス解析を使うということを理解している企業ほど、上手くいっているなーとおもうこの頃です。</p>  <p>※あ、ちなみに健康診断的に定期的にPVなどの指標を見るのは、それはそれで必要だと思います。</p>  <p>■ 関連エントリー</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/12/abtestscom.html">ユーザーインターフェースの検証データを公開している「ABtests.com」は、ウェブマスター必見事例の宝庫</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/3_2.html">フォームの完遂率は、フォーム前の設計で3倍以上変化する、というお話</a> </li>    <li><a href="http://www.fallinstar.org/2009/10/google_analytics.html">Google Analyticsの地域別セッションレポートが不思議なことになっている</a> </li> </ul>]]>
    </content>
</entry>
<entry>
    <title>2010年1月～2月の人気記事・書籍ランキング</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/03/201012.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=631" title="2010年1月～2月の人気記事・書籍ランキング" />
    <id>tag:www.fallinstar.org,2010://18.631</id>
    
    <published>2010-03-04T11:38:28Z</published>
    <updated>2010-03-04T11:42:04Z</updated>
    
    <summary>完全に不定期にやっている感じがしますが、たまにはこのブログで人気だった記事を紹介していきたいと思います。  さて、それでは早速。 ...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="よもや話" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>完全に不定期にやっている感じがしますが、たまにはこのブログで人気だった記事を紹介していきたいと思います。</p>  <p>さて、それでは早速。</p> ]]>
        <![CDATA[  <h2>人気記事 Top10 2010年1月～2月</h2>  <ol>   <li><a href="http://www.fallinstar.org/2010/01/itwebdont_make_me_think.html">全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」</a></li>    <li><a href="http://www.fallinstar.org/2009/07/google_6.html">電通とGoogleの間で交わされた、ジョークのような本当のような交渉</a></li>    <li><a href="http://www.fallinstar.org/2010/01/webtips.html">Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました</a></li>    <li><a href="http://www.fallinstar.org/2010/01/ab.html">これは恐ろしい！全く同じ画面でA/Bテストを実施したら・・・</a></li>    <li><a href="http://www.fallinstar.org/2010/01/2010_ui.html">2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書</a></li>    <li><a href="http://www.fallinstar.org/2009/05/80triumph.html">80%近いコンバージョンを達成した、Triumphの恐るべき「おねだり」機能</a></li>    <li><a href="http://www.fallinstar.org/2010/01/post_97.html">完了画面は、ユーザを捕まえる最強のレコメンデーションツール</a></li>    <li><a href="http://www.fallinstar.org/2010/02/3google.html">3年前に聞いた、ちょっと怖い「Google国家化」の噂が今</a></li>    <li><a href="http://www.fallinstar.org/2010/02/up400voicescom.html">コンバージョンUP400%を達成したVoices.comの顧客体験設計</a></li>    <li><a href="http://www.fallinstar.org/2009/12/twitter_bot.html">ユーザビリティの権威、ヤコブニールセン博士のTwitter Botを作ってみました！</a></li> </ol>  <p>と、こんな感じなわけですが、普段の業務が、2つの会社両方とも業務設計とか経営寄りのことしかしていないので、うさばらしとばかりに（？）UI・ネット系のエントリーを書いていたかもです。</p>  <p>個人的には<strong>ヤコブニールセンBot</strong>が1100を超えるフォローを2ヶ月で獲得したのが結構嬉しかったなぁというのがホンネです。</p>  <p>どうもありがとうございます！</p>  <p>もう1度リニューアルすることも検討しているので、是非フォローしてみてくださいませ。</p>  <p>■ ヤコブニールセン博士 Twitter Bot    <br /><a href="http://twitter.com/jakob_usability">http://twitter.com/jakob_usability</a></p>  <h2>1月～2月の人気書籍</h2>  <p><font size="3">1位 </font><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4274065707/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">マンガでわかる統計学</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4274065707/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="マンガでわかる統計学" src="http://ecx.images-amazon.com/images/I/51EFK1XNQ5L._SL160_.jpg" /></a></p>  <p>なんとなく載せたつもりですが、結構よかったようで。   <br /><strong>ログ解析や広告効果測定を行うときに、最低限の統計の知識</strong>があると、確かに役に立ちますね。</p>  <p><font size="3">     <br />2位 </font><a href="http://www.amazon.co.jp/exec/obidos/ASIN/490324007X/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">広告禁止!ネット不動産進化論</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/490324007X/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="広告禁止!ネット不動産進化論" src="http://ecx.images-amazon.com/images/I/51N2uAl9dLL._SL160_.jpg" /></a></p>  <p>個人的にも非常にお奨めの一冊。   <br />ビービット社内では、半強制的にコンサルに読ませてました（汗</p>  <p>不動産分野が例になっていますが、<strong>集客から顧客体験設計、その後の関係性構築までを非常に地に足の着いたステップできちんと解説</strong>している良書です。</p>  <p>   <br /><font size="3">3位 </font><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797333529/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797333529/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践" src="http://ecx.images-amazon.com/images/I/41TFdrBnWqL._SL160_.jpg" /></a></p>  <p><strong>ユーザ中心設計</strong>の本で国内のものなら、結局これになるかなと贔屓目なしに思います、はい。</p>  <p><font size="3">     <br />4位 </font><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">デザイニング・ウェブインターフェース ―リッチなウェブアプリケーションを実現する原則とパターン</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="デザイニング・ウェブインターフェース ―リッチなウェブアプリケーションを実現する原則とパターン" src="http://ecx.images-amazon.com/images/I/510LB1epEWL._SL160_.jpg" /></a></p>  <p>これも、最近出た書籍、特にUI系の本ではかなり中身の濃い1冊でおすすめです。   <br />価格がちょっと高いのが、オライリーシリーズは難点ですが・・・</p>  <p>   <br />と、こんな感じでした。</p>  <p>3月以降はもう少し沢山記事を書いていきたいと思いますので（汗、引続きご愛顧のほどを。</p>]]>
    </content>
</entry>
<entry>
    <title>Amazon.com、そのショッピングカート進化の変遷</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/03/amazoncom_1.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=630" title="Amazon.com、そのショッピングカート進化の変遷" />
    <id>tag:www.fallinstar.org,2010://18.630</id>
    
    <published>2010-03-03T00:22:32Z</published>
    <updated>2010-03-03T00:29:00Z</updated>
    
    <summary>  7600万人が利用するAmazon.com。  世界最高峰のUIを誇るこの類まれなるECサイトは、カート1つをとっても大きな変更を何度も繰り返しており、EC関係者に限らず、大いに参考になります。 ...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="UI（インターフェース）" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="amazon.logo.bb.1024[1]" border="0" alt="amazon.logo.bb.1024[1]" src="http://www.fallinstar.org/WindowsLiveWriter/Amazon.com_13C90/amazon.logo.bb.1024%5B1%5D_65a9dd9c-6958-4103-a8b0-3e6a8f536c2f.png" width="311" height="85" /></p>  <p>7600万人が利用するAmazon.com。</p>  <p>世界最高峰のUIを誇るこの類まれなるECサイトは、カート1つをとっても大きな変更を何度も繰り返しており、EC関係者に限らず、大いに参考になります。</p> ]]>
        <![CDATA[  <h2>Amazonの”Add-to-Cart”進化目録</h2>  <h4>1 初期バージョンのボタン。</h4>  <p>ネット初期のEC慣れしていない人でも気持ちよくボタンを押せる訴求を以下の2点で実現</p>  <ul>   <li>カートに入れても、商品をあとから消せることを記載（you can always remove it later） </li>    <li>セキュリティ（shopping with us is safe） </li> </ul>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="amazon_cart_1[1]" border="0" alt="amazon_cart_1[1]" src="http://www.fallinstar.org/WindowsLiveWriter/Amazon.com_13C90/amazon_cart_1%5B1%5D_3.jpg" width="206" height="118" /></p>  <p>今のデザインの原型があるとはいえ、背景も含めだいぶ印象が違いますね。</p>  <h4>2 ワンクリック注文が追加される</h4>  <p>カートボタンの位置はそのままに、1クリック機能をリリース。   <br />領域がだいぶにぎやかになってきました。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/Amazon.com_13C90/image_1d7fbcd6-baab-4ee8-92db-d3c6977dd2a7.png" width="164" height="313" /> </p>  <h4>3 &quot;You can always remove it&quot;を取り除いて、ボタンをシンプルに</h4>  <p>この辺りから洗練路線へ行った感じ。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/Amazon.com_13C90/image_a9f487f6-a12e-420e-b9d2-15aba4d73814.png" width="203" height="286" /> </p>  <h4>4 Amazon2.0へ</h4>  <p>3D装飾の入った形になり、A9サーチエンジンの訴求をカート直下に設置。    <br />&quot;Add to Wedding Registry&quot;ボタンもつかされました。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/Amazon.com_13C90/image_0703c570-b487-43c8-b0bc-bbedce1ab36d.png" width="221" height="365" /> </p>  <h4>5 そして、今</h4>  <p>A9サーチエンジンは消え、マーケットプレイスもシンプルなつくりに。    <br />UIの洗練が目に見えて分かります。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/Amazon.com_13C90/image_83dc0ef9-9a87-43e0-8ca1-fb228f8f3d22.png" width="220" height="386" /> </p>  <h2>小さな変化の積み重ねが、大きなマネーに</h2>  <p>最後に原文からこの1節を。</p>  <blockquote>   <p>Changing your call to action buttons doesn't guarantee the highest return on investment from website, but it is an easy and popular test.</p> </blockquote>  <p>カートボタンの変更は、必ず強いも最大のリターンを保証してはくれません。    <br />しかし、<strong>非常に簡単で、かつポピュラーなテスト手法</strong>です。</p>  <blockquote>   <p>Amazon Wasn't Built in a Day</p> </blockquote>  <p><strong>Amazonは1日にして成らず。      <br /></strong>彼らのPDCAのスパイラル手法は、もっともっと取り入れていきたいですね。</p>  <div style="padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin-bottom: 0px; padding-top: 10px" class="amazlet-box">   <div style="float: left" class="amazlet-image"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4902222817/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank"><img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" alt="トップ0.1%の条件 ~ECビジネス成功者たちの「志力」~" src="http://ecx.images-amazon.com/images/I/41uByuWm66L._SL160_.jpg" /></a></div>    <div style="line-height: 120%; float: left; margin-left: 15px" class="amazlet-info">     <div style="line-height: 120%; margin-bottom: 10px" class="amazlet-name"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4902222817/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">トップ0.1%の条件 ~ECビジネス成功者たちの「志力」~</a>         <div style="line-height: 120%; margin-top: 5px; font-family: verdana; font-size: 7pt" class="amazlet-powered-date">posted with <a title="トップ0.1%の条件 ~ECビジネス成功者たちの「志力」~" href="http://www.amazlet.com/browse/ASIN/4902222817/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.03.02</div>     </div>      <div class="amazlet-detail">加藤 敏明 永田 ゆえみん 道端 俊彦 小川 順子 織田 一彦        <br />アチーブメント出版         <br />売り上げランキング: 16105         <br /></div>      <div style="margin-top: 10px; margin-bottom: 10px" class="amazlet-review">       <div style="margin-bottom: 5px" class="amazlet-review-average">おすすめ度の平均: <img alt="5.0" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /></div>       <img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 想いが人を動かす         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> はるし         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 失敗→成功         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 商売、経営は志がなければ成り立たない         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 大切なこと         <br /></div>      <div style="margin-top: 5px" class="amazlet-link"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4902222817/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>   </div>    <div style="clear: left" class="amazlet-footer"></div> </div>  <p>■ 関連エントリー</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/12/amazoncom.html">世界を制したAmazon.comの戦略</a> </li>    <li><a href="http://www.fallinstar.org/2010/01/2010_ui.html">2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書</a> </li>    <li><a href="http://www.fallinstar.org/2009/12/ec5.html">顧客の購買単価を「ぐぐっ」と引き上げるキャッチコピー・販売手法いろいろ</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/ec.html">ECサイトの「カートに追加」周辺のUIを、センス良く改善する方法</a> </li> </ul>  <p>■ from <a href="http://www.grokdotcom.com/2008/02/26/amazon-shopping-cart/" target="_blank">Hidden Secrets of the Amazon Shopping Cart</a></p>]]>
    </content>
</entry>
<entry>
    <title>インタラクションデザインをレベルアップさせる、「インビテーション」の考え方</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/03/post_99.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=629" title="インタラクションデザインをレベルアップさせる、「インビテーション」の考え方" />
    <id>tag:www.fallinstar.org,2010://18.629</id>
    
    <published>2010-03-02T12:32:48Z</published>
    <updated>2010-03-02T12:45:04Z</updated>
    
    <summary>   プラットフォームが多様化し、設計に求められるレベルが上がる中、特にWebで重要になってくるものの1つが「インタラクション設計」  従来のHTML＋CSS主体の画面から、振る舞い（Behavior...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="UI（インターフェース）" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/5bcd5de8d065_CED7/image_131ad2d6-71cf-49b7-8419-c1480844d130.png" width="420" height="101" /> </p>  <p>プラットフォームが多様化し、設計に求められるレベルが上がる中、特にWebで重要になってくるものの1つが「インタラクション設計」</p>  <p><strong>従来のHTML＋CSS主体の画面から、振る舞い（Behavior）を含む設計へ</strong>とレベルアッップすることで、様々な表現が可能になります。また、ブラウザー等の進化もそれを後押ししています。</p>  <p>その時に非常に役に立つ、”インビテーション”という考え方を少々書いてみたいと思います。</p> ]]>
        <![CDATA[  <p></p>  <h2>インビテーションを、意識的に仕掛ける</h2>  <p>最初に、<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink">デザイニング・ウェブインターフェース</a>に定義があるので引用、と。</p>  <blockquote>   <p>インビテーションとは、<strong>ユーザをインタラクションへと誘導するためのプロンプト・合図</strong>のことだ。       <br />その<strong>インターフェースで次に起こることをさりげなく示す</strong>、状況に応じたツールチップや視覚的アフォーダンスが用いられることが多い。</p> </blockquote>  <p>判りやすいところで言うと、クリックできるところに矢印がパカパカ点滅しているとか、クリック可能な領域でマウスポインターの画像が変わるとか、そういうもの全般を指します。</p>  <p>これらを感覚的になんとなく処理するのではなく、</p>  <ol>   <li>インビテーションでユーザに知覚させ </li>    <li>適切なリアクションを提示する </li> </ol>  <p>という<strong>2段階で設計することで、より明確な意図の下でインタラクションデザインを行う</strong>ことが可能になります。</p>  <h2>インビテーションのタイミング</h2>  <p>同じインビテーションでも、<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink">デザイニング・ウェブインターフェース</a>では多数の種類を定義していますが、「ボタンを大きくして、きらきらさせる」といった内容については、ここでは省略して、もう少し簡略化した形で考えたいと思います。</p>  <p>Webで主に起こるイベントハイドラで、インビテーションが多用されるのは</p>  <ul>   <li>ページ（及び領域）ロード </li>    <li>マウスオーバー </li>    <li>クリック </li>    <li>ドラッグ＆ドロップ </li> </ul>  <p>だと思います。</p>  <h4>1 ページ（及び領域）ロード</h4>  <p><strong>読み込みのタイミングで、ユーザに対してインビテーション提示</strong>することで特定のエリア・情報の存在を知らせたり、今後のアクションの方向を示すやり方です。</p>  <p>例えばマクドナルドのサイトでは、中央のコンテンツが読み込まれた瞬間、上から下へとずらずらっとコンテンツが降ってきます。（下の図左→右へ）</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/5bcd5de8d065_CED7/image_e7bae710-7090-474b-8b70-46f23c263b0c.png" width="512" height="311" /> </p>  <p>こうすることによって、<strong>画面に収まっている以上のコンテンツがこのページにあることを示し、アクションを誘い</strong>ます。</p>  <p>せっかく作った情報も、<strong>閲覧されなければ宝の持ち腐れ</strong>です。     <br />特に、クリックやドラッグ、特定領域へマウスオーバーしないと見れないようになっている情報の在り処を示すために、インビテーションが有効です。</p>  <p>また、Cookieを用いて初回訪問の人限定でインビテーションを出すなどの仕掛けも、最近はちょいちょい見られるようになりました。</p>  <h4>2 マウスオーバー</h4>  <p>マウスオーバー（onMouseOver）のタイミングで反応を提示するやり方です。    <br />JavaScriptでの実装が最も多いのはこいつだと思います。</p>  <p>ロールオーバーでのインビテーションとしては</p>  <ul>   <li>エリアの背景をハイライトする </li>    <li>エリアのデザイン（色など）を変化させる </li>    <li>マウスポインタを変える </li>    <li>アクションの結果を、その場でプレビューする </li> </ul>  <p>といったバリエーションがあります。</p>  <p>例えば、Windows Media Playerの楽曲評価の☆マークのところは、ロールオーバーでマウスポインタが変化しつつ、クリックの結果を提示します。（Webではありませんが、考え方は同じ）</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/5bcd5de8d065_CED7/image_aa8ecb6f-9741-4199-b387-4ff08747446b.png" width="560" height="154" /> </p>  <p>3. クリック / ドラッグ＆ドロップ</p>  <p>ウェブの場合クリックがリンク移動に利用されることが多いため、これらは前の2つよりは比重が低いのが現状です。</p>  <p>今後Facebookのようなソフトウェア的な画面を持つサイトが増えると、インビテーションとしてのクリックも必要になってくるかもしれません。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/5bcd5de8d065_CED7/image_a2f1d429-1fbf-4454-b2cb-cbe93700081e.png" width="384" height="151" /> </p>  <p>これはアメリカの音楽視聴サイト「Grooveshark」のインターフェースですが、</p>  <ul>   <li>楽曲を1回クリックすると選択状態になり、曲の左に「＋」アイコンが出現します。 </li>    <li>また、プレイリストへとドラッグする間、マウスポインタはドラッグ先に応じて「＋」または「-」のアイコンに変化し、次のアクションをメタファーでユーザに伝えます </li> </ul>  <p>今後、Webとソフトウェアの境目が徐々に融合するにつれ、こういう利用は増えてきそうですね。</p>  <p>   <br />と、こんな感じで紹介したインビテーション。     <br />まだまだ自分でもちゃんと使えているわけでもない技法というか考え方なので、ちゃんと身に付けていかねばと思うこのごろです。</p>  <div style="padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin-bottom: 0px; padding-top: 10px" class="amazlet-box">   <div style="float: left" class="amazlet-image"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank"><img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" alt="デザイニング・ウェブインターフェース ―リッチなウェブアプリケーションを実現する原則とパターン" src="http://ecx.images-amazon.com/images/I/510LB1epEWL._SL160_.jpg" /></a></div>    <div style="line-height: 120%; float: left; margin-left: 15px" class="amazlet-info">     <div style="line-height: 120%; margin-bottom: 10px" class="amazlet-name"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">デザイニング・ウェブインターフェース ―リッチなウェブアプリケーションを実現する原則とパターン</a>        <div style="line-height: 120%; margin-top: 5px; font-family: verdana; font-size: 7pt" class="amazlet-powered-date">posted with <a title="デザイニング・ウェブインターフェース ―リッチなウェブアプリケーションを実現する原則とパターン" href="http://www.amazlet.com/browse/ASIN/4873114349/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.03.02</div>     </div>      <div class="amazlet-detail">Bill Scott Theresa Neil        <br />オライリージャパン         <br />売り上げランキング: 10814        <br /></div>      <div style="margin-top: 10px; margin-bottom: 10px" class="amazlet-review">       <div style="margin-bottom: 5px" class="amazlet-review-average">おすすめ度の平均: <img alt="4.0" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /></div>       <img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> リッチネスインターフェース        <br /></div>      <div style="margin-top: 5px" class="amazlet-link"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>   </div>    <div style="clear: left" class="amazlet-footer"></div> </div>  <p>■ 関連エントリー</p>  <ul>   <li><a href="http://www.fallinstar.org/2010/02/up400voicescom.html">コンバージョンUP400%を達成したVoices.comの顧客体験設計</a> </li>    <li><a href="http://www.fallinstar.org/2010/01/post_97.html">完了画面は、ユーザを捕まえる最強のレコメンデーションツール</a> </li>    <li><a href="http://www.fallinstar.org/2009/02/_5.html">ユーザビリティの問題を手っ取り早く改善するためのコツ 5ヶ条</a> </li>    <li><a href="http://www.fallinstar.org/2010/01/itwebdont_make_me_think.html">全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」</a> </li> </ul>]]>
    </content>
</entry>
<entry>
    <title>優秀な営業マンは、イエスマンであってはならない！ 「営業マンは断ることを覚えなさい」 by 石原 明</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/02/_by_4.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=627" title="優秀な営業マンは、イエスマンであってはならない！ 「営業マンは断ることを覚えなさい」 by 石原 明" />
    <id>tag:www.fallinstar.org,2010://18.627</id>
    
    <published>2010-02-20T12:57:15Z</published>
    <updated>2010-02-20T12:57:46Z</updated>
    
    <summary>&amp;#160;  せっかく沢山本を読んでるんだから、少しずつここでも紹介しようかなと思います。  この「営業マンは断ることを覚えなさい」は、もともとは自費出版だったそうですが、口コミで10000冊以上売...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="良書濫読" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4837976549/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink"><img style="margin: 0px 0px 5px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" alt="営業マンは断ることを覚えなさい (知的生きかた文庫)" src="http://ecx.images-amazon.com/images/I/41KuXEqPY7L._SL160_.jpg" /></a>&#160;</p>  <p>せっかく沢山本を読んでるんだから、少しずつここでも紹介しようかなと思います。</p>  <p>この「<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4837976549/yubinsearch-22/ref=nosim/" name="amazletlink">営業マンは断ることを覚えなさい</a>」は、もともとは自費出版だったそうですが、口コミで10000冊以上売れた石原明先生の代表作です。</p> ]]>
        <![CDATA[  <h2>クライアントに、営業マンどう接するべきなのか？</h2>  <p>単なるパシリのように頭を下げているだけでは物は売れません。</p>  <p><strong>「お客さんが買いたいと思う営業マンはどんな人か？」</strong>と問いかけ、経営的な色合いも交えて、営業という立場の人間が、お客様とどういう関係を作るべきか、を明快に答えてくれます。</p>  <p>言われて、「確かにそうだなー」と思ったのは、<strong>自分が物を買いたいと思う人は、何でもかんでもはいはいと言う人ではなく、本当に自分にあったものをちゃんと提示してくれる人。</strong></p>  <p>「断る」ということは、「お客様と対等な信頼関係を結ぶ」ための方法であり、それを実現するために後半では、経営者が断れる仕組み（システム）を作る方法を提示。</p>  <p>営業というと、個人技のイメージの強い世界ですが、</p>  <ol>   <li>見込み客のリスト形成（集客） </li>    <li>見込み客フォロー </li>    <li>販売 → ここを営業マンが担当 </li>    <li>顧客化 </li> </ol>  <p>単なるパシリのように頭を下げているだけでは物は売れません。</p>  <p>という流れを形成し、営業マンの役割を明確にすることにまで踏み込んでいます。</p>  <p>もちろんですが、営業を実際に行う人には、当たり前に有意義な一冊です。    <br />唯一の成功法則だとは思いませんが、個人的にはこの本の主張はとても納得のいくものでした。</p>  <p>プラス、実はこの内容は<strong>ネットのビジネスに直に応用できる</strong>ものだったり、サービスを設計する立場の一人として、セールス・プロモーション全般を考える上で、にいい刺激になりました。</p>  <div class="amazlet-box" style="padding-right: 30px; padding-left: 30px; margin-bottom: 0px; padding-bottom: 10px; padding-top: 10px">   <div class="amazlet-image" style="float: left"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4837976549/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink"><img style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" alt="営業マンは断ることを覚えなさい (知的生きかた文庫)" src="http://ecx.images-amazon.com/images/I/41KuXEqPY7L._SL160_.jpg" /></a></div>    <div class="amazlet-info" style="float: left; margin-left: 15px; line-height: 120%">     <div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4837976549/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">営業マンは断ることを覚えなさい (知的生きかた文庫)</a>         <div class="amazlet-powered-date" style="margin-top: 5px; font-size: 7pt; line-height: 120%; font-family: verdana">posted with <a title="営業マンは断ることを覚えなさい (知的生きかた文庫)" href="http://www.amazlet.com/browse/ASIN/4837976549/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.02.20</div>     </div>      <div class="amazlet-detail">石原 明        <br />三笠書房         <br />売り上げランキング: 47991         <br /></div>      <div class="amazlet-review" style="margin-top: 10px; margin-bottom: 10px">       <div class="amazlet-review-average" style="margin-bottom: 5px">おすすめ度の平均: <img alt="4.5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-5.gif" /></div>       <img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 平易に書かれていますが奥が深い         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 必読の営業本です         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 営業の仕組み化・システム化         <br /><img alt="3" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-3-0.gif" /> お客さまを否定しない変な癖。         <br /></div>      <div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4837976549/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">Amazon.co.jp で詳細を見る</a></div>   </div>    <div class="amazlet-footer" style="clear: left"></div> </div>  <p>■ 関連エントリー</p>  <ul>   <li><a href="http://www.fallinstar.org/2010/01/2010_ui.html">2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書</a></li>    <li><a href="http://www.fallinstar.org/2009/11/0pr.html">ハリー・ポッターの大ヒットを支えた「広告費0円」PR作戦</a></li>    <li><a href="http://www.fallinstar.org/2009/08/post_81.html">アルコール値上で、酒を買わなくなる人は誰？ ～ 人は意外に合理的</a></li>    <li><a href="http://www.fallinstar.org/2009/03/post_63.html">1冊30分で人の10倍のリターンを得る「フォーカスリーディング」のススメ</a></li> </ul>]]>
    </content>
</entry>
<entry>
    <title>3年前に聞いた、ちょっと怖い「Google国家化」の噂が今</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/02/3google.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=626" title="3年前に聞いた、ちょっと怖い「Google国家化」の噂が今" />
    <id>tag:www.fallinstar.org,2010://18.626</id>
    
    <published>2010-02-19T08:21:53Z</published>
    <updated>2010-02-19T08:39:50Z</updated>
    
    <summary>  Street View、Google Buzz、国家（中国）相手の喧嘩、Appleにも攻撃的になっているGoogle。    （参考：GoogleがiPhone用の優れたメールアプリを買収, そし...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="よもや話" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="google-evil[1]" border="0" alt="google-evil[1]" src="http://www.fallinstar.org/WindowsLiveWriter/3Google_C685/google-evil%5B1%5D_9d6f6ab5-ae7f-44fc-a4f3-e6a746490f58.jpg" width="240" height="92" /></p>  <p>Street View、Google Buzz、国家（中国）相手の喧嘩、Appleにも攻撃的になっているGoogle。    <br />（参考：<a href="http://jp.techcrunch.com/archives/20100217google-remail-iphone/" target="_blank">GoogleがiPhone用の優れたメールアプリを買収, そして殺す</a>）</p>  <p>「Don't Be Evil」かどうかだけで議論するのがよいかどうかは別にして、昔のGoogleとは明らかに別物の企業になってきているのは間違いないと思います。</p>  <p>でもって、ふと思い出したのが、3年ほど前に某大手新聞社の上のほうの方から聞いたお話です。</p> ]]>
        <![CDATA[  <h2>ちょっと怖い「Google国家化」の噂が今</h2>  <p>そのときの内容です。    <br />勿論、真偽の程は保証できませんが、割とちゃんとした人の話ではありました。</p>  <blockquote>   <p>最近、<strong>Googleに（アメリカ）政府筋の人間が何人も入っている</strong>らしいぞ</p> </blockquote>  <p>さらに、その後</p>  <blockquote>   <p>気をつけないと、やばいよ。あいつら絶対違う方向に進んでるっぽいから。</p> </blockquote>  <p>・・・・・</p>  <p>・・・（汗</p>  <p>これだけといえば、これだけなのですが・・・    <br />今のGoogleの動きを考えると、なんとも背筋が冷たくなる感触です。</p>  <p>個人情報の保護の感覚がニブいとか、とりあえず出してしまうとか、あるいはマーケティング主導の企業になってしまったとか色んな要素はありますし、それっぽい話というだけでそこまで気にすることはないのかもしれません。</p>  <p>ただ、最近の暴走を見ていると、Googleを叩くとか叩かない以前に、</p>  <blockquote>   <p>Googleという企業に個人情報を預けてしまっていいのか？</p> </blockquote>  <p>というのは、少々考え直してもいい時期なのかもしれない、なんて思ったり思わなかったり。</p>  <p>まだまだGoogle周りには色んな動きが飛び交うと思いますので、引続きウォッチしておかないといけませんね。</p>  <div style="padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin-bottom: 0px; padding-top: 10px" class="amazlet-box">   <div style="float: left" class="amazlet-image"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839933464/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank"><img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" alt="Googleの正体 (マイコミ新書)" src="http://ecx.images-amazon.com/images/I/31GinrG9bFL._SL160_.jpg" /></a></div>    <div style="line-height: 120%; float: left; margin-left: 15px" class="amazlet-info">     <div style="line-height: 120%; margin-bottom: 10px" class="amazlet-name"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839933464/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">Googleの正体 (マイコミ新書)</a>        <div style="line-height: 120%; margin-top: 5px; font-family: verdana; font-size: 7pt" class="amazlet-powered-date">posted with <a title="Googleの正体 (マイコミ新書)" href="http://www.amazlet.com/browse/ASIN/4839933464/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.02.19</div>     </div>      <div class="amazlet-detail">牧野 武文        <br />毎日コミュニケーションズ         <br />売り上げランキング: 651        <br /></div>      <div style="margin-top: 10px; margin-bottom: 10px" class="amazlet-review">       <div style="margin-bottom: 5px" class="amazlet-review-average">おすすめ度の平均: <img alt="4.5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-5.gif" /></div>       <img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> Googleに興味のある方にお勧め        <br /><img alt="3" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-3-0.gif" /> Googleの「正体」はわかった。でもその結論部分はいただけない。        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 「なんとなく凄いGoogle」から「凄い！Google」に認識を変えてくれる本。        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> グーグルの数多くの疑問に親切丁寧に答えてくれる書        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> ビジネスの仕組みを知りたい人にもお勧めです        <br /></div>      <div style="margin-top: 5px" class="amazlet-link"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839933464/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>   </div>    <div style="clear: left" class="amazlet-footer"></div> </div>  <p>■ ”ちょっと怖い「Google国家化」の噂が今” 関連エントリー</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/07/google_6.html">電通とGoogleの間で交わされた、ジョークのような本当のような交渉</a></li>    <li><a href="http://www.fallinstar.org/2009/07/google_7.html">＜小ネタ＞Googleさんは執念深い？</a></li>    <li><a href="http://www.fallinstar.org/2010/01/itwebdont_make_me_think.html">全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」</a></li> </ul>]]>
    </content>
</entry>
<entry>
    <title>コンバージョンUP400%を達成したVoices.comの顧客体験設計</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/02/up400voicescom.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=624" title="コンバージョンUP400%を達成したVoices.comの顧客体験設計" />
    <id>tag:www.fallinstar.org,2010://18.624</id>
    
    <published>2010-02-13T15:30:24Z</published>
    <updated>2010-02-13T15:42:56Z</updated>
    
    <summary>海外の事例ですが、明らかに日本でも応用が利くであろう内容だったで、このブログでも紹介をしたいと思います。    ちなみに改善を実施したベンダーは、いまきが数年前から注目しているConversion R...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="マーケティング・事例" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>海外の事例ですが、明らかに日本でも応用が利くであろう内容だったで、このブログでも紹介をしたいと思います。    <br />ちなみに改善を実施したベンダーは、いまきが数年前から注目している<a href="http://www.conversion-rate-experts.com/" target="_blank">Conversion Rate Experts</a>です。</p>  <p><img title="image" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="257" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/400Voices.com_9992/image_5f5c4d2f-ba6d-44d0-8888-79bf2255cf97.png" width="380" border="0" /> </p>  <p><a href="http://www.voices.com/" target="_blank">Voices.com</a>は、文字通りナレーション等の音声を取り扱うマーケットプレイス。     <br />サイトには、自分の声を商品として売り出したい人、CMや動画の製作にあたり声をほしがっている人の2ユーザが訪れます。</p>  <p>ここからは、このサイトをどう改善したか、かいつまんで紹介してみようと思います。</p> ]]>
        <![CDATA[  <p></p>  <h2>成功のための分析手法と利用ツール</h2>  <p>彼らが実行したのは主に以下の内容です。    <br />（※英文そのまんまではなく、全文を読んだ上で多少個人的にまとめなおしています）</p>  <ol>   <li>Google Analyticsを分析し、何がセールスアップに寄与しているのかを抽出（※多分、時間は余りかけていない） </li>    <li>510人の訪問者サーベイ（多分意識調査）をかけて、訪問したが購入に至っていないユーザの考えや心理状況を把握 </li>    <li>ユーザビリティテストを実施 </li>    <li>Vices.comのセールス手法を全て調べ、CEOにもインタビューを実施 </li>    <li>競合となるサイトの戦術を分析し、Voices.comにチャンスのある（最適な）ポジショニンを定義 </li> </ol>  <p>特徴的なのは、何といっても2番目の、定性的な調査ですね。    <br />ユーザビリティテストとあわせて、<strong>かなりしっかりとした規模で定性調査を実施</strong>しています。</p>  <p>個人的な経験からも、ログ解析は所詮ただの数値データでしかないので、最低限の情報はもたらしてくれてもユーザの心理やニーズについては定性調査のほうが圧倒的に有利。</p>  <p>その<strong>仮説をもとに組み立てた施策をログ解析で評価する手法は一つの黄金パターン</strong>ではないかと。     <br />（※余談ですが、この手法のメリットとして、ログ解析にいらぬ時間を取られない、というのもあります。見るべき仮説が明確なので、深堀も短時間で可能です）</p>  <p>また、Conversion Rate Expertsでは以下のツールを使用しています。</p>  <ul>   <li><a href="http://www.google.com/websiteoptimizer" target="_blank">Google Website Optimizer</a>でスプリット・ラン（A/Bテスト）を実施 </li>    <li><a href="http://www.crazyegg.com/" target="_blank">Crazy Egg</a>で、サイト上でのユーザの振る舞いをより詳しく把握 </li>    <li><a href="http://www.usertesting.com/" target="_blank">UserTesting.com</a>でユーザビリティテストを実施 </li>    <li>動画コンテンツ掲載に、YouTubeを利用 </li>    <li><a href="http://www.surveymonkey.com/" target="_blank">Survey Monkey</a>と<a href="http://www.surveygizmo.com/" target="_blank">Survey Gizmo</a>でサーベイを走らせる </li> </ul>  <h2>実装された主な改善点</h2>  <h4>保証を提示する</h4>  <p>これは国内外問わず、かなり有効確度の高い手法です。導入実績とか、○○賞受賞とかですね。    <br />Voices.comでも、<strong>名の通った大手企業に採用されていることをアピール</strong>しています。</p>  <p><img title="" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="92" alt="" src="http://www.fallinstar.org/WindowsLiveWriter/400Voices.com_9992/voices1%5B1%5D_1dbd798a-d57f-4d10-a128-c6d6321a70ad.png" width="496" border="0" /></p>  <h4>顧客セグメントを明確にし、分かりやすく表現</h4>  <p>基本中の基本ながら、ちゃんとこれをやることは今でも重要ですね。    <br />アイコンやボタンのリンクも、非常にしっかりしており、サービス概要もちゃんと伝わる、<strong>お手本のようなレイアウト</strong>です。</p>  <p><img title="" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="152" alt="" src="http://www.fallinstar.org/WindowsLiveWriter/400Voices.com_9992/voices2%5B1%5D_7db87cf1-70c4-4381-a30b-0ebc9f15a247.png" width="495" border="0" /></p>  <h4>ビデオ・デモンストレーションを実装</h4>  <p>近年のUSのサイトではかなり多用されている手法です。    <br />ビデオの品質もちゃんと作りこむ必要がありますが、<strong>良い動画コンテンツの追加がCVに繋がる</strong>ことは、いまき個人も体験済みです。</p>  <p><img title="" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="203" alt="" src="http://www.fallinstar.org/WindowsLiveWriter/400Voices.com_9992/voices3%5B1%5D_0287674b-cdee-44e7-90c4-4144d8a26fb9.png" width="489" border="0" /></p>  <h4>販売経路（全体）でのチャンスを捉える</h4>  <p>これは、原文が非常に良い表現なので紹介しようかなと。    <br />個人的には、<strong>この4つめこそが成功の最大のポイント</strong>だと思っています。</p>  <blockquote>   <p>it’s important that you take a “50,000 ft view” of the business</p> </blockquote>  <blockquote>   <p>Many clients expect us to work only on their landing pages, and are surprised that we analyze the whole customer journey—from the initial ads to the retention of long-term customers—in order to identify opportunities.</p> </blockquote>  <p>1つ目は、「ビジネスのフローを隅々まで見渡せ」というメッセージ。</p>  <p>かつ2つ目が重要です。</p>  <blockquote>   <p>多くのクライアントは、我々がランディングページだけを対象に調査するものだと思っており、一連の顧客体験（journey）～初回の広告接触から長期リテンションまで～を分析することに驚くのだ</p> </blockquote>  <p>LPOなどという安易な手段ではなく、<strong>ちゃんと顧客体験を見渡し、機会を捉えてセールスの流れを最適化</strong>する。     <br />世の中が安きに流れている今だからこそ、一貫したシナリオ設計のパワーが発揮されるのでしょうね。</p>  <p>   <br />さて、こんな感じでしたが、やはり感じるのは顧客理解の徹底と単発施策に終わらない営業フロー全体のシナリオ設計に対するこだわり。     <br />こういう事例が沢山出ているといい刺激になりますね。</p>  <p>ちなみに、対顧客コミュニケーション設計で、去年ゴリ押しでコンサルタントに読ませ続けたのが<a href="http://www.amazon.co.jp/exec/obidos/ASIN/490324007X/yubinsearch-22/ref=nosim/" name="amazletlink">広告禁止!ネット不動産進化論</a>。     <br />不動産サイトの事例がベースになりつつも、リテンションまで含むネットビジネスの組み立て方がステップ論でしっかりまとまっている良書です。</p>  <div class="amazlet-box" style="padding-right: 30px; padding-left: 30px; margin-bottom: 0px; padding-bottom: 10px; padding-top: 10px">   <div class="amazlet-image" style="float: left"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/490324007X/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink"><img style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" alt="広告禁止!ネット不動産進化論" src="http://ecx.images-amazon.com/images/I/51N2uAl9dLL._SL160_.jpg" /></a></div>    <div class="amazlet-info" style="float: left; margin-left: 15px; line-height: 120%">     <div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/490324007X/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">広告禁止!ネット不動産進化論</a>         <div class="amazlet-powered-date" style="margin-top: 5px; font-size: 7pt; line-height: 120%; font-family: verdana">posted with <a title="広告禁止!ネット不動産進化論" href="http://www.amazlet.com/browse/ASIN/490324007X/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.02.14</div>     </div>      <div class="amazlet-detail">金丸 信一        <br />CKパブリッシング         <br />売り上げランキング: 79733         <br /></div>      <div class="amazlet-review" style="margin-top: 10px; margin-bottom: 10px">       <div class="amazlet-review-average" style="margin-bottom: 5px">おすすめ度の平均: <img alt="4.5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-5.gif" /></div>       <img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 出版マーケではありません         <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> これからインターネットを活用する方には必見の本です         <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> ネットビジネスに携わるすべての人に         <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> うまくやる、のではなく「ちゃんとやる」。         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 今不動産会社が今後どう営業をしていくかを的確に示した書籍         <br /></div>      <div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/490324007X/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">Amazon.co.jp で詳細を見る</a></div>   </div>    <div class="amazlet-footer" style="clear: left"></div> </div>  <p>■ 関連記事</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/12/abtestscom.html">ユーザーインターフェースの検証データを公開している「ABtests.com」は、ウェブマスター必見事例の宝庫</a></li>    <li><a href="http://www.fallinstar.org/2010/01/post_97.html">完了画面は、ユーザを捕まえる最強のレコメンデーションツール</a></li>    <li><a href="http://www.fallinstar.org/2009/11/3_2.html">フォームの完遂率は、フォーム前の設計で3倍以上変化する、というお話</a></li>    <li><a href="http://www.fallinstar.org/2009/07/1_1.html">男性を魔法のようにキャバクラへ引き寄せる、魅惑の「キャバ嬢1枚写真ページサービス」</a></li>    <li><a href="http://www.fallinstar.org/2009/07/post_75.html">男心を操る、恐怖の出会い系「サクラ」プログラム</a></li> </ul>]]>
    </content>
</entry>
<entry>
    <title>「beBit勝手にユーザビリティテスト体験会」（2/16）を開催します！</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/02/bebit216.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=623" title="「beBit勝手にユーザビリティテスト体験会」（2/16）を開催します！" />
    <id>tag:www.fallinstar.org,2010://18.623</id>
    
    <published>2010-02-08T12:18:23Z</published>
    <updated>2010-02-12T08:40:00Z</updated>
    
    <summary>   2/12（金） 17:00をもって応募を締め切らせていただきました。       定員を大幅に上回る方にエントリーいただき、ありがとうございます！ 追ってメールでご連絡を差し上げます。   あな...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="Twinkle Twinkle Little Star!" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<blockquote>   <p><strong>2/12（金） 17:00をもって応募を締め切らせていただきました。       <br />定員を大幅に上回る方にエントリーいただき、ありがとうございます！ 追ってメールでご連絡を差し上げます。</strong></p> </blockquote>  <p>あなたの作ったプロトタイプ画面を、ユーザビリティコンサルタントがぶった斬る！</p>  <p>お題となるサイトのプロトタイプUIをその場で作り、それをアイトラッキングシステムTobiiを使ったユーザビリティテストでコンサルタントが検証します。</p>  <p>参加費は無料です。    <br />ユーザーインターフェース設計～改善のプロセスを気軽に体験してみてください。</p>  <p>みなさまのご応募をお待ちしております！</p>  <h2>beBit勝手にユーザビリティテスト体験会 開催概要</h2>  <ul>   <li>日時 2010/02/16 <abbr>18:30</abbr> to <abbr>20:00</abbr> </li>    <li>定員 12 人 </li>    <li>会場 beBitオフィス B1F （東京都千代田区富士見2-14-37FUJIMI EAST 1F） → <a href="http://bebit.co.jp/about/map/index.html" target="_blank">アクセス</a> </li> </ul>  <p>※ 参加費無料（懇親会に参加の方は、飲食費がかかります）    <br />※ 応募が多い場合は、申し訳ありませんが抽選の上ご連絡させていただきます。     <br />（ユーザビリティテスト見学のみであれば、定員以上でも参加OK！）</p>  <h2>スケジュール</h2>  <ul>   <li>18:00 開場 </li>    <li>18:30 プロトタイプお題出題 </li>    <li>19:15 ユーザビリティテストスタート </li>    <li>20:00 終了 </li>    <li>20:30～ 懇親会＠神楽坂近辺（1人3000円くらいの予定） </li> </ul>  <h2>お申し込み</h2>  <p><strike>お申し込みは、こちらのフォームよりお願いします！</strike></p>  <p>※抽選結果に関わらず、前々日～前日にメールで再度ご案内を差し上げます。万が一、申し込んだのに何も連絡がない！という場合は、お手数ですが<a href="http://twitter.com/fallinstar" target="_blank">Twiiter</a>かこちらのコメントでお伝えいただくか、再度お申し込みくださいませ。</p>]]>
        
    </content>
</entry>
<entry>
    <title>ソフトバンク「純増No.1」の罠</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/02/no1.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=622" title="ソフトバンク「純増No.1」の罠" />
    <id>tag:www.fallinstar.org,2010://18.622</id>
    
    <published>2010-02-07T04:46:38Z</published>
    <updated>2010-02-07T04:47:02Z</updated>
    
    <summary>  「○ヶ月純増数No.1!」  こんな感じでSoftbankが携帯業界で大暴れしているように一件見える訳ですが、では自分達の周りでSoftbankって本当に目に見えて増えているでしょうか？  確かに...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="モバイル" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><img title="fig_main-visual[1]" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="200" alt="fig_main-visual[1]" src="http://www.fallinstar.org/WindowsLiveWriter/No.1_C1B9/fig_main-visual%5B1%5D_2dd2e2bf-1726-425a-94f1-03a46af74ece.jpg" width="300" border="0" /></p>  <p>「○ヶ月純増数No.1!」</p>  <p>こんな感じでSoftbankが携帯業界で大暴れしているように一件見える訳ですが、では自分達の周りでSoftbankって本当に目に見えて増えているでしょうか？</p>  <p>確かにiPhoneは多少増えてきました。    <br />でも、いわゆるガラパゴス携帯で<strong>Softbankの人は全く増えている気配なし、もとい減ってるような気もします。</strong></p>  <p>そんなSoftbankのカラクリ（？）について少しばかり触れてみようかなと。</p>  <h2>ソフトバンク「純増No.1」のインパクト</h2>  <p>とりあえず、2010年頭時点での3キャリアのシェアと、Vodafone買収前後でのシェアを比べてみます。    <br />社名が正式にSoftbankになったのが2006年10月1日ですから、それから3年ちょっと経った感じでしょうか。</p>  <h4>2006年10月と、現在（2010年）の比較</h4>  <table cellspacing="0" cellpadding="7" width="500" border="0"><tbody>     <tr>       <td valign="top" width="125">&#160;</td>        <td valign="top" width="125">Softbank          <br />（Vodafone）</td>        <td valign="top" width="125">au</td>        <td valign="top" width="125">DoCoMo</td>     </tr>      <tr>       <td valign="top" width="125">2006年10月</td>        <td valign="top" width="125">16%</td>        <td valign="top" width="125">28% </td>        <td valign="top" width="125">55%</td>     </tr>      <tr>       <td valign="top" width="125">2010年1月</td>        <td valign="top" width="125">20%</td>        <td valign="top" width="125">28% </td>        <td valign="top" width="125">50%</td>     </tr>   </tbody></table>  <p>※2010年はEmobileが2%のシェアを持っているので合計が100%ではありませんが、大きく影響はないのでそのままにしておきました。</p>  <p>こう観ると、<strong>せいぜい年1%ちょい程度しかシェアが変わっていない</strong>わけで、確かに伸びてはいるのですが、あからさまな市場変革を起こしているイメージはありません。     <br />    <br />しかも、DoCoMoは「DoCoMo2.0（→ドコモに移転ゼロ..）」で見事に自爆したりもしているわけで・・</p>  <h4>そもそも純増数の絶対数が少ない</h4>  <p>つまりはそういうことです。</p>  <p>例えば2010年1月はSoftbankが絶好調だったのですが、純増は、</p>  <ul>   <li>Softbank 18万5,000増 </li>    <li>DoCoMo 10万8,200増 </li>    <li>au 5万2,900増 </li> </ul>  <p>それに対して、国内の携帯の契約数は1億以上。    <br />もちろん指標として意味のある数字だとは思いますが、<strong>1億に対する8万程度の差では、大騒ぎして取り立てるほどのモノではない</strong>のでは？と言われたら苦しい数字なんじゃないでしょうか。</p>  <p>また、Softbankはキャッシュバックを大量につけるなどして、法人契約を結構無理やり取っていたり、そんな中での数万件であることも添えておきます。</p>  <blockquote>   <p>25カ月連続純増トップを誇る<strong>ソフトバンクの数字を下支えしているのは、法人契約</strong>ともいわれている。（中略）</p>    <p>法人需要開拓の実働部隊が光通信。</p>    <p>端末代金タダ、基本料金920円×2年分のキャッシュバック戦法は、1台で2万3250円の現金がもらえるので、資金繰りの苦しい零細企業の経営者には美味しい話である。（<a href="http://tetorayade.exblog.jp/11310012/" target="_blank">かきなぐりプレス</a> 2009年6月)</p> </blockquote>  <p>なので、個人的には、安かろう悪かろうで、ぼつぼつシェアが増えている（＋iPhone効果）程度のものなんだな、と思わざるをえないなーと。</p>  <h2>なぜそんなに「純増No.1」を強調するのか？</h2>  <p>と、なるわけです。</p>  <p>もちろんシェアを増やしてますという存在感を示してなんとか上を目指すためのキャッチフレーズなんだとは思いますが、同時に1兆7500億円といわれるVodafone買収時の借り入れ返済がかなり厳しいというのは昔から言われていること。</p>  <p>特にメインで貸し付けたみずほ信託銀行とは、<strong>”売上高や新規契約数などで少しでも手を抜けば、厳しいチェックを入れる”というかなりしっかりした特約</strong>があるようです。</p>  <p>2009年にも、財務状態が改善したと報告して直後に5.1%のえらく高利回りな社債の乱発（600億）をしてみたりと、財務的にはまだまだ安泰には程遠い（ような感じ）なだけに、<strong>何としても、無理やりにでも純増No.1を死守し続けないといけない</strong>んだろうな、と。</p>  <p>こういう比較をするのもどうかと思いますが</p>  <ul>   <li>JAL ・・・ 有利子負債が1兆円 </li>    <li>Softbank ・・・ 有利子負債が1.9兆円 </li> </ul>  <p>なんて数字を見ると、少々空恐ろしい気分になっちゃったりならなかったり、しません？</p>  <p>※多少今更感のあるエントリーかもしれませんが、下の本の内容を見たのがきっかけで書いてみました。いろんな意味で、孫さんは恐ろしい人（もちろん”邪悪”な側面も含め）だと、改めて実感。。</p>  <div class="amazlet-box" style="padding-right: 30px; padding-left: 30px; margin-bottom: 0px; padding-bottom: 10px; padding-top: 10px">   <div class="amazlet-image" style="float: left"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4822244547/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink"><img style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" alt="幻想曲  孫正義とソフトバンクの過去・今・未来" src="http://ecx.images-amazon.com/images/I/419CEFXZ6WL._SL160_.jpg" /></a></div>    <div class="amazlet-info" style="float: left; margin-left: 15px; line-height: 120%">     <div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4822244547/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">幻想曲 孫正義とソフトバンクの過去・今・未来</a>        <div class="amazlet-powered-date" style="margin-top: 5px; font-size: 7pt; line-height: 120%; font-family: verdana">posted with <a title="幻想曲  孫正義とソフトバンクの過去・今・未来" href="http://www.amazlet.com/browse/ASIN/4822244547/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.02.07</div>     </div>      <div class="amazlet-detail">児玉 博        <br />日経BP社         <br />売り上げランキング: 120865        <br /></div>      <div class="amazlet-review" style="margin-top: 10px; margin-bottom: 10px">       <div class="amazlet-review-average" style="margin-bottom: 5px">おすすめ度の平均: <img alt="4.0" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /></div>       <img alt="2" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-2-0.gif" /> 「蜃気楼」と「教祖」 ― あまりにも偏った人物眼        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 孫正義という人物を通して見る“IT業界”や“実業家の行動力”        <br /><img alt="3" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-3-0.gif" /> 日経ビジネスの編集部と読者に迎合したのが残念        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 孫正義、恐るべし        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 続編が待たれる。        <br /></div>      <div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4822244547/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">Amazon.co.jp で詳細を見る</a></div>   </div>    <div class="amazlet-footer" style="clear: left"></div> </div>  <p>■ 関連記事</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/09/iphone_2.html">iPhoneユーザのアクセス解析結果が、とっても面白い</a></li>    <li><a href="http://www.fallinstar.org/2010/01/post_96.html">エロに「も」使えるプラットフォームを作れ！</a></li>    <li><a href="http://www.fallinstar.org/2009/12/ec5.html">顧客の購買単価を「ぐぐっ」と引き上げるキャッチコピー・販売手法いろいろ</a></li> </ul>]]>
        
    </content>
</entry>
<entry>
    <title>見た目も材料も価格も同じ・・？ 板チョコの巧妙な「実質値上げ」方法</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/02/post_98.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=619" title="見た目も材料も価格も同じ・・？ 板チョコの巧妙な「実質値上げ」方法" />
    <id>tag:www.fallinstar.org,2010://18.619</id>
    
    <published>2010-02-02T03:58:43Z</published>
    <updated>2010-02-02T04:02:19Z</updated>
    
    <summary>競争が激しかったり、原材料が値上がりしたりすると、利益を上げるために商品の売り方を検討しなければなりません。  でも消費者はわがままなもので、値上げをしても量を減らしても、パッケージを安っぽくしても敏...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="マーケティング・事例" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>競争が激しかったり、原材料が値上がりしたりすると、利益を上げるために商品の売り方を検討しなければなりません。</p>  <p>でも消費者はわがままなもので、値上げをしても量を減らしても、パッケージを安っぽくしても敏感に反応します。    <br />今日は、それを巧みにかわしつつ「実質的な値上げ」をしてしまったチョコレート販売の妙技を、少しばかり書いてみたいと思います。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="板チョコ" border="0" alt="板チョコ" src="http://www.fallinstar.org/WindowsLiveWriter/bd125e83b09f_B552/keitai_370-046992%5B1%5D_ff5f8d58-fba9-4098-95ba-44de476580f1.jpg" width="179" height="179" /></p> ]]>
        <![CDATA[  <p></p>  <h2>仮に100グラムのチョコを97グラムにできたら</h2>  <p>と、考えて見ます。</p>  <p>チョコレート（板チョコ）は日本全国で大量に販売されているので、1つのチョコの価格は低くても月間・年間を通じてみればかなりの原材料を節約できます。</p>  <p>同じ値段で材料が減っているわけですから、実質的には値上げと同じ（正確に言うとグラム当りの単価アップ）になります。</p>  <p>でも、<strong>消費者はちょいと形を小さくしたり薄くしたりしても結構敏感に気付いてしまう</strong>もの。     <br />下手に小さくしちゃうと、お得感がなくなり販売に影響が出てしまいます。</p>  <p>何とかそれを避けることができないか？    <br />そんな検討の結果行われた、鮮やかな（？）解決方法は・・・</p>  <blockquote>   <p><strong>チョコレートの溝を、浅くしたり深くしたりして、値段を固定にしたままで重さをコントロールする</strong></p> </blockquote>  <p>というものでした。</p>  <h2>見た目も材料も価格も同じ・・？</h2>  <p>知ってしまえば「なーんだ」っていう気もしますが、これはなかなか思いつかないなー、というか「やられた！」と個人的には結構感動しました。</p>  <p>まず何よりも、</p>  <blockquote>   <p>消費者から見て「大きさ」「厚さ」という感覚的に感じる（変な日本語だな）「量」が全く減っていない</p> </blockquote>  <p>のがお見事。</p>  <p>かつ、板チョコは、ブロックを小分けにして食べるので、一個一個の重さってよっぽど敏感じゃないと判りません。    <br />なかなかいい所を突いてきななぁって思います。</p>  <p>しかも、板チョコって横からの断面図で見たら、<strong>意外なほど溝の占める面積が広い</strong>んですよね。    <br />（図にすると、多少違うところはあってもだいたいこんな感じでしょうか。）</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/bd125e83b09f_B552/image_9020a980-cc1d-4c27-922b-5bcba3666c3d.png" width="454" height="59" /> </p>  <p>なので、溝といいつつ、実質量のコントロールにはピッタリなわけです。</p>  <p>今はもうやられなくなったらしいこの手法。   <br />なんとなく誠実さに欠ける様な気がしなくもありませんが、しれっと（？）こういうことをやってしまう発想は面白いなって思います。</p>  <div style="padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin-bottom: 0px; padding-top: 10px" class="amazlet-box">   <div style="float: left" class="amazlet-image"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4198628300/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank"><img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" alt="激安なのに丸儲けできる価格のカラクリ 10円缶コーヒーでもなぜ利益が出せるのか?" src="http://ecx.images-amazon.com/images/I/41aTUKsb6nL._SL160_.jpg" /></a></div>    <div style="line-height: 120%; float: left; margin-left: 15px" class="amazlet-info">     <div style="line-height: 120%; margin-bottom: 10px" class="amazlet-name"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4198628300/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">激安なのに丸儲けできる価格のカラクリ 10円缶コーヒーでもなぜ利益が出せるのか?</a>        <div style="line-height: 120%; margin-top: 5px; font-family: verdana; font-size: 7pt" class="amazlet-powered-date">posted with <a title="激安なのに丸儲けできる価格のカラクリ 10円缶コーヒーでもなぜ利益が出せるのか?" href="http://www.amazlet.com/browse/ASIN/4198628300/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.02.02</div>     </div>      <div class="amazlet-detail">坂口孝則        <br />徳間書店         <br />売り上げランキング: 6028        <br /></div>      <div style="margin-top: 10px; margin-bottom: 10px" class="amazlet-review">       <div style="margin-bottom: 5px" class="amazlet-review-average">おすすめ度の平均: <img alt="4.0" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /></div>       <img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 和田中学「よのなか」の副教材        <br /><img alt="3" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-3-0.gif" /> 理論を身近な実態から分かりやすく学べる        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 賢いお買い物の仕方        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> タイトルからは分からない メッセージは深い！        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> こんなに面白い本はそうそうあるもんじゃない！！        <br /></div>      <div style="margin-top: 5px" class="amazlet-link"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4198628300/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>   </div>    <div style="clear: left" class="amazlet-footer"></div> </div>  <p>■ 関連記事</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/11/0pr.html">ハリー・ポッターの大ヒットを支えた「広告費0円」PR作戦</a></li>    <li><a href="http://www.fallinstar.org/2009/11/big_sister.html">ネット有料配信を打ち出すことで、風俗サービスを無料化(！）してしまった「Big Sister」</a></li>    <li><a href="http://www.fallinstar.org/2009/12/amazoncom.html">世界を制したAmazon.comの戦略</a></li>    <li><a href="http://www.fallinstar.org/2009/07/1_1.html">男性を魔法のようにキャバクラへ引き寄せる、魅惑の「キャバ嬢1枚写真ページサービス」</a></li> </ul>]]>
    </content>
</entry>
<entry>
    <title>全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/01/itwebdont_make_me_think.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=618" title="全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」" />
    <id>tag:www.fallinstar.org,2010://18.618</id>
    
    <published>2010-01-30T12:20:10Z</published>
    <updated>2010-01-30T12:26:11Z</updated>
    
    <summary>”Don&apos;t Make Me Think”  訳すと、「いちいち私に考えさせるな！ボケ！」といったところでしょうか。     これは、2001年にSteve Krugが出した書籍の名前なのですが、この...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="UI（インターフェース）" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>”Don't Make Me Think”</p>  <p>訳すと、「いちいち私に考えさせるな！<strike>ボケ！</strike>」といったところでしょうか。     <br />これは、2001年にSteve Krugが出した書籍の名前なのですが、この「ユーザにいちいち考えさせない」ことを忘れているか、いないかが<strong>ソフトウェア・Webサイトの勝負を分ける最も大きな分岐点の1つ</strong>です。</p>  <p>人間は日々の生活の中で、いちいち物を操作したり情報を見るたびにあれこれ考えたくなんてありません。    <br /><strong>ユーザをつまらない操作やナビゲーションで考えされればさせるほどストレスは増大し、企業への信用は急激に失われます。</strong></p>  <p>今日は、この”Don't Make Me Think”について、</p>  <ul>   <li>如何にユーザが考えることを嫌うか </li>    <li>「考えさせない」とはどういうことか </li> </ul>  <p>を、これまで見てきたユーザ検証の結果なども交えて、少しばかり書いてみようと思います。</p> ]]>
        <![CDATA[  <h2>あらゆる「無駄な」思考が、ユーザを苛立たせ、離脱させる</h2>  <p>なぜなら、（いい意味でも悪い意味でも）<strong>欲しいものを手に入れることだけに集中しているから</strong> です。     <br />※暇つぶしでYahoo! Newを見るのは別ですが</p>  <p>エクセルで言えば計算結果、価格コムなら口コミや比較表、とか。    <br />その情報にたどり着くまでの<strong>ナビゲーションやサイトのつくりなんかには、一ミリも興味なんてありません。</strong></p>  <p>だから、</p>  <ul>   <li>押しても何があるのか分からないリンクテキスト </li>    <li>ファーストビューに次のステップのない画面 </li>    <li>適当なラベリング </li> </ul>  <p>などで、ちょっとでも不要な思考を彼らに与えると、目に見えてイライラを募らせてしまいます。</p>  <p>もっとも顕著なのは長文です。    <br />ビービットで大量の調査を見れば痛いほど分かりますが、<strong>平坦な5行以上のか文字の塊を読んでくれる人なんて殆ど皆無</strong>です。</p>  <p>その他、いまきが実際この目で見てきたものだけでも</p>  <ul>   <li>郵便番号を忘れた（ときにフォームに入力補助がなかった）ので、面倒だからそのまま買うのを止めます </li>    <li>プリンターの検討で、一覧表に価格が載っていなかったから、「もう今までのメーカーのでいいです」 </li>    <li>説明が長くてうっとうしいから2度と来ません </li> </ul>  <p>とか。    <br />さすがに最後のは、現場でかなりびっくりしましたが、よく考えたら自分も宣伝だらけのサイトとか、0.2秒で退散して2度と来ないから一緒だったり。</p>  <p>・・・・・</p>  <p>・・・</p>  <p>うん、このブログも字が小さくてうっとうしいと言われてしまいそうですが（汗</p>  <p>何なら切ない気分になりつつも、そのくらい利用者はイライラしやすいんです。    <br />ましてや、デザイナーの趣味で作ったキラキラFlashなんて、ゴミ屑ぐらいにしか思っていません。</p>  <h2>ユーザは、わがままで、せっかちで、忙しい。だから「Don't Make Me Think」</h2>  <p>サイトを作るときに、特にデザイン・クリエイティブ側の人が「ユーザを楽しませるサイト」などと根拠のない遊び道具を放り込むことがありますが、そもそもユーザがサイトやツールを通じて欲しいのは、「欲しいと思っているものだけ」です。</p>  <p>ゲームや動画のサイトじゃないんだから、<strong>別に楽しみたいなんて、一ミリも願っていません。</strong></p>  <p>彼らが喜ぶのは、</p>  <blockquote>   <p>自分のしたいことが、とても効率よく、快適に、有効に達成されたとき</p> </blockquote>  <p>です。（ISOのユーザビリティ定義そのもの≠ただの「使いやすさ」）</p>  <p>残念ですがナビゲーションやサイトのつくりなんかには、興味なんてありません。    <br /><strong>何も考えたくもないし、考えるくらいならサイトから離脱することを訪問者は選びます。</strong></p>  <p>だから、</p>  <ul>   <li>ユーザテストをして、彼らが求めるものを理解し </li>    <li>その上で直感的にわかる言葉を選び </li>    <li>短くてすぐに理解できる文章を書き </li>    <li>すぐに次のページへと移動できるようにナビゲーションを整理し </li>    <li>レスポンスを早くし </li>    <li>求められている製品情報や、ソフトウェアの機能はしっかりと提供する。（ここの情報がリッチであることは歓迎される） </li> </ul>  <p>地道かもしれませんが、これが出来ているところは本当に強い、そう思います。</p>  <p>それを最も的確に、そしてスマートに表現しているのが、スティーブクラークの<strong>「Don't Make Me Think」</strong>なのではないでしょうか？     <br />（※せっかくのいい言葉なのに、邦訳が「ウェブユーザビリティの法則」と、えらく平凡なのがちょっと残念です。。）</p>  <div class="amazlet-box" style="padding-right: 30px; padding-left: 30px; margin-bottom: 0px; padding-bottom: 10px; padding-top: 10px">   <div class="amazlet-image" style="float: left"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797339098/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink"><img style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" alt="ウェブユーザビリティの法則 改訂第2版" src="http://ecx.images-amazon.com/images/I/51uraZ6CddL._SL160_.jpg" /></a></div>    <div class="amazlet-info" style="float: left; margin-left: 15px; line-height: 120%">     <div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797339098/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">ウェブユーザビリティの法則 改訂第2版</a>        <div class="amazlet-powered-date" style="margin-top: 5px; font-size: 7pt; line-height: 120%; font-family: verdana">posted with <a title="ウェブユーザビリティの法則 改訂第2版" href="http://www.amazlet.com/browse/ASIN/4797339098/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.01.30</div>     </div>      <div class="amazlet-detail">スティーブ・クルーグ        <br />ソフトバンククリエイティブ         <br />売り上げランキング: 102298        <br /></div>      <div class="amazlet-review" style="margin-top: 10px; margin-bottom: 10px">       <div class="amazlet-review-average" style="margin-bottom: 5px">おすすめ度の平均: <img alt="4.0" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /></div>       <img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 基本の考えを作るために誰もが読んでほしい本です！        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 誰のためのデザインかということ        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> シンプルで分かりやすい        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> そこそこ面白い。        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 読み物として面白い        <br /></div>      <div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797339098/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">Amazon.co.jp で詳細を見る</a></div>   </div>    <div class="amazlet-footer" style="clear: left"></div> </div>  <p>■ 関連する記事</p>  <ul>   <li><a href="http://www.fallinstar.org/2010/01/2010_ui.html">2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書</a></li>    <li><a href="http://www.fallinstar.org/2009/12/twitter_bot.html">ユーザビリティの権威、ヤコブニールセン博士のTwitter Botを作ってみました！</a></li>    <li><a href="http://www.fallinstar.org/2009/11/post_90.html">ユーザ体験向上に役立つフォームのバリデーションスクリプトいろいろ</a></li>    <li><a href="http://www.fallinstar.org/2009/11/post_89.html">言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ</a></li> </ul>]]>
    </content>
</entry>
<entry>
    <title>Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/01/webtips.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=617" title="Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました" />
    <id>tag:www.fallinstar.org,2010://18.617</id>
    
    <published>2010-01-25T13:35:58Z</published>
    <updated>2010-01-25T13:36:21Z</updated>
    
    <summary> Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。  参考： 今だからこそ、「軽量なウェブサイト」を作ることが重要、という...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="UI（インターフェース）" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="register" border="0" alt="register" align="left" src="http://www.fallinstar.org/WindowsLiveWriter/WebTips_A186/register_0d8909a8-e32f-4fba-9f17-cf207786fa37.png" width="152" height="146" /> Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。</p>  <p>参考： <a href="http://www.fallinstar.org/2009/07/post_76.html">今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話</a></p>  <p>また、GoogleはWebの表示速度をPageRankに加味することを検討中であることを明言しています。</p>  <p>ただ、そうは言ったものの、ちゃんと実装しないと話しにならない訳で・・（大汗    <br />細かいことでもちゃんと積み重ねて行かねばと。</p>  <p>というわけで、<strong>軽快なサイトを実装するためのTips</strong>を自分のサイトで使ったのを備忘録的にここにも書いておきたいと思います。</p> ]]>
        <![CDATA[  <p></p>  <h2 style="clear: both">まずはまとめ記事から</h2>  <p>   <br />原則を押さえてから、細かいところに行った方が効率がよいかな、と思います。</p>  <p><a href="http://ascii.jp/elem/000/000/457/457749/" target="_blank"><font size="3">30分でできる！Webサイトを高速化する6大原則</font></a></p>  <p>最適化を行うための観点が簡潔にまとまっていて、高速化チェック項目として有効です。    <br />具体的な方法もいくつか示してくれているので、これだけでもちょっとしたインパクトがありそう。</p>  <ol>   <li>画像は最適化してから使え！ </li>    <li>画像はサイズを指定せよ！ </li>    <li>HTTPリクエストは最小にせよ！ </li>    <li>CSSセレクターは短く最適化せよ！ </li>    <li>CSSは上に、JavaScriptは下に『まとめて』記述せよ！ </li>    <li>プロファイリングツールを使いこなせ！ </li> </ol>  <p><a href="http://builder.japan.zdnet.com/news/story/0,3800079086,20388227,00.htm" target="_blank"><font size="3">あなたのウェブサイトを高速化する方法</font></a></p>  <p>フロントエンドの実装の14のティップスやツール紹介されています。    <br />一つ一つの実行方法までは書いていませんが、上のASCIIよりも細分化されているので、より丁寧にToDoへ落とすことができそうです。</p>  <ol>   <li>HTTPリクエストを減らす </li>    <li>コンテンツデリバリーネットワーク（CDN）を使う </li>    <li>Expiresヘッダを追加する </li>    <li>コンポーネントをgzip圧縮する </li>    <li>スタイルシートを先頭に配置する </li>    <li>スクリプトを末尾に配置する </li>    <li>CSS expressionの使用を避ける </li>    <li>JavaScriptとCSSを外部ファイルに記述する </li>    <li>DNSルックアップを減らす </li>    <li>JavaScriptのサイズを小さくする </li>    <li>リダイレクトを避ける </li>    <li>スクリプトの重複を排除する </li>    <li>ETagの設定を変更する </li>    <li>Ajaxをキャッシュ可能にする </li> </ol>  <p>Expiresヘッダなんかは、やれていない人も多いのではないでしょうか。    <br />元は幸いなことに、下サイトで細かい解説まで書かれています。どうやら元はYahoo! developer netoworkの内容みたいですね。</p>  <p><font color="#ff8040">→</font> <a href="http://www.inter-office.co.jp/contents/177/">Webサイトの高速化 フロントエンドのパフォーマンスの重要性</a></p>  <h2>次はメジャー企業の具体例</h2>  <h4>国内代表選手はYahoo! News</h4>  <p>かなり他のサイトにも使える実例で、かつ高速化のインパクトの大きさを理解できます。</p>  <blockquote>   <p>システムを全面的に見直し、<strong>記事1本を表示するのにかかる時間を1秒以内に短縮</strong>しました。従来は、平均3～5秒だったそうです。</p>    <p>PC Online <a href="http://pc.nikkeibp.co.jp/article/column/20090520/1015228/" target="_blank">「Yahoo!ニュース」の表示速度が3～5倍に、そのからくりは……</a></p> </blockquote>  <p>Yahoo Newsが行ったのは</p>  <ul>   <li>複数枚の画像を1枚にまとめる「CSS Sprite」の採用 </li>    <li>画像ファイルの形式の変更（Gifから8bit-PNGへ） </li>    <li>PNG形式の制御情報（チャンクと呼ぶ）の削除 </li> </ul>  <p>例えば、写真有りのニュースにつけるアイコンと「New」のファイルは、以下のように1つにまとめられています。</p>  <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="photoNew_45x15" border="0" alt="photoNew_45x15" src="http://www.fallinstar.org/WindowsLiveWriter/WebTips_A186/photoNew_45x15_4dc87abf-4bbe-4d73-8619-4ac1b517d3a5.gif" width="65" height="35" /> （これで1つの画像）</p>  <p>Googleのようにサーバーのレスポンスを上げる方法も確かに重要ですが、フロントエンドでもこれだけのインパクトが出せる、ということは知っておいて損はないでしょう。</p>  <p>Youtubeでも採用していますね。</p>  <p>CSS Spriteについては、運用サイトで早速実装してみましたが、<strong>結構簡単かつ確実に結果が出る</strong>のがよいですね。</p>  <h4>CSS Spriteの具体的な実装方法</h4>  <p>実装するだけでなく、<strong>画像を背景化するためユーザビリティ・アクセシビリティ面での注意点も理解する</strong>必要があるのが、その他の対策とは異なる点です。</p>  <ul>   <li><a href="http://gihyo.jp/design/serial/01/ss-design/0010" target="_blank">独学で極める “Webデザイン”の技と心 CSS Spritesでサイトを高速化</a> </li>    <li><a href="http://opqr.jp/2009/01/css_sprite.html">CSS Spriteを使う際の注意事項</a> </li> </ul>  <h4>王者、Googleの高速化対策</h4>  <p>検索結果を始めとするGoogleのレスポンスの速さは誰もが体験していますが、そこにもWebの高速表示のためのノウハウがつぎ込まれています。</p>  <blockquote>   <p>スピードをもたらしている要素の一つが、同社の徹底的に簡素化された設計と大規模なサーバファームだが、<strong>ページのロードを高速化するための果てしない最適化努力も忘れてはならない。</strong> （<a href="http://jp.techcrunch.com/archives/20090604google-opens-up-internal-speed-tool-to-the-public/" target="_blank">TechCrunch</a>）</p> </blockquote>  <p>Googleが使用しているのは、<strong>Page Speed</strong>というツール。Page Speedは画像を自動的に圧縮してWebサイト上ですぐに使えるようにするほか、ページの表示に使われていないCSSやJavaScriptを見つけてくれます。</p>  <p><strong>不要なファイルを一掃することでページのロードを短縮</strong>できるツールですね。    <br />→ <a href="http://googlecode.blogspot.com/2009/06/introducing-page-speed.html" target="_blank">Page Speedのページ</a></p>  <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="page-speed[1]" border="0" alt="page-speed[1]" src="http://www.fallinstar.org/WindowsLiveWriter/WebTips_A186/page-speed%5B1%5D_9d520dd3-dbfe-4971-ab6e-94a9ef796ea9.png" width="308" height="295" /></p>  <p>※Yahoo（US）のFirefox用プラグインである、<a href="http://developer.yahoo.com/yslow/" target="_blank">YSlow</a>も同じような機能を持っているようです。（未使用）</p>  <p>言ってしまえば極めて地味な作業なわけですが、その積み重ねがGoogleのあの快適さを支えているんだなと改めて実感。</p>  <h2>書籍で学ぶなら</h2>  <p>おなじみオライリーから、<a href="http://www.amazon.co.jp/exec/obidos/ASIN/487311361X/yubinsearch-22/ref=nosim/" name="amazletlink">ハイパフォーマンスWebサイト</a>が出版されていて、これが割とお手ごろかなと。     <br />まとめでは具体的な方法まで書かれていないことまで詳細に詰めてあります。</p>  <div style="padding-bottom: 10px; padding-left: 30px; padding-right: 30px; margin-bottom: 0px; padding-top: 10px" class="amazlet-box">   <div style="float: left" class="amazlet-image"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/487311361X/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank"><img style="border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none" alt="ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール" src="http://ecx.images-amazon.com/images/I/51hIDIWHmYL._SL160_.jpg" /></a></div>    <div style="line-height: 120%; float: left; margin-left: 15px" class="amazlet-info">     <div style="line-height: 120%; margin-bottom: 10px" class="amazlet-name"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/487311361X/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール</a>        <div style="line-height: 120%; margin-top: 5px; font-family: verdana; font-size: 7pt" class="amazlet-powered-date">posted with <a title="ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール" href="http://www.amazlet.com/browse/ASIN/487311361X/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.01.25</div>     </div>      <div class="amazlet-detail">Steve Souders スティーブ サウダーズ        <br />オライリージャパン         <br />売り上げランキング: 30185        <br /></div>      <div style="margin-top: 10px; margin-bottom: 10px" class="amazlet-review">       <div style="margin-bottom: 5px" class="amazlet-review-average">おすすめ度の平均: <img alt="4.5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-5.gif" /></div>       <img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 仕事で作る人、趣味で作る人、両方にためになります        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> フロントエンド方面の最適化手法がわかる本        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 目からウロコでした。        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> これからのフロントエンド・エンジニアリングの重要性        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 簡単なWebサイトの高速化        <br /></div>      <div style="margin-top: 5px" class="amazlet-link"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/487311361X/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>   </div>    <div style="clear: left" class="amazlet-footer"></div> </div>  <p>ただ、サーバー・DB側の最適化は色々と書籍にまとまっている割に、フロントエンドの実装はまだまだこれからといった印象です。   <br />本もその他にはあまりめぼしいものは見当たらず。</p>  <p>この後、PNG8も試す予定なので、その結果も実際ここで紹介したいとおもいます。</p>  <p>■ 関連記事</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/07/post_76.html">今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話</a></li>    <li><a href="http://www.fallinstar.org/2009/09/iphone_1.html">サイトを作る時に、iPhone対応をしないといけない日がもう目の前に来ている</a></li>    <li><a href="http://www.fallinstar.org/2009/10/post_88.html">ユーザの不満を招く、「重いページ」と「縦にやたら長いページ」</a></li>    <li><a href="http://www.fallinstar.org/2010/01/2010_ui.html">2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書</a></li> </ul>]]>
    </content>
</entry>
<entry>
    <title>2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/01/2010_ui.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=614" title="2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書" />
    <id>tag:www.fallinstar.org,2010://18.614</id>
    
    <published>2010-01-21T02:52:05Z</published>
    <updated>2010-01-21T05:50:29Z</updated>
    
    <summary>ウェブサイト  実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。     ここに挙げたサイトはどれも大変充実したものだと思います。  ※残念な...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="UI（インターフェース）" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<h2>ウェブサイト</h2>  <p>実はユーザー中心設計やユーザビリティ、インターフェースについて<strong>ちゃんとまとまったサイトは国内には少数</strong>です。     <br />ここに挙げたサイトはどれも大変充実したものだと思います。</p>  <p>※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。    <br />劣化コピペサイトを紹介するのも気が引けるので割愛しました。</p>  <blockquote>   <p><a href="http://www.usability.gr.jp/alertbox/" target="_blank">ヤコブ・ニールセンのAlert Box</a></p>    <p>ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。      <br />実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。</p> </blockquote>  <blockquote>   <p><a href="http://potting.syuriken.jp/potting_conv/XHIG_J/XHIGIntro/chapter_1.html" target="_blank">アップル ヒューマンインタフェースガイドライン</a></p>    <p>Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。      <br />もちろん、Windows / Linusユーザーにとっても必見。</p> </blockquote>  <blockquote>   <p><a href="http://www.bebit.co.jp/memo/" target="_blank">ユーザビリティ実践メモ</a></p>    <p>beBitで毎週1回のペースで情報発信しています。      <br />国内ではほぼ唯一事例ベースでUIのことがわかるサイトです。</p> </blockquote>  <p>あ、<a href="http://twitter.com/jakob_usability">ヤコブ・ニールセンBot</a>も是非ご利用ください！（汗</p>  <p>海外はギャラリーサイトが充実しています。    <br /><strong>レイアウトや見せ方に煮詰まったときに参考</strong>にすると便利です。</p>  <blockquote>   <p><a href="http://ui-patterns.com/" target="_blank">UI Patterns</a></p>    <p>ヘルプの見せ方やタグクラウド、フッターといったパーツ単位で様々なインターフェースの実装例が検索できます。      <br />普通にRSSを見ているだけでも参考になることが多いサイト。</p> </blockquote>  <blockquote>   <p><a href="http://patterntap.com/" target="_blank">Pattern Tap</a></p>    <p>上に挙げたUI Patternsと似たようなタイプ。      <br />こちらもフォームやボタン、レイアウトといった切り口で沢山紹介しています。個人的にはこっちがおすすめ。</p> </blockquote>  <blockquote>   <p><a href="http://www.smashingmagazine.com/tag/showcases/" target="_blank">Smashing Magazine “Showcases”</a></p>    <p>デザイン系の定番サイトの中の事例部分。      <br />これだけでもかなりのボリュームがあるので、読み応えは充分です（汗</p> </blockquote>  <blockquote>   <p><a href="http://www.abtests.com/" target="_blank">ABtests.com</a></p>    <p><a href="http://www.fallinstar.org/2009/12/abtestscom.html" target="_blank">過去記事</a>でも採り上げたサイトです。      <br />インターフェースの紹介だけに留まらず、2つの画面を実装したときの数値結果まで掲載しているのがポイント。      <br />実績の上がるインターフェースを考える参考素材として活用したいサイトです。</p> </blockquote>  <h2>書籍（必読系）</h2>  <p><strong>実力を本当に上げたい方には、本を片手に実践するスタイル</strong>がおすすめです。     <br />Webに掲載された人の作品をぽろっと真似しているだけでは、いつまでたっても背中しか見えませんです（汗</p>  <p><font size="3"><strong>No.1</strong></font> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048672452/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">About Face 3 インタラクションデザインの極意</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048672452/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="About Face 3 インタラクションデザインの極意" src="http://ecx.images-amazon.com/images/I/410tSPYJGIL._SL160_.jpg" /></a></p>  <p>Visual Basicの父であり、ユーザーインターフェースについても非常に優れた理論を展開しているアラン・クーパーの書籍で最も良くまとまっているのがこれ。</p>  <p>Webに限らないソフトウェア・ユーザーインターフェースの設計のあるべき姿について理解できます。    <br />多少値が張りますが（汗、末永く使える教科書として重宝します。</p>  <p>   <br /><font size="3"><strong>No.2</strong></font> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">デザイニング・ウェブインターフェース ―リッチなウェブアプリケーションを実現する原則とパターン</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4873114349/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="デザイニング・ウェブインターフェース ―リッチなウェブアプリケーションを実現する原則とパターン" src="http://ecx.images-amazon.com/images/I/510LB1epEWL._SL160_.jpg" /></a></p>  <p>オライリーから2009年に出版された、インターフェース設計の良書。    <br />About Faceが概念や設計のプロセス等にも重点を置いているのに対し、こちらは具体的な実例をベースにテクニックを惜しげもなく披露しています。</p>  <p>特に、今後必要とされる軽快で洗練されたリッチインターフェースについては、現時点では決定版だと思います。    <br />（※しかも、全編カラーなのでとても分かりやすい）</p>  <p><font size="3"><strong>No.3 </strong></font>&#160;<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797333529/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">ユーザ中心ウェブサイト戦略</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797333529/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践" src="http://ecx.images-amazon.com/images/I/41TFdrBnWqL._SL160_.jpg" /></a></p>  <p>ブログでも何度か採り上げたビービットの書籍です。    <br />社内でも「ここまで書くのか？」とツッコミが入った位、方法論をばこっと公開しちゃってます。     <br />（2006年出版）</p>  <h4>書籍（さらに読みたい人向け）</h4>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4501532009/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">ユーザビリティエンジニアリング原論―ユーザーのためのインタフェースデザイン</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4501532009/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="ユーザビリティエンジニアリング原論―ユーザーのためのインタフェースデザイン (情報デザインシリーズ)" src="http://ecx.images-amazon.com/images/I/5134VP2JSNL._SL160_.jpg" /></a></p>  <p>2002年とかなり前に出された書籍ながら、ユーザビリティの基礎が詰まったヤコブニールセン博士の書籍です。    <br />いわゆるレガシー系なので最近のUIに慣れていると少しとっつきにくいかもしれませんが、根本は何も変化していないことが実感できます。</p>  <p>   <br /><a href="http://www.amazon.co.jp/exec/obidos/ASIN/0321601351/yubinsearch-22/ref=nosim/" name="amazletlink"><font size="3">Modular Web Design</font></a></p>  <p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/0321601351/yubinsearch-22/ref=nosim/" name="amazletlink"><img alt="Modular Web Design: Creating Reusable Components for User Experience Design and Documentation (Voices That Matter)" src="http://ecx.images-amazon.com/images/I/51ayBF5l0gL._SL160_.jpg" /></a></p>  <p>洋書です。ビービットでもまだ読んでいる人はわずかですが、コンポーネント指向のデザイン構築についてひたすら掘り下げています。    <br />レベルは高いですがちょいマニアックかも。</p>  <p>CMSやRailsを扱っている人で英語があまり苦にならない人なら是非！（汗</p>  <p>その他、直接的ではありませんが、仮説検証のための手法であるペーパープロトタイピングについて詳しく解説している</p>  <ul>   <li><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4274065669/yubinsearch-22/ref=nosim/" name="amazletlink">ペーパープロトタイピング</a>       <br />※Amazonの評価が低すぎてびっくり！ </li> </ul>  <p>や、Adaptive Pathのギャレットによる</p>  <ul>   <li><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839914192/yubinsearch-22/ref=nosim/" name="amazletlink">ウェブ戦略としての「ユーザーエクスペリエンス」</a> </li> </ul>  <p>もおすすめ。    <br />ギャレットの本は、凄く読みやすいです。</p>  <p>その他、参考になる文献などがあったらまたアップデートしていこうかな、と。</p>]]>
        
    </content>
</entry>
<entry>
    <title>Twitterで感じた「人の気配」</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/01/twitter_1.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=613" title="Twitterで感じた「人の気配」" />
    <id>tag:www.fallinstar.org,2010://18.613</id>
    
    <published>2010-01-16T15:21:26Z</published>
    <updated>2010-01-16T15:21:48Z</updated>
    
    <summary>ちょっと徒然的ですが、色々と考えるきっかけになったので。  SNSの中でもTwitterって、どうもちょっと変わっているな、というか居心地が全然違うと思っていました。   その答えが少し見えたような気...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="よもや話" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>ちょっと徒然的ですが、色々と考えるきっかけになったので。</p>  <p>SNSの中でもTwitterって、どうもちょっと変わっているな、というか居心地が全然違うと思っていました。   <br />その答えが少し見えたような気がします。</p>  <ul>   <li>家族の重い病気の相談を投げかけた人</li>    <li>それに答えてくれるひと</li>    <li>答えられなくても答える人を探した人</li>    <li>それに呼応した人（←自分はここ）</li> </ul>  <p>あったこともない人が、1つの命のために助け合えるとは、何とすばらしいことか！</p>  <p>アプリだとか、コミュニティだとかそういう話題の多いSNSですが本当の意味での「ソーシャル」はこういうことのために存在するんじゃないか。</p>  <p>2ちゃんねるにも、同じような側面がありますが、インターネットの集合知が生む温かさというか、「人の息遣い」が感じられるTwitterは、他のSNSとは、一味もふた味も違うものなのかもしれないな、と思わされた1日でした。</p>]]>
        
    </content>
</entry>

</feed> 

