<?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/"
	>

<channel>
	<title>inkdesign - html,css,webのあれこれ &#187; ECサイト</title>
	<atom:link href="http://www.inkdesign.jp/v5/tag/ec%e3%82%b5%e3%82%a4%e3%83%88/feed" rel="self" type="application/rss+xml" />
	<link>http://www.inkdesign.jp/v5</link>
	<description>hibernation.</description>
	<lastBuildDate>Tue, 20 Jan 2009 11:22:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>コンバージョン率がたぶん0.001%な購入フォーム</title>
		<link>http://www.inkdesign.jp/v5/2009/01/20/shopping-form.html</link>
		<comments>http://www.inkdesign.jp/v5/2009/01/20/shopping-form.html#comments</comments>
		<pubDate>Mon, 19 Jan 2009 17:07:57 +0000</pubDate>
		<dc:creator>hiloki</dc:creator>
				<category><![CDATA[weblog]]></category>
		<category><![CDATA[ECサイト]]></category>
		<category><![CDATA[ショッピング]]></category>
		<category><![CDATA[ユーザビリティ]]></category>

		<guid isPermaLink="false">http://www.inkdesign.jp/?p=53</guid>
		<description><![CDATA[ひさびさにカッとなってしまった。
雑貨紹介のブログで紹介されていた「ショコラギモーヴ」というスイーツを逆バレンタインノリで買おうとも思い、そのストアで購入手続きをしたわけなんですが。
これがひどい。ほんとひどい。

たい [...]]]></description>
			<content:encoded><![CDATA[<p>ひさびさにカッとなってしまった。<br />
<a href="http://ameblo.jp/holly-happy-days/entry-10192700700.html">雑貨紹介のブログ</a>で紹介されていた「ショコラギモーヴ」というスイーツを逆バレンタインノリで買おうとも思い、そのストアで購入手続きをしたわけなんですが。</p>
<p>これがひどい。ほんとひどい。<br />
<span id="more-53"></span><br />
たいていのECサイトでの購入手続きには慣れている方だと思うけど、これは歴史に残るひどさ。<br />
ここで僕がいろいろと書くよりも試してもらうのが良いかと思うのですが、僕の経験した中でイーッ！ってなった点をいくつか。<br />
（ちなみに検証はfirefox.3.x）</p>
<h3>購入する気を無くす点</h3>
<h4>町丁目番地/ビル・マンション名が（全角）</h4>
<p>ここがんばって！全角も許してください！<br />
<a href="http://www.yomotsu.net/lab/javascripts/replaceascii">ヨモツネットさんのところのこういうJS</a>とか、サーバ側でもうちょっとがんばってください＞＜<br />
できればハイフンとかの処理も。</p>
<h4>配送先指定として「上記の住所に送る」にデフォルトでチェックが入っていない）</h4>
<p>内容的にギフトに使えそうなのは確かにいっぱいだけど、サイト自体そういうコンセプトでもないはず。自分用で買う人も多いだろうに、しかもゲストだとメッセージカードとかも使えないのに、基本住所＝購入者の住所に送る前提でないのは謎。</p>
<p>むしろ「別の住所に送る」でチェック、追加入力画面表示的なのがいいなぁ。</p>
<h4>町内番地・ビルマンション名が「全角14文字以内」という制限）</h4>
<p>14文字超える住所には商品を送れないのですか？＞＜<br />
ほんと誰得。案の定僕はマンション名が14文字超えで脱落です。</p>
<p>ちなみになぜか「配送先」の方のフォームでは上記の制限があてはまりません。どんだけ気まぐれ！</p>
<h4>エラーの表示方法がたまに異なる）</h4>
<p>フォーム上で明示されている条件に合わない入力情報で「次を進む」ボタンを押すと、ダイアログでエラーが表示されます。これだとそのダイアログが閉じられた後に、何のエラーだったかを確認できないので、ページ上部だとか入力エラーのあるフォーム周りにエラー内容を明示すべき。</p>
<p>で、たまにイレギュラーなエラーが発生すると「入力エラー」というページに遷移するのだけど、そこから表示されている「戻る」で遷移すると</p>
<p>フォームの内容がクリアされます。うおー。</p>
<p> ※あといろいろこの記事のためにちょっといろいろと画面遷移しまくってたら、エラーページからの戻りのはずなのに確認画面に進むとか・・・気まぐれなんです、彼女。</p>
<h4>修正のために全画面に戻るとすべて入力内容がクリアされる）</h4>
<p>エラー多発させていただいた上で修正は最初からという。なんというECサイト購入トレーニング。<br />
これらの過程をザ・パンチのノーパンチの方の気持ちでがんばったわけです。<br />
※ザ・パンチとノーパンチの方がわからない人はYoutubeあたりで。</p>
<p>結局最終的には最後の確認画面までようやくたどり着いたけど一カ所不備に気づいて、 修正しようと遷移したらすべてがクリアになりギブアップ。 僕の忍耐力がないだけかもなのでしょうか。ちなみに逆に良い点も少し。</p>
<h3>逆に良しとする点</h3>
<h4>会員登録しなくても買える</h4>
<p>最近のECサイトは基本会員登録が必須なように思います。これは提供側からすれば顧客を囲い込みたいわけですからね。 一方、購入者側としてもこれからも色々買いたいときに毎回住所を入れたりするのは面倒だから、会員となって購入手続きを簡素化できた方がいい。<br />
でも実際とりあえず単発で買いたいというのも多いわけなので、「ゲストとして購入する」というのは良い選択肢かと思います。</p>
<p>今思えばこれらはすべて「もう！これだったら会員登録だけ先にしちゃおう！」と思わせるワナだったのか！</p>
<h4>購入のステップが明示されている</h4>
<p>購入完了までにどういうステップを踏むのかがわかる。これももう今やどの購入・会員登録フォームでもありますね。</p>
<h4>郵便番号入力で住所補完</h4>
<p>これはここ数年でよく見かけるものですね。郵便番号7桁を入れると「住所を入力」ボタンとかで市町村区までの入力を済ましてくれます。</p>
<p>とまぁ・・・そんなものでしょうか</p>
<p>しかし自身をユーザーとして反省するとすれば、慣れてしまっているが故に、あまり注意書きなどを読まずにすすめてしまい、エラーを出してしまったこと。</p>
<p>でもそれって結局自分たちが提供しているサービスを利用しようとしているお客様でも同じことがありえるんですよね。 結局ユーザーは書かれている注意書きなんて読まない。入力に迷っても相談する店員なんて目の前にいない。</p>
<p>じゃあどうするかっていうのはシステム内部の処理だったりフォームのUIだったりとかで、いかにストレスのないものにするか、そしてユーザーに対して「寛容」であるか。それに尽きます。</p>
<p>しかし、ほんとに良い商品があるサイトなのになぁ・・・残念。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.inkdesign.jp/v5/2009/01/20/shopping-form.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

