<?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-02-08T13:16:31Z</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>「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-08T13:16:31Z</updated>
    
    <summary>あなたの作ったプロトタイプ画面を、ユーザビリティコンサルタントがぶった斬る！  お題となるサイトのプロトタイプUIをその場で作り、それをアイトラッキングシステムTobiiを使ったユーザビリティテストで...</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[<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>お申し込みは、<a href="http://spreadsheets.google.com/viewform?formkey=dHF2d3MxOFJBTnpaMldDdFpzZkZiQWc6MA" target="_blank">こちらのフォーム</a>よりお願いします！</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>
<entry>
    <title>これは恐ろしい！全く同じ画面でA/Bテストを実施したら・・・</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/01/ab.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=612" title="これは恐ろしい！全く同じ画面でA/Bテストを実施したら・・・" />
    <id>tag:www.fallinstar.org,2010://18.612</id>
    
    <published>2010-01-14T16:02:57Z</published>
    <updated>2010-01-14T16:20:25Z</updated>
    
    <summary>Webの世界ではもはや数値検証が当たり前になりつつありますが、その前提を揺るがすような最新事例を紹介したいと思います。    ソースは以前採り上げたA/B test.comです。  trudne.pl...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="UI（インターフェース）" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>Webの世界ではもはや数値検証が当たり前になりつつありますが、その前提を揺るがすような最新事例を紹介したいと思います。    <br />ソースは以前採り上げたA/B test.comです。</p>  <p>trudne.plというサイトのでは、ォーム画面についてのテストで、何と全く同じインターフェースを2つ用意し、50%ずつに振り分けて数値を比較するという試みを行いました。    <br />その画面がこちらです。画面自体は、さほど代わり映えしないフォームですね。</p>  <p><img title="a[1]" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="277" alt="a[1]" src="http://www.fallinstar.org/WindowsLiveWriter/AB_EBE/a%5B1%5D_7475c3b5-3fd0-4dd5-990d-4c56a5d64a9b.jpg" width="400" border="0" /></p>  <p>ところが、<strong>この画面に約5,000ずつ程度のアクセスを集めてフォームのコンバージョン率を測定</strong>したところ・・・</p> ]]>
        <![CDATA[  <h4>全く同じ画面でA/Bテストを実施しても、差異が発生</h4>  <p>以下が2つ（1つ）の画面の比較結果です。</p>  <ul>   <li>画面1 <strong>7.1%</strong> Conversion Rate       <br />（4963アクセス、350コンバージョン）       <br /></li>    <li>画面2 <strong>5.8%</strong> Conversion Rate       <br />（4952アクセス、285コンバージョン） </li> </ul>  <p>アクセスだけでなくコンバージョン数のサンプルも多く取っているにも関わらず、<strong>全く同一の画面から22.5%ものコンバージョンの違いが生じてしまった</strong>のが分かります。</p>  <p>もちろん確率で言ってゼロではないのですが、それにしてもこんな数字を見てしまうと、何が本当の成果なのか、判定しづらいですね。</p>  <blockquote>   <p>いまき） 「部長、コンバージョンが15%上がりました！」      <br />部長） 「誤差でしょ」</p> </blockquote>  <p>・・・・</p>  <p>うん、辛い。辛すぎる。</p>  <p>更に翌週に</p>  <blockquote>   <p>いまき）「部長、コンバージョンが逆に-5%になりました！」</p> </blockquote>  <p>うん、<strong>このときは「誤差でしょ」で絶対に済まない</strong>んだろうな（汗</p>  <p>実は、プロジェクトでもこれに近い事例はいくつか持っていたのですが、ここまで明確なテストはしたことがなかったのも事実。    <br />改めて数字の恐ろしさを実感させられた事例でした。</p>  <p>ちなみにたまたま社長が持っていたのがこの本↓。   <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/4274065707/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/51EFK1XNQ5L._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/4274065707/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/4274065707/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.01.15</div>     </div>      <div class="amazlet-detail">高橋 信 トレンドプロ        <br />オーム社         <br />売り上げランキング: 9021         <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="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="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" /> 入り口に連れて行ってくれます         <br /></div>      <div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4274065707/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/2009/12/amazoncom.html">世界を制したAmazon.comの戦略</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/ec.html">ECサイトの「カートに追加」周辺のUIを、センス良く改善する方法</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/post_89.html">言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ</a> </li> </ul>]]>
    </content>
