技術(shù)資訊
按鈕表狀態(tài)還是表動作?
2009-03-19 11:33:00
在網(wǎng)頁中經(jīng)常見到兩類不同的按鈕。一類表示當前所示的狀態(tài),一類表示將要進行的動作。(如下圖)
那么,同樣是icon類的按鈕,為什么有的表狀態(tài),有的表動作?
分析兩類按鈕的使用場景:
場景一:聲音開關(guān)的按鈕
場景:這組按鈕首先表示當前的狀態(tài)(聲音是開著的,還是關(guān)著的),點擊以后切換到另一個狀態(tài)。
分析:聲音在視覺的表現(xiàn)上不能直接感知,因此需要一個圖形化的icon表示當前的狀態(tài);左側(cè)的圖標表示當前音樂是開啟的,點擊后關(guān)閉聲音。如果說只表示當前狀態(tài),那么點擊后會產(chǎn)生什么操作就比較難猜,沒有一個明確的引導(dǎo)。
場景二:視頻播放停止的按鈕
場景:這組按鈕不表示當前的狀態(tài),而是表示用戶可以進行的操作,跟第一組的表意是反著的。
分析:畫面是否在播放是可以直接在屏幕上感知的,因此不需要再講述當前是怎樣的狀態(tài),而是提示下一步可以進行的操作;
討論一下,什么樣的體驗和表現(xiàn)才是比較好的呢?
1) 其實,如果先說狀態(tài),再說動作,用戶會更明白,比如一個頁面的聲音狀況可以通過一個icon說當前是怎樣的,然后再通過一個icon來說你可以怎么樣;
具體的表現(xiàn)就是“當前是怎么樣的+可以怎么樣”
2) 這樣再看來,其實場景一是省掉了后半句(可以怎么樣),場景二省掉了前半句(當前是怎么樣的),如果實在是界面上位置稀缺,不能像把兩種icon都做出來,那是不是可以先判斷在當前的場景下用戶是更需要知道“可以怎樣”,還是“當前是怎樣的”。
3) 由此再看其他場景中的設(shè)計,比如下拉列表
在前面的部分表述了當前的狀態(tài),向下的箭頭按鈕則表示了可以進行的操作,這個就比較接近于完全展現(xiàn)“當前是怎么樣的+可以怎么樣”。
4) 生活中,類似“可以怎么樣”的場景多用于電器/物品的操作,有極強的狀態(tài)提示,所以比較關(guān)心的是“可以怎么樣“。例如插板的開關(guān),有按下去的效果。
按鈕來操作是不是更明白一些呢?大家是否有不同看法。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2008-02-26 14:20:00] 何時用按鈕,何時用鏈接
- [2008-10-10 08:31:00] 表格按鈕的擺放和命名?
- [2009-02-16 22:30:00] 什么時候需要有“取消”按鈕?
- [2009-03-04 22:10:00] 價值3億美元的按鈕
- [2008-05-13 14:06:00] 狀態(tài)按鈕和導(dǎo)向按鈕
- [2008-11-10 22:28:00] 表單中的重置與取消按鈕
- [2009-01-05 10:58:00] 按鈕的反饋
- [2008-08-25 11:38:00] 向左還是向右,向上還是向下?
- [2008-10-29 17:59:00] 按鈕還是分類,以及好友的組合
- [2008-07-09 17:51:00] B2c雜思:以候選為中心
- [2008-10-10 08:32:00] 登錄和注冊按鈕的三種表現(xiàn)狀態(tài)
- [2009-01-04 22:50:00] 奇怪的關(guān)閉按鈕
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
手機網(wǎng)站 蘋果系統(tǒng) 版面布局 青島做網(wǎng)站多少錢 視覺靈感 海信網(wǎng)絡(luò)科技 官網(wǎng)網(wǎng)站建設(shè) 空白和簡潔的設(shè)計 青島高端網(wǎng)站建設(shè)公司哪家好 網(wǎng)站改版 青島輪胎網(wǎng)站設(shè)計 企業(yè)網(wǎng)站為什么要備案 集團官網(wǎng) 青島輪胎網(wǎng)站設(shè)計公司 青島網(wǎng)站SEO 青島SEO 青島高端網(wǎng)站設(shè)計公司哪家好 網(wǎng)站設(shè)計 營銷策略 SEO H5定制設(shè)計 網(wǎng)站的速度 高端網(wǎng)站設(shè)計 青島網(wǎng)站設(shè)計哪家好 色彩心理學(xué) 中小型企業(yè)網(wǎng)站建設(shè) robots css 青島網(wǎng)站制作 青島網(wǎng)站建設(shè)公司哪家好