• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 網(wǎng)站的表單設(shè)計(jì)要點(diǎn)

網(wǎng)站的表單設(shè)計(jì)要點(diǎn)

奈薇網(wǎng)站制作 于2019-07-07 21:00發(fā)表 閱讀次數(shù) 2419次

網(wǎng)站的反饋表單有注冊(cè)表單在青島網(wǎng)站設(shè)計(jì)應(yīng)用比較廣泛，表單的填寫用戶體驗(yàn)直接關(guān)切到用戶注冊(cè)數(shù)量或者客戶反饋的欲望度，一個(gè)繁亂且信息量大的表單，相信很少有人原因填寫。下文介紹如果處理這方面的一些問(wèn)題。 　　一、如何以用戶視角看post表單？ 　　現(xiàn)在我們把之前的旅行的步驟放到post表單設(shè)計(jì)中，我們可以得到如下思路： 　　從中我們可以發(fā)現(xiàn)，似乎發(fā)布前和發(fā)布后這兩個(gè)流程，比較容易被忽略。而過(guò)程中的設(shè)計(jì)點(diǎn)具體應(yīng)該如何做呢？作為用戶出發(fā)看看吧。 　　二、那么為什么要以用戶的視角呢？ 　　作為設(shè)計(jì)師，你是否遇到過(guò)這種情況： 　　·我們額外加一個(gè)填寫項(xiàng)，用來(lái)收集用戶信息吧；·我們的表單之所以復(fù)雜，是因?yàn)槲覀兿Ｍ脩舳嗵顚憙?nèi)容，這些內(nèi)容都是有用是；·我們的表單應(yīng)該在這最重要的一步出現(xiàn)，這樣就能讓更多的用戶看到它……. 　　作為用戶填表單時(shí)，你是否這樣想？ 　　·我們填寫表單只是為了達(dá)到我想要的目的，才不是為了你們收集信息；·如果可以，我希望填寫更少的信息或者不用填寫表單，來(lái)達(dá)到同樣的目的；·在我想做A事情的時(shí)候，我根本不想看到B表單……. 　　以上的情境可能有些夸張，但是不可否認(rèn)的是，有時(shí)候我們做表單設(shè)計(jì)的時(shí)候，并沒(méi)有從用戶的角度出發(fā)，看他們想要的是什么，而是從我們所在的產(chǎn)品端的角度，讓用戶去做我們想要他們做的事情。 　　三、作為用戶出發(fā)看表單 　　思路已經(jīng)有了，那讓我們作為用戶出發(fā)探索一下post表單吧。 　　發(fā)布前： 　　作為用戶，我會(huì)抱著一定目的，來(lái)找我需要的工具——post表單。 　　首先，我要從哪進(jìn)入表單？ 　　這個(gè)問(wèn)題是針對(duì)用戶在什么樣的情境下會(huì)被引導(dǎo)到post表單，看下這個(gè)例子吧： 　　上圖的post表單安排在你對(duì)網(wǎng)站有個(gè)基本認(rèn)識(shí)，并且有意愿聯(lián)系后出現(xiàn)，而且這樣的從屬關(guān)系讓人很容易接受。 　　上圖中的post入口都安排在賬號(hào)相關(guān)的區(qū)域，而不是業(yè)務(wù)相關(guān)的區(qū)域，沒(méi)有足夠的理由說(shuō)服用戶從此來(lái)發(fā)布。 　　然后，它跟我的目的是否相符？ 　　表單的開頭應(yīng)該向用戶清楚的傳達(dá)，該表單是做什么的，是否符合用戶的期望，如果不，那么用戶應(yīng)該去哪？ 　　上圖的表單很清晰的向用戶傳達(dá)了目的，并提供了快速逃離出口。 　　圖四中一些簡(jiǎn)要的介紹，會(huì)讓用戶對(duì)表單有個(gè)大致的認(rèn)識(shí)，對(duì)復(fù)雜的信息有個(gè)心里準(zhǔn)備，并且更能確認(rèn)自己的目的。 　　而上圖個(gè)頁(yè)面，用戶一進(jìn)來(lái)印入眼簾的是長(zhǎng)篇的規(guī)則介紹和各種功能入口，破壞了之前的引導(dǎo)傳達(dá)給用戶的印象，作為新用戶的話，很難確認(rèn)這里就是自己要找的地方。 　　發(fā)布中： 　　填寫表單本身就是一件枯燥的事情，我希望能盡可能減少填寫時(shí)的痛苦。 　　第一步，進(jìn)入表單后，我希望看見(jiàn)干凈簡(jiǎn)潔的頁(yè)面。（整體感受） 　　這點(diǎn)雖然不能用數(shù)據(jù)量化，但是對(duì)用戶的影響卻不容忽視。 　　上圖是改版前后的對(duì)比，能很明顯的對(duì)比出頁(yè)面的清爽與否，而且在數(shù)據(jù)上，改版后的也有較為明顯的提升。 　　第二步，填寫表單前，我希望較長(zhǎng)的表單能夠分步驟展現(xiàn)（填寫方式） 　　較長(zhǎng)的表單比較容易嚇跑用戶，而清楚的步驟能夠激勵(lì)用戶的填寫欲望。但是使用進(jìn)度條的時(shí)候應(yīng)該注意，是否能起到作用。 　　下圖的表單，把填寫信息單獨(dú)作為一個(gè)步驟，用戶大部分時(shí)間都花在了第二步，其實(shí)并沒(méi)有起到多少簡(jiǎn)化表單的作用。 　　第三步，開始填寫時(shí)，我希望填寫的內(nèi)容一目了然（信息布局） 　　填寫表單時(shí)，最好讓用戶自己知道怎么填，所以信息的布局是否一目了然很重要。這一點(diǎn)主要從一下幾個(gè)方面體現(xiàn)： 　　1）信息分類 　　2）信息排布的順序 　　3）優(yōu)先級(jí)的區(qū)分 　　很清楚的傳達(dá)給用戶：基本信息與詳細(xì)信息的區(qū)別；必填與非必填的區(qū)別； 　　再看下面這個(gè)例子：產(chǎn)品屬性與產(chǎn)品名稱等信息沒(méi)有區(qū)分開，而且順序與優(yōu)先級(jí)也不對(duì)，造成用戶困擾。 　　第四步，填寫過(guò)程中，我希望盡量避免不必要的問(wèn)題（內(nèi)容） 　　從商業(yè)的角度來(lái)看，當(dāng)然是用戶填的越多越好，但對(duì)于用戶來(lái)說(shuō)，填寫表單只是為了達(dá)到他的目的，如果能達(dá)到同樣的效果，當(dāng)然是填的越少越好。 　　以上的例子很好的說(shuō)明了什么是讓用戶達(dá)到目的的最基本填寫。其實(shí)上圖中的公司信息，注冊(cè)完成以后有專門的流程讓用戶填寫，沒(méi)有必要一定要放在注冊(cè)流程。 　　第五步，填寫時(shí)以及填寫完，我需要友好的提示和反饋。（引導(dǎo)） 　　這一點(diǎn)對(duì)于用戶是否能完成表單填寫非常重要。比如說(shuō)，很多表單以對(duì)話的形式與用戶交流，以人性化的對(duì)話代替機(jī)械的告知，會(huì)給用戶的心理帶來(lái)些許安慰。 　　反饋傳達(dá)出的是“請(qǐng)去做”的意思 　　反饋傳達(dá)出的是“錯(cuò)誤”的意思 　　如果你是用戶，看到這兩種反饋，你的感受會(huì)有什么樣的區(qū)別呢？ 　　發(fā)布后： 　　我想看下我發(fā)布的東西是否有問(wèn)題，有問(wèn)題的話應(yīng)該怎么辦？ 　　現(xiàn)有的表單是無(wú)法在發(fā)布后給用戶展示效果的，而且發(fā)布后直接進(jìn)入審核，審核結(jié)束之前用戶是無(wú)法修改的，這讓很多用戶頭疼。而且發(fā)布后的體驗(yàn)，直接關(guān)系到下一次的發(fā)布。 　　多站在用戶較多考慮表單填寫的體驗(yàn)，避免信息提交報(bào)錯(cuò)導(dǎo)致的數(shù)據(jù)緩存丟失，或者填寫數(shù)據(jù)保存失敗等問(wèn)題，站在用戶較多，盡量簡(jiǎn)化一些填寫流程和步驟，讓用戶能夠快速便利的完成表單填寫。

