<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>ヒトリフェスト.com｜ウェブデザインとアレとコレ</title>
	<atom:link href="http://blog.hitorifest.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.hitorifest.com</link>
	<description>ヒトリフェスト.comは、Webデザイン、Webマーケティング、SEO対策をはじめとする、Webサービス情報を配信するマーケティングブログです。</description>
	<lastBuildDate>Sun, 15 Jan 2012 18:39:29 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/feed/" />
		<item>
		<title>2012年はどんな年になるだろう</title>
		<link>http://blog.hitorifest.com/diary/what-will-be-the-year-of-2012/</link>
		<comments>http://blog.hitorifest.com/diary/what-will-be-the-year-of-2012/#comments</comments>
		<pubDate>Sun, 15 Jan 2012 18:39:29 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[まとめ]]></category>
		<category><![CDATA[日記]]></category>
		<category><![CDATA[雑談]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=990</guid>
		<description><![CDATA[お久しぶりです。 最近、「仕事とは？」という議題で2012年と2011年の違いはなんだろうかという いわば哲学的なところを考えさせられることが増えています。 とまぁ、私個人の考え方で申し訳ないのですが、上を踏まえて、 「 [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_996" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/diary/what-will-be-the-year-of-2012/"><img src="http://blog.hitorifest.com/wp-content/uploads/2012/01/2012.jpg" alt="2012年はどんな年になるだろう" title="2012年はどんな年になるだろう" width="500" height="200" class="size-full wp-image-996" /></a><p class="wp-caption-text">2012年はどんな年になるだろう</p></div><br />
<br />
お久しぶりです。<br />
最近、「仕事とは？」という議題で2012年と2011年の違いはなんだろうかという<br />
いわば哲学的なところを考えさせられることが増えています。<br />
<br />
とまぁ、私個人の考え方で申し訳ないのですが、上を踏まえて、<br />
「2012年はどんな年になるだろう」、この年が終わる時に見返すことができればと思います。<br />
<br />
<h3 class="widgettitle">2011年まとめ</h3>
当ブログだけで判断すると…<br />
<br />
【2011年人気記事まとめ】<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
・ECサイトにおける仮説を作りながらのKPI戦略の、具体的な方法<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/management/e-commerce-kpi/">http://blog.hitorifest.com/management/e-commerce-kpi/</a></p></blockquote>
<p>
・ウェブデザインに使える無料アイコン素材・12点<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/clips/icon/">http://blog.hitorifest.com/clips/icon/</a></p></blockquote>
<p>
・ECサイトを経営面からディレクションする際に必要な13項目<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/management/10-best-practices-to-improve-for-your-e-commerce-bussiness/">http://blog.hitorifest.com/management/10-best-practices-to-improve-for-your-e-commerce-bussiness/</a></p></blockquote>
<p>
・フリーランスを１年やってみて分かったこと。 &#8211; 独立という名の落とし穴 -<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/chat/you-should-not-freelance/">http://blog.hitorifest.com/chat/you-should-not-freelance/</a></p></blockquote>
<p>
・ECサイトで見落としがちな「接客」部分について、たった5つの解決方法。<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/management/how-to-sales-for-e-commerce/">http://blog.hitorifest.com/management/how-to-sales-for-e-commerce/</a></p></blockquote>
<p>
・知らないヒトは絶対損する！｜SOUR「映し鏡」インタラクティブミュージックビデオ<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/marketing/interactive-music-video-for-sour-mirror/">http://blog.hitorifest.com/marketing/interactive-music-video-for-sour-mirror/</a></p></blockquote>
<p>
・ソーシャルブックマークサイトを運営出来るCMS「scuttle」<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/web/scuttle/">http://blog.hitorifest.com/web/scuttle/</a></p></blockquote>
<p>
・地域活性化とフリーランスの意外な接点。<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/change/glass-revitalization/">http://blog.hitorifest.com/change/glass-revitalization/</a></p></blockquote>
<p>
・「企業組織」のスケーラビリティを考えよう<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/logicalthinking/scalability/">http://blog.hitorifest.com/logicalthinking/scalability/</a></p></blockquote>
<p>
・企業のfacebookページを2つに分類して色々考えてみた。<br />
</p>
<blockquote><p><a href="http://blog.hitorifest.com/web/facebook/">http://blog.hitorifest.com/web/facebook/</a></p></blockquote>
<p>
<br />
うーん。<br />
これでは分かりませんが、傾向としては「具体的な数字」として、<br />
◯◯のための△△など、こちらからこうした方が良いよ！というタイトルのものが<br />
閲覧数を上げていること、また上位概念のものが非常に数値的に良かったと思います。<br />
<br />
<h3 class="widgettitle">興味のあることが変わってきている？</h3>
今まではブログというと、「個人の趣味」であったり「見解」であったりすることが<br />
多かったように思います。<br />
それが2011年はあからさまに、「人を惹きつけるタイトルにする」という手法が<br />
確立され、問題点を具体的にされる、いわば受動的かつ効率的に情報を得られるようなものを求める傾向にあると思いました。<br />
<br />
<h3 class="widgettitle">仕事の仕方も変わった…かも</h3>
2009年から、色々とノマドなどが流行り始め、「フリーランス」や「起業」などに<br />
興味のある人が増えました。<br />
2011年は「仕事と私生活の両立」として、「どのように仕事に向き合うか」がテーマに<br />
なっていたように思います。<br />
<img src="http://blog.hitorifest.com/wp-content/uploads/2012/01/01.jpg" alt="2011年は「仕事と私生活の両立」" title="2011年は「仕事と私生活の両立」" width="500" height="200" class="aligncenter size-full wp-image-997" />
<br />
<h3 class="widgettitle">2012年はどうなるのか</h3>
2012年は以上を踏まえて、「仕事は私生活の一部」として、「どのように仕事に向き合うか」がテーマになるのではないかと思います。<br />
<img src="http://blog.hitorifest.com/wp-content/uploads/2012/01/02.jpg" alt="2012年は、「仕事は私生活の一部」" title="2012年は、「仕事は私生活の一部」" width="500" height="200" class="aligncenter size-full wp-image-998" />
<br />
とにかく、どのようになるか楽しみながら過ごしたいと思います。<br />
<br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fdiary%2Fwhat-will-be-the-year-of-2012%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=990&type=feed" alt="" />この投稿にタグはありません。]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/diary/what-will-be-the-year-of-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/diary/what-will-be-the-year-of-2012/" />
	</item>
		<item>
		<title>Webユーザービリティとは一体何なのか。</title>
		<link>http://blog.hitorifest.com/web/webusability/</link>
		<comments>http://blog.hitorifest.com/web/webusability/#comments</comments>
		<pubDate>Sat, 12 Nov 2011 21:07:52 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[WebUsability]]></category>
		<category><![CDATA[webusability]]></category>
		<category><![CDATA[wireframe]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=969</guid>
		<description><![CDATA[ご無沙汰しております。 3ヶ月の間ブログを見守っていましたが… アクセスが意外にも落ちないので、頑張って更新しようと思います！ いつもアクセスいただきありがとうございます！ というわけで早速始めさせていただきたいと思いま [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_970" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/web/webusability/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/11/1.png" alt="Webユーザービリティとは一体何なのか。" title="Webユーザービリティとは一体何なのか。" width="500" height="200" class="size-full wp-image-970" /></a><p class="wp-caption-text">Webユーザービリティとは一体何なのか。</p></div><br />
<br />
ご無沙汰しております。<br />
3ヶ月の間ブログを見守っていましたが…<br />
アクセスが意外にも落ちないので、頑張って更新しようと思います！<br />
いつもアクセスいただきありがとうございます！<br />
<br />
<br />
というわけで早速始めさせていただきたいと思います！<br />
<br />
さてさて…最近、Googleのデザインが一新されました。<br />
ユーザーの声は賛否両論ですが、<a href="http://blog.hitorifest.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Google タグの付いた投稿">Google</a>+にはじまり、今まで使っていたサービスのデザインを新しいユーザーインタフェースに移行しています。<br />
そこで「Webユーザービリティとは一体何なのか。」今一度復習し、自分なりの考察もしてみたいと思います。<br />
<br />
<h3 class="widgettitle">シンプルかつ一貫性を伴うデザイン</h3>
<a href="http://oalp.org/doc/nilesen/">ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン</a>に従うのが一般的ですが、その考えもケースバイケースで、答えは１つとは限りません。<br />
ただその中で、私が特に重要だと思うのは、シンプルかつ一貫性を伴うデザインというテーマです。<br />
<br />
<h3 class="widgettitle">ユーザビリティの定義</h3>
そもそもユーザビリティって何やねんって思うかもしれませんが、日本語で一番適した言葉は「使いやすさ」でしょうか。<br />
<br />
参考に国際規格でいうユーザビリティの定義（参考：<a href="http://www.usability.gr.jp/whatis/definitions/">U-site</a>）では、以下のようになっています。<br />
<br />
<h4>・ISO 9241-11</h4>
</p>
<blockquote><p>
<ol>
<li><strong>Effectiveness / 有効さ</strong>：利用者が、指定された目標を達成する上での正確さ及び完全さ</li>
<li><strong>Efficiency / 効率</strong>：利用者が、目標を達成する際に正確さと完全さに関連して費やした資源</li>
<li><strong>Satisfaction / 満足度</strong>：不快さのないこと、及び製品使用に対しての肯定的な態度</li>
<li><strong>Context of use / 利用の状況</strong>：利用者、仕事、装置（ハードウェア、ソフトウェア及び資材）、並びに製品が使用される物理的及び社会的環境</li>
</ol>
</p></blockquote>
<p>
<br />
また、Jakob Nielsen博士が、その著書「Usability Engineering」のなかで語っているユーザビリティの定義もご紹介します。<br />
<br />
<h4>・「ユーザビリティエンジニアリング原論」における定義</h4>
</p>
<blockquote><p>
<ol>
<li><strong>学習しやすさ</strong>：ユーザがそれをすぐ使い始められるよう、簡単に学習できるように</li>
<li><strong>効率性</strong>：一度学習すれば、あとは高い生産性を上げられるよう、効率的に使用できるもの</li>
<li><strong>記憶しやすさ</strong>：ユーザがしばらくつかわなくても、また使うときにすぐ使えるよう覚えやすく</li>
<li><strong>エラー</strong>：エラーの発生率を低くし、起こっても回復できるように。致命的なエラーは起こってはならない</li>
<li><strong>主観的満足度</strong>：ユーザが個人的に満足できるよう、楽しく利用できなければならない</li>
</ol>
</p></blockquote>
<p>
<br />
<h3 class="widgettitle">経験則ユーザビリティの定義</h3>
私はデザイナーとして経験があってすごい作品もバンバン作っている…というわけではないのですが、<br />
経験則から、上の定義に抜けているものがあるなーと感じています。<br />
それは…<br />
</p>
<blockquote><p>
<ol>
<li><strong>将来性</strong>：ユーザーが長きに渡って利用できる、またそれに通ずるものか</li>
<li><strong>一貫性</strong>：統一感といってもよい。効率性を噛み砕いたもので、ユーザーが最もくるページで基礎を選定する</li>
</ol>
</p></blockquote>
<p>
<br />
特に、1の<strong>将来性</strong>については、Googleが今チャレンジしているのではないか、と思っています。<br />
Googleの新しいユーザーインタフェース調べてみると、どの色がどこに配置されていて、またどの値・機能を持つかの定義付けがハッキリしていて、将来に渡って通用するデザインではないでしょうか。<br />
（参考：<a href="http://stam-design-stam.blogspot.com/2011/11/blog-post.html">DESIGN ARCHIVE</a>）<br />
<br />
<h3 class="widgettitle">まとめ</h3>
私も新しい、慣れていないユーザーインタフェースに苦しむと離脱する or 学習しようと無意識に行動を起こしているように思います。<br />
しかしながら多くの場合、離脱することが予想されます。<br />
<br />
ユーザーが意識せずに、また直感的に構造が把握できるデザイン、レイアウトが理想ですね。<br />
そして、以前ブログでも取り上げさせていただいた<a href="http://blog.hitorifest.com/web/wireframe/">ワイヤーフレーム（ウェブサイトの設計図）</a>でも、視点をWebユーザービリティでみると色々と見えてくるかもしれません。<br />
<br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fweb%2Fwebusability%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=969&type=feed" alt="" />
	タグ: <a href="http://blog.hitorifest.com/tag/webusability-2/" title="webusability" rel="tag">webusability</a>　<a href="http://blog.hitorifest.com/tag/wireframe/" title="wireframe" rel="tag">wireframe</a><br />
]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/web/webusability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/web/webusability/" />
	</item>
		<item>
		<title>GoogleがHTTP ヘッダーでの rel=&#8221;canonical&#8221; 属性に完全対応</title>
		<link>http://blog.hitorifest.com/web/googlecanonical/</link>
		<comments>http://blog.hitorifest.com/web/googlecanonical/#comments</comments>
		<pubDate>Sat, 06 Aug 2011 09:25:09 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[canonical]]></category>
		<category><![CDATA[http]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=941</guid>
		<description><![CDATA[重複コンテンツ問題として、rel=&#8221;canonical&#8221; 属性を考えていらっしゃった方は多いと思います。 2年ほど前から、これについては「Googleが対応を完了した」「正直意味ないのでは？」など [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_948" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/diary/googlecanonical/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/08/can.jpg" alt="canonical" title="canonical" width="500" height="200" class="size-full wp-image-948" /></a><p class="wp-caption-text">GoogleがHTTP ヘッダーでの rel=”<a href="http://blog.hitorifest.com/tag/canonical/" class="st_tag internal_tag" rel="tag" title="canonical タグの付いた投稿">canonical</a>” 属性に完全対応</p></div><br />
<br />
重複コンテンツ問題として、rel=&#8221;canonical&#8221; 属性を考えていらっしゃった方は多いと思います。<br />
2年ほど前から、これについては「Googleが対応を完了した」「正直意味ないのでは？」などという議論がtwitter上などで繰り広げられていたわけですが…<br />
<br />
日本語のGoogleウェブマスター向け公式ブログに7/29付けで正式発表がありましたので、<br />
こちらで少し私なりの解釈を踏まえながら解説してみます。<br />
（もし、間違いがあれば指摘していただけると嬉しく思います。）<br />
<br />
<h3 class="widgettitle">canonical ページとは？</h3>
canonical ページとは、複数の類似した内容のページの中で優先されるページです。<br />
つまり、<a href="http://blog.hitorifest.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Google タグの付いた投稿">Google</a>（SERP）に対して優先するURLを通知したいページです。<br />
<br />
<h3 class="widgettitle">canonicalの使い方</h3>
さて、これはどういう時に使うのでしょうか。<br />
例えば、ECサイト内で同じ製品を紹介するページなど、内容が重複するページが存在する場合に使います。<br />
<br />
</p>
<blockquote><p>①その商品一覧ページではアルファベット順でならんでいる<br />
（例）<a href="http://blog.hitorifest.com/tag/http/" class="st_tag internal_tag" rel="tag" title="http タグの付いた投稿">http</a>://www.example.com/product.php?item=swedish-fish&#038;trackingid=1234567&#038;sort=<code>alpha</code>&#038;sessionid=5678asfasdfasfd</p></blockquote>
<p>
<br />
</p>
<blockquote><p>②その商品一覧ページでは値段別に並んでいる<br />
（例）http://www.example.com/product.php?item=swedish-fish&#038;trackingid=1234567&#038;sort=<code>price</code>&#038;sessionid=5678asfasdfasfd</p></blockquote>
<p>
<br />
一見すると、「違うコンテンツ？」となりますが、よく考えると並べる順番が違うだけで同じものですよね。<br />
この場合ページのオーナーが検索してくるユーザーに対して「こっちで見てほしい！」という時があるかと思います。<br />
理由は様々ですが、例えば…「うちの商品は競合のあの会社よりも“安い”よ！」としましょう。<br />
<br />
その場合…<br />
</p>
<blockquote><p><strong>canonical でないものの全てのHTMLの <head> セクションに rel=&#8221;canonical&#8221; リンクを追加します。</strong></p></blockquote>
<p>
<br />
<br />
<h3 class="widgettitle">canonical属性の追加の仕方</h3>
それでは早速追加してみましょう。<br />
上記の例に従うと、安い方をアピールしたいのですから、①の＜head＞内に追加する形になります。<br />
<br />
</p>
<blockquote><p>＜link rel=&#8221;canonical&#8221; href=&#8221;http://www.example.com/product.php?item=swedish-fish&#038;trackingid=1234567&#038;sort=<code>price</code>&#038;sessionid=5678asfasdfasfd&#8221;/＞</p></blockquote>
<p>
<br />
多くの場合CMSを使用しているので、＜head＞内を共通化しているのに注意が必要かと思います。<br />
<br />
詳しくは<a href="http://www.google.com/support/webmasters/bin/answer.py?answer=139394">ウェブマスターツールのガイド</a>をご覧ください。<br />
<br />
<h3 class="widgettitle">え、canonical の使い方ってこうなの？</h3>
実は、上の解説は完全に私なりの解釈です。（間違っていたらごめんなさい…。）<br />
<br />
SEO業界などの現場では、基本的にはお客様の望みをまずお伺いする事から始めます。<br />
なので、そのままガイドラインをお伝えするよりも、このような形の方が実践的（？）で良いと思ったからです。<br />
<br />
まあガイドライン通りであれば、元々の商品一覧を値段別に設定しとくべきでしょう。<br />
（例：http://www.example.com/product.php?item=swedish-fish）<br />
<br />
最後に…<br />
これはあくまでGoogleの検索エンジンに対して<strong>「提案」</strong>するものなので、全てが受け入れられるとは限りません。<br />
また、<strong>同一ドメインのみ有効</strong>なのでその辺も確認してみないと分かりませんね。<br />
でも、チャレンジしてみる価値もあるかと思います。<br />
（乱用・悪用は自己責任でーーー）<br />
<br />
<br />
そういえば…<br />
少しサイトのデザイン変えました。<br />
こちらの感想もお伺いできれば嬉しいです。<br />
<br />
<a href="http://hitorifest.com/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/08/a.png" alt="hitorifest" title="hitorifest" width="500" height="200" class="aligncenter size-full wp-image-955" /></a><br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fweb%2Fgooglecanonical%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=941&type=feed" alt="" />
	タグ: <a href="http://blog.hitorifest.com/tag/canonical/" title="canonical" rel="tag">canonical</a>　<a href="http://blog.hitorifest.com/tag/google/" title="Google" rel="tag">Google</a>　<a href="http://blog.hitorifest.com/tag/http/" title="http" rel="tag">http</a>　<a href="http://blog.hitorifest.com/tag/seo/" title="seo" rel="tag">seo</a><br />
]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/web/googlecanonical/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/web/googlecanonical/" />
	</item>
		<item>
		<title>ウェブデザインに使える無料アイコン素材・12点</title>
		<link>http://blog.hitorifest.com/clips/icon/</link>
		<comments>http://blog.hitorifest.com/clips/icon/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 15:19:02 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[clips]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[icon]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=914</guid>
		<description><![CDATA[ウェブデザインで使う、アイコンほど重要なものはありませんね。 早速ですが、12点一気にご紹介していきます。 The Gadgets ガジェット好きにはたまらないアイコン。 Google Icons 最近人気上昇しているG [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_934" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/clips/icon/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/icon0.jpg" alt="http://blog.hitorifest.com/clips/icon/" title="ウェブデザインに使える無料アイコン素材・12点" width="500" height="200" class="size-full wp-image-934" /></a><p class="wp-caption-text">ウェブデザインに使える無料アイコン素材・12点</p></div><br />
<br />
ウェブデザインで使う、アイコンほど重要なものはありませんね。<br />
早速ですが、12点一気にご紹介していきます。<br />
<br />
<h3 class="widgettitle"><a href="http://turbomilk.com/downloads/gadgets/">The Gadgets</a></h3>
ガジェット好きにはたまらないアイコン。<br />
<div id="attachment_917" class="wp-caption aligncenter" style="width: 510px"><a href="http://turbomilk.com/downloads/gadgets/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/gadgets-icons.jpg" alt="The Gadgets" title="gadgets-icons" width="500" height="200" class="size-full wp-image-917" /></a><p class="wp-caption-text">The Gadgets</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://lovedsgn.com/post/7052">Google Icons</a></h3>
最近人気上昇しているGoogle+のアイコンデザイン素材。<br />
ピクトグラムもあってとても使いやすそう。<br />
<div id="attachment_918" class="wp-caption aligncenter" style="width: 510px"><a href="http://lovedsgn.com/post/7052"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/7052_dffef2ad9388469c8229ccc60113f97e339463da.jpg" alt="Google Icons" title="7052_dffef2ad9388469c8229ccc60113f97e339463da" width="500" height="200" class="size-full wp-image-918" /></a><p class="wp-caption-text"><a href="http://blog.hitorifest.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Google タグの付いた投稿">Google</a> Icons</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://elpinchodesigns.deviantart.com/art/Pirate-Recycling-201932646?q=boost%3Apopular%20in%3Acustomization%2Ficons%2Fos%20max_age%3A744h&#038;qo=81">Pirate Recycling</a></h3>
海賊仕様（？）樽型リサイクルボックスアイコン。<br />
<div id="attachment_919" class="wp-caption aligncenter" style="width: 510px"><a href="http://elpinchodesigns.deviantart.com/art/Pirate-Recycling-201932646?q=boost%3Apopular%20in%3Acustomization%2Ficons%2Fos%20max_age%3A744h&#038;qo=81"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/pirate_recycling_by_elpinchodesigns-d3c8486.jpg" alt="Pirate Recycling" title="pirate_recycling_by_elpinchodesigns-d3c8486" width="500" height="200" class="size-full wp-image-919" /></a><p class="wp-caption-text">Pirate Recycling</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://www.iconshock.com/credit-card-icons/">Free Credit Card Icons</a></h3>
世界中の有名クレジット会社のロゴをリメイクして集めたアイコン。<br />
ECサイト、通販サイトには最適ですね。<br />
<div id="attachment_920" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.iconshock.com/credit-card-icons/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/credit.jpg" alt="Free Credit Card Icons" title="credit" width="500" height="200" class="size-full wp-image-920" /></a><p class="wp-caption-text">Free Credit Card Icons</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://www.dailyoverview.com/2011/04/a-set-of-15-tv-icons/">A Set of 15 TV Icons</a></h3>
15種類のテレビをテーマにしたアイコン素材です。<br />
<div id="attachment_921" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.dailyoverview.com/2011/04/a-set-of-15-tv-icons/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/tv.jpg" alt="A Set of 15 TV Icons" title="tv" width="500" height="200" class="size-full wp-image-921" /></a><p class="wp-caption-text">A Set of 15 TV Icons</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://blog.roamdesign.co.uk/?p=272">Free Vector Icons</a></h3>
シンプルなピクトグラムのアイコン。<br />
99個セットです。<br />
<div id="attachment_922" class="wp-caption aligncenter" style="width: 510px"><a href="<a href="http://blog.hitorifest.com/tag/http/" class="st_tag internal_tag" rel="tag" title="http タグの付いた投稿">http</a>://blog.roamdesign.co.uk/?p=272""><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/icon.jpg" alt="Free Vector Icons" title="Free Vector Icons" width="500" height="200" class="size-full wp-image-922" /></a><p class="wp-caption-text">Free Vector Icons</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://spyrestudios.com/freebies/10-mini-designer-icons/">10 Mini Designer Icons</a></h3>
Webデザインに使う道具（32x32px）のアイコン素材が10個。<br />
<div id="attachment_924" class="wp-caption aligncenter" style="width: 510px"><a href="http://spyrestudios.com/freebies/10-mini-designer-icons/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/mini.jpg" alt="10 Mini Designer Icons" title="mini" width="500" height="200" class="size-full wp-image-924" /></a><p class="wp-caption-text">10 Mini Designer Icons</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://themefuse.com/blog/weekly-freebie-siliconapp-icons-psd/">SiliconApp Icons PSD</a></h3>
高品質でデザインされたアイコン素材。<br />
<div id="attachment_925" class="wp-caption aligncenter" style="width: 510px"><a href="http://themefuse.com/blog/weekly-freebie-siliconapp-icons-psd/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/k.jpg" alt="SiliconApp Icons PSD" title="SiliconApp Icons PSD" width="500" height="200" class="size-full wp-image-925" /></a><p class="wp-caption-text">SiliconApp Icons PSD</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://hybridworks.deviantart.com/art/Yoritsuki-icons-65980168">Yoritsuki Icons</a></h3>
35個の「日本の温泉」をテーマにしたアイコン。<br />
<div id="attachment_926" class="wp-caption aligncenter" style="width: 465px"><a href="http://hybridworks.deviantart.com/art/Yoritsuki-icons-65980168"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/Yoritsuki_icons_by_HYBRIDWORKS.jpeg" alt="Yoritsuki Icons" title="Yoritsuki_icons_by_HYBRIDWORKS" width="455" height="450" class="size-full wp-image-926" /></a><p class="wp-caption-text">Yoritsuki Icons</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://themefuse.com/blog/weekly-freebie-moleskine-icon-psd/">Moleskine icon PSD</a></h3>
モレスキンの再現度が高いアイコン。<br />
細部までこだわっています。<br />
<div id="attachment_928" class="wp-caption aligncenter" style="width: 510px"><a href="http://themefuse.com/blog/weekly-freebie-moleskine-icon-psd/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/moleskin.jpg" alt="Moleskine icon PSD" title="moleskine" width="500" height="200" class="size-full wp-image-928" /></a><p class="wp-caption-text">Moleskine icon PSD</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://www.smashingmagazine.com/2008/09/23/practika-a-free-icon-set/">Practika: A Free Icon Set</a></h3>
このTwitterのアイコンは、よく見るような気がします。<br />
<div id="attachment_929" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.smashingmagazine.com/2008/09/23/practika-a-free-icon-set/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/i.jpg" alt="Practika: A Free Icon Set" title="Practika: A Free Icon Set" width="500" height="200" class="size-full wp-image-929" /></a><p class="wp-caption-text">Practika: A Free Icon Set</p></div><br />
<br />
<h3 class="widgettitle"><a href="http://0at.org/blog/free_rss_icons">15 Free RSS Icons</a></h3>
色んなオブジェをRSSアイコンにしています。<br />
<div id="attachment_931" class="wp-caption aligncenter" style="width: 510px"><a href="http://0at.org/blog/free_rss_icons"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/rss.jpg" alt="15 Free RSS Icons" title="rss" width="500" height="200" class="size-full wp-image-931" /></a><p class="wp-caption-text">15 Free RSS Icons</p></div><br />
<br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fclips%2Ficon%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=914&type=feed" alt="" />この投稿にタグはありません。]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/clips/icon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/clips/icon/" />
	</item>
		<item>
		<title>企業のfacebookページを2つに分類して色々考えてみた。</title>
		<link>http://blog.hitorifest.com/web/facebook/</link>
		<comments>http://blog.hitorifest.com/web/facebook/#comments</comments>
		<pubDate>Sun, 03 Jul 2011 00:27:45 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[facebook]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[web service]]></category>
		<category><![CDATA[マーケティング]]></category>
		<category><![CDATA[web marketing]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=895</guid>
		<description><![CDATA[facebookページと名前が変わったのが、たしか2月頃でした。 私もファンページ時代からのユーザーですが、ここ最近の盛り上がり方には正直驚きを隠せません。 特に「どうやって使うのか？」という部分に関しては、まだ「流行り [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_896" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/web/facebook/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/facebook.jpg" alt="企業のfacebookページを2つに分類して色々考えてみた。" title="企業のfacebookページを2つに分類して色々考えてみた。" width="500" height="200" class="size-full wp-image-896" /></a><p class="wp-caption-text">企業のfacebookページを2つに分類して色々考えてみた。</p></div><br />
<br />
facebookページと名前が変わったのが、たしか2月頃でした。<br />
私もファンページ時代からのユーザーですが、ここ最近の盛り上がり方には正直驚きを隠せません。<br />
<br />
特に「どうやって使うのか？」という部分に関しては、まだ「流行りだから」という認識が多いように感じます。<br />
そこで、企業のfacebookページの使われ方を2つに分類してみました。<br />
<br />
<br />
<h3 class="widgettitle">企業のfacebookページを2つに分類</h3>
facebookページは大きく分けて以下の2つに分類されるかと思います。<br />
<br />
</p>
<blockquote><p>・企業からの情報発信（Commercial的役割）<br />
・企業と消費者の交流の場（消費者センター的役割）<br />
</p></blockquote>
<p>
<br />
ひとつ例に挙げますと、Oreoというお菓子のfacebookページでは、<br />
自社の取り組み・アンケート・担当者のつぶやきなど、主に企業からの情報発信（Commercial的役割）を行っています。<br />
<br />
<div id="attachment_898" class="wp-caption aligncenter" style="width: 510px"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/oreo.jpg" alt="Oreo｜facebookページ" title="Oreo｜facebookページ" width="500" height="200" class="size-full wp-image-898" /><p class="wp-caption-text">Oreo｜facebookページ</p></div><br />
<br />
ここでパッと考えられるのが、<br />
<br />
「ただのお菓子の紹介ページを何回もみるの？」<br />
<br />
でしょう。<br />
<br />
しかしながら、とっても面白いことに、<br />
このfacebookページには<strong>2183万3470人</strong>の「いいね！」があります。<br />
（2011/07/03現在）<br />
<br />
では、この「いいね！」はどんな数字なのでしょうか。<br />
<br />
<br />
<h3 class="widgettitle">「いいね！」を集めると、どんなメリットがある？</h3>
「いいね！」とは、言葉の通り、「ええなぁー」とか「おぉ！」という気持ちを表すボタンです。<br />
そして、それは自分の発言として自分の友達に自動的に伝えることになります。<br />
<br />
つまり、「いいね！」とは、企業のプロモーションにとって最も効果的なクチコミ的役割を担うことになります。<br />
（その発言に対して「いいね！」をしても、企業のfacebookページには反映されないため、クチコミとまで言えるかは、議論がありますが・・・。）<br />
<br />
補足ですが、「シェア」の場合ですと、今度はシェアした友達のウォールに入るため、友達の友達へ伝わることができます。<br />
（・・・ややこしいかもしれませんね。）<br />
<br />
<br />
<br />
<h3 class="widgettitle">さて、ここからもっとややこしい話をはじめます。</h3>
NFO（News Feed Optimization｜ニュースフィード最適化）という言葉をご存知でしょうか。<br />
企業と消費者の交流の場として考えた場合にとても重要だと思ったのでご紹介します。<br />
<br />
<a href="http://blog.hitorifest.com/tag/facebook/" class="st_tag internal_tag" rel="tag" title="facebook タグの付いた投稿">facebook</a> CEOのマーク・ザッカーバーグが<br />
</p>
<blockquote><p>私たちはフェースブックをオンラインコミュニティとして認識していない。<br />
実際に存在するコミュニティを強化する名簿として提供している。<br />
フェースブックに存在するのは、<br />
リアルライフに存在するものの鏡像だ。<br />
</p></blockquote>
<p>
と言うように、facebook内では、<br />
様々な情報が大量に飛び交っています。 <br />
<br />
つまり、それを精査してあげないとfacebookは従来通りのSNSのままになってしまうわけです。<br />
それがfacebookにおける、NFO（News Feed Optimization｜ニュースフィード最適化）のことです。 <br />
<br />
facebook独自のアルゴリズム「EdgeRank（エッジランク）」によって、<br />
そのユーザーにとって最も価値のあるコンテンツがニュースフィードにハイライト表示されるように最適化を行っているわけです。<br />
<br />
<div id="attachment_903" class="wp-caption aligncenter" style="width: 510px"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/07/nfo1.jpg" alt="エッジランクアルゴリズムの解説の図" title="エッジランクアルゴリズムの解説の図" width="500" height="230" class="size-full wp-image-903" /><p class="wp-caption-text">エッジランクアルゴリズムの解説の図</p></div><br />
（昨年の<a href="http://apps.facebook.com/feightlive/">f8デベロッパーカンファレンス</a>でFacebookのエンジニアRuchi SanghviとAri Steinbergが発表。）<br />
<br />
<br />
<h3 class="widgettitle">「EdgeRank（エッジランク）」の三要素</h3>
企業が特に気になるのは、「ちゃんと皆のもとに情報が届いているのだろうか？」というところです。<br />
facebookページでは、EdgeRank（エッジランク）を三要素に分けてはかっています。<br />
これは、ユーザー間の更新情報でも適用されているそうです。<br />
<br />
</p>
<blockquote><p>1. affinity score（親密度）<br />
投稿者と閲覧者の新密度を表します。<br />
親密性とは、facebookページとユーザーとの関係のことです。<br />
関係が深ければ深いほど、ニュースフィードに表示されやすくなり、反対に浅いほど表示されにくくなります。<br />
関係の深さは以下のような条件に基づいて算出されていると考えられています。<br />
<br />
・ユーザーのfacebookページへのアクセス頻度<br />
・ユーザーのfacebookページへのフィードバック（「いいね！」やコメント）頻度</p></blockquote>
<p>
<br />
</p>
<blockquote><p>2. weight（ウェイト・重み）<br />
重みとは、facebookページに投稿されたコンテンツが「いいね！」や「コメント」をどれくらい獲得しているか、ということです。<br />
ここでは、ユーザー本人の行動だけではなく、他のユーザーをあわせたフィードバックの総数が考慮されているため、<br />
「いいね！」よりもコメントのほうがポイントが高いとされています。<br />
</p></blockquote>
<p>
<br />
</p>
<blockquote><p>3. time（タイム｜時間）<br />
時間とは、Facebookに投稿された時間です。<br />
より最新の投稿ほど、価値の高いコンテンツとしてみなされています。<br />
</p></blockquote>
<p>
<br />
<br />
<h3 class="widgettitle">企業のfacebookページでは何をしなければいけないのだろう</h3>
結局、ここが重要なことかもしれません。<br />
私は、facebookページもSEOと同様に、旋策が必要なものだと捉えています。<br />
<a href="http://blog.hitorifest.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Google タグの付いた投稿">Google</a>+はさておき、twitter、facebookなどのユーザーが情報源を得られる箇所は<br />
今後もっと増えていくかと思います。<br />
また、それらの情報スピードは今後もっと早くなると思います。<br />
<br />
流動的な情報源の中で、どのようにエンゲージメントを高めていくか、それが今後重要なのではないでしょうか。<br />
<br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fweb%2Ffacebook%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=895&type=feed" alt="" />
	タグ: <a href="http://blog.hitorifest.com/tag/facebook/" title="facebook" rel="tag">facebook</a>　<a href="http://blog.hitorifest.com/tag/web/" title="WEB" rel="tag">WEB</a>　<a href="http://blog.hitorifest.com/tag/web-marketing/" title="web marketing" rel="tag">web marketing</a><br />
]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/web/facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/web/facebook/" />
	</item>
		<item>
		<title>Google +1 ボタンをあなたのサイトに設置しよう</title>
		<link>http://blog.hitorifest.com/google/google-1-on-your-site/</link>
		<comments>http://blog.hitorifest.com/google/google-1-on-your-site/#comments</comments>
		<pubDate>Thu, 09 Jun 2011 23:45:17 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[web service]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=851</guid>
		<description><![CDATA[2011年6月1日にGoogle +1（プラスワン）をウェブページに表示できるボタンがローンチされましたね。 当方のブログでは、現在様子見という形ですが、設置方法をまとめてみました。 設置方法 +1 ボタンを表示して実行 [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_852" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/diary/google-1-on-your-site/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/06/7015440590904d38e35615ff0672d21c.jpg" alt="Google +1" title="+1" width="500" height="200" class="size-full wp-image-852" /></a><p class="wp-caption-text"><a href="http://blog.hitorifest.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Google タグの付いた投稿">Google</a> +1</p></div><br />
<br />
2011年6月1日にGoogle +1（プラスワン）をウェブページに表示できるボタンがローンチされましたね。<br />
当方のブログでは、現在様子見という形ですが、設置方法をまとめてみました。<br />
<br />
<br />
<h3 class="widgettitle">設置方法</h3>
<br />
+1 ボタンを表示して実行するのに必要なものは・・・<br />
次のコードだけのようです。<br />
なんと、簡単な・・・。<br />
<br />
<br />
1.+1 ボタンを表示させたい位置に、以下のjavascriptを設置<br />
<br />
<textarea rows="2" id="plusone-code" class="plusone-code"><g:plusone></g:plusone></textarea>
<br />
<br />
2.＜head＞内に ＜script＞ タグを含める<br />
<br />
<textarea rows="2" id="plusone-code" class="plusone-code"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script></textarea>
<br />
以上、2工程です。<br />
<br />
「<a href="http://www.google.com/webmasters/+1/button/index.html">+1 をウェブサイトに表示</a>」から、設定すれば、すぐ使える感じです。<br />
（設置にはGoogleアカウントは必要ないっぽいです。）<br />
<br />
<h3 class="widgettitle">気になる検索エンジンのランキング</h3>
<br />
「Google +1で検索ランキングが決まるのか？」というところには、たしかに気になります。<br />
Googleのエンジニア・Matt Cutts氏がこれに答えていたので、すこしまとめてみました。<br />
<br />
</p>
<blockquote><p>Google +1のデータもシグナルの1つとして扱う可能性がある。<br />
ただし、他の数多くあるシグナルの中の1つに過ぎないため、+1というユーザー評価によってすべての検索順位が決定するわけではない。</p></blockquote>
<p>
<br />
facebookやtwitterの件で、順位変動があるようなので、理屈の上ではランキング決定要素の1つとして取り入れることになるかもしれませんね。<br />
まだまだ分からないですが、自社サービスの中なのでもしかすると重要視し始めるかもしれません。<br />
<br />
<h3 class="widgettitle">補足</h3>
<br />
表示方法のカスタマイズについてはGoogleのドキュメントに載っていました。<br />
<a href="http://code.google.com/intl/ja/apis/+1button/">+1 button API</a><br />
<br />
また、+1 ボタンの詳細を説明した動画は<br />
<a href='http://www.youtube.com/watch?v=OAyUNI3_V2c&#038;feature=player_embedded' >こちらのYouTube</a>にあがっていました。<br />
<br />
<br />
簡単ですが、本日はこの辺で！<br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fgoogle%2Fgoogle-1-on-your-site%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=851&type=feed" alt="" />この投稿にタグはありません。]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/google/google-1-on-your-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/google/google-1-on-your-site/" />
	</item>
		<item>
		<title>「企業組織」のスケーラビリティを考えよう</title>
		<link>http://blog.hitorifest.com/logicalthinking/scalability/</link>
		<comments>http://blog.hitorifest.com/logicalthinking/scalability/#comments</comments>
		<pubDate>Tue, 24 May 2011 19:55:40 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[WEB]]></category>
		<category><![CDATA[web service]]></category>
		<category><![CDATA[マネジメント]]></category>
		<category><![CDATA[ロジカルシンキング]]></category>
		<category><![CDATA[意識改革]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=844</guid>
		<description><![CDATA[お久しぶりです。 hitorifestです。 「スケーラビリティ」とはシステム用語で、システムの負荷増大にどのくらい柔軟に対応できるか、という意味です。 例えば、「スケーラビリティが高い」とかいうのは、あるシステムが将来 [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_846" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/logicalthinking/scalability/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/05/1.jpg" alt="What is Scalability" title="What is Scalability" width="500" height="200" class="size-full wp-image-846" /></a><p class="wp-caption-text">What is Scalability</p></div><br />
<br />
お久しぶりです。<br />
hitorifestです。<br />
<br />
「スケーラビリティ」とはシステム用語で、システムの負荷増大にどのくらい柔軟に対応できるか、という意味です。<br />
例えば、「スケーラビリティが高い」とかいうのは、あるシステムが将来予測される負荷に耐え得る、という意味で使われます。逆に低い場合は、この反対で耐えられないとします。<br />
<br />
しかしながら、システムの利用者や仕事量の増大に応じて、性能や機能を向上させられなければ、多くは頓挫、いわゆるサーバーダウンを起こします。<br />
<br />
ちょっと難しそうですね。<br />
でも、内容はシンプルです。<br />
「スケーラビリティ ＝ 今やっていることを単に大きな規模でやる」ということです。<br />
<br />
それにはリソースを増やしてサービス能力を拡張する、ということが必要です。<br />
<br />
<strong>「これを組織で考えてみる」</strong><br />
<br />
今回はこれを考えてみたいと思います。<br />
<br />
<h3 class="widgettitle">スケーラビリティの種類</h3>
スケーラビリティにはどんな種類があるだろうか。<br />
それには、<a href="http://www.infoq.com/jp/news/2007/10/whatisscalability">こちら</a>をご覧いただくのが早いと思いますが、少し抜粋しようと思います。<br />
<br />
</p>
<blockquote><p>・<strong>垂直スケーラビリティ</strong> <br />
- 同一論理ユニット内で資源を追加して処理能力を向上させること。例としては、既存のサーバにCPUを追加したり、既存のRAID/SAN記憶装置にハードドライブを追加することにより、記憶領域を拡大したりすることが挙げられます。<br />
・<strong>水平スケーラビリティ</strong><br />
 &#8211; 資源の論理ユニットを複数追加して、単一ユニットとして動作させること。大部分のクラスタ化ソリューションや分散ファイルシステム、ロードバランサは、水平スケーラビリティに役立ちます。</p></blockquote>
<p>
<br />
<h3 class="widgettitle">リーダーとマネージャーの違いとその役割</h3>
まずは、単位を考えましょう。<br />
<br />
組織を考えたときに、最もシンプルなのが、下記の図です。<br />
<br />
<div id="attachment_847" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/wp-content/uploads/2011/05/11.jpg" rel="lightbox"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/05/11.jpg" alt="オールスケールの組織図" title="オールスケールの組織図" width="500" height="300" class="size-full wp-image-847" /></a><p class="wp-caption-text">オールスケールの組織図</p></div><br />
<br />
この中で、マネージャーとリーダーの違いは何でしょうか。<br />
それは、<a href="http://blog.hitorifest.com/management/%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A3%E3%83%BC%E3%81%A8%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC%E3%81%AE%E9%81%95%E3%81%84/">こちら</a>をご覧ください。<br />
<br />
もっとわかりやすく違いを説明すると、<br />
</p>
<blockquote><p>
<strong>マネージャー</strong> ＝ 「丘の上の目標地点を上へ押し上げる」<br />
適切なメンバーに適切な仕事を割り当て、適切なコストで指定期日までにその仕事を完遂すること。<br />
<strong>リーダー</strong> ＝ 「どの丘に登るかを選択し、チームに浸透させる」<br />
事業を成功に導くために必要なあらゆる牽引活動をすること。リーダーとしての目標に沿う形でメンバーの個人的目標を設定し、チームのそれぞれのメンバーに大してタイムリーに業績についてのフィードバックを返すこと。</p></blockquote>
<p>
<br />
<h3 class="widgettitle">スケーラビリティを実現しよう</h3>
スケーラビリティを実現しようというのは、「スケーラビリティを高めよう」とほぼ同意味であると考えて、まず間違いないです。<br />
<br />
「垂直スケーラビリティ」で考えると、リソース（人、PCなど）の性能を向上させ、一人一人の作業効率をあげること。<br />
次に、「水平スケーラビリティ」で考えると、この担当者レベルのリソース数を直線的に増やせばいいだけです。<br />
<br />
とかく、スケーラビリティを実現する上で最も重要なのは「人」の要素です。<br />
先に述べた、役割の説明から想像し、組織設計のチェックリストを作ってみようと思います。<br />
<br />
</p>
<blockquote><p>・組織への増員は適切か否か。<br />
・組織としての成功の度合いと個人の貢献度の時系列的な測定はできているか。<br />
・外部からみた時に分かりやすい構造か。<br />
・組織構造が個人の生産性に与える影響をはかれているか。<br />
・社内のチーム間に発生する「対立」の形は想像できるか。<br />
・組織内での作業フローは簡略化されているか。<br />
・組織増員で個人生産の平均値はどうか。<br />
・役割と責任の分担が集中していないか。<br />
・目標設定にイニシアティブはあるか。</p></blockquote>
<p>
<br />
などが有効かと思います。<br />
<br />
<h3 class="widgettitle">スケーラビリティはシステム</h3>
こういったスケーラビリティの考察はどの職種でも重要なものとなってくるのは間違いない。<br />
それでも、「誰が何の責任を負うべきか」が明確になっていないと、簡単にスケーラビリティは確保できないものです。<br />
<br />
また、無理なスケールアップを行っても、スケーラビリティ要因が一定である場合は、オーバーヘッドの増加も招き、達成は困難どころか失敗になってしまいます。<br />
<br />
特に技術的な分野では、どのようなリスクがあるか、未来を想定して考えなければいけない。<br />
なかなか難しいものですが、正解も不正解もないスケーラビリティは、企業の社風や文化を見据えてのものとなってくるのはまちがいないでしょう。<br />
<br />
<br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Flogicalthinking%2Fscalability%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=844&type=feed" alt="" />この投稿にタグはありません。]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/logicalthinking/scalability/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/logicalthinking/scalability/" />
	</item>
		<item>
		<title>ECサイトで見落としがちな「接客」部分について、たった5つの解決方法。</title>
		<link>http://blog.hitorifest.com/management/how-to-sales-for-e-commerce/</link>
		<comments>http://blog.hitorifest.com/management/how-to-sales-for-e-commerce/#comments</comments>
		<pubDate>Wed, 06 Apr 2011 14:47:04 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[ディレクション]]></category>
		<category><![CDATA[マネジメント]]></category>
		<category><![CDATA[e-Commerce]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[web marketing]]></category>
		<category><![CDATA[web master]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=829</guid>
		<description><![CDATA[ECサイト、またはネットショップや通販サイトで売れるにはどうすれば良いのでしょうか。 答えは簡単。 「商品数」を多く抱えることです。 私もECサイト、ネットショップの案件には多く関わってきましたが、何よりもこれが一番効果 [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_833" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/management/how-to-sales-for-e-commerce/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/04/ec1.jpg" alt="ECサイトで見落としがちな「接客」部分について、たった5つの解決方法。" title="ECサイトで見落としがちな「接客」部分について、たった5つの解決方法。" width="500" height="200" class="size-full wp-image-833" /></a><p class="wp-caption-text">ECサイトで見落としがちな「接客」部分について、たった5つの解決方法。</p></div><br />
<br />
ECサイト、またはネットショップや通販サイトで売れるにはどうすれば良いのでしょうか。<br />
答えは簡単。<br />
「商品数」を多く抱えることです。<br />
<br />
私もECサイト、ネットショップの案件には多く関わってきましたが、何よりもこれが一番効果がありました。<br />
しかしながら、大半はそんな１万点を超える商品を持っているわけではなく、別な方法で戦略を練らなければなりません。<br />
<br />
<h3 class="widgettitle">どんな方法をとれば、売れるECサイトになるんだろう？</h3>
売れるECサイトの流れは大きく分けて３つ。<br />
<br />
</p>
<blockquote><p>
①店舗に「集客」する。<br />
②売れるよう「接客」する。<br />
③「リピート」をしてくれるようにする。<br />
</p></blockquote>
<p>
<br />
①の店舗に集客しようとするには、まず店舗を構えて、売れている商品を並べたり、母へのプレゼントなどの用途名による「検索」からの集客。また、有名サイトや検索エンジン、テレビCMなどによる「広告」、チラシを配って…などの方法がいくつも考えられます。<br />
<br />
しかしながら、②の接客はどうでしょうか。<br />
インターネット上という無人店舗であるECサイト、ネットショップに、有人店舗同様の安心感や利便性を感じてもらう必要があります。<br />
これには「ノウハウ」が必要となってきます。<br />
<br />
③はここでは説明しませんが、代わりにヒントになるよう、<br />
</p>
<blockquote><p>
<a href="http://blog.hitorifest.com/management/e-commerce-kpi/">ECサイトにおける仮説を作りながらのKPI戦略の、具体的な方法</a><br />
</p></blockquote>
<p>
を読んでいただけると嬉しいです。<br />
<br />
<br />
<h3 class="widgettitle">見落としがちな「接客」部分というのはなんだろう？</h3>
これは、極シンプルに考えていただきたいです。<br />
<br />
</p>
<blockquote><p>
「あなたは気持ちの良い接客を受けたことがありますか？」<br />
　　　　↓<br />
「その時、どう思いましたか？」<br />
　　　　↓<br />
「それを、インターネット上で表現できますか？」<br />
</p></blockquote>
<p>
といった具合です。<br />
大雑把ですが、これが一番シンプルでしょう。<br />
<br />
<br />
<h3 class="widgettitle">ユーザーが本当に求めていること。</h3>
先ほどのあなた同様、ユーザーはシンプルで当たり前のサービスを求めています。<br />
そうした物事をシンプルに保つのに一番いい方法は、サイトを1つの大きな目的に絞って考えることです。<br />
<br />
それを考えるときに最も有効なのが<strong>ペルソナ手法</strong>です。<br />
</p>
<blockquote><p>
ウェブサイトにおける<strong>ペルソナ手法</strong>とは…<br />
<br />
設定した「仮想人物像」のライフスタイルを元に、マーケティング施策やプロモーション内容、リーチ手段などを検証するためのもの。（例：名前や趣味、価値観を示すエピソードなど）<br />
そして当該設定したコンテンツの内容が、対象ペルソナに対して、ズレはないか、またギャップがないかなどのマーケティング以外にも、コンテンツやユーザビリティの検証などにも幅広く利用することができます。<br />
</p></blockquote>
<p>
<br />
つまり、物事がその目的に合ったなら、それを実施する。<br />
もし合わなければ、実施しない。<br />
といったシンプルな戦略を組むことができます。<br />
<br />
インターネットで検索してくるユーザーは常に「良い品はないだろうか？」「面白いものはないだろうか？」「安いものはないだろうか？」などと、潜在的に思っていることは忘れてはいけません。<br />
<br />
<h3 class="widgettitle">ECサイトにおける「接客」のあるべき姿。</h3>
「◯◯であるべき」という結論を出すというのは、サイト戦略を考えていることとつながります。<br />
<br />
これは私の経験から、２つに分けられます。<br />
</p>
<blockquote><p>
「どうあるべきか。」と「どうありたいか。」<br />
</p></blockquote>
<p>
<br />
前者は、顧客の行動パターンやライフサイクル、ペルソナ手法などのモデリングをした<strong>「結果」</strong>から導かれるもので、後者は、企業の<strong>「理想論」</strong>です。<br />
<br />
そして、「接客」はこの２つの検証が必要といえるでしょう。<br />
まさしく、実店舗並みのノウハウが必要となると言っても過言ではありません。<br />
<br />
<br />
<h3 class="widgettitle">ECサイトで見落としがちな「接客」部分について、たった5つの解決方法。</h3>
最後に…<br />
今回はウェブサイト側での意見となりますが、私なりに5つにまとめてみました。<br />
<br />
</p>
<blockquote><p>
・<strong>購入プロセスストーリーをシンプルに保つ</strong>（購入の予測導線は予測通りか？）<br />
・<strong>コンバージョンを最適化する</strong>（行動喚起を促すデザインか？）<br />
・<strong>検索エンジンのためにウェブサイトを最適化する</strong>（SEOを本当の意味で最適化しているか？）<br />
・<strong>あるものは活用する</strong>（twitter、facebookなどは使っているか？）<br />
・<strong>ユーザーにフィードバックをお願いする</strong>（顧客が欲しいものに問題はあるか？サービスはどうか？）</p></blockquote>
<p>
<br />
<br />
以上になります！<br />
もし、宜しければ、ご意見等お聞かせください！<br />
<br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fmanagement%2Fhow-to-sales-for-e-commerce%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=829&type=feed" alt="" />
	タグ: <a href="http://blog.hitorifest.com/tag/e-commerce/" title="e-Commerce" rel="tag">e-Commerce</a>　<a href="http://blog.hitorifest.com/tag/freelance/" title="freelance" rel="tag">freelance</a>　<a href="http://blog.hitorifest.com/tag/web/" title="WEB" rel="tag">WEB</a>　<a href="http://blog.hitorifest.com/tag/web-marketing/" title="web marketing" rel="tag">web marketing</a>　<a href="http://blog.hitorifest.com/tag/web-master/" title="web master" rel="tag">web master</a><br />
]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/management/how-to-sales-for-e-commerce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/management/how-to-sales-for-e-commerce/" />
	</item>
		<item>
		<title>フリーランスを１年やってみて分かったこと。 &#8211; 独立という名の落とし穴 -</title>
		<link>http://blog.hitorifest.com/chat/you-should-not-freelance/</link>
		<comments>http://blog.hitorifest.com/chat/you-should-not-freelance/#comments</comments>
		<pubDate>Sat, 26 Mar 2011 13:44:55 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[人生を変える]]></category>
		<category><![CDATA[意識改革]]></category>
		<category><![CDATA[雑談]]></category>
		<category><![CDATA[freelance]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=811</guid>
		<description><![CDATA[Webの知識も技術もゼロの状態で始めて、早1年。 今思い返すと、非常に無謀かつ手探りでした。 今でも本当にうまく出来ているのか不安になって悩みますが、総括してみます・・・。 どうしてフリーランス？ そもそも私がフリーラン [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_819" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/chat/you-should-not-freelance/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/03/freelance.jpg" alt="フリーランスを１年やってみて分かったこと。 - 独立という名の落とし穴 -" title="フリーランスを１年やってみて分かったこと。 - 独立という名の落とし穴 -" width="500" height="200" class="size-full wp-image-819" /></a><p class="wp-caption-text">フリーランスを１年やってみて分かったこと。 - 独立という名の落とし穴 -</p></div><br />
<br />
Webの知識も技術もゼロの状態で始めて、早1年。<br />
今思い返すと、非常に無謀かつ手探りでした。<br />
今でも本当にうまく出来ているのか不安になって悩みますが、総括してみます・・・。<br />
<br />
<br />
<h3 class="widgettitle">どうしてフリーランス？</h3>
そもそも私がフリーランスを始めたキッカケは・・・<br />
<br />
</p>
<blockquote><p>
<strong>「容易に想像できるリスクを自分用にリモデルしたかったから。」</strong><br />
</p></blockquote>
<p>
<br />
が一番の理由です。<br />
まだまだ若造なので、社会の経験も浅く「これは本当なのかな？」と疑問に思ったり悩んだりすることが多かったです。いわば、<strong>「知的好奇心」</strong>でしょう。<br />
<br />
開業したときは、甘ちゃんもいいところで、困っている人を助けたい、という気持ちよりも「自分でなんとかしたい！」というエゴでした。<br />
でも、当然クライアントさんは私よりも上の人。すぐさま「果たして、自分より社会経験が豊富な人に向けて何が出来るのだろうか？」という考えに変わりました。<br />
また「若いのによくやるねー」「何偉そうに言ってんの？」「社会人とは〜」「何お前？」「え、お金いるの？生意気だね。」「嘘でしょ？」と何度も何度も苦い思いをして来ました。（現在も親の理解はないです。）<br />
<br />
インターネットが普及し、若い「起業家」が今までよりも急速に増してきていると思います。<br />
もし、私のようにWebデザインで飯を食っていこうと考えている方は、今は参入障壁が低く競合が多い分、その他の能力が試される、イイ時代かもしれません。<br />
<br />
<br />
<h3 class="widgettitle">自由を求めるリスク</h3>
<a href="http://www.lifehacker.jp/2010/02/10020112freelance.html">独立志向派は必読！フリーランスにまつわる12の幻想</a>（lifehackerさん）のところでも、書いてあったように、フリーランスに幻想を抱いている人は多いかと思います。<br />
<br />
私がフリーランスをする上で注意したことは３つ。<br />
<br />
①仕事面（仕事は期待に応える。メールの送り方ひとつで依頼を途切れさせない。）<br />
②対人面（出来る限りすぐにメールを返す。それがダメなら24時間以内。きちんと約束、期日を守る。）<br />
③経済面（必ず記録する。そして、忙しいを理由にして請求を疎かにしない。）<br />
<br />
特に時間的コストから生じる「経済（金銭）的リスク」は膨大です。<br />
僕のやり方だと、「営業→商談→提案→制作→効果」などなどPDCAを果てしなく回し続けるため、一つ一つの提案に可能な限りの詳しい資料や分析結果などに時間を掛けたいので、時間的拘束は無視出来ず、また単価が安いとやはりキツいところがありました。<br />
<br />
また、しがらみがないのも幻想です。<br />
「上司もいないし、ヒャッホーイ！」という事はないです。<br />
何度かあったのですが、「うちの仕事だけやってよ！」という嬉しいお言葉をいただいたことがありましたし、プロジェクトの場合、他のメンバーで必ずリーダー的な存在の方がいらっしゃいます。<br />
また、とてもじゃないけど生命維持が出来ないなーと思う事も多々ありました。<br />
（100円のジャガイモ５個入りで、一週間過ごした事もありました。）<br />
<br />
<br />
<h3 class="widgettitle">悩む事が最大のお仕事</h3>
どんな仕事でも、必ず悩みは起きます。<br />
僕が悩んだ３つをまとめますと・・・<br />
<br />
①経済面<br />
②対人面<br />
③仕事面<br />
<br />
まず①、お金のトラブルははっきりいって多いです。<br />
今までお金の請求処理・税金の支払などを直接した経験がない人にとっては、フリーランスはお金についてとっても悩み学べるイイ機会だと思います。<br />
私も当初は帳簿のつけ方や、申告の仕方などさっぱりで（今も？）、仕事をした後も「僕なんかが本当に請求していいのかな…」とか悩んだりしました。<br />
でも、キッパリ言います。<br />
</p>
<blockquote><p>
<strong>「請求はクールに、そしてスマートに帳簿をしよう！」</strong><br />
</p></blockquote>
<p>
一週間に一度、日程を予め定めて帳簿をつける時間を取ることが大事です。<br />
<br />
次に②。<br />
対人面は、私が若い事もあったり、法人化していないため、「なめられま」した。<br />
しかしながら、これは仕事をひとつひとつ誠意を持って丁寧にすることでクリア出来ます。<br />
それと！毎日のニュースや、自分の好きな分野の情報はしっかりとチェックしておいてください。<br />
だいたい打ち合わせ時、ちょいちょい世間話をします。<br />
こういった場の情報収集がフリーランスの一番の醍醐味だと思います。<br />
<br />
最後に③。<br />
仕事が終わらない、またはどうすれば良いか分からない、です。<br />
これは悩みました。<br />
しかし、悩んでても先には進めないので、絶対に先方に連絡してください。<br />
理由はなんであれ、<strong>「聞くは一時の恥、聞かぬは一生の恥」</strong>です。<br />
<br />
悩む事や苦労する事は多いですが、それと同じ悩みを抱えたクライアントさんに出会すことも多いです。<br />
日々些細なことでも「これはどうなっているんだろう」と考えるだけでなく、それをすぐ解消する癖をつけておいた方が良いかもしれません。<br />
私はそういった経験から、<br />
</p>
<blockquote><p>
<strong>「悩みを解消する仕事が出来る人」＝「悩む事が多かった人」</strong><br />
</p></blockquote>
<p>
という考えに行き着きました。<br />
<br />
<h3 class="widgettitle">市場状況から自分を値付けしよう！</h3>
最後に、フリーランスの資本は自分自身です。<br />
<br />
「私なんてこんなもんさ…」<br />
と謙虚に考えるのが日本社会の美徳みたいになっていますが、その考えは捨てるべきです。<br />
仕事の内容や業種、市場の状況、場所によって単価は様々で、値付けは容易ではありませんが、絶対にオリジナルな価格の設定とその根拠を用意してください。<br />
<br />
私はWebデザイナーで、参入市場は海外からはじめました。<br />
理由は秘密ですが、市場参入のタイミングとポイントも必ず押さえておくべきところです。<br />
<br />
さて。<br />
ちょっと熱く語ってしまいましたが、<br />
</p>
<blockquote><p>「自分の価値を知り、また自分の可能性を変えること」</p></blockquote>
<p>
が出来るのが、フリーランスを１年やってみて分かったことでした。<br />
<br />
</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fchat%2Fyou-should-not-freelance%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=811&type=feed" alt="" />
	タグ: <a href="http://blog.hitorifest.com/tag/freelance/" title="freelance" rel="tag">freelance</a><br />
]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/chat/you-should-not-freelance/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/chat/you-should-not-freelance/" />
	</item>
		<item>
		<title>ECサイトにおける仮説を作りながらのKPI戦略の、具体的な方法</title>
		<link>http://blog.hitorifest.com/management/e-commerce-kpi/</link>
		<comments>http://blog.hitorifest.com/management/e-commerce-kpi/#comments</comments>
		<pubDate>Fri, 25 Feb 2011 18:19:57 +0000</pubDate>
		<dc:creator>hiroto</dc:creator>
				<category><![CDATA[direction]]></category>
		<category><![CDATA[マネジメント]]></category>
		<category><![CDATA[マーケティング]]></category>
		<category><![CDATA[e-Commerce]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[web marketing]]></category>
		<category><![CDATA[web master]]></category>

		<guid isPermaLink="false">http://blog.hitorifest.com/?p=798</guid>
		<description><![CDATA[長いタイトルでごめんなさい。 まぁ巷では（？）、フリーランスウェブデザイナーなんて名乗っていますが、ウェブデザインだけでなく、最近では「どうやったら、売上があがるの？」というご相談もいただけるようになりました。 まぁ、私 [...]]]></description>
			<content:encoded><![CDATA[
<p>
<div id="attachment_770" class="wp-caption aligncenter" style="width: 510px"><a href="http://blog.hitorifest.com/management/e-commerce-kpi/"><img src="http://blog.hitorifest.com/wp-content/uploads/2011/02/kpi1.jpg" alt="ECサイトにおける仮説を作りながらのKPI戦略の具体的な方法" title="ECサイトにおける仮説を作りながらのKPI戦略の具体的な方法" width="500" height="200" class="aligncenter size-full wp-image-801" /></a><p class="wp-caption-text">ECサイトにおける仮説を作りながらのKPI戦略の、具体的な方法</p></div><br />
<br />
長いタイトルでごめんなさい。<br />
<br />
まぁ巷では（？）、フリーランスウェブデザイナーなんて名乗っていますが、ウェブデザインだけでなく、最近では「どうやったら、売上があがるの？」というご相談もいただけるようになりました。<br />
まぁ、私がするのは実店舗ではなく、ウェブサイトなのですが・・・。<br />
しかしながら、実店舗で出来る戦略はECサイトに応用出来るものが非常に多いです。<br />
なので、BSC（Balanced Scorecard｜バランスド・スコアカード）という戦略経営システムのカードを作りながら、また見直しながら進めていきます。<br />
<br />
さて、ここから偉そうに述べていきますよー。（私的なまとめですので、何卒ご了承ください。）<br />
<br />
<h3 class="widgettitle">What&#8217;s BSC?</h3>
これは、戦略やビジョンを4つの視点で分類するというアプローチです。<br />
</p>
<blockquote><p>
・<strong>財務の視点</strong>：株主や従業員などの利害関係者の期待にこたえるため、企業業績として財務的に成功するためにどのように行動すべきかの指標を設定する。<br />
・<strong>顧客の視点</strong>：企業のビジョンを達成するために、顧客に対してどのように行動すべきかの指標を設定する。<br />
・<strong>業務プロセスの視点</strong>：財務的目標の達成や顧客満足度を向上させるために、優れた業務プロセスを構築するための指標を設定する。<br />
・<strong>学習と成長の視点</strong>：企業のビジョンを達成するために組織や個人として、どのように変化（改善）し能力向上を図るかの指標を設定する。</p></blockquote>
<p>
（<a href="http://ja.wikipedia.org/wiki/%E3%83%90%E3%83%A9%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BB%E3%82%B9%E3%82%B3%E3%82%A2%E3%82%AB%E3%83%BC%E3%83%89">wikipedia</a>から）<br />
<br />
さて、まずは「指標？」いうと「あぁ、数値ね」と勘違いされる方がいらっしゃるのですが、間違いではないのですが「物事を判断したり評価したりするための目印となるもの、つまりある事柄の内容や程度の見当を指し示すもの」なので、特に数値である必要はありません。<br />
（例えば、サッカーでいうと練習内容とかそれで習得できる技術の名前。）<br />
またBSCは簡潔に申し上げますと、組織の業績・効率に関する評価をまとめたレポートというところでしょうか。<br />
特にWebサイトにおいては、様々な役割や種類があるにせよ、それは１つの経営手法となってきて、もちろんコストが掛かります。<br />
<br />
その中でも、経営者の方が最も期待、注目するのが売上・利益など会社の数字に直結するECサイト、というところでしょうか。<br />
<br />
<br />
<h3 class="widgettitle">What&#8217;s KPI for E-commerce WebSite?</h3>
基本的にECサイトは、<strong>「売上」</strong><strong>「訪問」</strong><strong>「購入」</strong>の3つのセグメントがあります。<br />
今回は、私なりに行っている方法で考えてみたいと思います。<br />
<br />
オーソドックスな手法ですが、下の3つのKPIを把握し、必ず売上に結びつけて考えることが需要です。<br />
</p>
<blockquote><p>
・<strong>CVR</strong>（Conversion Rate｜コンバージョンレート）：アクセス数（ネットショップへの訪問客数）に対して商品が売れる確率のこと。<br />
・<strong>1訪問あたりの売上</strong>：計測する事が難しい場合が多く、基本的には訪問回数で代用する。<br />
・<strong>1購入あたりの売上</strong>：Reccomend Engine（レコメンドエンジンとは、amazonのようにユーザーにオススメの商品を自動で提案できるようなシステム）の導入を検討する際などに使われる。）<br />
</p></blockquote>
<p>
<br />
つまり、<br />
</p>
<blockquote><p><strong>「売上げ ＝ 訪問者数 × CVR × 平均客単価」</strong></p></blockquote>
<p>
<br />
そして、KPI（Key Performance Indicator｜重要業績評価指標）施策と結びつける戦略を立てることが必要なのです。<br />
<br />
それでは、早速KPIのお話に参りましょう。<br />
<br />
<h3 class="widgettitle">そんなご託はイイから、どうやったら売上が上がるんだい？</h3>
はい、了解ですｗ<br />
<br />
</p>
<blockquote><p>
① ビジネスゴールを設定します。<br />
② ブレイクダウン式にゴールに近づくために抑えるべきポイントを書いていきます。<br />
③ ポイントは目標という旗として見てください。（KBR｜Key Bussiness Requrement）<br />
④ そのポイントに向かうための、指標をおきます。（KPI：例 メールマガジン登録など。）<br />
⑤ そのポイントから目標の旗（KRB）に向かう仮説を立てます。（BSCを見ながら、具体的にどうするのか。）<br />
⑥  効果を測定します。<br />
⑦ 改善します。<br />
⑧ ①に戻ります。<br />
</p></blockquote>
<p>
<br />
つまり、まずは<strong>PDCAサイクルをまわせ！</strong>って事です。<br />
まずは、これを一ヶ月流してみましょう。<br />
<br />
そして、「<a href="http://an-k.jp/blog/archives/1531">解析しないと！</a>」の資料では、キャンペーンとなっていましたが、ここでもしコンバージョンが低い、集客効果が低いのであれば・・・<br />
<br />
</p>
<blockquote><p>
・必要コンバージョン率 ＝ 必要な（目標）売上額 ÷ 平均単価<br />
・必要誘導数 ＝ 必要コンバージョン率  ÷ 平均CVR（数値が取れない場合は、平均PV数で置き換えても良い。）<br />
・必要広告予算 = 必要誘導数 × クリック単価<br />
</p></blockquote>
<p>
<br />
そして、毎日以下の情報を記帳してください！<br />
<br />
</p>
<blockquote><p>
① コンバージョン数<br />
② 誘導数<br />
③ CVR<br />
</p></blockquote>
<p>
<br />
そして、また一ヶ月やりましょう。（リピート＆エンドレス）<br />
<br />
<br />
<h3 class="widgettitle">どうしても覚えていてほしいこと。</h3>
Webサイトは、ローンチ（デザインが終わって、サイトを公開）した時点では、<strong>未完成</strong>です。<br />
理由は、「成果」と呼ばれるものがなんであるか、というゴールの違いもありますが、Webサイトは正解というフォーマットがないモノづくりであるため「事例に基づいた、また確信のある」仮説を繰り返すことでサイトは成熟します。<br />
これは絶対に覚えておいて欲しい、私ヒトリフェストからのお願いです。<br />
<br />
こういうプロセスは私が踏んでいるプロセスなのですが、他に有用な方法があれば是非ともお教えいただけると嬉しいです。<br />
<br />
<br />
最後に・・・<br />
（安西敬介（a.k.a.あんけい）さん主催の私的勉強会「<a href="http://an-k.jp/blog/archives/1531">解析しないと！</a>」は本当にとーーーーっても勉強になります！）</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.hitorifest.com%2Fmanagement%2Fe-commerce-kpi%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<img src="http://blog.hitorifest.com/?ak_action=api_record_view&id=798&type=feed" alt="" />
	タグ: <a href="http://blog.hitorifest.com/tag/e-commerce/" title="e-Commerce" rel="tag">e-Commerce</a>　<a href="http://blog.hitorifest.com/tag/freelance/" title="freelance" rel="tag">freelance</a>　<a href="http://blog.hitorifest.com/tag/web/" title="WEB" rel="tag">WEB</a>　<a href="http://blog.hitorifest.com/tag/web-marketing/" title="web marketing" rel="tag">web marketing</a>　<a href="http://blog.hitorifest.com/tag/web-master/" title="web master" rel="tag">web master</a><br />
]]></content:encoded>
			<wfw:commentRss>http://blog.hitorifest.com/management/e-commerce-kpi/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.hitorifest.com/management/e-commerce-kpi/" />
	</item>
	</channel>
</rss>

