當(dāng)你訪問(wèn)一個(gè)網(wǎng)站時(shí),你會(huì)注意到有一些表格可以讓你輸入一些關(guān)于你自己的信息。擁有web表單對(duì)于每個(gè)網(wǎng)站都是至關(guān)重要的,因?yàn)樗谟脩?hù)和站點(diǎn)之間創(chuàng)建了交互。它還可以幫助創(chuàng)建有效的轉(zhuǎn)換,這可以作為整個(gè)站點(diǎn)成功的基準(zhǔn)。人們花時(shí)間在網(wǎng)站上填寫(xiě)表格。因此,我們必須確保有一個(gè)良好的用戶(hù)體驗(yàn),以不浪費(fèi)用戶(hù)的時(shí)間。其中一部分是考慮創(chuàng)建web表單設(shè)計(jì)所需的一些元素。既然網(wǎng)站需要這個(gè),那么所有的設(shè)計(jì)師都應(yīng)該注意到這一點(diǎn)。因此,今天,我們將為您列出在創(chuàng)建web表單設(shè)計(jì)時(shí)需要考慮的一些事情。此外,請(qǐng)查看下面每個(gè)項(xiàng)目的一些示例:
1。知道使用什么。當(dāng)然,在你開(kāi)始工作之前,它總是會(huì)從你如何創(chuàng)建網(wǎng)站表單開(kāi)始,就像一個(gè)聯(lián)系人表單一樣。試著評(píng)估一下什么最適合你。選擇您最熟悉的編碼語(yǔ)言,然后使用它。還要試著知道哪一種方法更有效,能給你所需的那種形式。你必須知道如何使你的設(shè)計(jì)工作。如果你不知道怎么做,那就找一個(gè)能幫忙的人。
2. 是創(chuàng)造性的。樹(shù)屋編輯并不意味著僅僅因?yàn)槟阍谠O(shè)計(jì)一個(gè)網(wǎng)站表單,你就被限制在那些你的用戶(hù)必須輸入的東西上。一定要讓它看起來(lái)有趣、誘人。給它一點(diǎn)樂(lè)趣,它會(huì)看起來(lái)更友好。通過(guò)創(chuàng)建顯示相同個(gè)性的設(shè)計(jì),讓您的web表單顯示為整個(gè)站點(diǎn)的一部分。您可以放置一些插圖和其他元素,使它看起來(lái)令人興奮。
3.使用簡(jiǎn)單的語(yǔ)言。為避免混淆,請(qǐng)使用簡(jiǎn)單的語(yǔ)言。讓他們清楚地理解你的要求。不要使用那些會(huì)讓他們思考很多或者會(huì)讓他們跳過(guò)那部分的單詞,因?yàn)樗麄儾荒芾斫馑?。另外,如果你的讀者聽(tīng)不懂你的話,他們可能不會(huì)給你提供你需要的信息。所以,開(kāi)門(mén)見(jiàn)山,簡(jiǎn)單明了。
4. 使其易于管理。如果你需要大量的信息,不要讓你的表格看起來(lái)太大,很難填寫(xiě)。只要看一眼,用戶(hù)就會(huì)認(rèn)為他們將花費(fèi)大量的時(shí)間來(lái)填寫(xiě)表單。因此,您應(yīng)該將它分成幾個(gè)部分,使其看起來(lái)易于管理。這樣,表單就會(huì)看起來(lái)簡(jiǎn)單而有條理。您的用戶(hù)將不會(huì)有困難填寫(xiě)您所要求的信息。
5. 組織它。務(wù)必把你要的信息安排妥當(dāng)。不要把空白表格散開(kāi)。確保你仔細(xì)選擇了要問(wèn)的問(wèn)題,并把相關(guān)信息放在彼此附近。比如,在電子郵件地址之前先問(wèn)名字總是合適的。調(diào)查你要問(wèn)的每一個(gè)信息的相關(guān)性。
6. 提示用戶(hù)錯(cuò)誤。同樣重要的是,您要通知用戶(hù),他們?cè)谔顚?xiě)表單時(shí)犯了一些錯(cuò)誤。如果他們跳過(guò)了一些項(xiàng)目或放置了一些錯(cuò)誤,您可以通過(guò)驗(yàn)證信息來(lái)幫助用戶(hù)。這對(duì)你來(lái)說(shuō)也是一個(gè)優(yōu)勢(shì)。web開(kāi)發(fā)人員有一些特定的方法可以做到這一點(diǎn)。
7. 保護(hù)用戶(hù)的數(shù)據(jù)。即使用戶(hù)在輸入數(shù)據(jù)時(shí)犯了錯(cuò)誤,也要確保保存了正確的其他信息。當(dāng)用戶(hù)不得不再次填寫(xiě)表單時(shí),他會(huì)感到惱怒。有些人在填寫(xiě)表格時(shí)真的很不耐煩。所以,一定要把這個(gè)作為你的網(wǎng)站表格。
8. 清楚輸入字段。你的用戶(hù)不應(yīng)該混淆他們已經(jīng)填充或互動(dòng)的領(lǐng)域。讓你的空格足夠清晰,并與標(biāo)簽對(duì)齊。此外,如果提示錯(cuò)誤,請(qǐng)確保它指向錯(cuò)誤發(fā)生的正確框或空格。這將使它更容易和舒適的用戶(hù)。
9. 使用易讀的字體。當(dāng)然,因?yàn)橛脩?hù)將閱讀您表單中的內(nèi)容,所以應(yīng)該使用易于理解的字體樣式。還要確保大小對(duì)讀者是可讀的。不要給他們一個(gè)艱難的時(shí)間閱讀你的網(wǎng)站表格,否則,他們可能不會(huì)堅(jiān)持填寫(xiě)它。不要使用花哨的字體,使用正確的顏色組合可以突出文本。使用clear end按鈕。填寫(xiě)完表格后,確保在最后有一個(gè)確認(rèn)按鈕,告訴用戶(hù)他們最終完成了歸檔。確保按鈕有清晰的語(yǔ)言。