網(wǎng)站的表單設(shè)計(jì)要點(diǎn)相關(guān)標(biāo)簽：網(wǎng)站開發(fā)，做網(wǎng)站，網(wǎng)站注冊(cè)，網(wǎng)站建設(shè)

相關(guān)熱點(diǎn)推薦

網(wǎng)站的表單設(shè)計(jì)要點(diǎn) 與用戶體驗(yàn)的這兩年 運(yùn)用什么技巧使用戶喜歡 網(wǎng)站設(shè)計(jì)中程序員和美工 Tab(選項(xiàng)卡)的產(chǎn)品 從精簡(jiǎn)導(dǎo)航談小型網(wǎng)站的 如今虛擬外鏈對(duì)我們的作 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理- 使用框架和滑動(dòng)門技術(shù)進(jìn) 清新的網(wǎng)站設(shè)計(jì)風(fēng)格 網(wǎng)頁(yè)設(shè)計(jì)之視覺(jué)信息傳達(dá) 用戶體驗(yàn)與網(wǎng)頁(yè)界面設(shè)計(jì) 沒(méi)有交互意識(shí)的設(shè)計(jì)師， 企業(yè)網(wǎng)站規(guī)劃和網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站大改版=壯烈的死亡 2016年百度排名的算 網(wǎng)站建設(shè)合同簽訂需要注 人機(jī)交互界面設(shè)計(jì)的三個(gè) 系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗(yàn)中溝通的技巧 迭代的設(shè)計(jì) 網(wǎng)站中視覺(jué)元素的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對(duì) 手機(jī)建站時(shí)容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺(jué)識(shí)別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁(yè)不到首頁(yè) 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡(jiǎn)論 網(wǎng)頁(yè)布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