表單設計中標籤的佈局方式有哪些

表單設計的標籤本質上是一個與用戶對話的起點,瞭解表單設計的標籤的設置規則後,需要關注標籤的佈局方式,因爲網頁表單設計是影響用戶如何回答問題的關鍵。表單設計標籤的佈局方式主要包含三種,測試數據展示,用戶耗時從少到多的分別是頂對齊標籤、右對齊標籤、左對齊標籤。下面介紹表單設計中標籤的佈局方式有哪些?
表單設計中標籤的佈局方式有哪些
1、頂對齊標籤

表單設計的頂對齊的佈局方式,標籤和輸入框的位置非常靠近,是用戶閱讀和填寫的時間話費少,頂對齊標籤爲填寫表單提供了清晰的完成路徑,比左對齊標籤方式快。此外,頂對齊標籤還提供了大量的橫向空間,在擴大或者收縮標籤文字時,不會對整個頁面佈局產生負面影響,非常適用於長標籤或者跨文化的本地化場景,例如英文切換至法語、荷蘭語等比前者長兩倍的語言情況。

2、右對齊標籤

表單設計的右對齊標籤同樣具有輸入框與標籤相鄰的優點,但容易造成左側不齊,會相對降低閱讀表單問題的效率,如果出現標籤文字寬度變化,右對齊標籤方式還會產生靈活性問題。根據基本原則,在設置表單設計標籤的時候,我們應當從用戶真正關心的問題內容和用戶是否需要回答問題這兩個維度來考量標籤,儘量讓用戶少回答問題,並且是在合適的場景下回答合適的問題。

3、左對齊標籤

表單設計的三種對齊方式中,左對齊表單的填寫速度慢。因爲某些長標籤經常會增加標籤和輸入框之間的距離,用戶也經常進行“上上下下”式地閱讀標籤,不會被輸入框打斷,直到發現輸入框和標籤之前的聯繫。儘管表單設計的左對齊標籤方式需要用戶完成的時間較長,但如果需要用戶放慢閱讀速度並仔細思考表單中的每個輸入框,這倒不失爲一個好辦法。

表單設計除了這三種主要的佈局方式之外,偶爾也會看到輸入框內的標籤佈局方式。如果屏幕空間寶貴,口碑好的表單設計可以考慮將標籤和輸入框組合成這種單一的用戶界面元素。需要考慮的是對於不明顯的問題不建議採用輸入框內標籤,因爲用戶往往需要參考標籤來進行回答。、

其它感興趣內容可到東軟平臺產品官網瞭解https://platform.neusoft.com/allproducts/dataviz/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章