表單設計中標簽的布局方式有哪些
阿新 • • 發佈:2019-02-21
1.5 口碑 活性 分享 容易 form log products 出現 表單設計的標簽本質上是一個與用戶對話的起點,了解表單設計的標簽的設置規則後,需要關註標簽的布局方式,因為網頁表單設計是影響用戶如何回答問題的關鍵。表單設計標簽的布局方式主要包含三種,測試數據展示,用戶耗時從少到多的分別是頂對齊標簽、右對齊標簽、左對齊標簽。下面介紹表單設計中標簽的布局方式有哪些?
1、頂對齊標簽
1、頂對齊標簽
表單設計的頂對齊的布局方式,標簽和輸入框的位置非常靠近,是用戶閱讀和填寫的時間話費少,頂對齊標簽為填寫表單提供了清晰的完成路徑,比左對齊標簽方式快。此外,頂對齊標簽還提供了大量的橫向空間,在擴大或者收縮標簽文字時,不會對整個頁面布局產生負面影響,非常適用於長標簽或者跨文化的本地化場景,例如英文切換至法語、荷蘭語等比前者長兩倍的語言情況。
2、右對齊標簽
表單設計的右對齊標簽同樣具有輸入框與標簽相鄰的優點,但容易造成左側不齊,會相對降低閱讀表單問題的效率,如果出現標簽文字寬度變化,右對齊標簽方式還會產生靈活性問題。根據基本原則,在設置表單設計標簽的時候,我們應當從用戶真正關心的問題內容和用戶是否需要回答問題這兩個維度來考量標簽,盡量讓用戶少回答問題,並且是在合適的場景下回答合適的問題。
3、左對齊標簽
表單設計的三種對齊方式中,左對齊表單的填寫速度慢。因為某些長標簽經常會增加標簽和輸入框之間的距離,用戶也經常進行“上上下下”式地閱讀標簽,不會被輸入框打斷,直到發現輸入框和標簽之前的聯系。盡管表單設計的左對齊標簽方式需要用戶完成的時間較長,但如果需要用戶放慢閱讀速度並仔細思考表單中的每個輸入框,這倒不失為一個好辦法。
表單設計除了這三種主要的布局方式之外,偶爾也會看到輸入框內的標簽布局方式。如果屏幕空間寶貴,口碑好的表單設計可以考慮將標簽和輸入框組合成這種單一的用戶界面元素。需要考慮的是對於不明顯的問題不建議采用輸入框內標簽,因為用戶往往需要參考標簽來進行回答。、
其它感興趣內容可到東軟平臺產品官網了解https://platform.neusoft.com/allproducts/dataviz/
表單設計中標簽的布局方式有哪些