表單的存在應(yīng)該有助于用戶更好地理解信息，使用戶和產(chǎn)品具有適當(dāng)?shù)膶?duì)話感，而不是強(qiáng)迫性。

本文概述了設(shè)計(jì)師，商人甚至每個(gè)人在表單設(shè)計(jì)方面的一些想法。

表格是我們?nèi)粘Ｉ畹囊徊糠郑f(shuō)實(shí)話，填寫(xiě)表格的經(jīng)驗(yàn)并不友好。無(wú)論是確認(rèn)購(gòu)買(mǎi)機(jī)票還是提交訂單，我們都希望表格可以更加完整。

雖然我們不斷引入新興技術(shù)，機(jī)器人技術(shù)，生物識(shí)別技術(shù)和更多交互式設(shè)計(jì)，但基本框架和表格的存在與以前的論文類(lèi)似。

實(shí)際上，表單需要與用戶交談并指導(dǎo)他們完成整個(gè)過(guò)程。

表單的存在應(yīng)該有助于用戶更好地理解信息，使用戶和產(chǎn)品具有適當(dāng)?shù)膶?duì)話感，而不是強(qiáng)迫性。

同時(shí)，用戶應(yīng)該意識(shí)到指導(dǎo)意識(shí)。當(dāng)他們?cè)谔顚?xiě)過(guò)程中出錯(cuò)時(shí)，良好的表格將指導(dǎo)他們快速糾正錯(cuò)誤信息，并且他們?cè)敢鉃樵O(shè)計(jì)不良的地方提供反饋。

我希望以下3條建議可以幫助您完成工作或網(wǎng)站建設(shè)：

1.盡可能減少用戶操作

在前面的示例中，我們可以看到Airbnb允許用戶使用電子郵件進(jìn)行注冊(cè)，但這僅適用于一小部分人。注冊(cè)過(guò)程中確實(shí)有很多信息是必要的，但我們應(yīng)該盡可能地減少用戶操作。在設(shè)計(jì)過(guò)程中，為了合理地組織表單信息，我一般會(huì)想到以下問(wèn)題：

是否可以將標(biāo)簽重寫(xiě)為包含必要信息的字段？ ——有一個(gè)“全名”字段而不是將其分成“姓”"和“名稱(chēng)”。

客戶可以在其他情況下回憶我們的表格嗎？ （不是上面的表格）

是否可以通過(guò)與相關(guān)負(fù)責(zé)人協(xié)商來(lái)減少標(biāo)簽？ （這很困難，因?yàn)樾枰M(jìn)行數(shù)據(jù)驗(yàn)證）

除非我們有幸能夠通過(guò)社交媒體帳戶登錄或使用Google帳戶登錄登錄我們的表單，否則我們需要考慮這個(gè)“罰款”。方法。安東尼·德· St. Exupery的名言：

“完美的狀態(tài)不是沒(méi)有必要添加任何東西，但它不能被刪除。 ”的

2.考慮一下為什么需要使用特定的表單設(shè)計(jì)風(fēng)格

各種形式的交互設(shè)計(jì)已經(jīng)變得流行，但設(shè)計(jì)過(guò)程的應(yīng)用應(yīng)該有明確的意圖。

動(dòng)態(tài)單表字段設(shè)計(jì)

自然語(yǔ)言設(shè)計(jì)

這些示例中包含的微交互非常有趣，讓用戶微笑并提高轉(zhuǎn)換率。您可以在表單中顯示很多條目，并且有很多相關(guān)的設(shè)計(jì)示例用于文本輸入。這是存儲(chǔ)庫(kù)。

但是你需要清楚你的觀眾，以及這些微觀互動(dòng)是否適合這些場(chǎng)景，當(dāng)然你可以選擇不進(jìn)行互動(dòng)，畢竟，互動(dòng)可能比以前更加復(fù)雜。

3.按照表單流程

這可能是最具挑戰(zhàn)性的，但卻是工作流程中最有價(jià)值的實(shí)踐。設(shè)計(jì)更好的表單不僅停留在元素和組件上，還解決了表單上具有挑戰(zhàn)性（通常不言而喻）的問(wèn)題，以實(shí)現(xiàn)更高的目標(biāo)。

這就像是說(shuō)“我希望我們的客戶能夠盡快注冊(cè)”或“我希望用戶在到達(dá)我們的網(wǎng)站時(shí)創(chuàng)建一個(gè)帳戶”，但當(dāng)他們當(dāng)時(shí)做這些事情時(shí)他們的意思是什么？我們應(yīng)該思考當(dāng)用戶處于特定階段時(shí)需要什么。

考慮您的表單策略以及它如何適合您的整體設(shè)計(jì)將真正有益于您所做的工作，您所在的團(tuán)隊(duì)/組織，以及最重要的用戶體驗(yàn)感受。

我不是表格設(shè)計(jì)專(zhuān)家，但我不斷在設(shè)計(jì)領(lǐng)域進(jìn)行探索和學(xué)習(xí)。

作者：Ken Lee-Sanekata

地址：https://uxplanet.org/3-best-form-design-practices-for-your-design-process-383510b31613

« 0元買(mǎi)新機(jī)器？寧美用戶服務(wù)再次升級(jí)！ | 快遞抄1000元騙了500萬(wàn)后續(xù)跟進(jìn)：因謠言被抓了五天 »