當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 理論文摘 > 正文

創(chuàng)建Web表單設(shè)計(jì)時(shí)需要考慮的10件事

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


6
評論區(qū)(0)
正在加載評論...