|
在網(wǎng)頁(yè)中經(jīng)常見(jiàn)到兩類(lèi)不同的按鈕。一類(lèi)表示當(dāng)前所示的狀態(tài),一類(lèi)表示將要進(jìn)行的動(dòng)作。(如下圖)

那么,同樣是icon類(lèi)的按鈕,為什么有的表狀態(tài),有的表動(dòng)作?
分析兩類(lèi)按鈕的使用場(chǎng)景:
場(chǎng)景一:聲音開(kāi)關(guān)的按鈕

場(chǎng)景:這組按鈕首先表示當(dāng)前的狀態(tài)(聲音是開(kāi)著的,還是關(guān)著的),點(diǎn)擊以后切換到另一個(gè)狀態(tài)。
分析:聲音在視覺(jué)的表現(xiàn)上不能直接感知,因此需要一個(gè)圖形化的icon表示當(dāng)前的狀態(tài);左側(cè)的圖標(biāo)表示當(dāng)前音樂(lè)是開(kāi)啟的,點(diǎn)擊后關(guān)閉聲音。如果說(shuō)只表示當(dāng)前狀態(tài),那么點(diǎn)擊后會(huì)產(chǎn)生什么操作就比較難猜,沒(méi)有一個(gè)明確的引導(dǎo)。
場(chǎng)景二:視頻播放停止的按鈕

場(chǎng)景:這組按鈕不表示當(dāng)前的狀態(tài),而是表示用戶(hù)可以進(jìn)行的操作,跟第一組的表意是反著的。
分析:畫(huà)面是否在播放是可以直接在屏幕上感知的,因此不需要再講述當(dāng)前是怎樣的狀態(tài),而是提示下一步可以進(jìn)行的操作;
討論一下,什么樣的體驗(yàn)和表現(xiàn)才是比較好的呢?
1) 其實(shí),如果先說(shuō)狀態(tài),再說(shuō)動(dòng)作,用戶(hù)會(huì)更明白,比如一個(gè)頁(yè)面的聲音狀況可以通過(guò)一個(gè)icon說(shuō)當(dāng)前是怎樣的,然后再通過(guò)一個(gè)icon來(lái)說(shuō)你可以怎么樣;
具體的表現(xiàn)就是“當(dāng)前是怎么樣的+可以怎么樣”
2) 這樣再看來(lái),其實(shí)場(chǎng)景一是省掉了后半句(可以怎么樣),場(chǎng)景二省掉了前半句(當(dāng)前是怎么樣的),如果實(shí)在是界面上位置稀缺,不能像把兩種icon都做出來(lái),那是不是可以先判斷在當(dāng)前的場(chǎng)景下用戶(hù)是更需要知道“可以怎樣”,還是“當(dāng)前是怎樣的”。
3) 由此再看其他場(chǎng)景中的設(shè)計(jì),比如下拉列表

在前面的部分表述了當(dāng)前的狀態(tài),向下的箭頭按鈕則表示了可以進(jìn)行的操作,這個(gè)就比較接近于完全展現(xiàn)“當(dāng)前是怎么樣的+可以怎么樣”。
4) 生活中,類(lèi)似“可以怎么樣”的場(chǎng)景多用于電器/物品的操作,有極強(qiáng)的狀態(tài)提示,所以比較關(guān)心的是“可以怎么樣“。例如插板的開(kāi)關(guān),有按下去的效果。
按鈕來(lái)操作是不是更明白一些呢?大家是否有不同看法。
|
【收藏】【打印】【進(jìn)入論壇】 |
|
|
|
|
|
|
|