在軟件設(shè)計(jì)中,使用文字鏈接還是使用圖標(biāo)? 使用文字恐怕是目前為止最準(zhǔn)確的表達(dá)方式了。但文字卻并不總是最好的方式,比如:在Micirosoft Word中的文字居中對(duì)齊功能可以使用文字表述:“居中”,也可以使用圖標(biāo):
Word軟件的設(shè)計(jì)師使用了圖標(biāo),并在鼠標(biāo)經(jīng)過時(shí)顯示文字:“居中”。
關(guān)于這個(gè)問題,在《About Face 2.0》中有詳盡的分析,分析得出的結(jié)論是:使用圖標(biāo)能提高中間級(jí)用戶的使用效率;而使用文字,對(duì)于新手用戶更合適。這里所說的“新手用戶”是針對(duì)某個(gè)特定界面而言的,并不是指缺乏電腦使用經(jīng)驗(yàn)的用戶。中間級(jí)用戶也是如此。
新手用戶對(duì)于界面的認(rèn)知十分有限,多數(shù)情況下,不知道特定圖標(biāo)的含義。當(dāng)我第一次使用Word軟件寫文檔的時(shí)候,“哪個(gè)是‘粗體’功能?”我只能用光標(biāo)一個(gè)個(gè)的去試探,還好,第一個(gè)圖標(biāo)就是了。要使用這些功能,鼠標(biāo)經(jīng)過時(shí)顯示的文字對(duì)我更有幫助。
用戶對(duì)軟件更加熟悉后,逐漸變?yōu)榱酥虚g級(jí)用戶,圖標(biāo)就更方便了。因?yàn),文字本身并沒有視覺傳達(dá)功能,用戶不能只通過識(shí)別字形就猜出它所表達(dá)的含義。即使是中文也做不到。中文是從象形文字演化發(fā)展而來的,每一個(gè)字都能獨(dú)立的表達(dá)一定的含義。但是,演化到現(xiàn)在,中文已經(jīng)不是象形文字了,不能完全實(shí)現(xiàn)圖標(biāo)的功能。
圖標(biāo)是有視覺傳達(dá)功能的!澳莻(gè)功能是綠色的,圓的,在工具條中間偏左......”。
一個(gè)中間級(jí)用戶可以通過這樣的記憶找到Word的“插入超鏈接”功能,而不需要閱讀具體的說明文字。 軟件的設(shè)計(jì)是針對(duì)中間級(jí)用戶的(---Alan Cooper),而web的設(shè)計(jì)卻不是。
web界面設(shè)計(jì)需要針對(duì)新手用戶。 web界面面臨的首要問題是:"告訴用戶有這么個(gè)功能"。而"如何更快捷的找到這個(gè)功能"退居到了第二位。雖然,軟件界面設(shè)計(jì)也同樣面臨著"告知"的問題,但,與web相比,軟件對(duì)用戶的黏性更大,用戶不會(huì)因?yàn)槟骋淮螞]有在Word中找到"居中"功能,就放棄使用這個(gè)軟件了,但卻會(huì)很輕易的放棄訪問一個(gè)網(wǎng)站。
與軟件相比,用戶在網(wǎng)站上要完成的任務(wù)往往不那么重要,因此,愿意為之所付出的學(xué)習(xí)成本也就會(huì)更低。用戶會(huì)為了學(xué)習(xí)使用photoshop鉆研上幾個(gè)月,甚至還會(huì)報(bào)上個(gè)什么培訓(xùn)班。但是,卻不會(huì)在flickr的圖片編輯工具上花太多心思。
所以,flickr的圖片編輯功能都有文字說明。 ps:上圖中的照片是青海湖,位于我國(guó)青海省,異常美麗的內(nèi)陸咸水湖。
用戶會(huì)為了第二天的報(bào)告而一整天都面對(duì)著PowerPoint,但是,卻不會(huì)一整天都面對(duì)著新浪的新聞中心。web界面面對(duì)的用戶更加缺乏耐心,所以,web界面需要更直接,讓用戶學(xué)習(xí)的過程更短。更多的使用文字,把要表述的功能直接呈現(xiàn)給用戶,往往效果更好,比如google,
如果使用圖標(biāo),Gmail的界面看起來會(huì)更簡(jiǎn)潔、美觀。但是,那樣的話,Gmail就不會(huì)象現(xiàn)在這樣“好用”了。和其他web界面一樣,Gmail的用戶主要是“新手用戶”。即使每天都使用Gmail收發(fā)郵件,Gmail對(duì)于您來說也不會(huì)比網(wǎng)頁瀏覽器更常用。(這是顯而易見的,您需要使用網(wǎng)頁瀏覽器來訪問Gmail,只要另外再訪問一個(gè)其他什么網(wǎng)站,您使用網(wǎng)頁瀏覽器就會(huì)比使用Gmail界面更頻繁了。)所以,同樣是表述“刷新”功能,Gmail界面用文字,而網(wǎng)頁瀏覽器用圖標(biāo)。鑒于目前對(duì)google的溢美之詞過分泛濫,我們就此打住好了。
當(dāng)然,web界面中并不是只能使用文字而不能使用圖標(biāo)。對(duì)于某一個(gè)網(wǎng)站,有些鏈接或功能是用戶要經(jīng)常用到的。此時(shí),用戶確切的知道界面上有這樣一個(gè)功能。恰當(dāng)?shù)氖褂脠D標(biāo),可以縮短用戶操作時(shí)間。Yahoo.com首頁左上角就設(shè)計(jì)了3個(gè)自定義的圖標(biāo)位置,并為其網(wǎng)站的27個(gè)重要頻道設(shè)計(jì)了圖標(biāo),供用戶選擇。
但是,如果不能正確認(rèn)識(shí)圖標(biāo)在web界面中的作用,那么,將會(huì)造成圖形元素的泛濫。不幸的是,目前,我們的網(wǎng)頁設(shè)計(jì)經(jīng)常是這樣。
圖標(biāo)被毫無節(jié)制的濫用,那些原本有價(jià)值的圖標(biāo)被淹沒在眾多“網(wǎng)頁設(shè)計(jì)素材”中。類似界面的設(shè)計(jì)師們不僅沒有意識(shí)到web界面中,圖標(biāo)和文字鏈接給用戶帶來的不同體驗(yàn),甚至其中有些人還只是把圖標(biāo)當(dāng)作頁面上的裝飾元素。當(dāng)然,設(shè)計(jì)出類似界面也許是迫于某些壓力。(噢,好像又要說到公司老板和客戶了。不是說您,不是不是,絕對(duì)不是,別多心。)
在web界面設(shè)計(jì)中,要使用一個(gè)圖標(biāo),需要確定,不會(huì)因?yàn)槭褂眠@個(gè)圖標(biāo)而讓用戶找不到這個(gè)鏈接了,并且,需要確定,這個(gè)圖標(biāo)確實(shí)能讓用戶更快捷的找到這個(gè)鏈接。圖標(biāo)并不總是能讓界面更易用。
面對(duì)“是否需要使用一個(gè)圖標(biāo)?”的問題,首要的判斷依據(jù)不是界面的視覺表現(xiàn)是否需要,其次的判斷依據(jù)也不是視覺表現(xiàn)的需要,最最次要的判斷依據(jù)仍舊與界面視覺表現(xiàn)無關(guān)。
臭魚 Blog:臭魚的交互設(shè)計(jì)(http://www.chouyu.com.cn)
出處:藍(lán)色理想
責(zé)任編輯:藍(lán)色
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|