:TechAcademyマガジン40社から学ぶ!ヨーロッパのECサイトにおけるフォームの作り方2016年12月26日(月)TechAcademyTweet本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。Adrian氏によって投稿されました。昨年には、およそ2億9,600万人もの人が使用し、4550億ユーロが費やされ、そのうち16.5%はモバイルから行われました。16%と思われるかもしれませんが、モバイルのシェアの成長には驚かされます。イギリスの大企業Argosは「ブラックフライデー」の朝に1時間あたり700,000ものアクセスがあり、PCからのアクセスは、たった20%だったことを発表しました。Webデザイン業界で働いている我々にとって、モバイルユーザーに対していつも気がかりなことがあります。今回紹介するUseITBetterによるフォーム統計の最新の研究が大きく助けとなってくれるでしょう。登録フォームの有効活用はそんなに大事なのかEコマースのサイトにおいて、ちょっとした仕掛けは、ユーザーにただ綺麗さを提供するだけのものではないのです。それらの機能がうまく動けばコンバージョンや売上に大きく影響するからです。言い換えれば、フォームのパフォーマンスが悪かったら、それは損失を意味します。アカウント登録が簡単にできたら、売り上げが上がります。顧客も使いやすく、また戻ってきたくなるでしょう。消費者は簡単で、短時間で済む登録フォームを求めています。サービス提供側は基本データに加え、Webサイトで消費を促すために追加情報も欲しいものです。上記のグラフは、各サイト別のアカウント作成時のフォームの数を表しています。サービスする側、される側、双方が得するラインは確かにあるのですが、判断をするのはなかなか難しいでしょう。良い評価をもらうにはあまり多くの質問をしてはいけないですし、フォームを多く入れても無視されるからです。専門家によれば、これはエンジニアにとって難しい問題だといいます。「同じフォームでもだれが埋めるかによって全然働きが違ってきます。アメリカのユーザーがイギリス限定のショッピングサイトをつかうのか?登録ユーザーがアカウント情報を忘れた場合は?、AndroidがOSのソフトキーボードでのフォームは?どれも特定し、解決するのに苦労する話です。試行錯誤して、ユーザーが快適に買い物できるようにする努力が必要とされます。」このようにUseItBetterのCEOのルーカス・トワードウスキーは語ります。登録すべきフォームの数は5〜34個UseItBetterの研究によれば、普通の携帯電話での登録フォームの数は、トップ40社のヨーロッパのEコマース業社で大きく異なってくるそうです。Burton.co.ukやjohnlewis.comのような業社はシンプルです。ユーザーは単純に5つの項目を埋めれば良いフォームになっています。Eメールアドレス、パスワード、パスワード確認、週刊メールマガジンのサインアップ、そして登録ボタン。makroやjdwilliamといったECサイトでは、フォームの数は23〜34にも及びます。72%もの企業がユーザーにパスワードを2回要求するこれはもはやエラーを正す方法として基本になってきていているのですが、スマートフォンの小さなスクリーンでは少し使いづらいでしょう。20%の業社がパスワードの表示を許可している一方、32%はEメールアドレスまでも2回要求しているという話です。qvuck.comでは、Eメールやその確認、パスワード、そしてまたパスワードの確認、秘密の質問とpinナンバーまで要求してユーザーは大忙しです。誕生日はよく要求されるが、13社中4社しか「なぜ必要なのか」について答えていません。Next.co.uk)。誕生日は、マーケティングのリソースとしても有益で、単純にセキュリティーとしても使えます(jdwilliams.co.uk)。他の理由としては、ユーザーがそれで喜ぶならば、誕生日の挨拶や、誕生日割引として使うこともできます(asos.com)。UXのスペシャリストによってたくさんの情報が集められるますが、どれがモバイルユーザーに取って最も有益なのかというのはまだまだ改良の余地があります。ユーザーの個人情報ユーザーの個人情報を要求するのは常に重要であり、最近では様々な議論がなされている議題と言えます。UseItBetterの研究によると85%のオンラインショップは、ユーザーに商業目的による利用の許可を求めています。15%の企業は、マーケティングの一環としてユーザーの個人情報を使うと宣言しており、8パーセントはそれを”他の目的”に使うそうです。登録フォームはクライアントにもあなた自身にも素晴らしい情報源なのです。TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。モバイルサイトに対応したレスポンシブデザインを自分で作れるようになりたい、今後Webデザイナーとして働きたいという方はぜひご覧ください。この著者の記事一覧TechAcademyマガジンは、オンラインのプログラミングスクールTechAcademyが運営する教育×ITに関するWebメディアです。トレンドや最新情報など役に立つ記事を発信しています。requestを使う方法【初心者向け】2018/1/26続きを読むTechAcademy「共感できるフィーリングが増えた」非エンジニアの上場企業役員が、プログラミングを学んで得たもの。ITでは、より付加価値の高いコンテンツを会員サービスとして提供しています。ITのWebサイトにログインすることでさまざまな限定特典を入手できるようになります。requestを使う方法【初心者向け】2018/1/26TechAcademy「共感できるフィーリングが増えた」非エンジニアの上場企業役員が、プログラミングを学んで得たもの。VeloCloudが選ばれる理由SD-WANとはなにか。Linuxエンジニア育成への思いF5とNGINXの組み合わせで、サービス公開をよりセキュアに。ITがお届けするポッドキャストです。