</entry>
<entry>
    <title>完了画面は、ユーザを捕まえる最強のレコメンデーションツール</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/01/post_97.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=609" title="完了画面は、ユーザを捕まえる最強のレコメンデーションツール" />
    <id>tag:www.fallinstar.org,2010://18.609</id>
    
    <published>2010-01-09T06:05:32Z</published>
    <updated>2010-01-09T06:32:26Z</updated>
    
    <summary>クライアントさんからたまにある依頼のパターンとして、「クロスセル」「アップセル」を狙いたいというものがあります。  複数の商材を持つ企業であれば当然の発想ですが、インターネットが目的志向の強いメディア...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="UI（インターフェース）" />
            <category term="マーケティング・事例" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>クライアントさんからたまにある依頼のパターンとして、「クロスセル」「アップセル」を狙いたいというものがあります。</p>  <p>複数の商材を持つ企業であれば当然の発想ですが、インターネットが目的志向の強いメディアであるがゆえに、<strong>むやみやたらにサイト内の露出を増やしたり上位階層を直すだけではアップセルやクロスセルが上手く行くことは少ない</strong>のが実情です。</p>  <p>まぁ簡単なものですが、図にしてみました。</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="294" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/1c3dc0615b49_D434/image_7cc77998-2843-4a9d-8d8a-c4cf1f59f391.png" width="314" border="0" /> </p>  <p>目的のある人は欲しいものを探しているわけですから、<strong>探索状態（心のモード）が継続している間はなかなか違うものを見てくれません。</strong>     <br />（※もちろんバナーを上におけば一定確率で押されるとは思いますが、それが良いの方法かはまた別の話）</p> ]]>
        <![CDATA[  <h4>タスクの完了ポイントを狙う</h4>  <p>上記のようなケースは、多くの企業で発生します。</p>  <ul>   <li>銀行 → 投資信託を買ってもらいたいのに、ネットバンキングにすぐにログインしてしまう（厳密にはクロスセルじゃないですが・汗） </li>    <li>EC → 利率の高い商材よりも安い売れ筋ばかりに人が集まる </li> </ul>  <p>などなど。</p>  <p>本当はユーザテストとか調査をして接客（おもてなし）のシナリオを立てる必要があるのですが、とりあえず簡単にアップセル・クロスセルをする方法が「完了画面でのレコメンド」です。</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="221" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/1c3dc0615b49_D434/image_f88e0b13-29f3-4774-b701-151868b2c79e.png" width="304" border="0" /> </p>  <p>この場合何が違うかというと、お客さんの心のモードが違っていて</p>  <ul>   <li>最初の図 → 今ほしいものを探しているモード </li>    <li>今回の図 → 欲しいものが手に入って、<strong>心がふっと開放された瞬間</strong> </li> </ul>  <p><strong>この瞬間が、レコメンドのベストチャンス</strong>になるわけです。     <br />※逆に、ここを逃すと、また「今ほしいものを探す」モードにユーザは戻ってしまいます</p>  <p>実際、ネット決済大手のSBIベリトランスでは、決済完了画面を広告枠として提供しており、きわめて高いクリック率を弾き出しています。</p>  <blockquote>   <p>先行して実施した実験サービスでは<strong>「平均4％、カードによっては20％」</strong>（SBIベリトランス）という驚異的なCTR（クリック率）を叩き出し、すでに10社のカード会社が広告契約に応じた。</p>    <p><a title="http://ascii.jp/elem/000/000/488/488814/?mail" href="http://ascii.jp/elem/000/000/488/488814/" target="_blank">http://ascii.jp/elem/000/000/488/488814/</a></p> </blockquote>  <p>デルなどのPCで、細かいカスタマイズになって初めて付属品のおすすめが出てくる所なども、1つの王道ですね。   <br />この場合は、機種を選ぶというタスクが終わったタイミングでオプションが提示されます。</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="258" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/1c3dc0615b49_D434/image_147ce983-8335-4f1f-a41e-a7403803d822.png" width="470" border="0" /> </p>  <p>   <br />と、こんな感じで「完了画面でのレコメンデーション」について少しばかり説明してみました。</p>  <p>ただ、もちろんこれだけで全てが解決するわけではありません。    <br />本当にサイトに訪問している人をちゃんと調べて、<strong>彼らのニーズとこちら（商売側）の意図を上手くつなぎ合わせるシナリオ設計の1つの「点」</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/4797333529/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/41TFdrBnWqL._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/4797333529/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/4797333529/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.01.09</div>     </div>      <div class="amazlet-detail">株式会社ビービット 武井 由紀子 遠藤 直紀        <br />ソフトバンククリエイティブ         <br />売り上げランキング: 4720        <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="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="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 /></div>      <div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797333529/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">Amazon.co.jp で詳細を見る</a></div>   </div>    <div class="amazlet-footer" style="clear: left"></div> </div>  <p>■ &quot;完了画面は、ユーザを捕まえる最強のレコメンデーションツール&quot;関連記事</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/11/ec.html">ECサイトの「カートに追加」周辺のUIを、センス良く改善する方法</a></li>    <li><a href="http://www.fallinstar.org/2009/09/post_84.html">＜まとめ＞メールマーケティングに役立つ情報・サービスあれこれ</a></li>    <li><a href="http://www.fallinstar.org/2009/12/ec5.html">顧客の購買単価を「ぐぐっ」と引き上げるキャッチコピー・販売手法いろいろ</a></li>    <li><a href="http://www.fallinstar.org/2009/12/abtestscom.html">ユーザーインターフェースの検証データを公開している「ABtests.com」は、ウェブマスター必見事例の宝庫</a></li> </ul>]]>
    </content>
</entry>
<entry>
    <title>エロに「も」使えるプラットフォームを作れ！</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2010/01/post_96.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=608" title="エロに「も」使えるプラットフォームを作れ！" />
    <id>tag:www.fallinstar.org,2010://18.608</id>
    
    <published>2010-01-05T14:56:59Z</published>
    <updated>2010-01-05T16:09:30Z</updated>
    
    <summary>過去にも、Triumphの恐るべき「おねだり」機能なんてエントリーを書きましたが、人間（というか男性だな）の本能に訴える商品や仕掛けは非常に大きなインパクトがあります。  そんな中（？）、たまたまTw...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="テクノロジーが世界を変える！" />
            <category term="マーケティング・事例" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>過去にも、<a href="http://www.fallinstar.org/2009/05/80triumph.html">Triumphの恐るべき「おねだり」機能</a>なんてエントリーを書きましたが、人間（というか男性だな）の本能に訴える商品や仕掛けは非常に大きなインパクトがあります。</p>  <p>そんな中（？）、たまたまTwitterで元某大手メーカーの方と交わした会話がまさに「なるほど！」という内容だったので、ここにも掲載。   <br />・・・ちょっとネタ気味のエントリーですが、まぁ、そういうものだと思ってくださいませ。</p> ]]>
        <![CDATA[  <h4>エロに「も」使えるプラットフォームを作れ！</h4>  <p>元々は、いまきがちょっとした投稿に反応したのがっきっかけなのですが・・・</p>  <blockquote>   <p>やはり、歴史は繰り返すのか（汗 RT : 電車の中で必死にアイフォンをこすっているひとがいたので、おお！スカートめくりアプリ？と思って画面をチラ見したら、もっと過激な『服剥ぎ取り』アプリ</p> </blockquote>  <p>そうしたところ、そこに帰ってきたコメントが</p>  <blockquote>   <p>昔、家電メーカーにいた頃に上司から<strong>「エロに&quot;も&quot;使えるプラットフォームを作れ！」</strong>と教わりましたw 。そういう意味では、iPhoneは正しい。</p> </blockquote>  <p>でも、これって結構有効な施策だな、って思います。</p>  <h4>エロ「に」ではなく、エロ「にも」</h4>  <p>ただ、電機メーカーでもなんでもそうですが、<strong>おおっぴらにメジャー企業（じゃなくても）がエロ製品を出すわけにはいきません。</strong></p>  <p>そんな時に、エロ「に」使うものではなく、<strong>エロ「にも」使えるもの、というのは絶妙なポジション</strong>ではないでしょうか？</p>  <p>あくまでメイン用途ではない、でもその製品は確かにエロの展開力がある・・・    <br />VHSも、DVDも、携帯電話もパソコンも、更に言えばインターネットもテレビも、およそ<strong>主用途は異なるもでも、その先にエロがある。      <br /></strong>それが人を動かす。</p>  <p>”エロ「に」ではなく、エロ「にも」。”</p>  <p>新しいサービスや製品の開発に関わるときに頭に浮かべておけば、ひょっとしたらとても素晴らしいインプットになるのかもしれませんね。</p>  <p>・・・・</p>  <p>・・・（汗</p>  <p>読み返してみて、「エロ」がSEOスパム並みに出現しているのはいかなものか、思ったり思わなかったり・・・（汗</p>  <p>ちなみにこの業界は、ネットの大容量コンテンツダウンロード販売や会員制度のつくり、P2P等ど、非常にサービスや環境面でのアイデアの多い業界だと思います。</p>  <p>純粋に知識として役立つ、というか。</p>  <p>以前も取り上げましたが、<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4047102091/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">「夜のオンナ」の経済白書</a> はおすすめの1冊です。</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/4047102091/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="「夜のオンナ」の経済白書 ――世界同時不況と「夜のビジネス」 (角川oneテーマ21)" src="http://ecx.images-amazon.com/images/I/41pjH4wPekL._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/4047102091/yubinsearch-22/ref=nosim/" target="_blank" name="amazletlink">「夜のオンナ」の経済白書 ――世界同時不況と「夜のビジネス」 (角川oneテーマ21)</a>         <div class="amazlet-powered-date" style="margin-top: 5px; font-size: 7pt; line-height: 120%; font-family: verdana">posted with <a title="「夜のオンナ」の経済白書 ――世界同時不況と「夜のビジネス」 (角川oneテーマ21)" href="http://www.amazlet.com/browse/ASIN/4047102091/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 10.01.05</div>     </div>      <div class="amazlet-detail">門倉 貴史        <br />角川書店(角川グループパブリッシング)         <br />売り上げランキング: 4672         <br /></div>      <div class="amazlet-review" style="margin-top: 10px; margin-bottom: 10px">       <div class="amazlet-review-average" style="margin-bottom: 5px">おすすめ度の平均: <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="3" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-3-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 /><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 class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4047102091/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/11/post_89.html">言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ</a> </li>    <li><a href="http://www.fallinstar.org/2009/07/1_1.html">男性を魔法のようにキャバクラへ引き寄せる、魅惑の「キャバ嬢1枚写真ページサービス」</a> </li> </ul>]]>
    </content>
</entry>
<entry>
    <title>ユーザビリティの権威、ヤコブニールセン博士のTwitter Botを作ってみました！</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2009/12/twitter_bot.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=604" title="ユーザビリティの権威、ヤコブニールセン博士のTwitter Botを作ってみました！" />
    <id>tag:www.fallinstar.org,2009://18.604</id>
    
    <published>2009-12-28T09:37:13Z</published>
    <updated>2010-01-03T13:21:58Z</updated>
    
    <summary>http://twitter.com/jakob_usability  ヤコブ博士の格言や調査結果を、1日3～5回程度発信しています。    Web制作やマーケティングに関わる方のフォローをお待ちして...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="UI（インターフェース）" />
            <category term="インターネットあれこれ" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p><a href="http://twitter.com/jakob_usability" target="_blank">http://twitter.com/jakob_usability</a></p>  <p>ヤコブ博士の格言や調査結果を、1日3～5回程度発信しています。    <br />Web制作やマーケティングに関わる方のフォローをお待ちしています！</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="322" alt="image" src="http://www.fallinstar.org/WindowsLiveWriter/TwitterBot_105CE/image_1ef67aae-3ca1-40cf-9d37-81dfd729b48d.png" width="420" border="0" />&#160;</p> ]]>
        <![CDATA[<p>誰もあまり興味はないかもしれませんが（汗、一応（本当に）簡単な制作環境をば。</p>  <ul>   <li>使用言語：PHP </li>    <li>Twitter APIを利用しています </li>    <li>サーバーは、さくらのレンタルサーバー・スタンダードプランを使用 </li>    <li>Cronを利用して定期的な呟きと、数分おきの自動フォローを動かしています。 </li>    <li>自動フォローは<a href="http://d.hatena.ne.jp/bardothodol/20090818/p1" target="_blank">bardothodolさんのプログラム</a>を、殆どそのまんま利用させていただきました！ </li> </ul>  <p>というわけで、ご希望・ご意見・ご支援・<strike>寄付の申し入れ</strike>などございましたら、是非コメント or DMをいただければ幸いです。</p>  <p>■ ヤコブニールセン博士 Twitter Bot    <br /><a href="http://twitter.com/jakob_usability" target="_blank">http://twitter.com/jakob_usability</a></p>  <p>■ユーザビリティ、ユーザ中心設計関連の記事</p>  <ul>   <li><a href="http://www.fallinstar.org/2009/12/6.html">発想につながる6つの「つなぎ言葉」</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/post_89.html">言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/ec.html">ECサイトの「カートに追加」周辺のUIを、センス良く改善する方法</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/3_2.html">フォームの完遂率は、フォーム前の設計で3倍以上変化する、というお話</a> </li> </ul>]]>
    </content>
</entry>
<entry>
    <title>社会企業家、という生き方</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2009/12/post_95.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=602" title="社会企業家、という生き方" />
    <id>tag:www.fallinstar.org,2009://18.602</id>
    
    <published>2009-12-27T07:59:27Z</published>
    <updated>2009-12-27T08:00:59Z</updated>
    
    <summary>   ※もともとは社内に流したメールの内容なのですが、今後も考える機会がありそうな内容だったのでブログにも。   社会企業家って評価の難しいポジションだな、と思います。    言葉としても（特に日本で...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="よもや話" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<blockquote>   <p>※もともとは社内に流したメールの内容なのですが、今後も考える機会がありそうな内容だったのでブログにも。</p> </blockquote>  <p>社会企業家って評価の難しいポジションだな、と思います。    <br />言葉としても（特に日本である程度使われるようになって）新しいので、正確に「これが社会企業家」みたいな像が明確でないことも原因かもしれません。</p>  <blockquote>   <p>ビジネスの起業家は、典型的には儲けと自分にどの程度報酬があったかで、その実績を計るのに対し、社会起業家は、<strong>社会にどれだけの強い効果を与えたかを成功したかどうかの尺度</strong>にしている。</p> </blockquote>  <p>強引な議論かもしれませんが「儲からなくても良いから貢献したい」という時点で存在としてはきわめて不安定、かつ利益の蓄積がないため、インパクトのある事業を実現するのは結局他人の金、ということになってしまわざるを得ないなと思います。</p>  <p>それが本当に社会に貢献する手段なのか、といわれると「？」です。   <br />少なくとも、1ヶ月前はそう思っていました。</p>  <blockquote>   <p>インスパイア 成毛さん      <br />「私に言わせれば経済で先行きが見えないから、別の方面に関心が向かっているだけなのだ。」</p> </blockquote>  <blockquote>   <p>CA藤田さん      <br />「長く経営者として責任とプレッシャーと闘っている私からすれば、社会起業家はそうしたものから逃げているように見えてしまう。」</p> </blockquote>  <p>ただ、成毛さんはその後自分を振り返り、ブログでこうも述べています。</p>  <blockquote>   <p>「どんなやり方でも、<strong>どんな目的でも社会貢献をしようとしている人を許容する社会こそが成熟した社会</strong>である。そのことを学んだのに、なんてバカなインタビューだったのだろうと反省している。」       <br /><a href="http://d.hatena.ne.jp/founder/20091222/1261409440">http://d.hatena.ne.jp/founder/20091222/1261409440</a></p> </blockquote>  <p>自分に欠けていたピースを埋めてくれた一文でした。</p>  <h4>社会企業家、ジョン・ウッド</h4>  <p>ちなみに、社会企業家について考えるきっかけになったのが、ジョン・ウッドという方のエピソード。</p>  <p>あのマイクロソフトで若くして重役まで上りつめたジョンさんは、ネパールで本を手にとって目をキラキラ輝かせる子供を見て、社会企業家としての道を歩みます。</p>  <blockquote>   <p>「僕は世界を変えたのだ。少なくとも世界のほんの一部を変えることができた。」</p> </blockquote>  <p>不覚にも泣きそうになってしまいました。   <br />いつの日か、そんな一言を言える働き方ができるよう、2010年はもっと頑張っていかねば！なんて思ったり思わなかったり。</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/4270002484/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/51ajKFc0AWL._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/4270002484/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/4270002484/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 09.12.27</div>     </div>      <div class="amazlet-detail">ジョン ウッド        <br />売り上げランキング: 1822         <br /></div>      <div class="amazlet-review" style="margin-top: 10px; margin-bottom: 10px">       <div class="amazlet-review-average" style="margin-bottom: 5px">おすすめ度の平均: <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="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" /> 想像を超えた実行         <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 昔IBM、今マイクロソフト         <br /></div>      <div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4270002484/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/11/post_92.html">「成長」とか「変わらなきゃ」とかに疲れたときに「欠点を直さずに幸せに生きる方法」</a></li>    <li><a href="http://www.fallinstar.org/2009/12/post_94.html">工藤公康に学ぶ、本当のプロ精神「現役力」</a></li>    <li><a href="http://www.fallinstar.org/2009/03/post_63.html">1冊30分で人の10倍のリターンを得る「フォーカスリーディング」のススメ</a></li>    <li><a href="http://www.fallinstar.org/2009/11/post_91.html">もうちょっとだけ、人を認めよう - 父は忘れる -</a></li> </ul>]]>
        
    </content>
</entry>
<entry>
    <title>世界を制したAmazon.comの戦略</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2009/12/amazoncom.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=601" title="世界を制したAmazon.comの戦略" />
    <id>tag:www.fallinstar.org,2009://18.601</id>
    
    <published>2009-12-24T12:57:49Z</published>
    <updated>2009-12-24T12:58:30Z</updated>
    
    <summary>200ヶ国以上に展開し、アクティブ顧客が7600万人に上る巨大ECAmazonについて。  ビジョンと戦略  2008年のアマゾンのビジョンは以下の通りです。     Relentlessly foc...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="マーケティング・事例" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>200ヶ国以上に展開し、アクティブ顧客が7600万人に上る巨大ECAmazonについて。</p>  <h4>ビジョンと戦略</h4>  <p>2008年のアマゾンのビジョンは以下の通りです。</p>  <blockquote>   <p>Relentlessly <strong>focus on customer experience</strong> by offering our customers low prices, convenience, and a wide selection of merchandise.</p>    <p>（価格を低く、便利に、そして商品ラインナップを広げ、<strong>とにかく顧客体験（の向上）に努める</strong>）</p> </blockquote>  <p>そして、顧客のリピートに対して真摯に取り組み、そのために利便性を向上させ、早くて信頼性の高いシステムを作り、顧客サービスを向上させ、コンテンツを拡張させています。</p>  <blockquote>   <p><strong>We work to earn repeat purchases</strong> by providing easy-to-use functionality, fast and reliable fulfillment, timely customer service, feature rich content, and a trusted transaction environment.</p> </blockquote>  <p>これら1つ1つは誰でも思いつくことかもしれません。</p>  <p>しかし、<strong>Amazon.comが他社と圧倒的に異なるのは、顧客に対して向き合う真摯さ</strong>です。     <br />あらゆる所で「Customer」を彼らは意識しています。</p>  <p>それは、単に売り上げを上げようとするだけの薄っぺらい施策とは一線を画します。</p>  <h4>顧客</h4>  <p>Amazonでは3タイプの顧客を定義しています。</p>  <ul>   <li>いわゆる購買顧客 </li>    <li>販売者（seller） </li>    <li>開発者（developer） </li> </ul>  <p>そして、この3者すべてに対して上記のビジョンに基づいたサービスを提供します。</p>  <p><strong>購買客だけでなく、販売パートナーや開発者も「顧客」と位置づけて、真剣に向かい合っている企業</strong>がどのていどいるでしょうか？</p>  <p>この3セグメントの定義は、簡単なことを言っているようで非常に高い次元の話だと思います。</p>  <p>確かに、例えばWeb関連の開発者にとってもAPIの整備、最近ではTwitter連携、豊富なツールなどAmazonは非常に魅力的な会社ですね。</p>  <h4>競合</h4>  <p>現在、そして未来を想定した競合として以下のプレイヤーを挙げています。</p>  <ol>   <li>リアル（ネット外）、カタログ、出版、ベンダー等      <br />physical-world retailers, catalog retailers, publishers, vendors・・・（略） </li>    <li>自社以外のEコマースプレイヤー      <br />Other online E-commerce sites </li>    <li>間接的な競合として、メディア、Webポータル、ショッピング比較サイト、検索エンジンなど      <br />A number of indirect competitors, including media companies, Web portals, comparison shopping websites, and Web search engines・・・ </li>    <li>Eコマース関連サービスの提供者      <br />Companies that provide e-commerce services, including website development </li> </ol>  <p>驚いたのは、<strong>検索エンジンやポータル、開発企業までもを（第1先ではないにしても）競合と認識している</strong>とです。</p>  <h4>オークションからマーケットプレイス（中古販売）へ</h4>  <p>1999年、AmazonはeBayへの対抗策としてオークションを立ち上げていますが、わずか3.2%のシェアを獲得するに留まりました。</p>  <p>その失敗から脱却したのが「Amazon Marketplace」。</p>  <p>企業ビジョンである「Low Price」にもしっかりと寄り添っているこの商品設計も、<strong>一見簡単なようでかなり思い切った選択</strong>かもしれません。     <br />（何せ、日本で見れば明らかですが、<strong>出版業界 vs 古本の構造をそのままサイトに持ち込んでいる</strong>んですよね・・）</p>  <h4>The Culture of Metrics</h4>  <p>また、Amazonは<strong>検証による改善（measured approach）</strong>を誰よりも大々的に取り入れています。</p>  <p>それはユーザーインターフェース等の細部にまで行き渡り、コンピューターベースのレコメンデーションUIのテスティングを繰り返して成長を促す「文化」になっています。</p>  <blockquote>   <p>&quot;But how do we factor in purchase?&quot;（（計測可能な）購買要因って何だろう？）</p>    <p>&quot;Is that a measure of enjoyment&quot;?（楽しさの計測？）</p>    <p>&quot;I think we need to consider frequency of visits, too&quot;（訪問頻度を測るべきじゃない？）</p> </blockquote>  <p>こんなやり取りを繰り返して、KPI（計測指標）をどんどん立ててゆき、仮説に基づいて分析を行う文化、それが「The Culture of Metrics」です。</p>  <h4>テクノロジー</h4>  <p>技術面でも、Amazonは通常のサイトではなしえない水準のサービスを提供しています。    <br />（最近ではモロにインフラ提供、デバイス提供に進出していますね）</p>  <p>販売プラットフォームであるA9.comは勿論、物流管理から決算との連携まで、管理が行き届いているからこそクリスマスシーズンの大量の発注にも混乱することなく整然と業務をこなすことができます。</p>  <p>また、以下でも述べているように<strong>自分たちの手で、自分たちに最適なものをしっかりと作りこめる</strong>もAmazonのつよみです。</p>  <blockquote>   <p>using primarily <strong>our own proprietary technologies, as well as technology licensed from third parties</strong>, we have implemented numerous features and functionality that simplify and improve the customer shopping experience, enable third parties to sell on our platform, and facilitate our fulfillment and customer service operations.</p> </blockquote>  <h4>データに基づく自動最適化</h4>  <p>アマゾンのレコメンデーションが優れているのは周知の事実です。    <br />そして、その思想は以下のように表現されています。</p>  <blockquote>   <p><strong>‘Data is king at Amazon’</strong></p> </blockquote>  <p>じつにシンプルかつ明確な思想です。    <br />そして、集められた大量のデータは、以下の4つの目的で使用されます。</p>  <ol>   <li>コンテンツを自動最適化して、顧客の体験を向上させる（ここでも”ユーザ”が登場しますね） </li>    <li>クリック率が低く、破棄率の高いキャンペーンメール送付を防ぐ </li>    <li>メールを送り過ぎない（inbox management） </li>    <li>新着、レコメンドメールのライブラリを進化させる </li> </ol>  <p>こうやってアマゾンから提供される情報は洗練され、消費者は無駄な情報を見ることなく買い物ができるようになり、購買量も増える循環が起こるわけですね。</p>  <p>かつ、短期的な売り上げ施策のために<strong>顧客に不快な思いをさせてはならない、という配慮</strong>が行き届いているのも、リピートで支持される要因なのでしょう。</p>  <h4>マーケティング・コミュニケーション</h4>  <p>最後にコミュニケーション戦略です。面白いことに、アマゾンのコミュニケーション戦略は王道中の王道シンプルなものです。    <br />言ってしまえば<strong>何の変哲もありません。</strong></p>  <ol>   <li>顧客のトラフィックを増やそう </li>    <li>サービスや製品に関する「気づき」をもっと作りだそう（※create awarenessの訳がこれでいいのか不明・汗） </li>    <li>リピート購買を促進しよう </li>    <li>商品を増やし、サービス収益の機会を増やそう </li>    <li>Amazon.comのブランドネームを、強くし、もっと浸透させよう </li> </ol>  <p>しかし、かれらはこれを冒頭のビジョンに基づいて、もくもくと、着実に実践しています。    <br />その<strong>「実行力」とその徹底っぷりこそがAmazonの凄さ</strong>なのかもしれません。</p>  <p>ちなみに、AmazonはEC2/S3によってクラウドの市場に進出したり、Kindleで自らのデバイスを編み出すなどさらに積極的な展開を見せています。    <br />これまでのAmazonとは明らかに違う顔を今後は次々と見せてくれそうで楽しみです。</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/4844326783/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="クラウド グーグルの次世代戦略で読み解く2015年のIT産業地図" src="http://ecx.images-amazon.com/images/I/41-tUQDbx2L._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/4844326783/yubinsearch-22/ref=nosim/" name="amazletlink" target="_blank">クラウド グーグルの次世代戦略で読み解く2015年のIT産業地図</a>        <div style="line-height: 120%; margin-top: 5px; font-family: verdana; font-size: 7pt" class="amazlet-powered-date">posted with <a title="クラウド グーグルの次世代戦略で読み解く2015年のIT産業地図" href="http://www.amazlet.com/browse/ASIN/4844326783/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 09.12.24</div>     </div>      <div class="amazlet-detail">小池 良次        <br />インプレスR&amp;D         <br />売り上げランキング: 4163        <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" /> クラウドと一口にいっても        <br /><img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-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" /> クラウドの全貌というよりかはクラウド時代までのいきさつになっている        <br /><img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> ICT業界のマーケター向きかなと思います。        <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/4844326783/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/post_93.html">「迷わせる演出」でセールスを伸ばした明治製菓の「チョコレート効果」戦法</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/05/80triumph.html">80%近いコンバージョンを達成した、Triumphの恐るべき「おねだり」機能</a> </li> </ul>  <p>■参考：<a href="http://www.davechaffey.com/E-commerce-Internet-marketing-case-studies/Amazon-case-study/" target="_blank">Amazon.com case study</a></p>]]>
        
    </content>
</entry>
<entry>
    <title>顧客の購買単価を「ぐぐっ」と引き上げるキャッチコピー・販売手法いろいろ</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2009/12/ec5.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=600" title="顧客の購買単価を「ぐぐっ」と引き上げるキャッチコピー・販売手法いろいろ" />
    <id>tag:www.fallinstar.org,2009://18.600</id>
    
    <published>2009-12-16T13:24:35Z</published>
    <updated>2009-12-16T13:30:21Z</updated>
    
    <summary>ECサイトでも実際のお店でも、販売量＝来訪者数×来訪回数×購買単価 できまります。（大雑把ですが）  広告やプロモーションが来訪客（ユニークユーザ）を増やすことに重点を置く（ことが多い）のに対して、ユ...</summary>
    <author>
        <name>ataru</name>
        
    </author>
            <category term="マーケティング・事例" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.fallinstar.org/">
        <![CDATA[<p>ECサイトでも実際のお店でも、販売量＝来訪者数×来訪回数×購買単価 できまります。（大雑把ですが）</p>  <p>広告やプロモーションが来訪客（ユニークユーザ）を増やすことに重点を置く（ことが多い）のに対して、ユーザインターフェースや商品の見せ方、セールス手法などはリピートや単価を上昇させます。</p>  <p>そんな中で、割と単調に陥っているECが多いな、と思うのが客単価をあげるための工夫。    <br />毎回毎回割り引きセールをやればいいってものではありません。</p>  <p>工夫次第<strong>でお客さんに良い刺激を与え、購買単価を上げる売方法</strong>を書いてみたいと思います。</p>  <ol>   <li>理由を付けて「お一人様○○個まで」が販売量を上げる </li>    <li>買うほど得な気になる「スライド式販売」 </li>    <li>高い商品が売れやすくなる「松竹梅」方式 </li>    <li>お客さんにも販売側にも嬉しい「トッピング」方式 </li>    <li>ついつい新しいバージョンを買ってしまう「年度版」テクニック </li> </ol>  <p>※あ、商品や物流システム、サポートが大事という話は一旦脇においておきます（汗</p>  <h4>1 理由を付けて「お一人様○○個まで」が販売量を上げる</h4>  <p>スーパーマーケットなどでよく見かける</p>  <blockquote>   <p>「さぁさぁ、100人限定で野菜生活3本168円！ お一人様5本まで～」</p> </blockquote>  <p>なんて謳い文句。    <br />まるで吸い込まれるように人が野菜生活（でやってるのかは不明ですが）をカゴに放り込みます。</p>  <p>「特価品につきお一人様5本まで」のような謳い文句がなぜよいのか？    <br />何らかの<strong>メリットに対して、制限を設けられると人間は手の届くリミットまでそのメリットを享受したいと思考が傾きます。</strong></p>  <p>単なるセールス、限定品○個、だけでは<strong>売れにくい商品の在庫処分などで威力を発揮しやすい</strong>方法ですね。</p>  <h4>2. 買うほど得な気になる「スライド式販売」</h4>  <p>価格がそれほど高くない商品の場合、値下げによるインパクトが出にくい上、値下げをするとすぐに収益ラインを割ってしまいます。</p>  <p>そういう品には<strong>「スライド式販売」が有効</strong>な場合がしばしば。</p>  <blockquote>   <p>1つ○○円</p>    <p>2つだと○○円（10%割引）</p>    <p>5つだと○○円（20%割引）</p> </blockquote>  <p>というやつですね。</p>  <blockquote>   <p>3つ目からは、1つあたり○○円に割引でお得！</p> </blockquote>  <p>という表現の方法もあります。    <br />基本的には同じ思考方法ですが、キャッチの見せ方がちょっと違いますね。</p>  <h4>3. 高い商品が売れやすくなる「松竹梅」方式</h4>  <p>3つ以上のラインナップのある商品を目にすると、<strong>真ん中のレンジを選ぶ人が多くなるという法則</strong>（？）があります。</p>  <p>これを利用して</p>  <ul>   <li>グレード別の商品グループを敢えて作ってみたり </li>    <li>高価格商品が売れていない場合、敢えてアップグレード商品を作ってみたり </li> </ul>  <p>することで、売れ筋の価格帯をある程度コントロールすることができます。</p>  <p>商品を増やすだけでなく、<strong>今ある商品の中で新しい組み合わせを作れないか考えてみる</strong>のもよいですね。     <br />ネットだとそれを特集みたいに組むのも自由ですし、ECであることの良さを引き出した販売が可能になります。</p>  <h4>4. お客さんにも販売側にも嬉しい「トッピング」方式</h4>  <p>もうひとつが、ピザとかファーストフードなどでよくある「トッピング」の導入。</p>  <ul>   <li>パソコンを買うときに、ついついマウスとかウィルスソフトを買ってみたり </li>    <li>ワイシャツのついでに、お揃いの色のネクタイを買ってみたり </li> </ul>  <p>といったものですね。</p>  <p>Amazonなんかでも、単なるレコメンデーションだけでなく、「一緒に」という見せ方を採用しています。    <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/EC5_13B12/image_bb11ae20-87c7-4f2a-96f5-45bf7ec76ed9.png" width="394" height="143" /> </p>  <p>関連商品などのレコメンデーションに近い位置づけでもありますが<strong>、お客さんに積極的に「選ぶ楽しみ」を提供できる上に、単価も上がる</strong>という優れものですね。</p>  <h4>5. ついつい新しいバージョンを買ってしまう「年度版」テクニック</h4>  <p>商品に、「2008年版」のような年度を付与するテクニックです。</p>  <p>これをすると、</p>  <ul>   <li>旧スタイルの商品の価値が一気に下がり（プレミア品は除く） </li>    <li>新しいものに自然に注目が集まる </li> </ul>  <p>ということがあります。</p>  <p>例えば教材であるとか無地の服とか、<strong>毎年殆ど内容が変わらないものであっても、「最新版」「今年度改訂版」などの意味を持たせる方法</strong>があります。</p>  <p>特に、中古商品にお客さんを奪われやすいジャンルでは有効になることが多いようです。    <br />小売では<strong>過去に販売した自社商品も、一歩間違えばライバル</strong>になってしまう、と。</p>  <p>あと、教材なんかだと、「最新版も心機一転で買っておこう」なんて<strong>二重買いを促す効果</strong>もあります。</p>  <p>   <br />・・・と、こんな感じで書いてみました（他にもあると思いますが）</p>  <p>商品設計の一歩先で、商品ごとにどんなタイプの魅せ方がより商売につながるのか、その時どんな表現を使ったら効果的かと考えると、まだまだ伸びるなーと思うサイトは結構あると思います。</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/4478502706/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/51JFlbEIhfL._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/4478502706/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/4478502706/yubinsearch-22/ref=nosim/" target="_blank">amazlet</a> at 09.12.16</div>     </div>      <div class="amazlet-detail">マイケル・J・シルバースタイン ジョン・ブットマン        <br />ダイヤモンド社         <br />売り上げランキング: 204911         <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" /> 二極化という戦略キーワード         <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 /><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/4478502706/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/big_sister.html">ネット有料配信を打ち出すことで、風俗サービスを無料化(！）してしまった「Big Sister」</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/post_89.html">言葉尻一つでユーザに与える印象が「ころっ」と変わる表現いろいろ</a> </li>    <li><a href="http://www.fallinstar.org/2009/06/post_72.html">プレゼンテーションを効果的に魅せるための、おすすめ技あれこれ</a> </li>    <li><a href="http://www.fallinstar.org/2009/11/3_2.html">フォームの完遂率は、フォーム前の設計で3倍以上変化する、というお話</a> </li> </ul>]]>
        
    </content>
</entry>
<entry>
    <title>伝説の5二銀！！（羽生善治 VS 加藤一二三）</title>
    <link rel="alternate" type="text/html" href="http://www.fallinstar.org/2009/12/5_vs.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://financial.violetmoon.org/mt-atom.cgi/weblog/blog_id=18/entry_id=598" title="伝説の5二銀！！（羽生善治 VS 加藤一二三）" />
    <id>tag:www.fallinstar.org,2009://18.598</id>
    
    <published>2009-12-13T15:51:18Z</published>
    <updated>2009-12-13T15:51:57Z</updated>
    
    <summary>鳥肌！！  こんな手は絶対に思いつかない・・・やっぱりこの人は天才だわ・・・  ...</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[<p>鳥肌！！</p>  <p>こんな手は絶対に思いつかない・・・やっぱりこの人は天才だわ・・・</p>  <div class="wlWriterEditableSmartContent" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:d398e886-cf57-4e03-9a35-e89b971b74c3" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px"><div id="390f5530-05b6-4bd1-9a36-ce9559116199" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=pn2bzV6zPY0&amp;feature=player_embedded" target="_new"><img src="http://www.fallinstar.org/WindowsLiveWriter/5VS_BFF/video2fdfadb0801e.jpg" style="border-style: none" galleryimg="no" onload="var downlevelDiv = document.getElementById('390f5530-05b6-4bd1-9a36-ce9559116199'); downlevelDiv.innerHTML = &quot;&lt;div&gt;&lt;object width=\&quot;425\&quot; height=\&quot;355\&quot;&gt;&lt;param name=\&quot;movie\&quot; value=\&quot;http://www.youtube.com/v/pn2bzV6zPY0&amp;hl=en\&quot;&gt;&lt;\/param&gt;&lt;embed src=\&quot;http://www.youtube.com/v/pn2bzV6zPY0&amp;hl=en\&quot; type=\&quot;application/x-shockwave-flash\&quot; width=\&quot;425\&quot; height=\&quot;355\&quot;&gt;&lt;\/embed&gt;&lt;\/object&gt;&lt;\/div&gt;&quot;;" alt=""></a></div></div></div>]]>
        
    </content>
</entry>

</feed> 

