李翠
摘 要:界面設(shè)計這個詞在當(dāng)下已經(jīng)并不陌生,它是信息時代到來的產(chǎn)物,人們都認(rèn)為它就屬于電子產(chǎn)品或虛擬產(chǎn)品,而事實(shí)上,界面設(shè)計一直存在于我們的生活中的每一個角落,除了大家所熟悉的電子產(chǎn)品和虛擬App產(chǎn)品界面設(shè)計之外,其實(shí)在產(chǎn)品設(shè)計①中,比如家具設(shè)計、電器產(chǎn)品設(shè)計等也都存在界面設(shè)計,本文正是從傳統(tǒng)產(chǎn)品設(shè)計的角度出發(fā),來論述在這樣一個領(lǐng)域界面設(shè)計的定義及設(shè)計原則。
關(guān)鍵詞:產(chǎn)品設(shè)計;傳統(tǒng)界面設(shè)計;設(shè)計原則
近年來,隨著信息技術(shù)與計算機(jī)技術(shù)的迅速發(fā)展,網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn),人機(jī)界面設(shè)計和開發(fā)已成為國際計算機(jī)界和設(shè)計界最為活躍的研究方向。界面設(shè)計是人與機(jī)器之間傳遞和交換信息的媒介,它是聯(lián)系人與機(jī)器的紐帶。界面設(shè)計這一概念,目前主要用于信息技術(shù)和計算機(jī)技術(shù)類的產(chǎn)品,比如:電腦、手機(jī)、pad等電子產(chǎn)品,而本文則是從另外一個角度來論述界面設(shè)計,即傳統(tǒng)的產(chǎn)品設(shè)計領(lǐng)域。
1 產(chǎn)品設(shè)計中界面設(shè)計的概念和方法
事實(shí)上在我們所熟悉的傳統(tǒng)的、實(shí)體的產(chǎn)品設(shè)計中也包含了界面設(shè)計。正如前面所提到的,電子產(chǎn)品領(lǐng)域里的界面設(shè)計是連接人與機(jī)器的中介,而針對本文所提到的傳統(tǒng)的、實(shí)體產(chǎn)品設(shè)計領(lǐng)域的界面設(shè)計則是連接人與物(產(chǎn)品)的中介。在《辭?!防镏薪榈亩x是:“表征不同事物的間接聯(lián)系或聯(lián)系的間接性的哲學(xué)的概念。”簡單地說,中介其實(shí)就連接兩者之間的中間物,是它們之間的聯(lián)系者。針對任何產(chǎn)品設(shè)計,其所呈現(xiàn)在用戶眼前的任何一個角度或是操作平面,我們都可以把它定義為一個界面設(shè)計:一扇門、一個電器的操作面板(非電子屏幕)、一個桌面或者一個插線板的插孔面等等,這些都可以稱之為界面,而作為產(chǎn)品設(shè)計師對這些界面進(jìn)行設(shè)計的時候,都需要對界面上的元素的取舍、形狀、大小、色彩以及位置的合理分布做非常仔細(xì)的設(shè)計,只有做到這樣,才能稱之為一個合格的產(chǎn)品設(shè)計。
以家具設(shè)計這一產(chǎn)品設(shè)計領(lǐng)域?yàn)槔?,其?shí)每一個家具產(chǎn)品的設(shè)計它也是有界面設(shè)計存在其中的,比如一個衣柜柜門的設(shè)計,我們可以把衣柜柜門這個矩形設(shè)定為一個界面,在這個界面上會因?yàn)槠涔δ艿男枨笥衅浔匾慕缑嬖O(shè)計元素——衣柜的門把手,而這個門把手就像是現(xiàn)在大家所熟悉的電子產(chǎn)品界面設(shè)計中的圖形符號元素一樣,它的大小、形狀、色彩以及它應(yīng)該放置在柜門這個界面上的哪個位置都是需要非常嚴(yán)謹(jǐn)?shù)娜ピO(shè)計的,所以,其實(shí)界面設(shè)計并不是只存在于電子信息產(chǎn)品里,它同樣存在于我們的工業(yè)產(chǎn)品中。所以本文中所論述的界面設(shè)計,是以傳統(tǒng)的、實(shí)體產(chǎn)品設(shè)計領(lǐng)域?yàn)楸尘跋碌娜魏萎a(chǎn)品,它包含產(chǎn)品形態(tài)外觀上相關(guān)元素的大小、形狀、色彩以及界面上各元素之間的合理分布和排列的設(shè)計,其目的是為了讓這一產(chǎn)品的使用更高效、易用、美觀。
產(chǎn)品設(shè)計中的界面設(shè)計的方法,一方面可以參考軟件設(shè)計中界面設(shè)計方法去進(jìn)行相關(guān)的設(shè)計工作,比如基本版面的色調(diào)把控、色彩搭配或者是界面布局等;另一方面,作為一個實(shí)體的產(chǎn)品設(shè)計,它有與虛擬的軟件設(shè)計有所區(qū)分,所以在設(shè)計的時候也要結(jié)合實(shí)體產(chǎn)品的特點(diǎn)去進(jìn)行設(shè)計。比如:為一款豆?jié){機(jī)進(jìn)行主要按鍵區(qū)域的界面設(shè)計,因?yàn)榘存I數(shù)量較多,所以,為了便于用戶操作,就需要首先對按鍵的功能做一個大的功能區(qū)域劃分。一般的豆?jié){機(jī)操作按鈕主要分為兩個大功能區(qū)域:一個是主要操作功能按鈕“選擇”和“啟動/取消”;另一個是“選擇”按鈕下的第二級操作按鈕。這個界面設(shè)計,看似主要元素不多,只是幾個功能按鈕,但是,如果不做仔細(xì)的功能分類,用戶將無從下手;而且不同功能分類的按鈕在形狀和顏色的設(shè)計也有所區(qū)分,而這些都不光光是為了界面美的需求,更重要的是便于用戶上手使用,在多個功能按鍵里,快速地找到自己想要的操作按鈕或讀取到需要的信息。
2 產(chǎn)品設(shè)計中界面設(shè)計的原則
確定了產(chǎn)品設(shè)計領(lǐng)域中界面設(shè)計的定義,那么在設(shè)計的過程中就需要遵循相關(guān)的設(shè)計原則,在產(chǎn)品設(shè)計領(lǐng)域中界面設(shè)計應(yīng)該遵循的原則簡單歸納如下四點(diǎn):
2.1 易識別性原則
易識別性是指在任何的產(chǎn)品界面上的所有元素?zé)o論其排列布局還是外觀形態(tài)以及功能的預(yù)設(shè)用途等都能讓用戶覺得一目了然,清晰明了,而不會讓用戶覺得困惑、無從下手。比如:現(xiàn)在的洗衣機(jī)操作面板的設(shè)計在滿足易識別性這一原則的部分做的就非常不好。很多的洗衣機(jī)設(shè)計廠商在以給用戶帶來“多功能、多選擇”產(chǎn)品的同時,卻是以犧牲產(chǎn)品的易識別性原則為代價的!很多的洗衣機(jī)操作面板這一界面設(shè)計上幾乎都密密麻麻地布滿各種按鍵,這些按鍵在大小和形態(tài)上也都沒有做明顯的區(qū)分,只是在部分按鍵的下方加注一些文字提示,但是這并不能很好地提高易識別性。如何提高產(chǎn)品界面設(shè)計的易識別性可以從以下幾個方面入手:
第一,符合產(chǎn)品預(yù)設(shè)用途的外觀設(shè)計?!邦A(yù)設(shè)用途是指物品被人們認(rèn)為具有的性能及其實(shí)際上的性能,主要是指那些決定物品可以用來作何用途的基本性能?!盵1]比如橫向細(xì)長的門把手,我們會選擇按壓的方式來使用,而圓形球狀門的把手,我們則會選擇左右旋擰的方式來使用。所以,事實(shí)上在用戶長久的日常生活積累中,對于產(chǎn)品界面中的一些功能元素的操作方式已經(jīng)形成了一個固有的認(rèn)知模式,作為設(shè)計師在設(shè)計這些界面元素的時候要盡可能的符合用戶對這一產(chǎn)品或產(chǎn)品界面上的元素所對應(yīng)功能或操作方式的預(yù)設(shè)使用心理,只有做到這一點(diǎn),才能有效地提高產(chǎn)品的易識別性。
第二,為產(chǎn)品的功能做減法。為產(chǎn)品的功能做減法,其實(shí)就是丟掉產(chǎn)品界面上多余的、不必要的或者是可有可無的“界面元素”,盡可能的呈現(xiàn)一個簡潔的產(chǎn)品界面設(shè)計。
現(xiàn)代的產(chǎn)品設(shè)計,大家都喜歡提倡“多功能”或者“一物多用”,覺得似乎只有做到了這一點(diǎn),才是真正有創(chuàng)意的產(chǎn)品,所以就出現(xiàn)了本文前面所提到的洗衣機(jī)操作面板的例子?,F(xiàn)在的洗衣機(jī)為了增加其買點(diǎn)或設(shè)計的創(chuàng)新點(diǎn),經(jīng)常為其增加多個功能選擇,比如增加烘干的功能,比如在洗衣選項(xiàng)里添加棉麻、化纖、羊毛、絲綢、童裝、混合洗、經(jīng)濟(jì)洗等多種選擇,這一設(shè)計從表面上看是從用戶的角度出發(fā),為用戶提供了多種選擇,但是實(shí)際上卻是在為用戶增加選擇負(fù)擔(dān)!不同的功能就需要不同的按鈕來進(jìn)行操作和顯示,功能越多就意味著按鈕越多,而界面(面板)的大小是有限的,所以導(dǎo)致的直接結(jié)果就是讓用戶看到產(chǎn)品界面后就手足無措,無從下手!所以,產(chǎn)品并不是功能越多越好,一定要分析清楚,用戶到底需要的是什么,要盡可能地為用戶提前做好產(chǎn)品的功能篩選,化繁就簡,讓自己的產(chǎn)品界面清晰明了,便于用戶識別!
2.2 易用性原則
關(guān)于易用性,國際標(biāo)準(zhǔn)化組織(ISO)對其定義為“……在特定環(huán)境中,特定的使用者實(shí)現(xiàn)特定的目標(biāo)所依賴的產(chǎn)品的效力、效率和滿意度?!焙唵蔚卣f,所謂“易用性”就是用來描述一個產(chǎn)品是否好用的意思。一般會將好用的產(chǎn)品定義為易用性較高的產(chǎn)品,同時也被認(rèn)定為是友好的產(chǎn)品。總的來說,易用性就是描述產(chǎn)品和人之間的一種和諧關(guān)系度的描述。
易用性原則主要是從符合用戶的人體工學(xué)和使用認(rèn)知習(xí)慣的角度出發(fā)來設(shè)計產(chǎn)品的界面。下面還是以大家日常生活中都經(jīng)常使用的“門”這一物品作為案例來分析。門把手這一界面元素是門這一產(chǎn)品的界面設(shè)計中必不可少的一部分,那么它的設(shè)計如果要達(dá)到易用性的話,一方面要符合人手的基本尺寸,無論是大?。ɑ蚴谴旨?xì)),還是門把手位于門面上的高度,這些都需要經(jīng)過嚴(yán)謹(jǐn)?shù)臄?shù)據(jù)調(diào)查和分析,結(jié)合人的基本尺寸來進(jìn)行相關(guān)的設(shè)計,這部分就是從用戶的人體工學(xué)角度出發(fā)去為產(chǎn)品的易用性服務(wù);另一方面,門把手這一重要的設(shè)計元素所放置的位置以及它的形態(tài)所對應(yīng)的操作方式等,就是從用戶的使用認(rèn)知習(xí)慣出發(fā)所做的易用性設(shè)計。這里所說的使用習(xí)慣或是認(rèn)知習(xí)慣是指人們在日常生活中所積累的對于物的基本認(rèn)知。比如:大部分用戶都是以右手作為慣用手去操作產(chǎn)品,所以門把手的位置一般會放置在界面(門面)的左側(cè),便于右手的操作,這就是所謂的用戶使用習(xí)慣;當(dāng)門把手是圓球形的形狀時候,用戶會自然認(rèn)為,開啟的操作方式是抓取門把手后順時針旋擰,如果設(shè)計師不按照這一固有的思維模式去設(shè)計,而將其設(shè)計為逆時針旋擰才可以打開,則不符合用戶的固有認(rèn)知模式,這種情況下,容易讓用戶困惑,進(jìn)而無法正確操作,也就無法實(shí)現(xiàn)所謂的易用性原則。
2.3 一致性原則
一致性原則主要是指在產(chǎn)品的界面設(shè)計中,所有的界面元素應(yīng)盡可能地采用統(tǒng)一的形態(tài)語言,統(tǒng)一的設(shè)計風(fēng)格和統(tǒng)一的設(shè)計目標(biāo)來完成設(shè)計工作。一個產(chǎn)品界面就如同一個程序界面,它需要在這個界面設(shè)計中確定統(tǒng)一的設(shè)計風(fēng)格,比如:穩(wěn)重的、活潑的、女性化的等等,在這個大的設(shè)計風(fēng)格之下,再去選擇統(tǒng)一的界面色調(diào)、造型元素等等。另外,針對傳統(tǒng)的工業(yè)產(chǎn)品都有一個非常明確的產(chǎn)品功能,如空調(diào)的制冷、制熱功能;洗衣機(jī)能把衣服洗干凈并甩干的功能;手機(jī)可以通話、發(fā)短信的功能等,所以在此基礎(chǔ)上,產(chǎn)品界面設(shè)計也需要為了滿足共同的功能目標(biāo)而進(jìn)行統(tǒng)一的、一致性的設(shè)計。如下圖1所示,是我們?nèi)粘6挤浅J煜さ奈⒉t,如圖所示的這個產(chǎn)品展示角度的界面是產(chǎn)品的主要界面,產(chǎn)品的核心功能基本上都集中在這個界面上,包括了微波爐柜門以及微波爐的主要操作界面這兩個大的部分,根據(jù)我們的一致性原則,無論是柜門、門把手還是操作面板的設(shè)計風(fēng)格、形態(tài)語言還是功能的展示以及操作使用,都需要進(jìn)行統(tǒng)一,保持一致性。這里的一致性體現(xiàn)在門面和門把手采用同樣的色彩即花紋裝飾;門面、門把手和操作面板采用同樣的材料和色調(diào)、操作面板的按鈕設(shè)計風(fēng)格和設(shè)計語言也保持統(tǒng)一等等,這些都能體現(xiàn)出其一致性的設(shè)計原則。
2.4 審美性原則
人們對美好事物的追求永恒不變的,所以產(chǎn)品設(shè)計中的界面設(shè)計也必須要符合審美性的原則。在一個產(chǎn)品的界面設(shè)計中,應(yīng)該選擇什么樣的色調(diào)、形態(tài)語言以及界面元素應(yīng)該以一種什么樣的排列分布方式去呈現(xiàn)等,都需要設(shè)計師從審美性的原則上去仔細(xì)斟酌,以便能更好地體現(xiàn)這個產(chǎn)品的基本屬性和設(shè)計特點(diǎn)以及設(shè)計品位。在滿足工業(yè)產(chǎn)品的界面設(shè)計審美性原則這一點(diǎn)上,設(shè)計師可以從形式美法則入手,以此作為設(shè)計準(zhǔn)則去處理產(chǎn)品界面設(shè)計審美性原則的滿足。
綜上所述,產(chǎn)品設(shè)計中的界面設(shè)計其實(shí)并不是一個陌生的設(shè)計內(nèi)容,只是在傳統(tǒng)思維模式里,大家沒有將其和界面設(shè)計進(jìn)行聯(lián)系,但事實(shí)是,作為一名產(chǎn)品設(shè)計師所做的任何一個產(chǎn)品的設(shè)計都包含界面設(shè)計的工作內(nèi)容,如果能正視這一點(diǎn),并在每一項(xiàng)的設(shè)計工作中都有意識地將界面設(shè)計的相關(guān)概念、方法和設(shè)計原則運(yùn)用其中,一定會大大提高產(chǎn)品的實(shí)用性和易用性,不僅僅能給用戶帶來更好的視覺美的體驗(yàn),更重要的是給用戶帶來良好的使用體驗(yàn)。
注釋:①全文所說的產(chǎn)品設(shè)計指的是傳統(tǒng)的,以實(shí)體的產(chǎn)品設(shè)計為中心的設(shè)計領(lǐng)域。
參考文獻(xiàn):
[1] 唐納德·諾曼(美).設(shè)計心理學(xué)[M] .北京:中信出版社,第10頁.