表單設計的標簽本質上是一個與用戶對話的起點晌姚,了解表單設計的標簽的設置規(guī)則后粤剧,需要關注標簽的布局方式,因為網頁表單設計是影響用戶如何回答問題的關鍵挥唠。表單設計標簽的布局方式主要包含三種抵恋,測試數據展示,用戶耗時從少到多的分別是頂對齊標簽宝磨、右對齊標簽弧关、左對齊標簽。下面介紹表單設計中標簽的布局方式有哪些唤锉?
1世囊、頂對齊標簽
表單設計的頂對齊的布局方式,標簽和輸入框的位置非沉椋靠近株憾,是用戶閱讀和填寫的時間話費少,頂對齊標簽為填寫表單提供了清晰的完成路徑晒衩,比左對齊標簽方式快嗤瞎。此外,頂對齊標簽還提供了大量的橫向空間听系,在擴大或者收縮標簽文字時贝奇,不會對整個頁面布局產生負面影響,非常適用于長標簽或者跨文化的本地化場景靠胜,例如英文切換至法語掉瞳、荷蘭語等比前者長兩倍的語言情況。
2浪漠、右對齊標簽
表單設計的右對齊標簽同樣具有輸入框與標簽相鄰的優(yōu)點陕习,但容易造成左側不齊,會相對降低閱讀表單問題的效率郑藏,如果出現標簽文字寬度變化衡查,右對齊標簽方式還會產生靈活性問題。根據基本原則必盖,在設置表單設計標簽的時候拌牲,我們應當從用戶真正關心的問題內容和用戶是否需要回答問題這兩個維度來考量標簽俱饿,盡量讓用戶少回答問題,并且是在合適的場景下回答合適的問題塌忽。
3拍埠、左對齊標簽
表單設計的三種對齊方式中,左對齊表單的填寫速度慢土居。因為某些長標簽經常會增加標簽和輸入框之間的距離枣购,用戶也經常進行“上上下下”式地閱讀標簽,不會被輸入框打斷擦耀,直到發(fā)現輸入框和標簽之前的聯系棉圈。盡管表單設計的左對齊標簽方式需要用戶完成的時間較長,但如果需要用戶放慢閱讀速度并仔細思考表單中的每個輸入框眷蜓,這倒不失為一個好辦法分瘾。
表單設計除了這三種主要的布局方式之外,偶爾也會看到輸入框內的標簽布局方式吁系。如果屏幕空間寶貴德召,口碑好的表單設計可以考慮將標簽和輸入框組合成這種單一的用戶界面元素。需要考慮的是對于不明顯的問題不建議采用輸入框內標簽汽纤,因為用戶往往需要參考標簽來進行回答上岗。、
其它感興趣內容可到東軟平臺產品官網了解https://platform.neusoft.com/allproducts/dataviz/