產(chǎn)品周期策略表單【論WEB網(wǎng)站注冊表單的人性化設(shè)計策略】

　　【摘要】WEB網(wǎng)站注冊過程中，繁瑣的注冊步驟往往令很多用戶望而卻步。在崇尚快節(jié)奏的網(wǎng)絡(luò)時代，注冊系統(tǒng)是WEB產(chǎn)品給用戶的第一印象，如何在這一環(huán)節(jié)贏得更多的用戶顯得尤為重要。本文以音悅臺和新浪微博為例，從減少表單項(xiàng)目、簡化注冊步驟、人性化提示語言、注重可視性、及時友好的反饋等五個方面論述如何設(shè)計一款優(yōu)秀的注冊系統(tǒng)，以期對網(wǎng)站設(shè)計工作有所助益。
　　【關(guān)鍵詞】注冊系統(tǒng) 人性化設(shè)計 新浪微博
　　
　　網(wǎng)站和論壇的注冊環(huán)節(jié)往往令用戶頭疼，當(dāng)網(wǎng)站彈出注冊頁面并指出只有登錄才能獲取信息時，許多人寧可放棄獲取該資源信息也不愿去花時間填寫繁瑣的注冊表單，由此可知注冊這一要求對用戶的負(fù)面影響不可小視。
　　而以高清MV為主打的“音悅臺”網(wǎng)站巧妙地化解了這一困擾，它的注冊環(huán)節(jié)充滿人情味，親和且口語化的提示語輕松愉悅地帶領(lǐng)用戶完成了一系列注冊流程。整個過程十分舒服，像與好友聊天，還沒聊夠的時候他已經(jīng)告訴你：注冊成功了。注冊系統(tǒng)是WEB產(chǎn)品給用戶的第一印象，滿意度的高低直接決定了產(chǎn)品的競爭力。在音悅臺較為愉悅的注冊體驗(yàn)啟發(fā)筆者進(jìn)一步思考，除了友好的提示語言，是否還有更多的優(yōu)化手段可使令人頭疼的注冊環(huán)節(jié)更人性化呢？
　　人性化設(shè)計是指產(chǎn)品在設(shè)計過程當(dāng)中，根據(jù)人的行為習(xí)慣、生理結(jié)構(gòu)、心理情況、思維方式等等，在原有設(shè)計基本功能和性能的基礎(chǔ)上，對設(shè)計進(jìn)行優(yōu)化，使用戶使用起來方便、舒適。本文將以音悅臺和新浪微博為例，論述如何設(shè)計一款優(yōu)秀的注冊系統(tǒng)。
　　
　　一、減少表單項(xiàng)目，簡化任務(wù)結(jié)構(gòu)
　　
　　過多的表單項(xiàng)目或過多無用信息會給用戶帶來更多的思考與厭惡，從用戶的角度來講，不管網(wǎng)站方面多么在乎用戶的資料，事實(shí)上用戶只想盡快得到身份，這之前的一切工作都在不同程度地消磨用戶的耐心和意志，所以這個過程越短越好。
　　 有些網(wǎng)站甚至只需要填寫一個密碼即可注冊，在第一次登陸之后才需要填寫一個用戶名。這樣做的好處是避免過多的非必要填寫信息嚇退怕麻煩的新用戶，不要讓用戶覺得注冊這樣一個網(wǎng)站是困難的，因此一屏范圍內(nèi)保持3-6個控件即可。以音悅臺為例，每一步需要填寫的表單嚴(yán)格控制在3個以內(nèi)，并以清晰的紅藍(lán)綠三色區(qū)分，一目了然。
　　然而同清晰明確的第一步基本信息填寫相比，音悅臺的第二步注冊信息填寫項(xiàng)目就顯得有些多余了，這一步專門用來填寫用戶的性別及出生日期。拋開一個以MV為主打的音樂網(wǎng)站是否確實(shí)需要此類信息不談，即使網(wǎng)站的確需要這兩類數(shù)據(jù)了解用戶的構(gòu)成，此類非必須的項(xiàng)目大可放在注冊完成后。可以考慮進(jìn)一步簡化步驟，只需要注冊名、密碼即可完成注冊。之后的一些個人信息完善可以通過做任務(wù)的方式完成，任務(wù)完成獲得積分，而積分是用戶下一步完成某項(xiàng)期望的必備條件――如此，一步一步被引領(lǐng)著完成開發(fā)方的期待行為。
　　
　　二、簡化注冊步驟，引導(dǎo)用戶快速完成目標(biāo)
　　
　　一頁式的注冊表單令用戶一次性接受大量信息，難免無從下手，按照don’t make me think的原則，針對這一情況可將注冊信息分為2-3步，讓用戶一次只做一件事，并在頁面最上方顯示進(jìn)度條，這樣做的好處一是體現(xiàn)流程的概念，給用戶按照流程操作的心理暗示；二是通過清楚的進(jìn)度條給予用戶完成行為的信心，對最后一步的完成產(chǎn)生期待。
　　然而如何設(shè)計流程呢？諾曼在《設(shè)計心理學(xué)》中將行動結(jié)構(gòu)劃分為目標(biāo)、執(zhí)行與評估三階段，同時將執(zhí)行與評估細(xì)分，最后確定為以下七個階段：確定目標(biāo)、確定意圖、明確行動內(nèi)容、執(zhí)行、感知外部世界狀況、解釋外部世界狀況和評估行動結(jié)果。我們在設(shè)計注冊表單的步驟時，這一理論值得參考。首先，在執(zhí)行步驟之前明確目標(biāo)；其次，設(shè)計明確的步驟和流程進(jìn)度條，在進(jìn)度條上方標(biāo)注行動內(nèi)容；最后，在每一步完成后提供反饋以及最終反饋。音悅臺的注冊系統(tǒng)分為三步，其中第三步又分為三小項(xiàng)，并在第三步伊始提供了本步驟的進(jìn)度條。
　　
　　三、人性化的提示語言
　　
　　做網(wǎng)站如同開飯館，攬客的第一步總是要以熱情洋溢的笑臉和引人眼球的店面將客戶攬進(jìn)門，再由引導(dǎo)員快速準(zhǔn)確地將客人引領(lǐng)到自己的座位。所以通常來講，一個用戶到了某個網(wǎng)站的門口，剛想要踏進(jìn)門就遭遇一張令人不耐煩的表單，這顯然是不友好的。
　　在第一時間博取用戶好感方面，音悅臺的做法巧妙且到位，它懂得運(yùn)用親和的提示語言安撫用戶的焦躁情緒，注冊伊始就以一句話制勝――我們也覺得注冊麻煩透了。
　　在填寫基本注冊信息時，網(wǎng)站一上來就用大號字表了態(tài)：“我們也覺得注冊麻煩透了！”簡單的一句話讓用戶覺得一下子找到了知音，對立和抵觸的情緒立馬消失大半，覺得開發(fā)方與我站在了一邊。當(dāng)然提示語并未就此結(jié)束，后半部分用小字解釋了注冊的好處“但經(jīng)過注冊，我們會更了解您的喜好，為您推薦更酷的MV，同時，好音樂帶來的喜悅，才能夠與朋友分享�！报D―清晰地告訴用戶你能獲得的利益。此時已經(jīng)放松警惕的用戶轉(zhuǎn)念一想，有理，再看下面的注冊表單，似乎也十分簡潔，只有紅藍(lán)綠三個明確簡潔的填寫框，看起來并不麻煩，括號里的填寫要求也表述的很口語化，易于接受。
　　同時在第四步―選擇喜愛的藝人―中，適當(dāng)?shù)奶崾菊Z再次出現(xiàn)“麻煩告訴我們，下面是否有你鐘愛的藝人，不然就太難向你推薦你中意的精彩音樂了”，通過左右滑屏平鋪展示可選擇的藝人，同時提供了搜索框，與一般網(wǎng)站的“search”提示不同，音悅臺再次使用了口語化的提示：“下面沒有？直接找找看”。
　　在注冊表單設(shè)計中，提示文案要在準(zhǔn)確易懂的前提下不失親和力，避免出現(xiàn)語氣強(qiáng)硬的祈使詞匯，如：必須、決不能、請勿……，多采輕松的、帶有鼓勵性的文案，引導(dǎo)用戶完成流程。
　　但值得注意的是，提示語言不應(yīng)濫用�！斑m當(dāng)使用限制因素――即限制用戶的選擇范圍――是使物品易用并不易造成人為失誤的良好途徑，否則應(yīng)附加警告和提示信息，但無疑這只適用于糟糕的設(shè)計，也就是說，提示語言是最后的辦法，是沒有辦法的辦法。”①同理注冊表單的每一項(xiàng)后面跟加提示語言也是不明智的，因?yàn)檫@樣做的結(jié)果是無形中增加了用戶的信息處理負(fù)擔(dān)，所以音悅臺注冊的步驟中隨處可見的提示語言雖然友好，但未免?嗦有余。更好的做法是從根本上減少限制因素，如取消大小寫限制和密碼位數(shù)限制。
　　
　　四、注重可視性
　　
　　可視性即“正確的操作部位必須顯而易見，并且向用戶傳達(dá)出正確的信息”。②優(yōu)秀的表單設(shè)計應(yīng)通過突出的可視性向用戶傳達(dá)正確的、一目了然的可行操作信息，從而減少用戶因誤操作產(chǎn)生的悲觀情緒。
　　在可視性方面，WEB注冊表單的應(yīng)用由來已久，這就意味著大部分用戶在執(zhí)行注冊操作時，心中已經(jīng)存在一個既定模式，所以設(shè)計時應(yīng)充分尊重用戶心中的既定期望，不應(yīng)有過大顛覆，而是通過調(diào)整細(xì)節(jié)提高整體的可視性。例如，作為注冊表單中的重要組成部分，文本框的視覺設(shè)計和交互設(shè)計不可忽視。是否需要輔助輸入？采用滑塊還是下拉列表？獲得焦點(diǎn)時是全選顯示還是插入光標(biāo)？新浪微博在注冊文本框的設(shè)計上有可取之處，用戶輸入第一個字母的時候，系統(tǒng)已經(jīng)將可能的郵箱直接推薦過來，非常方便，省去了輸入@時shift+2的操作成本，同時大大降低因錯誤輸入導(dǎo)致的無效反饋，對系統(tǒng)的底層后臺無疑也是件幸事。
　　五、及時友好的反饋
　　“在web上，單擊鏈接、提交表單或者按下按鈕時，你并不知道會發(fā)生什么。要有設(shè)計者為每一個動作設(shè)定相應(yīng)的期望，并清楚顯示這些動作的結(jié)果�！雹劬�致的產(chǎn)品可通過及時的操作成功與否反饋和親切的welcome頁面極大提升用戶體驗(yàn)。
　　用戶在填寫表單的過程中，系統(tǒng)應(yīng)在每一步驟進(jìn)行及時反饋，新浪微博在每一步的注冊項(xiàng)目后添加了及時反饋，信息填寫正確后會顯示一個綠色對勾，而填寫錯誤時則用紅色字體進(jìn)行相關(guān)操作提示。
　　同時，反饋還應(yīng)做到提醒用戶正處在過程的哪個階段，“有時用戶必須等待一個過程的完成，而這可能耗費(fèi)一些時間。為了讓用戶知道并不是由于他們的計算機(jī)運(yùn)行太慢才造成這種等待，你可以顯示一條信息，告訴他們目前的狀況�！雹苓@方面新浪微博的設(shè)計做得不到位，在注冊體驗(yàn)中，當(dāng)用戶點(diǎn)擊“立即注冊”時，整個系統(tǒng)在很長一段時間內(nèi)沒有反應(yīng)，同時未提供任何反饋。在這里可以考慮使用加載動畫和顯示一些友好的狀態(tài)消息來緩解用戶因等待而造成的焦慮。
　　除以上五個方面的設(shè)計原則外，一些細(xì)節(jié)問題的處理得當(dāng)可輕松提升用戶體驗(yàn)，如允許用戶用注冊名、郵箱、手機(jī)等多種方式進(jìn)行注冊；取消密碼的重復(fù)確認(rèn)輸入，因?yàn)榇蟛糠钟脩羰窃诜磸?fù)使用自己熟知并熟練輸入的密碼串；避免向用戶發(fā)送確認(rèn)電子郵件，激活注冊很大程度上消耗操作成本和用戶的耐心，至少可以先讓用戶玩玩你的Web應(yīng)用程序或?yàn)g覽一下你的網(wǎng)站，當(dāng)用戶感興趣瀏覽更多信息時，再來讓他們確認(rèn)郵件；驗(yàn)證碼的的識別性無法保證，是否可以采取其他方式比如算術(shù)題、問答，音悅臺的注冊則干脆取消了這一項(xiàng)；當(dāng)用戶填寫發(fā)生錯誤時，系統(tǒng)要求用戶返回重填時連填寫正確的信息都清空了，為了避免此類情況給用戶造成的悲觀情緒，需要考慮保護(hù)性措施，將上一步填寫自動保存，并避免在點(diǎn)擊確定后跳轉(zhuǎn)至某一頁面后再顯示錯誤提示，應(yīng)在發(fā)生錯誤時在當(dāng)前項(xiàng)目后即時反饋。
　　網(wǎng)站注冊這樣的小問題聽起來微不足道，但卻足以影響用戶的心情和產(chǎn)品的友好度，要做到真正“以用戶為中心的設(shè)計”，注冊環(huán)節(jié)需要得到改進(jìn)以進(jìn)一步優(yōu)化用戶體驗(yàn)，以在“小”中體現(xiàn)更偉大的關(guān)懷。
　　
　　參考文獻(xiàn)
　�、佗谔萍{德.A.諾曼：《設(shè)計心理學(xué)》，中信出版社
　�、邰躘美]Christina Wodtke：《錦繡藍(lán)圖》，人民郵電出版社
　�。ㄗ髡撸菏锥紟煼洞髮W(xué)美術(shù)學(xué)院新媒體藝術(shù)設(shè)計系本科生）
　　責(zé)編：周蕾

相關(guān)熱詞搜索：表單 人性化 策略 論WEB網(wǎng)站注冊表單的人性化設(shè)計策略 web表單設(shè)計方法 表單網(wǎng)頁設(shè)計方法