|
至于如何解決垂直tab容易令人產(chǎn)生困惑的問題，我想京東的設(shè)計(jì)也許是個(gè)啟示。在“支付及配送方式”欄目下（該頁面有很多欄目）點(diǎn)擊“來京東自提”的選項(xiàng)，下面就會(huì)出現(xiàn)“選擇自提點(diǎn)”的操作，由于針對(duì)這部分的提交按鈕處在該欄目內(nèi)，而不是欄目外面，這樣用戶就不會(huì)誤認(rèn)為這個(gè)提交按鈕針對(duì)的是該欄目內(nèi)所有選項(xiàng)中的內(nèi)容了。在該頁面所有模塊的最下面，才會(huì)出現(xiàn)該頁面最終的提交按鈕。
但是這樣又會(huì)引發(fā)新的問題，即我在之前的博文中提到過的一個(gè)頁面出現(xiàn)過多的提交按鈕并不是什么好事，明白的用戶會(huì)增加操作次數(shù)，不明白的用戶會(huì)導(dǎo)致誤操作。
再看淘寶的頁面，沒有出現(xiàn)多個(gè)提交按鈕，內(nèi)容也很清晰，不至于引起混淆，這是因?yàn)椋?.可選項(xiàng)沒有以標(biāo)簽的形式存在（一般標(biāo)簽都出現(xiàn)在最左側(cè)）；2.選項(xiàng)的文字提示很清晰，能清楚表明選項(xiàng)間是互斥關(guān)系。
總結(jié)：
水平tab和垂直tab都并非完美，設(shè)計(jì)時(shí)要考慮到選項(xiàng)互斥的問題。
如果提交按鈕是針對(duì)多個(gè)tab下的內(nèi)容，建議使用垂直tab，同時(shí)把提交按鈕放到tab包含的內(nèi)容區(qū)域外。
如果提交按鈕是針對(duì)一個(gè)tab下的內(nèi)容，即tab間是互斥的關(guān)系，建議使用水平tab，同時(shí)盡量把提交按鈕放到tab包含的內(nèi)容區(qū)域內(nèi)。
如果提交按鈕針對(duì)的是整個(gè)頁面的內(nèi)容及其中一個(gè)tab下的選項(xiàng)，則還是應(yīng)該放在所有內(nèi)容之外（最下面），同時(shí)注意下面三點(diǎn)：
- 標(biāo)簽一般在最左側(cè)，不要把互斥tab做成標(biāo)簽的樣式，而是要做成標(biāo)簽下的選項(xiàng)。
- 如果tab間是互斥的關(guān)系，tab上的文字盡量清晰表達(dá)出互斥的關(guān)系。
- 盡量不在一個(gè)頁面上放過多的提交按鈕。
原文：http://blog.sina.com.cn/s/blog_453d02200100sl7n.html
本文鏈接：http://m.95time.cn/design/doc/2011/8378.asp 
出處：legene的交互設(shè)計(jì)博客
責(zé)任編輯：bluehearts
上一頁 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [3] 下一頁
|
第 1 頁 
第 4 頁 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [4]
