垂直tab:
人們自上而下填寫(xiě)表單,但水平tab缺乏從上至下線性掃描的清晰性,為了彌補(bǔ)水平tab的這個(gè)缺陷,可使用垂直tab代替。
很顯然,由于垂直tab保持了從上至下瀏覽的一致性,因此完成效率更高,也使參與者的眼睛感覺(jué)更舒適。
但遺憾的是,還是有參與者使用該方案時(shí)出現(xiàn)了錯(cuò)誤,而且對(duì)垂直tab是否互斥有點(diǎn)困惑。而該方案中還在每個(gè)tab上增加了單選按鈕,有助于傳達(dá)選項(xiàng)的互斥含義。有趣的是,人們似乎較少會(huì)混淆水平tab,而理論上水平tab更容易造成混亂,因?yàn)樗蚱屏俗烂鎽?yīng)用程序中水平tab并不互斥的慣例,如下圖中這個(gè)例子(下圖中的“確定”提交的是上面所有tab下的內(nèi)容,而非當(dāng)前tab下的內(nèi)容,這和前面提到的Web應(yīng)用中水平tab的例子是相反的)。由于下圖的“確定”在tab所包含內(nèi)容之外,而不是處于tab內(nèi)容里,因此還是比較容易理解的。
出處:legene的交互設(shè)計(jì)博客
責(zé)任編輯:bluehearts
上一頁(yè) 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [1] 下一頁(yè) 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [3]
|