網(wǎng)站注冊(cè)流程設(shè)計(jì)_第1頁(yè)
網(wǎng)站注冊(cè)流程設(shè)計(jì)_第2頁(yè)
網(wǎng)站注冊(cè)流程設(shè)計(jì)_第3頁(yè)
網(wǎng)站注冊(cè)流程設(shè)計(jì)_第4頁(yè)
網(wǎng)站注冊(cè)流程設(shè)計(jì)_第5頁(yè)
已閱讀5頁(yè),還剩5頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

本文旨在提高網(wǎng)站注冊(cè)的成功率,讓用戶在注冊(cè)時(shí)有一個(gè)良好的體驗(yàn),用戶可以方便的填完注冊(cè)表單的各項(xiàng)內(nèi)容,快速完成注冊(cè)流程。在這里我并不希望告訴大家一個(gè)標(biāo)準(zhǔn)答案,也無(wú)法給出一個(gè)標(biāo)準(zhǔn)答案,因?yàn)槊總€(gè)網(wǎng)站有各自的情況,網(wǎng)站定位,用戶人群,技術(shù)實(shí)力,重視程度都不同。我只是想歸納下,在做注冊(cè)流程時(shí)應(yīng)該注意哪些問(wèn)題。一、網(wǎng)站注冊(cè)流程設(shè)計(jì)資料整理注冊(cè)流程的表單應(yīng)該做到友好、清晰、合理和一致。在設(shè)計(jì)時(shí)應(yīng)避免各種各樣的分散因素,給用戶提供一個(gè)清晰明確并且簡(jiǎn)單的web表單。注冊(cè)表單的難易程度與用戶的注冊(cè)成功率和注冊(cè)速度是成反比的。在設(shè)計(jì)網(wǎng)站注冊(cè)流程時(shí)應(yīng)該考慮以下問(wèn)題:(一)表單數(shù)量通常情況下,網(wǎng)站的用戶希望填寫的信息越少越好,可以馬上瀏覽整個(gè)網(wǎng)站。而對(duì)于網(wǎng)站來(lái)講,希望用戶填寫更多的信息,這樣有利于網(wǎng)站收集更多的數(shù)據(jù)。當(dāng)然如何在這兩者之間尋找一個(gè)平衡點(diǎn)是非常困難的,網(wǎng)站的決策者需要考慮很多因素。當(dāng)然我們需要把用戶的體驗(yàn)放在第一位,盡量將表單數(shù)量降到最低,不要讓用戶填寫那些沒(méi)有用的信息。現(xiàn)在有些網(wǎng)站使用快速注冊(cè)的方式鼓勵(lì)用戶注冊(cè),快速注冊(cè)的必填項(xiàng)包括:帳號(hào)(E-mail),密碼,重復(fù)密碼(如果用E-mail作為賬號(hào),可以省略),條款,要填寫的信息非常少,與登錄網(wǎng)站時(shí)填寫的信息一樣多。一個(gè)網(wǎng)站如果能夠真正吸引住用戶,用戶為了自己的需要會(huì)去主動(dòng)完善自己的信息。我們可以允許用戶對(duì)網(wǎng)站有一定的了解之后,再去注冊(cè),或者有些功能的使用需要完善用戶的個(gè)人信息。當(dāng)然一些社交類網(wǎng)站希望用戶提供更加詳細(xì)的個(gè)人資料,這樣可以更好的為用戶提供服務(wù),如填寫教育背景,可以找到自己的校友,可能認(rèn)識(shí)的人等。如果一個(gè)表單需要填寫很多的信息,且設(shè)計(jì)的很混亂,這樣的表單會(huì)給用戶一種壓迫感,使用戶過(guò)早的放棄注冊(cè),降低注冊(cè)的成功率。(二)表單標(biāo)簽設(shè)計(jì)1.標(biāo)簽對(duì)齊方式主要有三種對(duì)齊方式:垂直頂對(duì)齊、水平左對(duì)齊和水平右對(duì)齊?,F(xiàn)在絕大數(shù)的網(wǎng)站注冊(cè)表單的標(biāo)簽對(duì)齊方式是水平右對(duì)齊。(1)垂直頂對(duì)齊。它主要適用于填寫表單數(shù)量少的情況,因?yàn)榇怪表斦加玫目臻g是水平對(duì)齊的2倍。這種對(duì)齊方式的好處是用戶可以在一列中向下進(jìn)行掃視,而不用去左右掃視。(2)水平右對(duì)齊。目前大多數(shù)網(wǎng)站都用的是水平右對(duì)齊方式,用戶在使用右對(duì)齊時(shí)操作會(huì)比較快捷,用戶填寫表單時(shí)會(huì)更加快速方便。右對(duì)齊縮短了標(biāo)簽與輸入框之間的距離,便于它們的一一對(duì)應(yīng);水平右對(duì)齊適用于那些表單排版不整齊的情況下。這種對(duì)齊方式特別適用于中文標(biāo)簽長(zhǎng)度不一致時(shí),這樣會(huì)給人一種很舒服的感覺(jué)。(3)水平左對(duì)齊。左對(duì)齊便于用戶對(duì)輸入標(biāo)簽的掃描,但從標(biāo)簽到輸入?yún)^(qū)的路徑較長(zhǎng),會(huì)影響到填寫速度。水平左對(duì)齊適用于那些表格排版相對(duì)整齊(寬度/填寫內(nèi)容),并且用戶可以很好理解所填寫的內(nèi)容。雖然標(biāo)簽左對(duì)齊被認(rèn)為會(huì)使表單填寫最慢,那是因?yàn)樾枰嗟难鄄孔⒁暫透L(zhǎng)距離的視線移動(dòng)。標(biāo)簽左對(duì)齊的表單通常是更整齊、更清晰的布局,傳達(dá)信息更清晰。它們能使用戶快速的掃視每個(gè)標(biāo)簽,增加了標(biāo)簽的可讀性。2.視覺(jué)設(shè)計(jì)表單標(biāo)簽設(shè)為粗體更能讓標(biāo)簽在前景中突顯出來(lái),用戶也會(huì)覺(jué)得使用粗體標(biāo)簽將使填寫變得更容易。如果想讓用戶去看標(biāo)簽,那就使用帶陰影或有顏色字體的標(biāo)簽。如果標(biāo)簽不重要,那就不用刻意去這樣做。我們需要避免用戶在填寫信息時(shí)感到迷惑。(三)提示信息設(shè)計(jì)通常情況下提示信息應(yīng)不引人注目但清晰,與標(biāo)簽的字體顏色要有區(qū)別,應(yīng)淡一些,通常會(huì)用灰色,做到不去干擾用戶。提示信息應(yīng)該做到言簡(jiǎn)意賅,不要整段整段的出現(xiàn),這樣會(huì)讓用戶感覺(jué)到有種壓迫感。1.提示信息表現(xiàn)形式是靜態(tài)的幫助提示,還是動(dòng)態(tài)的幫助提示?靜態(tài)的幫助提示只是之前假定好的一些和用戶有關(guān)的提示信息,被放在輸入框的旁邊。動(dòng)態(tài)的提示信息通常是在一些幫助圖標(biāo)被點(diǎn)擊之后或者輸入框獲得焦點(diǎn)時(shí)才會(huì)出現(xiàn)的。如果提示信息比較多,可以用動(dòng)態(tài)提示信息,動(dòng)態(tài)提示給用戶的感覺(jué)是比較簡(jiǎn)單和清晰。如果一開(kāi)始就顯示很多,會(huì)讓用戶感覺(jué)到這個(gè)網(wǎng)站規(guī)則太多,很不爽。當(dāng)然這里需要更多的考慮用戶心理。2.提示信息的位置提示信息需要被用戶方便地發(fā)現(xiàn)和理解。(1)在輸入框下面。這樣做的壞處是會(huì)拉長(zhǎng)頁(yè)面。而不需要用戶左右搖頭,提示信息與輸入框有明確的從屬關(guān)系。而且提示信息可以占據(jù)更寬的位置,這樣會(huì)使文字顯得更加精簡(jiǎn)。(2)在輸入框的右側(cè)。這樣做可以節(jié)約頁(yè)面長(zhǎng)度,現(xiàn)在很多網(wǎng)站將提示信息放在輸入框的右側(cè)。當(dāng)然這樣會(huì)使頁(yè)面文字比較多且密集,會(huì)增加頁(yè)面寬度,用戶需要左右搖頭。如果提示文字比較少,可以用此方式。(3)其它位置,輸入框的上方或左側(cè)。(四)反饋信息的設(shè)計(jì)1.信息正確的反饋設(shè)計(jì)信息正確的反饋會(huì)鼓勵(lì)用戶填寫剩下的信息,同時(shí)也要考慮反饋信息出現(xiàn)的位置。一般會(huì)出現(xiàn)信息正確的輔助圖標(biāo),大數(shù)情況下是綠色對(duì)勾。2.警示信息的設(shè)計(jì)(1)警示信息出現(xiàn)時(shí)間。在填寫表單后即時(shí)顯示警示信息;還是在點(diǎn)擊提交按鈕之后顯示警示信息。有的網(wǎng)站沒(méi)有即時(shí)顯示,用戶提交表單后才告訴用戶哪里錯(cuò)了,而且還要重新填寫密碼,對(duì)用戶非常不友好。警示信息不要過(guò)于敏感,有的網(wǎng)站當(dāng)用戶什么也沒(méi)有填寫時(shí),點(diǎn)擊頁(yè)面空白處就會(huì)觸發(fā)警示信息。(2)警示信息的視覺(jué)設(shè)計(jì)。需要考慮是突出錯(cuò)誤發(fā)生地,還是警示信息本身。大部分警示信息使用紅色的字體,或者加上紅色的底色。警示信息的輔助圖標(biāo),有感嘆號(hào),X號(hào)和禁止通行圖標(biāo)。感嘆號(hào),在交通標(biāo)志中表示危險(xiǎn),X號(hào)表示錯(cuò)誤。紅圈中心橫向白線,在交通標(biāo)志表示禁止通行。個(gè)人感覺(jué)用紅圈中心橫向白線比較好,畢竟用戶并沒(méi)有做錯(cuò)什么,也不會(huì)有什么危險(xiǎn)。也需要考慮反饋信息出現(xiàn)的位置,同時(shí)盡量避免出現(xiàn)彈出框的警示提醒。(五)文案設(shè)計(jì)表單的方案要做到簡(jiǎn)單、明確。a.質(zhì)量重于數(shù)量,一針見(jiàn)血地說(shuō)出亮點(diǎn),而非平鋪羅列b.盡力避免有特殊含義的文案,如果有專屬名詞請(qǐng)一定要解釋清楚,避免用戶的困惑c.盡力思考文案表面的亮點(diǎn),什么才最吸引用戶,有時(shí)“最新”字樣不一定是用戶最感興趣的d.在我們以往的項(xiàng)目中多項(xiàng)數(shù)據(jù)和實(shí)踐強(qiáng)調(diào)證明文案真的很重要(六)注冊(cè)帳戶的設(shè)計(jì)1.網(wǎng)站賬號(hào)一般為用戶名或E-mail,或者是兩者兼有。當(dāng)被提示“該用戶名已被注冊(cè)”時(shí),系統(tǒng)是否有必要自動(dòng)生成不重復(fù)的用戶名供用戶選擇。是否需要提供給用戶一個(gè)登錄表單或者登錄連接,有可能是用戶忘記在網(wǎng)站注冊(cè)過(guò)。2.賬號(hào)的檢測(cè)。包括自動(dòng)檢測(cè)、手動(dòng)檢測(cè)和提交后檢測(cè)。自動(dòng)檢測(cè),當(dāng)用戶輸入完賬號(hào)后,點(diǎn)擊下個(gè)輸入框的時(shí)候自動(dòng)默認(rèn)輸入用戶名完成開(kāi)始檢測(cè)。手動(dòng)檢測(cè),提供一個(gè)檢測(cè)賬號(hào)的按鈕。最后一種是提交表單后,系統(tǒng)才告訴賬號(hào)是否可用。個(gè)人感覺(jué)自動(dòng)檢測(cè)比較好,非常友好,技術(shù)實(shí)現(xiàn)上也不會(huì)太難。(七)關(guān)于密碼的設(shè)計(jì)1.密碼安全程度。有的網(wǎng)站會(huì)為用戶實(shí)時(shí)顯示密碼安全程度,以此來(lái)提醒用戶設(shè)置密碼的安全性。這種情況下,應(yīng)該顯示滿分是多少,不要讓用戶去猜。當(dāng)然這種設(shè)計(jì)有沒(méi)有必要,用戶是否會(huì)改變他們常用的密碼,還需要考慮。2.確認(rèn)密碼。因?yàn)檩斎氲拿艽a以星號(hào)顯示出來(lái),所以絕大多數(shù)網(wǎng)站都要求用戶確認(rèn)自己的密碼,這樣做是否增加了用戶負(fù)擔(dān)。有數(shù)據(jù)顯示,72%的情況是有必要確認(rèn)密碼的,但是許多例如Facebook,F(xiàn)riendster,LinkedIn,Stumbleupon,Pownce和Twitter的網(wǎng)站都不要求確認(rèn)密碼。減少這一步的前提是注冊(cè)郵箱不能填寫錯(cuò)誤。初始輸入密碼的輸入框應(yīng)該不允許復(fù)制,重復(fù)輸入密碼的輸入框應(yīng)該不允許粘貼,要達(dá)到重復(fù)輸入密碼的設(shè)計(jì)目的,確保輸入的密碼是正確的一致的。是否有其它好的處理方法。3.密碼保護(hù)信息。a.密碼提示問(wèn)題。網(wǎng)站會(huì)提供一些設(shè)定好的問(wèn)題,并應(yīng)該允許用戶“自定義”密碼提示問(wèn)題。提示問(wèn)題不要含糊不清。問(wèn)題的答案不要有多種可能,如格式不一樣,可能縮寫等。b.密碼保護(hù)郵箱(安全郵箱)。主要可以通過(guò)該郵箱找回密碼。因?yàn)楹苌偈褂么斯δ?,所以用戶很可能?huì)忘記哪個(gè)郵箱是密碼保護(hù)郵箱。如何提醒用戶呢?是否可以直接告訴用戶密碼保護(hù)郵箱,或者只告訴用戶,郵箱所屬的網(wǎng)站,盡量讓用戶可以方便記起。可以在驗(yàn)證通過(guò)頁(yè)面提供到安全郵箱的鏈接,省去了用戶輸入郵箱地址,減輕用戶的負(fù)擔(dān)。(八)校驗(yàn)碼對(duì)于網(wǎng)站來(lái)說(shuō),驗(yàn)證碼越復(fù)雜越安全,從用戶的角度來(lái)看,越簡(jiǎn)單越好。有的網(wǎng)站是不能在不刷新頁(yè)面的情況下實(shí)時(shí)刷新校驗(yàn)碼的,這個(gè)在可用性上是非常糟糕的一件事。網(wǎng)站使用校驗(yàn)碼,應(yīng)該是易讀的,或者在不可讀的情況用戶可以實(shí)時(shí)刷新校驗(yàn)碼。一定要簡(jiǎn)單,不要讓用戶去猜。國(guó)內(nèi)有的用中文進(jìn)行校驗(yàn),個(gè)人感覺(jué)這樣會(huì)增加用戶的負(fù)擔(dān),中間還要切換輸入法。最好是全英文或者全數(shù)字,這樣可以減輕用戶的負(fù)擔(dān)。全英文應(yīng)該告知是否區(qū)分大小寫。當(dāng)然全數(shù)字,可能是最簡(jiǎn)單的。還有字符要單獨(dú)占位,不要相互疊加,背景色不要對(duì)字符形成干擾,不要讓用戶在注冊(cè)時(shí)花很長(zhǎng)時(shí)間。(九)服務(wù)條款和注冊(cè)后出口1.服務(wù)條款和提交按鈕(1)服務(wù)條款表現(xiàn)形式。a.用一句話做鏈接,放在提交按鈕的下邊,以新窗口打開(kāi),不影響用戶的注冊(cè)流程,提交按鈕含有同意條款的表述。b.勾選該項(xiàng)后方可注冊(cè),或已默認(rèn)勾選。c.瀏覽框的形式。注冊(cè)時(shí)到底會(huì)有多少用戶閱讀服務(wù)條款呢?(2)提交按鈕的對(duì)齊方式:提交按鈕左對(duì)齊,右對(duì)齊,中間。2.注冊(cè)后出口:感謝信息注冊(cè)完后,用戶將去哪里?大多數(shù)網(wǎng)站在成功注冊(cè)之后會(huì)提供一個(gè)簡(jiǎn)單的感謝信息(通常還帶有一個(gè)登錄的鏈接),并提供網(wǎng)站主要功能的入口,還鼓勵(lì)用戶使用網(wǎng)站的其它功能。還有的只提供了一個(gè)基礎(chǔ)的“謝謝你”的消息,或直接跳轉(zhuǎn)到首頁(yè),或去驗(yàn)證郵箱。(十)其它1.填寫表單的好處注冊(cè)時(shí)需要告訴用戶注冊(cè)網(wǎng)站的好處,很多用戶是在吃到閉門羹時(shí)才去注冊(cè)網(wǎng)站的。2.單頁(yè)與多頁(yè)表單如果表單數(shù)量過(guò)多,可以考慮設(shè)計(jì)成多頁(yè)表單,但是一定要告訴用戶,一共有幾步,現(xiàn)在在哪里,將要去哪里。注冊(cè)步驟引導(dǎo)可以是文字,也可以是圖片。如果單頁(yè)表單過(guò)長(zhǎng),可以進(jìn)行邏輯分組,并將相關(guān)的控件放在一起。這樣在填寫表單時(shí),用戶會(huì)感到比較有條理。3.表單的必填項(xiàng)和選填項(xiàng)表單的必填項(xiàng)和選填項(xiàng)的關(guān)系要清晰,包括哪些是必填項(xiàng),哪些是選填項(xiàng),以及它們之間的邏輯關(guān)系、顯示關(guān)系。這些可以通過(guò)視覺(jué)設(shè)計(jì)和布局來(lái)區(qū)分。有的將可選項(xiàng)設(shè)計(jì)為斜體并用其它弱色表明。有的是將必填項(xiàng)和選填項(xiàng)進(jìn)行分組。常用的是在必填項(xiàng)加*號(hào),用來(lái)區(qū)分必填項(xiàng)與選填項(xiàng)。現(xiàn)在需要考慮是否有必要在必填項(xiàng)的標(biāo)簽前加*號(hào)(全為必填項(xiàng)除外)。4.有必要確認(rèn)E-mail嗎?只有小部分的網(wǎng)站需要確認(rèn)E-mail。我們沒(méi)有任何理由讓用戶重復(fù)輸入E-mail地址,畢竟用戶能夠看到他們輸?shù)氖鞘裁?,因?yàn)镋-mail地址的區(qū)域不像是密碼區(qū)域那樣是以星狀顯示的。5.需要使用取消按鈕和重置按鈕嗎?當(dāng)然不需要,用戶不想注冊(cè)了,可以直接關(guān)閉網(wǎng)頁(yè),結(jié)束注冊(cè)流程。這些情況中的一些取消按鈕正好出現(xiàn)在“條款和協(xié)議”的下面。所以如果

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論