好的表單設計依循什麼規則?(如何設計乙份使用者體驗好的表單)

時間 2021-05-30 21:06:53

1樓:丫丫

只需要考慮兩個問題:

我們通過表單想得到使用者哪些資訊?

使用者當前操作需要哪些資訊才能完成?

根據我們得到的問題,參考卡羅琳賈勒特提出的「保留,刪減,延遲,解釋」四大策略形成更好的問題。

保留:你問的就是使用者想要的,那麼留下這些問題刪減:並不需要通過使用者填寫得到答案的,我們可以通過使用者其他資訊推斷出來,或者不必要的問題刪掉,減少我們的工作量,減少使用者填表的時間

延遲:並不需要馬上得到答案的,延遲到合適的時間在合適的位置填寫解釋:涉及到敏感資訊或者使用者個人隱私的,但我們必須要的資訊,向使用者解釋為什麼需要,對使用者有什麼好處

個人無法考慮到的,金資料會有海量的模版直接給你,任你挑選

2樓:簡道雲

開始設計表單之前,先考慮兩個問題:

我們通過表單想得到使用者哪些資訊?

使用者當前操作需要哪些資訊才能完成?

這一步是為了初步確定表單內容。保留:保留必要資訊問題,如果你問的就是使用者想要的,這些問題也留下

刪減:要明確表單填寫的目的,剔除掉非緊急必要的資訊

延遲:有些問題不需要馬上獲得答案,可以在之後引導使用者完善

解釋:涉及到敏感資訊或者使用者個人隱私的,但我們必須要的資訊,向使用者解釋為什麼需要,對使用者有什麼好處

我們通過分析得到相對合理的問題後,就要考慮問題之間的邏輯性,保證填寫流暢。讓問題保持直觀的順序——應當站在使用者的角度按照邏輯提問題,而非按照程式或者資料庫的邏輯。如果問題之間沒有邏輯存在,那麼可以按照字母順序來排布。

以直覺的順序組織選項——時刻反思從使用者那裡獲得的資訊是否必要,如何使用。這樣做是為了消除不必要的選項,提公升完成率。

要記住:表單是同使用者進行溝通的語言。和任何對話一樣,它應當以符合邏輯的方式幫助雙方完成交流。

當然,在填寫表單時,使用者的猶豫是不可避免的,我們應當盡量讓這個過程變的便捷而輕鬆。

在下一步我們要做的,就是減少待輸入欄位和工作量。

為了快速採集,乙個客戶跟進表單,包含了「時間選項」「姓名選項」,並對每個選擇框進行單獨設計。

經過以上步驟,我們基本可以發現——好的表單以三個目標為指導:

減少使用者操作減少使用者思考減少操作失誤

這三個目標,也可作為表單設計的參考原則。

總而言之,乙個高度有針對性的表單設計,具備:貼心細緻的細節和體驗,堅持不懈的改良和調整,高效快速的提交,順暢的流程轉換,這些才是優秀表單應有的樣子。

以上內容由簡道雲整理提供。

簡道雲的2分鐘自我介紹

進入官網,立即體驗:簡道雲官網

3樓:順其自然吧疾風

太專業的俺也回答不上來,反正我覺得簡單的,可以有現成模板的,快速間接的,那就是最好的。我所接觸過的一款表單設計專家軟體頃刻應用,他就解決了我當時犯難的問題,如何迅速地製作乙份老闆需要的簽到表單。我在上面找到合適的表單,還能配圖,讓老闆覺得我在短期內很用心很花功夫的去玩成這件事情。

4樓:陳崢崢

表單內容展示方式標籤的位置提交按鍵的位置表單內容的排列表單文案的設計

下圖為表單設計的思維導圖

表單設計思維導圖)

表單內容展示方式

**1.全部展示**

用乙個介面將所有資訊展示的方式,可以提高查詢資訊的效率,但是使用者一次性閱讀和理解資訊的壓力比較大,容易造成跳出率高

**2.分組展示**

分組展示,首頁簡介清晰,分類明確,將填寫資訊隱藏到下一級,但是使用者填寫時需來回跳轉,操作的負荷比較大,容易把使用者繞暈。

**3.分步展示**

分布操作,可以讓使用者掌握操作的程序,乙個頁面的資訊量也比較少,但是返回修改資訊的成本比較高

標籤的位置

**1.標籤在左邊**

標籤置於頂部對介面尺寸的要求比較高,以手機螢幕為例,將標籤放在左邊會使得右側輸入框的尺寸縮小,在一些場景下會導致輸入框無法將資訊展示完整

