close

互聯網表單設計 第四章 標簽(3)右對齊標簽 -網上推廣


右對齊標簽

右對齊標簽同樣具有輸入框與標簽相鄰的優點,因此也能快速填完(圖4.6)。但右對齊布局造成左側不齊,降低快速掃描表單問題的效率。西方人習慣從左往右閱讀,他們的眼睛喜歡沿左側移動。


圖4.6 http://www.flickr.com/photos/rosenfeldmedia/2366428975
右對齊標簽的優缺點。

如果標簽文字寬度變化,右對齊標簽會產生靈活性問題。如果標簽需要兩行文字,掃描表單會更加困難,這種現象相當普遍。

如果要盡量減少表單使用的垂直屏幕空間,右對齊標簽能提供快速完成。Matteo Penzo眼動研究發現(圖4.7),專家用戶和新手掃視(眼睛運動)右對齊標簽表單的標簽和輸入框的平均時間分別為170毫秒和240毫秒,而填完時間比左對齊標簽多兩倍。圖4.8,右對齊標簽布局例子。


圖4.7 http://www.flickr.com/photos/rosenfeldmedia/2367264946
Matteo Penzo右對齊標簽眼動數據。


圖4.8 http://www.flickr.com/photos/rosenfeldmedia/2366429101
LinkedIn網站注冊表單采用右對齊標簽布局。

原文:http://www.yummyux.com/?p=350

 


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()