|
令人糾結(jié)的表單設(shè)計(jì)——水平選項(xiàng) Or 垂直選項(xiàng)？
在Luke Wroblewski的《Web 表單設(shè)計(jì)：點(diǎn)石成金的藝術(shù)》中，提到了一些非常有用的表單設(shè)計(jì)原則。
其中我最感興趣的部分是水平選項(xiàng)（tab）與垂直選項(xiàng)（tab）的對(duì)比。
水平tab：
水平tab指的是把選項(xiàng)tab水平放置在面板上方。不僅顯示了一組初始選項(xiàng)，而且還具有強(qiáng)調(diào)當(dāng)前所處tab的強(qiáng)大指示作用（注：下圖中，不同tab之間是互斥的關(guān)系，提交按鈕在tab包含區(qū)域之外）。
水平tab可能會(huì)造成的問題有這些：1.很多人都是自上而下的填表，因此可能會(huì)忽略水平tab；2.水平tab之間是否互斥不夠清晰；3.提交表單是針對(duì)表單中所有tab中的選擇還是只針對(duì)當(dāng)前tab的選擇？（2和3可理解為是同一類問題）
Luke在書中提到：在測(cè)試中沒有參加者出錯(cuò)，他們能夠快速完成任務(wù)。但眼動(dòng)數(shù)據(jù)表明：由于掃描所有tab時(shí)需要參加者的眼睛從屏幕左側(cè)移動(dòng)到右側(cè)，因此水平tab偏離了填表過程中清晰的從上至下的線性掃描過程。
出處：legene的交互設(shè)計(jì)博客
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [2]
|
第 1 頁(yè) 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [1]
第 2 頁(yè) 
