中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在下面的這篇文章中，我們來(lái)看看有助于你設(shè)計(jì)不同可用性表單的10個(gè)最佳實(shí)踐，希望它對(duì)設(shè)計(jì)人員和開(kāi)發(fā)人員都有用，玩得開(kāi)心。

好吧，讓我們開(kāi)始吧！

“表單”是什么意思，它在哪里使用？

通常，表單是一個(gè)帶有標(biāo)簽和字段的框，其中包含一個(gè)號(hào)召性用語(yǔ)按鈕。

以下是網(wǎng)站和應(yīng)用程序的許多部分中使用的表單的一些示例：

• 登錄/注冊(cè)
• 采購(gòu)訂單
• 門(mén)票預(yù)訂
• 房間預(yù)訂
• 付款結(jié)賬
• 通訊訂閱
• 咨詢/審計(jì)請(qǐng)求
• 捐贈(zèng)
• 調(diào)查
• 自定義表格
• ……

那么，如何設(shè)計(jì)一個(gè)用戶友好的表單？

一般來(lái)說(shuō)，表單設(shè)計(jì)為用戶端隱藏了許多困難和痛苦的地方。因此，有必要設(shè)計(jì)一個(gè)用戶友好的表單。

讓我們從討論表單設(shè)計(jì)的兩個(gè)主要規(guī)則開(kāi)始：

首先，表單設(shè)計(jì)的最佳實(shí)踐是做用戶測(cè)試，永遠(yuǎn)不要忽視用戶的意見(jiàn)，即使你不同意。

進(jìn)行用戶測(cè)試有助于找出生活中的小竅門(mén)，比如測(cè)量與表單交互的時(shí)間、檢測(cè)痛點(diǎn)、觀察用戶如何使用界面、他在哪里卡住或找不到必要的元素等等。

執(zhí)行這些活動(dòng)可以幫助初學(xué)者避免表單世界中最大的和無(wú)知的錯(cuò)誤。

技巧1：?jiǎn)瘟胁季?/h3>

避免曲折界面空間布局。通過(guò)眼動(dòng)追蹤測(cè)試可以看出，用戶花費(fèi)更多時(shí)間從一列跳到另一列，并且在確定表單中的特定字段時(shí)遇到了麻煩。

與此相反，單列設(shè)計(jì)只是從上到下的讀取，它創(chuàng)建了與表單的簡(jiǎn)單交互。

具有多列設(shè)計(jì)的表單通常會(huì)導(dǎo)致用戶省略字段，原因很簡(jiǎn)單，因?yàn)樗麄儧](méi)有注意到這些字段，或者因?yàn)樗麄冋`解了多列的含義，或者填寫(xiě)了不相關(guān)或不正確的字段，因?yàn)橛脩魧⑺鼈冋`解為所需輸入的一部分。

單列設(shè)計(jì)更有效

技巧2：完成和對(duì)齊的路徑

巴塞爾大學(xué)的研究人員發(fā)現(xiàn)，左對(duì)齊優(yōu)于中心對(duì)齊是減少完成時(shí)間路徑的最佳方法，如左對(duì)齊，眼睛不需要跳過(guò)頁(yè)面。

標(biāo)簽的正確對(duì)齊方式將注視時(shí)間減少了近一半，這表明這種布局大大降低了用戶完成任務(wù)所需的認(rèn)知負(fù)荷。

曲折的定位需要更多的時(shí)間來(lái)完成

技巧3：對(duì)長(zhǎng)表單和進(jìn)度條使用向?qū)?/h3>

當(dāng)你需要設(shè)計(jì)大數(shù)據(jù)表單時(shí)，確保表單中的所有字段都是真正必要的、唯一的、不重復(fù)的。即使您沒(méi)有機(jī)會(huì)優(yōu)化您的大數(shù)據(jù)表單，也可以使用帶有步驟的向?qū)А?/p>

很簡(jiǎn)單：

1. 分段上的組表單字段；
2. 記住保存按鈕:它保護(hù)用戶處理和填充的數(shù)據(jù)；
3. 分步顯示填充進(jìn)度:幫助用戶了解完成了多少步，還剩下多少步。

向?qū)Ш瓦M(jìn)度條使復(fù)雜的表單變得清晰

技巧4：不要忘記將相關(guān)信息分組

分組形式看起來(lái)有組織，整齊和清晰。因此，將相關(guān)信息以長(zhǎng)格式分組到標(biāo)題或分隔符下。

為什么要將相關(guān)信息分組?

假設(shè)，用戶在填寫(xiě)表單時(shí)想要更改任何特定字段中的內(nèi)容，突然覺(jué)得需要更改任何字段。在這種情況下，分組將幫助用戶快速記住必要字段出現(xiàn)在哪個(gè)部分。

相關(guān)內(nèi)容成組

技巧5：可選而不是必需的

大多數(shù)情況下，所有字段都是必填項(xiàng)，只有幾個(gè)字段是可選的。用星號(hào)標(biāo)記必填字段是一種廣泛的實(shí)踐，但實(shí)際上這種形式開(kāi)始用紅色星號(hào)表示。

順便說(shuō)一句，紅色會(huì)從用戶方面引起負(fù)面關(guān)聯(lián)，因?yàn)榧t色只用于錯(cuò)誤。

在我的經(jīng)驗(yàn)中，有一次在測(cè)試原型時(shí)，用戶問(wèn)我星號(hào)是什么意思？它是書(shū)中的標(biāo)簽還是描述中的標(biāo)簽?

奇怪，不是嗎?我們看到星號(hào)并不適合所有類型的用戶。

