HOWTO系列:如何創(chuàng)建好的網(wǎng)站表單?

2023-03-09    分類: 網(wǎng)站建設(shè)

【編者按】網(wǎng)站怎么做?這可能是客戶向網(wǎng)站設(shè)計(jì)師提出來的問題,因?yàn)橥庑胁欢畠?nèi)行。這也可能是設(shè)計(jì)師向自己提出來的問題,因?yàn)槊恳粋€(gè)客戶都不同,不同的客戶需要不同的解決方案。為了答疑客戶、為了點(diǎn)撥設(shè)計(jì)師,創(chuàng)新互聯(lián)推出“HOW TO”系列文章。
表單可以一定程序上證明歐美人“懶”。當(dāng)歐美用戶訪問一個(gè)企業(yè)網(wǎng)站,他們習(xí)慣于采用“填表-提交”的方式與企業(yè)聯(lián)系,讓企業(yè)主動(dòng)去聯(lián)系自己,而不是自己主動(dòng)聯(lián)系企業(yè)。所以,國內(nèi)企業(yè)網(wǎng)站多喜歡使用在線聊天替代表單,但是歐美企業(yè)網(wǎng)站,幾乎都有表單。

網(wǎng)站表單

由于表單更被谷歌所接受,所以,一些外貿(mào)網(wǎng)站,還是希望網(wǎng)站有表單。好的表單,是可以增加填單數(shù)量的。所以,表單設(shè)計(jì)是值得去思考的。
如何為企業(yè)網(wǎng)站設(shè)計(jì)出“好的表單”呢?我們提供五點(diǎn)建議,僅供參考。
“錯(cuò)題本”
失敗是成功之母?;ヂ?lián)網(wǎng)中有很多糟糕的表單制作案例。在制作網(wǎng)頁表單之前,先對(duì)這些案例進(jìn)行學(xué)習(xí)和回顧,避免自己制作的表單犯下同樣或者相似的錯(cuò)誤。
語言簡潔
表單設(shè)計(jì)以及提示,都應(yīng)該言簡意賅,讓訪客一眼即知道填寫什么內(nèi)容。
例如,很多表單中都有填寫“姓名”的空格。在表單提示上如果是“姓名”,讓讓訪客產(chǎn)生疑惑——是填寫真實(shí)姓名還是稱呼,或者昵稱。如果訪客認(rèn)為是填寫“真實(shí)姓名”,會(huì)有隱私受到侵犯的感覺,可能會(huì)放棄填寫。所以,表單的提示可以調(diào)整為“聯(lián)系人稱呼”或者“稱呼”等。
A/B測試
如果設(shè)計(jì)人員對(duì)表單的問題、顏色、問題等“拿不準(zhǔn)”,或者多人體驗(yàn)之后,分歧較大??梢赃M(jìn)行A/B測試。AB兩個(gè)表單需要拉開一定的差距,例如,A表單力求簡潔、簡單,B表單就需要適當(dāng)?shù)卦黾觾?nèi)容。
盡量少打字
盡量讓用戶少打字有兩個(gè)理由。
其一,用戶都是懶人。當(dāng)他們想表達(dá)統(tǒng)一內(nèi)容的時(shí)候,有人提供了答案和“自己打字寫出答案”,一般都會(huì)選擇前者。所以,如果表單中有日期、時(shí)間等項(xiàng)目,要提供選項(xiàng)而不是讓用戶打字。
其二,手機(jī)不適合打字。屏幕和虛擬鍵盤較小面積,都不太適合用戶打字。況且,如果用戶打字錯(cuò)誤而導(dǎo)致無法提交表單,更用戶沮喪,用戶可能會(huì)直接放棄。
讓用戶專注
如果你的目標(biāo)是希望用戶能夠在線填寫一份表單,那么,你就要避免對(duì)用戶造成打擾。如動(dòng)畫、燈箱和大段文字,就不應(yīng)該出現(xiàn)在表單的周圍。保持用戶眼前的內(nèi)容最少。
用顏色說話
顏色可以讓人平靜下來。
所以,如果有一個(gè)長長的表單,需要用戶填寫。就需要非常注重顏色的搭配。包括表單頁面的背景顏色、填寫框顏色、字體顏色、按鈕顏色等等。
根據(jù)我們的經(jīng)驗(yàn),表單的頁面顏色以淺色為主,如淺藍(lán)色、淺紅色等等,過于艷麗的顏色,會(huì)使人產(chǎn)生急躁的感受。
優(yōu)化“發(fā)送”按鈕
當(dāng)網(wǎng)站的設(shè)計(jì)者花費(fèi)了大量的時(shí)間來設(shè)計(jì)表單、設(shè)計(jì)框架、設(shè)計(jì)問題、設(shè)計(jì)顏色,但是在最終的“發(fā)送”按鈕上漫不經(jīng)心,顯然是失策的。
舉一個(gè)簡單的例子,在UX設(shè)計(jì)工作中,如按鈕文字“提交反饋”就比“發(fā)送”要更溫暖;再例如,發(fā)送之后,如果能夠跳出相應(yīng)的響應(yīng)頁面,會(huì)讓用戶更為安心。
如上,便是我們在網(wǎng)站設(shè)計(jì)過程中,總結(jié)出來的創(chuàng)建表單的經(jīng)驗(yàn)之談,可供參考。

分享題目:HOWTO系列:如何創(chuàng)建好的網(wǎng)站表單?
網(wǎng)站URL:http://muchs.cn/news2/242752.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)營銷型網(wǎng)站建設(shè)、網(wǎng)站營銷、外貿(mào)建站、ChatGPT電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站