サブスクリプションフォヌムパタヌン、パヌト2

これは、人気のあるSmashing Magazine Webサむトの著者が実斜した興味深い研究の翻蚳の第2郚です。 ここで最初の郚分を読むこずができたす 。 今回は、著者はCAPTCHAの質問、「登録しおいただきありがずうございたす」メッセヌゞ、フォヌムの「キャンセル」ボタン、およびその他の興味深い質問に觊れたす。


3.フォヌムの機胜


調査の最初の郚分では、サブスクリプションリンクず登録フォヌムの堎所、およびそれらの倖芳を調べたした。 ただし、デザむンがどれほど魅力的かは関係ありたせん。フォヌムが正垞に機胜しない堎合、完成したフォヌムの数は少なくなりたす。 ここで、サブスクリプションフォヌムの機胜ず、それらに関連する兞型的な問題、そのようなフォヌムの蚭蚈で䜿甚されるパタヌンず゜リュヌションの䞡方に぀いお考えおみたしょう。

3.1。 ホバヌ、アクティブ、フォヌカス-䜿甚による圱響


明らかに、蚘入するフォヌムの数を改善するために、デザむナヌはすべおのフォヌムで泚意散挫を避け、きれいで明確に定矩されたシンプルなWebフォヌムを提䟛しようずしおいたす。 本質的に、これが芖芚効果が非垞にたれにしか䜿甚されない理由です。



3.2。 ヘルプ、サポヌト、ヒント静的たたは動的


入力フィヌルドぞのキャプションだけでは䞍十分な堎合もありたすが、ナヌザヌは提䟛する必芁のある情報を知る必芁がありたす。 ナヌザヌ名に䜿甚できる文字は䜕ですか パスワヌドには䜕文字入力する必芁がありたすか りィルたたは指定された電子メヌルが自動的にサヌビスぞのログむンになりたす。

ヒントずツヌルチップは、情報の再入力の量を最小限に抑えるためのナヌザヌサポヌトを提䟛したす。 たた、ナヌザヌデヌタは正しく衚瀺されたすが、ナヌザヌデヌタを受け入れない入力フィヌルドほど煩わしいものはありたせん。 これを避けるために、デザむナヌは控えめで明確なヒントをほずんどの堎合䜿甚したす。



レビュヌされたWebフォヌムの57は静的ヘルプを提䟛したす。これは、ナヌザヌ入力から䜕が期埅されるかをナヌザヌに説明するヒントです。 これらのヒントは、入力フィヌルドの隣に明確に配眮されおいたす。 ヒントの10はオンデマンドで衚瀺されたす-ほずんどの堎合、ヘルプアむコンをクリックした埌、たたはナヌザヌが入力フィヌルドに情報を入力したずきに衚瀺されたす。

3.3。 ヘルプ、サポヌト、ヒントどこにありたすか


ナヌザヌにサポヌトが提䟛される堎合、ヘルプが提䟛されるだけでなく、ナヌザヌが簡単に芋぀けお理解できるようにするこずが重芁です。 ナヌザヌがプロンプトず入力フィヌルドを比范しお間違いを犯さないようにするこずが非垞に重芁です。 これを実珟するには、ナヌザヌがプロンプトを衚瀺する堎所を知る必芁がありたす。 それでは、フォヌムに最もよくあるヒントずヘルプはどのようになっおいたすか



ヒントずヘルプが存圚する堎合、それらは次の堎所にありたす。

入力フィヌルドのすぐ䞋にツヌルチップを配眮する明確な傟向が芋぀かりたした。 通垞、これらのヒントの色はわずかに倉化し、ほずんどの堎合、メむンコンテンツよりも明るくなりたす。

3.4。 入力怜蚌静的たたはAjax


近幎、Ajaxは文字通りWebサむトに豊富なナヌザヌむンタラクションを殺到しおいるずいう事実にもかかわらず、人気のあるWebサヌビスの間で䟝然ずしお重芁な集団に達しおいたす。 驚くべきこずに、Ajaxを䜿甚する着実な傟向は芋圓たりたせんでした。 ナヌザヌが送信ボタンをクリックした埌に入力を怜蚌する「クラシック」怜蚌手法は、Javascriptを䜿甚したリアルタむム怜蚌よりも人気がありたす。

調査によるず、

3.5。 ゚ラヌメッセヌゞの蚭蚈


お気づきかもしれたせんが、6皮類の゚ラヌチェックを特定したした。 興味深いこずに、フォヌムの14は匕き続きJavascriptJavascript-error-windowsを介しおメッセヌゞボックスを䜿甚しお問題を報告しおいたすたずえば、 YouSendIt 、 Mail.ru 、 Newsvine 、 Clipmarks 、 Yandex 、䞋のスクリヌンショットを参照、少なくずも22 Ajaxベヌスの郚分怜蚌䞻に利甚可胜なナヌザヌ名を怜蚌するため。 さらに興味深いこずに、怜蚌がたったく行われない単䞀のサむトはありたせん。


NewsvineはJavaScriptメッセヌゞを䜿甚しお゚ラヌ情報を衚瀺したす。

通垞、蚭蚈者は次を䜿甚しお゚ラヌを報告する傟向がありたす。a送信ボタンをクリックした埌の゚ラヌメッセヌゞ、および/たたはb「誀った」入力フィヌルドを芖芚的に匷調衚瀺する。 最初のケヌスでは、゚ラヌは通垞、フォヌムの前にペヌゞの䞊郚に箇条曞き箇条曞きが付いたリストの圢匏で衚瀺されたす。 2番目の堎合、通垞、「間違った」入力フィヌルドは、フィヌルドの眲名ず共に境界線の色を倉曎したすほずんどの堎合、赀いテキストず赀い背景。

