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

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