建站常識
[譯]以用戶為中心的WEB表單
2009-12-18 14:55:00
原文:http://visitmix.com/Articles/Web-Forms-for-People
作者:Luke Wroblewski
譯者:江力
隨著網(wǎng)絡(luò)的發(fā)展,人們通過各種方式使用它。今天,網(wǎng)絡(luò)購物,跟朋友或者不認(rèn)識的人聊天,管理銀行賬戶,以及一些日常應(yīng)用,共享照片或視頻,等等。事實上,只要能在線使用的應(yīng)用基本上都已經(jīng)有了。
雖然這些多樣化的應(yīng)用豐富了互聯(lián)網(wǎng),但這些任務(wù)的完成還需要一些步驟。不管是在線交易驗證、評論新文章,還是管理某個應(yīng)用,WEB表單總會出現(xiàn)在人們的視線中。
為什么是WEB表單?
在網(wǎng)頁上,WEB表單把用戶、信息、WEB產(chǎn)品或者服務(wù)連接了起來。它們能促進(jìn)銷售、捕捉用戶行為、建立溝通與交流,以及更多。這些重要的交互不僅僅是為了保持業(yè)務(wù)正常運作,它們也讓用戶實現(xiàn)了想要達(dá)到的目標(biāo)。那我們?yōu)槭裁床欢嚓P(guān)注一下WEB表單設(shè)計呢?
也許人們認(rèn)為WEB表單就是可以出現(xiàn)在任何位置的向用戶“采集必要數(shù)據(jù)”的“一些輸入框和提交按鈕”。也許他們沒有意識到優(yōu)化WEB表單能獲得很多有意義的成果(比如年收入增加300萬美元an additional 300 million)。更可能的,他們不過是為了他們自己使用而不是為用戶去設(shè)計WEB表單。
它不是數(shù)據(jù)錄入
沒有人真的想去填寫一個表單,他們想要的是別的東西:買一本書、注冊投票、加入一個論壇。他們不是通過一個WEB表單來練習(xí)打字速度的苦工,他們有清晰的目標(biāo)。不幸的是,許多WEB表單并沒有針對用戶的實際目標(biāo)去設(shè)計。
看看在社交網(wǎng)站Brightkite上的這個簡單表單。假如把“保持和朋友聯(lián)系、結(jié)識新朋友、尋找新去處”作為宣傳廣告,他或她只需要注冊一個新帳號(圖一)。
圖一:Brightkite上的注冊表單(2008年4月)
開始注冊,用戶必須選擇一個符合以下條件的用戶名:只能是英文字符或數(shù)字;3到15個字符長;可以包括下劃線;不能有空格;不能是已經(jīng)存在的用戶名。那么這些要求是不是能讓人們選擇一個最能代表自己的用戶名呢?沒有,這些只是強(qiáng)制用戶去應(yīng)付網(wǎng)站的安全模塊或后臺數(shù)據(jù)結(jié)構(gòu)的系統(tǒng)條件。
接下來的這組問題更不好開始。Brightkite需要你的Email地址以便發(fā)送確認(rèn)信息。你需要一個至少3個字符長的密碼并重復(fù)輸入一次以防止你胡亂按幾個字符給Brightkite。接著,你通過解答加密的驗證碼和同意網(wǎng)站隱私協(xié)議與服務(wù)條款證明了你是一個活生生的人。
與朋友保持聯(lián)系、結(jié)識新朋友和尋找新去處這些功能去哪了?這些才是人們實際上想要的服務(wù),但是這些目標(biāo)在填寫表單時卻沒有被提及。反而,整個體驗過程被Brightkite自己要求的一些信息格式所代替了。
與Brightkite對照的是tookmark的注冊表單(圖二),tookmark的功能是給用戶發(fā)送收藏站點的日常提醒郵件。所有的填寫項目直接關(guān)聯(lián)用戶的目標(biāo):你想你的提醒郵件發(fā)送到哪(Email地址)?你想用的收藏夾名稱是什么(可愛的昵稱)?甚至提交按鈕使用的語句都與任務(wù)緊密相關(guān):“馬上去看看”,點擊以后立即跳轉(zhuǎn)至一個虛擬郵箱教用戶接下來該如何操作。
圖二: tookmark的注冊表單(2008年12月)
填寫tookmark的注冊表單的整個過程讓人感覺正在接近自己的目標(biāo),而不是讓人感覺把自己的資料按要求交給了一個機(jī)構(gòu),這是一個重要的區(qū)別。當(dāng)人們覺得他們得到了所想要的東西,他們才會繼續(xù)下去,如果沒有得到,他們就會放棄。
做出轉(zhuǎn)變
此時,一些精明的讀者會指出以上兩個注冊表單例子來自兩個不同的應(yīng)用,因此tookmark的這種方式不能套用在Brightkite上,他們會爭論有些情況確實是需要收集足夠的用戶資料以便得到一個有效的帳號。
在這一點上,為用戶設(shè)計的WEB表單可以開始做一些轉(zhuǎn)變。與其考慮信息收集和數(shù)據(jù)庫中的用戶帳號,不如多想想什么樣的信息能讓人們用最小的成本和清晰的體驗到達(dá)目標(biāo),這樣,他們就不會再問:“為什么要求我填寫這些東西”
不是所有WEB應(yīng)用都像tookmark,每個應(yīng)用都有一個目標(biāo)就是如何跟用戶交互。把注意力集中在核心目標(biāo)能幫助挖掘WEB表單所需要的信息。當(dāng)你在設(shè)計WEB表單時,考慮一下幾點:
1、 這些信息是不是用戶想要的(核心目標(biāo))?如果不是,用戶很可能會對這些要求產(chǎn)生疑問。
2、 有沒有更好的時機(jī)來收集這些資料?在用戶正在嘗試應(yīng)用的時候向他們收集資料比在他們注冊的時候收集更加容易成功。
3、 有沒有一種方法能解釋某些信息為什么是必需的?這些要收集的信息應(yīng)該與用戶目標(biāo)相關(guān)聯(lián)并讓他們恢復(fù)信心繼續(xù)后面的過程。
4、 是否有更好的方法收集所需的信息?當(dāng)然,WEB表單不是在網(wǎng)上得到用戶數(shù)據(jù)的唯一辦法。
為實現(xiàn)效果,讓我們來看看Brightkite重新設(shè)計后的用戶體驗(圖三),“與朋友保持聯(lián)系”這句話放在了頁面正前方。體現(xiàn)在網(wǎng)站首頁上的主要功能從注冊新帳號變成了邀請用戶聯(lián)系他們在Facebook上的朋友。這種一鍵式流程拋棄了圖一所示的笨重注冊表單,給人們提供了已經(jīng)存在的身份和朋友(來自Facebook)。
圖三: Brightkite的首頁 (2009年11月)
盡管Brightkite和tookmark是不同的服務(wù),他們都可以避免使用啰嗦的注冊表單,通過一些簡單的交互來表達(dá)他們的服務(wù)核心意圖,并促使用戶快速成功。
如果我們做的是對的,就幾乎不會有任何形式的表單存在,這才是建立WEB表單的本質(zhì)。
學(xué)習(xí)更多的表單設(shè)計
如果你正在尋找讓你的WEB應(yīng)用程序表單變得更好的辦法,那么請不要錯過在內(nèi)華達(dá)州拉斯維加斯MIX 10舉行的盧克弗羅布萊夫斯基的WEB表單設(shè)計大會。它將會讓你學(xué)到能馬上使用的最好課程。任何在MIX社區(qū)的人都能以15%的折扣價(暗號:FOLUKE15)買到盧克的這本書:Web Form Design: Filling in the Blanks
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-06-23 08:06:00] 怎樣規(guī)避廣告帶給用戶的負(fù)面影響?
- [2009-06-24 08:10:00] 互聯(lián)網(wǎng)表單設(shè)計 第十一章 額外輸入(4)循序漸進(jìn)
- [2010-11-04 08:31:00] 用戶體驗的要素PPT中文模型
- [2010-09-26 14:54:00] 與用戶交互的核心
- [2010-10-22 08:14:00] 用戶體驗設(shè)計答疑對話
- [2006-09-10 10:24:00] 淺談網(wǎng)站的用戶數(shù)量級
- [2017-01-03 15:04:00] 《中國移動互聯(lián)網(wǎng)市場趨勢預(yù)測》發(fā)布
- [2012-10-12 11:44:41] 根據(jù)用戶習(xí)慣的人性化網(wǎng)頁設(shè)計
- [2009-12-09 08:26:00] 網(wǎng)站后臺用戶體驗一個容易被遺忘的策劃
- [2010-06-10 16:14:00] 網(wǎng)頁設(shè)計(web design)和用戶界面設(shè)計(UI design)
- [2009-05-21 09:11:00] 如何改善軟件的用戶體驗之顏色與UI
- [2009-10-09 08:31:00] 打動用戶的需求
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
微官網(wǎng) 搜索引擎蜘蛛 版面布局 青島網(wǎng)站建設(shè)基礎(chǔ)知識 青島IT資訊 青島輪胎網(wǎng)站設(shè)計 英文網(wǎng)站建設(shè) 膠南網(wǎng)站建設(shè)公司 企業(yè)網(wǎng)站 網(wǎng)頁設(shè)計 圖形網(wǎng)格 網(wǎng)站改版 青島高端網(wǎng)站建設(shè)公司哪家好 網(wǎng)站SEO 審美 企業(yè)網(wǎng)站設(shè)計 良好的導(dǎo)航 海信網(wǎng)絡(luò)科技 集團(tuán)官網(wǎng) 網(wǎng)站規(guī)劃 手機(jī)網(wǎng)站 網(wǎng)站設(shè)計趨勢 官網(wǎng)建設(shè) 色彩心理學(xué) IT資訊 網(wǎng)站的速度 SEO 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)頁設(shè)計 青島網(wǎng)站建設(shè)