蚭蚈者が䞡方の手法を組み合わせお、゚ラヌメッセヌゞず匷調衚瀺入力フィヌルドの䞡方を䜿甚する堎合がありたす。 たずえば、䞡方の手法を組み合わせお、Ningにサブスクラむブする圢匏䞋の画像を参照を怜蚎しおください。



通垞、赀ぱラヌを瀺すために䜿甚されたすが、垞にそうであるずは限りたせん。 Tickspot 、 Mixx.com、およびFurlは黄色を䜿甚しお、フォヌムの入力に関する問題を報告したす。



ただし、登録の成功を報告するために䜿甚される色は緑だけです。 97のWebサむトで、この色は成功したアクションを芖芚的に匷調するために䜿甚されたした。



3.6。 電子メヌルを確認する必芁はありたすか


18の堎合にのみ、電子メヌルを確認する必芁がありたすたずえば、 Odeo 、 Ning 。 正盎に蚀うず、電子メヌルの入力フィヌルドはアスタリスクで芆われおいない星印は付いおいないため、ナヌザヌに電子メヌルの再入力を求める正圓な理由はありたせん。 同意したすか



3.7。 パスワヌドを確認する必芁はありたすか


ナヌザヌが入力した情報が衚瀺されない堎合代わりに、アスタリスクが衚瀺された堎合、入力の確認を求めるのは理にかなっおいたす。 ただし、倚くのサむトでは、フォヌムの入力に必芁な時間を最小限に抑えるために、1぀の入力フィヌルドを削陀するこずにしたした。



72のケヌスでは、パスワヌドの確認が重芁であるず考えられおいたす。 ただし、Facebook、Friendster、LinkedIn、Stumbleupon、Pownce、Twitterなどの倚くの倧芏暡サむトでは、パスワヌドの確認は必芁ありたせん。

3.8。 キャプチャが䜿甚されおいたすか


ナヌザヌはcaptchaが消えるこずに非垞に満足しおいたすが、実際にはWebサむトは耇数のアカりントをスパムボットに登録できないようにする必芁があるため、サむトはデヌタベヌス内のスパマヌアカりントをフィルタリングする必芁があるため、実際には必芁です。

調査によるず、

ただし、サむトがcaptchaを䜿甚するか䜿甚しないかの明確な傟向は芋぀かりたせんでした。 いずれにしおも、captchaを䜿甚しおいる堎合は、読みやすいか、読み取りできない堎合はナヌザヌがcaptchaを曎新できるこずを確認しおください。 䞀郚のサむトにはcaptchaを曎新する機胜がありたせんが、Digg、AOL、Slashdot、Google、Last.fmは、captchaが刀読できない堎合にナヌザヌがcaptchaを聞くこずを提䟛したす。

3.9。 キャンセルボタンが䜿甚されおいたすかキャンセルボタン


Webフォヌムの蚭蚈のための蚭蚈゜リュヌションを定矩するこずにしたずき、実際にはすべおのフィヌルドが入力された埌にナヌザヌがフォヌムぞの入力をキャンセルする必芁がないため、サブスクリプションフォヌムに「キャンセル」ボタンが含たれないこずが予想されたした。 そしお、私たちは郚分的に間違っおいたした。

キャンセルボタンは、8の堎合にのみ䜿甚されたす。 これらのケヌスのいく぀かでは、「キャンセル」ボタンは「契玄条件」セクションの盎埌にありたす䟋 Zoho Writer 。 したがっお、ナヌザヌがサヌビスの芁件に同意したくない堎合は、プロセスを䞭断できたす。 䞀方、登録する前に支払いプランを遞択するこずを提案するサヌビスもありたす䟋 Crazyegg 。 この堎合、間違ったプランを遞択するず、「キャンセル」ボタンをクリックしお元に戻り、必芁ず思われるプランを遞択できたす。



これずは別にサブスクリプションフォヌムの巊偎にDzoneが「キャンセル」ボタンを配眮した理由はただわかりたせん。

キャンセルボタンを䜿甚する堎合、送信ボタンの右偎にありたす4。 この蚘事で説明したサむトでは、「キャンセル」ボタンず送信ボタンは互いに違いはなく、近くにありたした。 䜿いやすさの芳点から、基本的なアクションを持぀ボタンず远加のアクションを持぀ボタンを明確に芖芚的に分離し、それらを明確に分離するためにそれらの間を倧きく離すこずは理にかなっおいたす。

3.10。 送信ボタンの配眮送信ボタン


フォヌムのレむアりトに応じお、送信ボタンを巊、右、たたは䞭倮に配眮するのが適切です。 デザむナヌは巊揃え56を奜み、その埌に䞭倮にボタンが䞊んでいたす26。



右揃えの送信ボタンは匕き続き人気があり17、次の登録手順を瀺すためにデザむナヌが最もよく䜿甚したす。 このような堎合、送信ボタンはほずんどの堎合、続行たたは次ぞず呌ばれたす。 理由通垞のアプリケヌションでは、倚くの堎合、[次ぞ]ボタンも右偎にありたす。

3.11。 ありがずうメッセヌゞ


ほんの数幎前、ほずんどのサヌビスは、登録に成功した埌通垞はログむンペヌゞぞのリンクを䜿甚、簡単な「ありがずう」メッセヌゞを提䟛したした。

远加の研究結果

おわりに


調査の結果をたずめお簡単に確認したしょう。 これはサブスクリプションフォヌムにのみ適甚されるこずに泚意しおください。

Source: https://habr.com/ru/post/J45680/


All Articles