不要再做又臭又長的表單,鬼都懶得填

最能嚇跑使用者的東西之一就是又臭又長的表單。

讓使用者可以更快、更容易填完表單的方法之一,就是使用統一的表格,而不是分散的表格。統一欄位的表格會大幅降低其中的下拉式選單、切割的空位等,讓版面更加清爽。版面清爽了,填表就越快、越簡單。這是因為使用者需要做的事情變少了。

本圖表中英文及數字字型使用信黑體

  • 我不想當鍵盤跳房子好手,我只想快點填完這個表

當表單上有一大堆分散的空格要填,我們必須寫完 A 再用滑鼠點 B,填完 B 再用滑鼠點 C,填完 C 之後再點 D……,許多分散的空格造成讓這樣先點再填的動作,跟跳房子一樣,手要頻繁地在滑鼠、鍵盤上跳來跳去,減慢整體填表的速度。

這種表格形式讓使用者陷在一種「停頓、寫、再停頓、再寫」的 tempo 中,但其實心裡面構思語句的速度總是比這種節奏還快,因此我們常常會搖頭嘆息道「好煩喔,為什麼不要一次全都給我上呢?」

高手可能會說:「啊是不會用 tab 切換欄位嗎?」

是,但基本上還是會經歷上述的斷裂 tempo。而且,並非所有人都知道可以用 tab 切換,許多人只會用滑鼠點,製造更多不必要的動作,令過程更慢、令人不耐。

若採用統一而非分散的表格,可以讓使用者專注在填表上,而不是在其他動作上。

  • 統一表格的四個好處

1. 免去下拉式選單的困擾

他們填表時,不需要讓手離開鍵盤,再用滑鼠拉選單,只用鍵盤的使用者,也不用再一直按 ↓ 來選擇;統一表格讓使用者花的時間與精神大幅降低。

2. 使用者更專注

當你使用垂直置中的表格時,使用者的視線就只需要專注在一條垂直的方向上;相反的,當表單採用分散欄位的時候,使用者的視線會一下垂直、一下水平地跳來跳去,這表示使用者必須手眼協調並用,讓填表速度更慢。

3. 還是能有你想要的

統一表格的另一個好處是,可以讓使用者的資料,在不犧牲易用性與填寫速度的前提下,以你希望的格式呈現。

很多表格逼迫使用者配合填寫許多分散的欄位,才能讓資料以理想中的格式呈現,而統一的格式只不過就是把這些分散的欄位,整合在一起,但卻能讓使用者以理想的方式輸入資料,同時免除過度的切換。

4. 有更清楚的提示

同樣的,整合的文字欄位可以提示使用者如何填寫。

利用框框內的提示字樣,使用者可以在一開始就清楚看到自己應該用什麼格式輸入。使用者常常會忽略寫在旁邊的提示文字,因為那整個與背景、標題完美相容,容易讓人忽略。但是,提示如果寫在欄位裡,又以簡單、垂直的方向排列,這麼一來,提示就容易被發現、遵守,使用者填寫起來就比較容易了,你也可以比較快得到品質良好的資訊。

  • 統一表格當然好,但個案總有差異

綜合以上,使用統一的表單有許多好處,但有個重點是,你無法整合所有種類的空格、欄位。

上面的 demo 只是顯示一些常見的問題,這些問題比較容易被整合。如果這份表單的目的是要求填表效率與使用的方便程度,統一的表格正好可以達到這種要求。個案之間總有差異,但統一的表格還是一個值得參考、測試的新方法。

(資料來源:UX Movement