專注網(wǎng)絡(luò)推廣+營銷16年
全域獲客=成本低+流量高+咨詢多
擺脫沒客戶的煩惱 -低成本快速接單
幫你網(wǎng)上訂單更多 - 免費領(lǐng)推廣方案
- 手機：139-8370-9738
- 電話：023-6862-6707
- 售后QQ：460-150-110
發(fā)布時間：2016-05-30 14:34:46文章分類：網(wǎng)站建設(shè)須知編輯作者：管理員閱讀量：983711
作為WIMP(Window/Icon/Menu/Pointing Device)界面設(shè)計的關(guān)鍵部分，圖標在人機交互設(shè)計中無所不在。隨著人們對審美、時尚、趣味的不斷追求，圖標設(shè)計也不斷花樣翻新，越來越多精美、新穎、富有創(chuàng)造力和想像力的圖標充斥著我們的視界?？墒?，從可用性的角度講，并不是越花哨的圖標越被用戶所接受，圖標的可用性要回到它的基本功用去思考。
圖標的功用在于建立起計算機世界與真實世界的一種隱喻，或者映射關(guān)系。用戶通過這種隱喻，自動地理解圖標背后的意義，跨越了語言的界限。但是，如果這種映射關(guān)系不能被用戶輕松并且準確地理解，那么這種圖標就不應(yīng)是好的圖標。因此，圖標的設(shè)計應(yīng)該遵守以下的原則。
圖標的可用性原則一：圖標指向的映射關(guān)系應(yīng)該盡可能的直接、簡單。
可能與我們的直覺相反，一些研究顯示圖標界面與文本界面的比較中，并沒有體現(xiàn)出明顯的優(yōu)越性，一個主要原因就是文字和意義的映射是直接的，而圖標與意義的映射卻不一定是直接和明顯的。
在壞的圖標設(shè)計中，用戶需要花費幾秒鐘甚至更長的時間去猜測圖標代表的意義，而且還很可能猜錯，錯誤的理解導(dǎo)致錯誤的操作，錯誤的操作導(dǎo)致糟糕的結(jié)果，這決不是美妙的用戶體驗，即便從美學(xué)角度講那個圖標可能是上佳的藝術(shù)作品。
“直接”的意思是：不要繞彎。圖標展現(xiàn)的視覺表象與其背后的意義只需要很短的意義路徑即可連結(jié)。譬如對于“剪切”操作，使用“在文稿上打×”的圖標形象比“剪刀”的圖標形象更易理解，因為前者與剪切操作有更短的意義路徑，盡管“剪刀”圖標顯得更加生動活潑。
認知心理學(xué)家提出過一個激活擴散模型，就是在人的知識和概念體系中，當一個概念被加工或受到刺激時，該概念結(jié)點就產(chǎn)生激活，然后激活與該結(jié)點直接相連的多個連結(jié)，并繼續(xù)向四周擴散。與當前概念在概念網(wǎng)絡(luò)上的連結(jié)關(guān)系決定了其被激活的強度。這種連結(jié)關(guān)系取決于人的知識體系的組織架構(gòu)(即兩個概念是否屬于同一類別)和概念同時出現(xiàn)或使用的頻率。
例如在人的知識和概念架構(gòu)中，在紙質(zhì)文稿上寫字和在電腦上寫字都屬于撰寫文檔的類別，那么當“在文稿上打×”的圖標形象出現(xiàn)時，被試就會快速地聯(lián)想到在電腦上進行剪切操作。而“剪刀”的視覺形象最易歸屬到“衣服裁剪”或“手工勞動”這樣的類別中去，因此映射關(guān)系具有教長的路徑和較弱的連結(jié)強度。因此在圖標設(shè)計中，設(shè)計師應(yīng)該仔細考慮或者直接去調(diào)查用戶的知識體系，找到最短的概念連結(jié)。
圖標的可用性原則二：每個圖標指向的映射關(guān)系應(yīng)該是唯一的。
這個原則的意思就是，不要讓圖標產(chǎn)生歧義。想像一下，一個“飛旋的車輪”圖標，它代表了什么?也許設(shè)計者的本意，是要用車輪的移動來象征電腦中文件的移動操作。可是，用戶也許猜測出了其他十幾種對應(yīng)關(guān)系，比如一款3D賽車游戲。這個原則其實還有一個推論原則：
不要使用過于復(fù)雜的圖標。
因為圖標的視覺元素越多，那么其意義指向的可能性就越多，用戶越有可能從各種各樣的角度去解讀，那么該圖標的可用性就可能越差。
圖標的可用性原則三：同一個圖標系列中，最好使用相同的映射模式。
在真實世界與計算機世界(或網(wǎng)絡(luò)世界)的對應(yīng)中，存在很多種映射模式。筆者粗粗地歸納下，可以發(fā)現(xiàn)這樣幾種映射模式：外觀映射、功能映射、語詞(字母)映射、部分指代映射和綜合映射。在同一個系列圖標中，用戶極易對圖標形成某種固定的映射模式，如果突然出現(xiàn)了另一種模式的映射，用戶可能仍姜延用先前形成的思維定勢進行理解，從而出現(xiàn)理解困難或理解偏差。
圖標的可用性原則四：最好使用簡短文字做為圖標的冗余編碼。
在信息傳播的過程中，增加信息的冗余度是保證信息傳輸?shù)目煽啃缘淖钣行У姆椒āＴ谌藱C交互設(shè)計中，最常見的冗余編碼就是紅綠燈，即每個顏色皆對應(yīng)位置，使得在人口中占具相當比例的色盲人群也可以通過燈的位置來接收是否可以通行的信息。圖標設(shè)計也需要增加冗余編碼，以保證絕大多數(shù)的人都能夠快速、準確地理解圖標的含義。一個很好的例子出現(xiàn)在手機主菜單的設(shè)計中，下面看兩種常見的手機主菜單的設(shè)計：
圖一、諾基亞N95的主菜單
圖二、阿爾卡特OT-C825的主菜單
在圖一中的圖標都在下方加注了簡單的文字，和圖標一起形成冗余編碼。這樣即使用戶是第一次使用該手機，也能避免圖標選擇錯誤。而圖二的圖標沒有姜文字直接標注在圖標下方，而是在只有選中某個圖標的情況下，在屏幕上方顯示文字標注，這樣無疑增加了用戶操作的負擔(dān)。盡管某些圖標，用戶很容易理解其含義，比如圖二中第二行第一個“相機”圖標，用戶很容易清楚這是指拍照功能;但有些圖標，在沒有文字標注的情況下，還是令人費解，比如圖二中第四行第一個“禮品盒”圖標。因此，筆者認為，在大多數(shù)情況下，給圖標加注文字是比較好的選擇。
最后，我要說明的是，圖標設(shè)計中的可用性原則與圖標的美學(xué)考慮在實踐中可能存在矛盾，這時候權(quán)衡兩者是必須的。好的可用性可以讓用戶更方便地使用產(chǎn)品，而漂亮、時尚或者富有情趣的外觀設(shè)計可以給用戶帶來喜悅感等良好的心理體驗。很難說哪一方理所應(yīng)當?shù)厝〉弥鲗?dǎo)地位，更理想的狀態(tài)是交互設(shè)計師和視覺(外觀)設(shè)計師進行良好的溝通和合作，求得雙贏的設(shè)計方案。
( 責(zé)任編輯：SEO優(yōu)化-帝壹網(wǎng)絡(luò)掃一掃關(guān)注我吧 )
本文由網(wǎng)絡(luò)推廣實戰(zhàn)家帝壹網(wǎng)絡(luò)品牌精心原創(chuàng)編輯，如果您還想了解更多關(guān)于SEO優(yōu)化的文章，請點擊查看網(wǎng)站建設(shè)和網(wǎng)絡(luò)營銷推廣的其它文章,轉(zhuǎn)發(fā)請注明來源及版權(quán)歸屬。
詳情訪問官網(wǎng)：m.zenglang.cn 網(wǎng)絡(luò)建設(shè)，網(wǎng)絡(luò)整合推廣，高端網(wǎng)站制作，營銷落地頁策劃，關(guān)鍵詞優(yōu)化排名，顧問營銷培訓(xùn)，微信平臺開發(fā)，微信營銷推廣,新聞稿發(fā)布，口碑問答營銷，價格優(yōu)惠多多 ，多種套餐服務(wù)選擇，有買有送。
相關(guān)評論
AI網(wǎng)站推廣,精準策略引領(lǐng)未來營銷新風(fēng)尚
從流量到信任-SEO的品牌價值提升之路 
網(wǎng)站推廣必備：吸引客戶的全攻略 
網(wǎng)上創(chuàng)業(yè)的4個關(guān)鍵點
網(wǎng)站推廣：如何增強內(nèi)容易讀性，提升SEO效果？
晶宇門窗廠通過網(wǎng)絡(luò)推廣年營業(yè)額達500萬以上
一、重慶晶宇網(wǎng)絡(luò)營銷項目背景：單位名稱：重慶晶宇金屬門窗廠主要從事：卷簾門、卷閘門、防火門、工業(yè)門行業(yè)已有20多年，積累了豐富門業(yè)生產(chǎn)、銷售、批發(fā)的經(jīng)驗。想通過互聯(lián)網(wǎng)轉(zhuǎn)型的一家機械生產(chǎn)型廠家...
邁格納機電依靠網(wǎng)絡(luò)推廣獲得一年盈利50多萬
網(wǎng)絡(luò)推廣項目背景： 重慶邁格納機電技術(shù)有限公司（原重慶展捷機電）是從事五金機電產(chǎn)品代理及銷售和配套服務(wù)的專業(yè)供應(yīng)商。經(jīng)營電動工具，五金工具，氣動工具，液壓工具，焊割工具和...
富豪汽車裝飾網(wǎng)絡(luò)來客上升-網(wǎng)絡(luò)推廣客戶
一、網(wǎng)絡(luò)推廣項目背景： 重慶富豪汽車裝飾是經(jīng)國家相關(guān)部門批準注冊的企業(yè)，主營汽車裝飾用品等業(yè)務(wù)，重慶富豪汽車裝飾是一家專業(yè)經(jīng)營汽車裝飾、貼膜、汽車音響、椅套、坐...
里仁教育通過網(wǎng)絡(luò)推廣提高中心生源達10倍以上
一、網(wǎng)絡(luò)推廣客戶公司簡介： 重慶里仁教育兒童發(fā)展中心（注冊號：500106200007908）創(chuàng)辦于2002年8月，是以政府為主導(dǎo)，家長積極參與，社會各界愛心人士熱情...
重慶網(wǎng)站推廣客戶傳志塑料制品有限公司
網(wǎng)絡(luò)推廣客戶公司簡介：重慶傳志塑料制品有限公司是在市場經(jīng)濟飛速發(fā)展，行業(yè)產(chǎn)品越來越細分的情況下成立的，公司主要致力于，重慶PE管、鋼塑復(fù)合管、鋼絲網(wǎng)骨架管、PSP管的研發(fā)、銷售、加工。公司稟...
多達集團推廣合作結(jié)果從50萬做到500萬的業(yè)績
陳大果老師與多達教育徐校長合影一、網(wǎng)絡(luò)推廣客戶學(xué)校簡介： 重慶新澤西多國語言學(xué)習(xí)中心主要開設(shè)的語種有英、日、韓、法、德、西班牙語、泰語、俄語等，是重慶市語種開設(shè)最全面，教學(xué)手段最先進的專...
讓你的好產(chǎn)品在網(wǎng)上好賣，超越對手，咨詢更多
讓你成交更簡單，訂單追著你跑，收錢更輕松
版權(quán)所有：重慶帝一網(wǎng)絡(luò)（c）2005-2025
帝壹網(wǎng)絡(luò)10余年專業(yè)從事：網(wǎng)絡(luò)營銷、網(wǎng)絡(luò)推廣、視頻推廣、網(wǎng)站推廣的一家重慶網(wǎng)絡(luò)公司-16年專注：seo優(yōu)化排名技術(shù)、網(wǎng)站建設(shè)-公司品牌宣傳打造；生產(chǎn)型產(chǎn)品的推廣獲客實戰(zhàn)專家
搜索引擎優(yōu)化用帝龍神站，快速鎖定搜索引擎首頁前十名。帝壹自創(chuàng)：精準流量變現(xiàn)營銷模式，讓企業(yè)快速抓住潛在客戶，讓客戶主動找你，提升公司網(wǎng)絡(luò)營銷業(yè)績。
網(wǎng)絡(luò)推廣獲客熱線電話：023-68626707 帝壹法律顧問：重慶君毅律師事務(wù)所
掃一掃
全國免費咨詢熱線
13983709738
「專家」網(wǎng)絡(luò)營銷實戰(zhàn)專家-低成本分成
揭秘網(wǎng)銷訂單超越競爭對手的營銷推廣策
新公司如何網(wǎng)站推廣快速接到大量訂單？
揭秘網(wǎng)上訂單倍增的推廣秘密策略
重慶恩奇貝貝玩具公司網(wǎng)站
重慶驕侶服飾公司企業(yè)網(wǎng)站
重慶卡西投資管理公司網(wǎng)站
重慶藝趣美術(shù)培訓(xùn)學(xué)校網(wǎng)站