|
下面是QQ個(gè)人資料設(shè)置的面板，這里的“確定”按鈕是針對(duì)左邊所有tab中內(nèi)容的提交（和剛才提到的垂直tab的例子不同，這里沒(méi)有單選按鈕），會(huì)令你感到混淆嗎？我個(gè)人覺(jué)得，由于“確定”按鈕同樣在tab所包含內(nèi)容之外，所以并不難理解。
再看看支付寶的令人糾結(jié)的例子：
支付寶把“下一步”放到每個(gè)tab的內(nèi)容區(qū)里，我想是因?yàn)檫@里四個(gè)tab的內(nèi)容是互斥的，即只能在其中一個(gè)tab下做出選擇，如果放到外面可能會(huì)使用戶對(duì)提交的是一個(gè)tab下的內(nèi)容還是多個(gè)tab下的內(nèi)容感到困惑。而其實(shí)這里的“下一步”提交的是整個(gè)頁(yè)面的內(nèi)容，那么這么看“下一步”似乎又應(yīng)該放到最外面。
根據(jù)前面測(cè)試的結(jié)果可以得知：用戶在使用水平tab設(shè)計(jì)方案時(shí)，并沒(méi)有對(duì)選項(xiàng)是否互斥感到困惑。我個(gè)人感覺(jué)，可能恰恰是因?yàn)槿藗兞?xí)慣自上而下的操作表單，所以反而會(huì)對(duì)垂直羅列且互斥的標(biāo)簽感到奇怪，因?yàn)樵谌藗兊牧?xí)慣中，垂直的標(biāo)簽如果沒(méi)有特別說(shuō)明的話，都是必填內(nèi)容（注意這里說(shuō)的是標(biāo)簽，如果是標(biāo)簽下的內(nèi)容垂直羅列則無(wú)妨）；而水平標(biāo)簽則不存在這個(gè)問(wèn)題，從自上而下的操作順序來(lái)講的話，在每一行自然只有一個(gè)有效標(biāo)簽。
如果把支付寶的“下一步”挪到外面，到底用戶在理解上會(huì)不會(huì)產(chǎn)生困惑呢？我做了一個(gè)小范圍測(cè)試，最終證明這個(gè)擔(dān)心是多余的。當(dāng)然這和tab上的內(nèi)容和使用環(huán)境有關(guān)：使用儲(chǔ)蓄卡自然不可能再使用信用卡。至于水平tab是不是在任何情況下都不會(huì)令用戶產(chǎn)生tab是否互斥的困惑，尤其是在提交按鈕放到tab包含內(nèi)容外的情況下？我想現(xiàn)在下結(jié)論還為時(shí)過(guò)早，可能還需要大量的用戶測(cè)試來(lái)說(shuō)明問(wèn)題。
出處：legene的交互設(shè)計(jì)博客
責(zé)任編輯：bluehearts
上一頁(yè) 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [2] 下一頁(yè) 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [4]
|
第 1 頁(yè) 
第 3 頁(yè) 令人糾結(jié)的表單設(shè)計(jì):水平Or垂直? [3]