為了避免這種誤解，最好使用“僅可選字段”。

對(duì)于非必需字段使用可選標(biāo)簽

技巧6：使用自動(dòng)完成功能

用戶很懶，這是事實(shí)。

所以，當(dāng)你有機(jī)會(huì)讓自己的生活更簡(jiǎn)單時(shí)，他們會(huì)很感激。自動(dòng)填充/自動(dòng)填充使表單完成速度提高30％。因此，分析可以自動(dòng)填充/自動(dòng)填充的表單元素。

為了給您一個(gè)想法，可以自動(dòng)完成城市，國(guó)家，電話，電子郵件等元素。

自動(dòng)完成功能可以簡(jiǎn)化用戶的生活

技巧7：自定義輸入格式

注意輸入字段格式。在任何地方只使用簡(jiǎn)單的輸入或下拉框都是不好的做法。

字段類型是否更多并不重要，用戶喜歡數(shù)據(jù)字段的不同表示形式。

表示吸引人的信息的最簡(jiǎn)單方法是：

1. 為性別類型使用單選按鈕，不要害怕使用圖標(biāo)；
2. 金融領(lǐng)域使用帶有貨幣文字的標(biāo)簽，自動(dòng)區(qū)分千萬(wàn)和百萬(wàn)；
3. 設(shè)計(jì)手機(jī)號(hào)碼、工作日、日期等明顯字段；
4. 使用帶有自動(dòng)提示功能的高級(jí)搜索，避免用戶手工填寫(xiě)許多字段。

嘗試對(duì)數(shù)據(jù)字段進(jìn)行不同的修改

此外，永遠(yuǎn)不要忘記關(guān)于輸入格式的規(guī)則：

1. 字段的長(zhǎng)度提供答案的長(zhǎng)度；
2. 電子郵件字段驗(yàn)證；
3. 盡可能多地預(yù)填充/自動(dòng)檢測(cè)；
4. 最小/最大長(zhǎng)度；
5. 數(shù)字、字母、字母數(shù)字，所有符號(hào)；
6. 依賴性；
7. 占位符。

技巧8：CTA（call to action）風(fēng)格規(guī)則

用戶不應(yīng)該花很多時(shí)間去弄清楚應(yīng)該使用哪個(gè)按鈕來(lái)執(zhí)行一個(gè)操作。例如:這個(gè)按鈕是用于提交表單還是丟棄表單?

因此，確保在表單中正確定義和區(qū)分主按鈕和輔助按鈕。

你可以簡(jiǎn)單地使用不同的顏色。避免主按鈕和輔助按鈕使用相同的顏色，因?yàn)樗鼈儠?huì)誤導(dǎo)用戶，或者使用對(duì)比色來(lái)區(qū)分它們。

在主按鈕和輔助按鈕之間進(jìn)行分隔

技巧9：CTA縮微

為CTA按鈕使用簡(jiǎn)短而清晰的名稱。這個(gè)按鈕的主要目的是吸引用戶的注意，并讓他們采取必要的行動(dòng)。當(dāng)它簡(jiǎn)短而清晰時(shí)，閱讀的時(shí)間就會(huì)減少，完成的時(shí)間也會(huì)減少。

簡(jiǎn)短意味著清晰

技巧10：使用內(nèi)聯(lián)表單字段驗(yàn)證

永遠(yuǎn)不要忽視表單驗(yàn)證的設(shè)計(jì)!不要把它放在開(kāi)發(fā)人員的肩上。它是各種形式功能中最重要的部分。

作為設(shè)計(jì)人員，你必須為不同類型的錯(cuò)誤狀態(tài)準(zhǔn)備文本和視圖、幫助文本以及其他與用戶通信的方法?；〞r(shí)間驗(yàn)證微縮本。如果沒(méi)有為每種類型的錯(cuò)誤準(zhǔn)備文本的資源，請(qǐng)考慮全局錯(cuò)誤副本。

圖片來(lái)源：網(wǎng)絡(luò)

永遠(yuǎn)記住，當(dāng)你為錯(cuò)誤消息準(zhǔn)備一個(gè)文本列表時(shí)，永遠(yuǎn)不要因?yàn)橛脩舻腻e(cuò)誤而責(zé)怪他。相反，要確保你傳達(dá)的信息是清晰的、切題的。

重點(diǎn)是，用戶數(shù)據(jù)需要實(shí)時(shí)驗(yàn)證。不要讓您的用戶填寫(xiě)所有字段，然后單擊submit按鈕以了解有什么地方出錯(cuò)了。

不要強(qiáng)迫用戶找出錯(cuò)誤

總結(jié)

為了使您的表單設(shè)計(jì)更加出色，讓我們避免以下內(nèi)容：

1. 復(fù)雜的消息；
2. 提交后進(jìn)行全局驗(yàn)證；
3. 字段的長(zhǎng)標(biāo)題；
4. CTA按鈕的長(zhǎng)名稱；
5. 未分組信息；
6. 丟棄自我暗示/自動(dòng)完成；
7. 一頁(yè)無(wú)止盡的字段；
8. 對(duì)所有內(nèi)容使用一種輸入格式；
9. 容易忽視(色盲)；
10. 采用多欄設(shè)計(jì)；
11. 在字段中使用標(biāo)簽而不是占位符；
12. 容易混淆完成路徑；
13. 避免用戶測(cè)試；
14. 不要使用建議和指南。

所以，繼續(xù)考慮你的新表單設(shè)計(jì)，并祝你好運(yùn)！

作者：Chris，公眾號(hào)（ID：LDesign1）

本文由@Chris 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash， 基于CC0協(xié)議