亚洲AV无码乱码在线观看不卡|最新大伊香蕉精品视频在线|亚洲不卡av一区二区|国产美女无遮挡免费

登錄論壇 | 注冊會員 設(shè)為首頁 | 收藏本站
當前位置 : 首頁>軟件學院>程序開發(fā)>網(wǎng)頁設(shè)計>正文
 
網(wǎng)頁播放器中常用按鈕的分析

http://www.yibo1263.com 2009/4/30 7:45:44  來源:東北IT網(wǎng)  編輯:葉子
 
  在網(wǎng)頁中經(jīng)常見到兩類不同的按鈕。一類表示當前所示的狀態(tài),一類表示將要進行的動作。(如下圖)

  
網(wǎng)頁<a  target='_blank' class='article'>播放器</a>


  那么,同樣是icon類的按鈕,為什么有的表狀態(tài),有的表動作?

  分析兩類按鈕的使用場景:

  場景一:聲音開關(guān)的按鈕

  
網(wǎng)頁播放器


  場景:這組按鈕首先表示當前的狀態(tài)(聲音是開著的,還是關(guān)著的),點擊以后切換到另一個狀態(tài)。

  分析:聲音在視覺的表現(xiàn)上不能直接感知,因此需要一個圖形化的icon表示當前的狀態(tài);左側(cè)的圖標表示當前音樂是開啟的,點擊后關(guān)閉聲音。如果說只表示當前狀態(tài),那么點擊后會產(chǎn)生什么操作就比較難猜,沒有一個明確的引導。

  場景二:視頻播放停止的按鈕

  
網(wǎng)頁播放器


  場景:這組按鈕不表示當前的狀態(tài),而是表示用戶可以進行的操作,跟第一組的表意是反著的。

  分析:畫面是否在播放是可以直接在屏幕上感知的,因此不需要再講述當前是怎樣的狀態(tài),而是提示下一步可以進行的操作;

  討論一下,什么樣的體驗和表現(xiàn)才是比較好的呢?

  1) 其實,如果先說狀態(tài),再說動作,用戶會更明白,比如一個頁面的聲音狀況可以通過一個icon說當前是怎樣的,然后再通過一個icon來說你可以怎么樣;

  具體的表現(xiàn)就是“當前是怎么樣的+可以怎么樣”

  2) 這樣再看來,其實場景一是省掉了后半句(可以怎么樣),場景二省掉了前半句(當前是怎么樣的),如果實在是界面上位置稀缺,不能像把兩種icon都做出來,那是不是可以先判斷在當前的場景下用戶是更需要知道“可以怎樣”,還是“當前是怎樣的”。

  3) 由此再看其他場景中的設(shè)計,比如下拉列表

  
網(wǎng)頁播放器


  在前面的部分表述了當前的狀態(tài),向下的箭頭按鈕則表示了可以進行的操作,這個就比較接近于完全展現(xiàn)“當前是怎么樣的+可以怎么樣”。

  4) 生活中,類似“可以怎么樣”的場景多用于電器/物品的操作,有極強的狀態(tài)提示,所以比較關(guān)心的是“可以怎么樣“。例如插板的開關(guān),有按下去的效果。

  按鈕來操作是不是更明白一些呢?大家是否有不同看法。
收藏】【打印】【進入論壇
  相關(guān)文章:

 
 
 
最新文章

搶先蘋果,消息稱英特爾芯片采用臺積電
三星揭曉業(yè)內(nèi)首款單條 512GB DDR5 內(nèi)存
vivo 高端新機爆料:120Hz 曲面屏 + 天
vivo Y21 在印度正式上市:Helio P35 芯
微星推出 GeForce RTX 3080 Sea Hawk X
消息稱三星 Galaxy Tab S8 系列平板將放
機械革命推出 F6 輕薄本:16 英寸全面屏
英特爾 12 代 Alder Lake CPU 600 系列
雷軍:向小米手機 1 首批用戶每人贈送價
小米李明談用戶被踢出 MIUI 測試版:大

推薦文章
1
2
3
4
5
6
7
8
9
10
叛逆嫩模性感寫真
宮如敏不雅照瘋傳 看張馨予韓一菲獸獸誰
不懼孔子搶位 阿凡達游戲影音配置推薦
2015第十七屆“東北安博會”火爆招商
第十六屆東北國際公共安全防范產(chǎn)品博覽
2016年第五屆中國國際商業(yè)信息化博覽會
2016年第五屆中國國際POS機及相關(guān)設(shè)備展
互聯(lián)網(wǎng)電視熟了嗎 2013最火電視深解析
桑達獲邀出席2015中國(廣州)國際POS機
寶獲利報名參加“2015年度中國POS機行業(yè)
八卦圖解 More>>
叛逆嫩模性感寫真 宮如敏不雅照瘋傳 看張馨予韓一菲
周偉童魔鬼身材日本性感寫真圖  聯(lián)想V360筆記本模特寫真