**2.標籤在頂部**

將標籤放在頂部的方式可以讓輸入框獨佔一行,使得資訊的展示更加完整,但是在同一屏只能展示更少的列表

**3.標籤在內部**

行內標籤有助於節省移動端的頁面空間,但是在輸入的時候,標籤無法看到,容易造成輸入錯誤

提交按鍵的位置

**1.提交按鍵在頂部**

表單需要輸入內容區不會被鍵盤覆蓋,但是操作按鍵如果放在內容區則被覆蓋的時候,

**2.提交按鍵在內容區底部**

**3.提交按鍵懸浮**

必填內容超過一屏且沒有文字輸入或者操作按鍵非常重要的時候,建議可使用底部懸浮按鍵

表單內容的排列

**1.盡量使用單排設計**

單排列表可以降低干擾,提高閱讀效率,減少視覺的移動

**2.頂部標籤對齊**

頂部標籤對齊,有助於高效閱讀,減少視線的移動

**3.關聯標籤和輸入框**

讓標籤靠近相關聯的輸入框,讓不同的分組保持一定的距離,減少使用者的迷惑

**4.核取方塊保持縱向排列**

縱向排列核取方塊讓使用者可以更快的掃視內容,便於進行選取。

**5.輸入內容和輸入框長度接近**

當輸入內容的長度可預知的時候,輸入框長度要和輸入內容的長度相關,可減少輸入內容和輸入框長度不匹配帶來的疑惑。

**6.注意分組**

對表單內容按照一定的邏輯進行組合和分組,有助於降低使用者獲取資訊的難度,提高閱讀的效率

**7.不問不需要問和不該問的問題**

填寫最主要的資訊,減少使用者成本,有助於提高提交成功率

表單文案的設計

**1.避免字母全大寫**

全部字母大寫不利於閱讀和掃視內容。

**2.表述清晰的行動召喚按鍵**

**3.不要隱藏基本的幫助文案**

將基本的幫助文字直接展示出來,除非你的幫助文字超過100個單詞,資訊量過大。如果幫助文字內容過長,建議置於靠近標籤或者輸入框的地方,游標懸停時展示。

**4.輸入錯誤之後不要急於清空**

很多場景下使用者只是輸入錯了一部分,保留輸入內容有助於使用者思考和減少輸入成本

**5.區分主次操作**

對操作進行區分,根據業務目標和使用場景,突出想引導使用者的操作

**6.正確區分選填字段和必填字段**

用「*」標誌或者文案來說明表單中哪些內容是選填的哪些內容是必填的(使用「*」的話請說明是表示必填還是非必填)

**7.減少輸入內容**

(1)運用滑塊

運用滑塊可以代替使用者輸自己入數字,減少使用者的輸入成本

(2)自動補充多餘內容

(3)設定預設值

合理的預設值可以節省使用者的操作時間。

5樓:人跟人

3、使用者試圖同時進行兩個矛盾的操作無論是誰引起的,每一種錯誤對於使用者而言,都會成為一種阻礙。好在,設計良好的錯誤處理能減少這種阻礙。

如何做乙份好的角色設計?

關於使用者角色 Persona 的目的和方法,8HPencil 和 楊正寅 同學說的是對的。不過鑑於Persona是乙個很容易被誤用的方法。所以我還是就其實際使用來補充若干個點,或者坑 1.首先是最基本的點 Persona的使用有隱含的心理前提。事實上,persona產生的本因,是因為虛擬產品的設計...

怎樣設計乙份好的調查問卷?

漫嫂 首先從問卷名開始,不要寫什麼調查問卷,列如我們可以說大學生就業走向!問題一般在20 30個左右,設計問題的時候要注意給人一種 安全感 不要給人一種被盤問的方式。推廣方面我們可以從線上和線下2種方面,這完全取決於你針對的人群,如果是學生,可以去學校找老師溝通,這樣比較速度。如果人群比較散,我建議...

如何獲得乙份兼職平面設計的工作?

客觀來說,只會ps完全不能勝任設計工作,至少要會ps,ai,cdr這三個。當然。你現在是高中生,會個特長總比什麼特長都不會強很多的。 hippoforkiss 很多同學都產生過這樣的想法 平時對平面設計有興趣,想利用自己的一點小特長賺點小錢。但書籍裝幀設計的工作目前並不適合你,書作為商品是準備拿出去...