ようこそゲストさん

トップページ > インターネット IT サイエンス > 「『フッタートライアングル』〜フッターエリアの活用でCVRを向上する方法 (ユーザビリティ実践メモ)」の詳細

まずは記事をブックマークしよう

記事をみて、この記事にひとこといいたい参考になったので後で見ようと思ったらをクリック。
Buzzurlにブックマークすることができます。

『フッタートライアングル』〜フッターエリアの活用でCVRを向上する方法 (ユーザビリティ実践メモ)
2009/03/10 13:51:35 by zazie-tyoさんこのサイトの新着ブックマーク

(以下本文からの引用)

maeda 完成イメージ
まず始めに必要な材料からご説明します。材料はたったの2つです。
材料1：フッターリンク
ユーザに回遊させるページのフッターリンクを用意してください。例えば、ある保険商品の販促サイトであれば、その商品に関する一連の説明ページ（商品トップ、商品の特長、詳しい保障内容など）へのリンクをフッターに並べて配置します。
材料2：ビジネスゴールへのボタン画像
ユーザをサイトのビジネスゴールへと誘導するためのボタン画像を作成してください。よくあるのは、「お問い合わせ」「資料請求」「お見積もり」などを記載したものです。その際、極力ボタンが目立つよう、立体感を出す・他の要素と色を差別化するなど工夫を加えましょう。
あとは、材料1で選んだ各ページのフッターエリアに、そのリンクと材料2で作成したボタンを、トライアングルに配置していくだけ...

このエントリーのキーワード

このエントリーに関するコメント/返信 (6)

コメントをRSSフィードに追加

[CVR] [usability]

サイト内回遊を促すフッターリンク＋ビジネスゴールへ誘導するボタン

2009-03-10 13:52:27 by zazie-tyoさん返信(0)
2009-03-10 17:12:50 by wannadieemさん [web制作]
2009-03-11 10:17:35 by 匿名希望さん
2009-03-19 00:55:42 by ucchie68kgさん [UI]
[ユーザビリティ] [LPO] [デザイン]

『フッターリンクの下にボタンを追加することの意味は何でしょうか？それは、「ユーザに、ゴールを強く認識させる」ことです。（略）さらなる応用編として、「心理的なコントラスト効果」も活用できるでしょう。これは、ユーザの心理的負担が違って見えるビジネスゴールを2つ用意することで、一方に流しやすくするテクニックです。』

2009-03-30 01:03:52 by smomasterさん返信(0)
[ユーザビリティ]

『フッターリンクの下のボタンは、ユーザに対して「このサイトでのあなたのゴールはここ（資料請求ボタン）ですよ」と擦り込むための装置となります。』いきなりやると（内部的に）文句いわれそうな配置。

2009-04-10 12:04:09 by _2423さん返信(0)

はてなブックマークのコメントを読み込み中です

このエントリーの関連エントリー

キーワードに「ユーザビリティ」を含むエントリー

をここにドラッグ＆ドロップすると
関連エントリーとして登録することができます

1

関連用語

Webユーザビリティー: ウェブサイトの見やすさ、使いやすさ、わか...続きを読む
usability: 製品などの使いやすさ、使い勝手。特にコンピューターの分野では、ハードウェアやソフトウェア、ウェブサイトなどの利用しやすさを意味する。◇「ユーザビリティ」ともいう。...続きを読む
ユーザビリティ: use+ableから来ており、ソフトウェアやWebサイトの「使いやすさ」のことを指す。ユーザが目標の操作を完了するまでの様々な機能になるべく簡単な操作でアクセスできることや、使っていてストレスを感じないことなどが、優れたユーザビリティとなる。...続きを読む

RSSリーダーに追加

他のソーシャルブックマーク

この記事に問題がありますか？

通報する

<form action="/config/related/rate" method="post" id="rate_#{relation_no}" onsubmit="rate_relation(this); return false;" style="margin:0;">
				<input type="hidden" name="thumbprint" value="">
				<input type="hidden" name="relation_no" value="#{relation_no}">
				<input type="hidden" name="url" value="#{url}">
				<input type="hidden" name="score" value="1" id="score_#{relation_no}">
				<p class="rating">参考になりましたか？<input class="img" type="image" src="http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_yes.gif" value="yes" alt="はい" onMouseOver="this.src='http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_yes_on.gif';" onMouseOut="this.src='http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_yes.gif';" onclick="$('score_#{relation_no}').value='1';"><input class="img" type="image" value="no" src="http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_no.gif" alt="いいえ" onMouseOver="this.src='http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_no_on.gif';" onMouseOut="this.src='http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_no.gif';" onclick="$('score_#{relation_no}').value='0';"></p>
				<span id="indicator_#{relation_no}" style="font-size: 10px; color:white; background-color:red;display:none;">　</span>
			</form>

<p class="pic"><a href="/user/#{login}"><img src="http://buzzurl.jp.eimg.jp/user/#{login}/photo/small.png" style="width:30px"></a></p>
			<div class="c_body">
				<div><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_tl.gif" class="tl"><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_tr.gif" class="tr"></div>
				<div class="detail">
					<form action="/config/response/submit" method="post" onsubmit="response_post(this); return false;">
						<input type="hidden" name="bm_id" value="#{bm_id}">
						<input type="hidden" name="thumbprint" value="">
						<p class="txt">
						<input type="text" name="response" size="60">
						<input id="btn_#{bm_id}" type="submit" value="返信">
						<span id="loader_#{bm_id}" style="display:none"><img src="http://buzzurl.jp.eimg.jp/static/image/ajax-loader.gif">保存中です</span>
						</p>
					</form>
					<p class="res"><a href="javascript:void(0);" onclick="response_form_close('#{bm_id}'); return false;">閉じる</a></p>
					<div class="clear"><img src="http://buzzurl.jp.eimg.jp/static/image/common/s.gif"></div>
				</div>
				<div><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_bl.gif" class="bl"><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_br.gif" class="br"></div>
			</div>

<li class="lv_2">
			<p class="pic"><a href="/user/#{login}"><img src="http://buzzurl.jp.eimg.jp/user/#{login}/photo/small.png" style="width:30px"></a></p>

<div class="c_body">
				<div><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_tl.gif" class="tl"><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_tr.gif" class="tr"></div>

<div class="detail">
					<p class="txt">#{response}</p>
					<p class="name">#{timestamp} by <a href="/user/#{login}">#{login}</a>さん</p>
					<p class="res" style="font-size:11px;">
					<a href="javascript:void(0);" onclick="response_delete('#{id}', '#{bm_id}', ''); return false;">削除</a>
					</p>
					<div class="clear"><img src="http://buzzurl.jp.eimg.jp/static/image/common/s.gif"></div>
				</div>
				<div><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_bl.gif" class="bl"><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_br.gif" class="br"></div>
			</div>
			</li>