軟件圖形界面(GraphicInterface)是二十世紀(jì)重要的創(chuàng)造發(fā)明之一,它為數(shù)字化普及革命所帶來的巨大貢獻(xiàn)是軟件領(lǐng)域中其它任何發(fā)明所不能媲美的。圖形界面的出現(xiàn)直接帶來了人們生活方式的變革。圖形界面的發(fā)展可以追溯20世紀(jì)六十年代,隨后經(jīng)歷了20世紀(jì)六十年代和七十年代的萌芽階段和二十世紀(jì)八十年代至今的發(fā)展階段。到圖形界面綜合了人機(jī)工程學(xué)、認(rèn)知心理學(xué)、藝術(shù)設(shè)計學(xué)、語文學(xué)、社會學(xué)眾多學(xué)科領(lǐng)域的知識,已經(jīng)發(fā)展成為一門獨立的學(xué)科。
在計算機(jī)出現(xiàn)半個世紀(jì)的時間里,圖形界面經(jīng)過不斷完善,逐步成熟,逐漸從命令語言界面轉(zhuǎn)變成為現(xiàn)代軟件界面的主導(dǎo)形式。圖形用戶界面是人類歷史上偉大的發(fā)明創(chuàng)造之一,它對計算機(jī)的普及與進(jìn)一步發(fā)展具有深遠(yuǎn)的意義。施樂、蘋果、微軟等公司在這個過程中發(fā)揮了重要作用。

1.2.1 圖形界面的分類
1. 界面分類
界面的分類有很多種形式,為了直觀的認(rèn)識和分析界面,可將設(shè)計界面按照界面屬性分類為3類:
(1)功能性設(shè)計界面:這類界面主要溝通的對象是物,也就是與系統(tǒng)產(chǎn)生交互的人造物,主要反應(yīng)設(shè)計與物的關(guān)系。界面接受這些事物的信息,并操作這些物,以完成產(chǎn)品對物的控制功能。設(shè)計這類界面時要考慮界面與人造物如何協(xié)調(diào)作用,人與物溝通信息的通暢是這類界面的核心內(nèi)容。功能性界面更多的注重技術(shù)層面的實現(xiàn),是圖形界面的基礎(chǔ),是情感性界面和環(huán)境性界面的基本前提。
(2)情感性設(shè)計界面:這類界面的主要溝通對象是人,設(shè)計者需要通過界面?zhèn)鬟f感受給人,引發(fā)與人的情感上共鳴,反應(yīng)了設(shè)計與人的關(guān)系。生活中,溫馨的裝潢,動人的圖片,震撼的畫面,都可以傳達(dá)設(shè)計者要表達(dá)的情感因素,只有用戶對這種情感產(chǎn)生共鳴,才會接受這件產(chǎn)品或者作品。所以情感性設(shè)計界面正是設(shè)計者的情感寄托,也是打動用戶的關(guān)鍵所在。
(3)環(huán)境性設(shè)計界面:這類界面主要溝通外部環(huán)境因素和人之間的信息傳遞。任何一件有交互性的產(chǎn)品都能脫離了環(huán)境了獨立存在。如果說功能性界面是用戶使用產(chǎn)品的物理需求,情感性界面是精神需求,那么環(huán)境性界面就是社會需求。通過運(yùn)用特定的效果來描繪和適應(yīng)用戶所在的環(huán)境,可以為用戶制造一種心理認(rèn)同。環(huán)境性界面的本質(zhì)時對于現(xiàn)實社會生活的一種擴(kuò)充和延伸。可以說,圖形界面設(shè)計的基礎(chǔ)是功能性界面,前提是環(huán)境性界面,重心則是情感性界面。這三類界面之間的系統(tǒng)的聯(lián)系在一起,它們之間的結(jié)合和溝通造成了設(shè)計的復(fù)雜性。所以圖形界面設(shè)計不僅需要專業(yè)技術(shù),還需要很多美學(xué)和社會學(xué)的知識來支撐。
我們以界面環(huán)境為核心,將界面按使用場合不同可以將界面分為以下幾類:
1) Windows應(yīng)用軟件用戶界面:
Windows作為普及測操作系統(tǒng),其界面也被大眾所熟悉。Windows根據(jù)根據(jù)軟件復(fù)雜程度、用戶群、易用性等因素,將應(yīng)用軟件為了了三類:專業(yè)型、任務(wù)型和娛樂型。其用戶界面也各有特點:
專業(yè)型:主要面向?qū)I(yè)人士。軟件的功能復(fù)雜,所以界面元素較多,簡潔高效、理性專業(yè)是界面設(shè)計中的重點。比如一些專業(yè)的繪圖軟件和動畫制作軟件等。
任務(wù)型:面向具有普通操作水平的用戶。這類軟件為解決特定的工作任務(wù)。軟件功能比不是很復(fù)雜,界面簡潔實用即可,符合普遍的界面布局規(guī)則。例如收發(fā)郵件或者壓縮文件的軟件。
娛樂型:面向所有操作計算機(jī)的用戶。軟件的功能簡單,用戶對軟件的操作性和控制性不高,比如一些音樂播放器和視頻播放器,聊天工具等等。這類軟件交互界面的視覺效果是設(shè)計中的重點。
2) 網(wǎng)站界面:
網(wǎng)站界面是從Windows界面發(fā)展而來的,所以一些早期的網(wǎng)站界面多少有Windows界面的影子。隨著互聯(lián)網(wǎng)的飛速反戰(zhàn),網(wǎng)站圖形界面日漸繁榮。網(wǎng)絡(luò)帶寬,傳輸速度等技術(shù)的改進(jìn),使現(xiàn)金的網(wǎng)站從初的文字內(nèi)容發(fā)展到現(xiàn)在集文字,圖像,動畫,多媒體等一起的新的日益豐富的表現(xiàn)形式。網(wǎng)站界面主要有一下特點:
其一,不可預(yù)見性。主要表現(xiàn)在運(yùn)行設(shè)備的平臺和瀏覽網(wǎng)頁的瀏覽器有不確定;互聯(lián)網(wǎng)特有的超級鏈接使網(wǎng)頁間可以無限制的任意跳轉(zhuǎn)。這兩點使得網(wǎng)站設(shè)計時無法對用戶動作和結(jié)果完全控制。
其二,重在展現(xiàn)。用戶使用瀏覽網(wǎng)頁時,雖然會有一定的互動,但是總體來講,網(wǎng)站的主要用途還是傳播和展示信息;谶@種用途與出發(fā)點,“如何展現(xiàn)”以吸引用戶,使用戶高效的獲得有用信息是網(wǎng)站交互設(shè)計和視覺設(shè)計所關(guān)注的重點。
3) 手持設(shè)備界面(HUI)
個人手持電子設(shè)備在近年成爆發(fā)式發(fā)展。智能手機(jī),平板電腦,電子辭典,電子書等等。這類小型設(shè)備相對于電腦來說功能有限,便于攜帶。手持設(shè)備受到屏幕尺寸和鍵盤尺寸的限制,要求輸入方式的簡潔,所以圖標(biāo)和菜單在其圖形界面中發(fā)揮了重要的作用。
4) 游戲界面
游戲軟件的界面設(shè)計要突出起娛樂型,視覺效果占重要地位。一般要求制作華麗,主題明確,部分游戲要使用三維效果。為了融入游戲主題,游戲軟件的界面的主體一般是由游戲內(nèi)容中的人物或者事物構(gòu)成。
1.2.2 圖形界面設(shè)計原則簡述
對于界面設(shè)計而言,設(shè)計者經(jīng)驗是決定設(shè)計產(chǎn)品好壞的直接因素之一。雖然圖形界面種類很多,不同界面有不同的設(shè)計重點。但是有經(jīng)驗的設(shè)計者,會抓住這些界面設(shè)計的共性,從可交互性,信息顯示,數(shù)據(jù)輸入等方面去考慮,提煉處在設(shè)計過程中要遵循的原則,這些原則幾乎對所有人機(jī)界面都可以適用?梢哉f這些原則是設(shè)計出良好圖形界面的一個保證。設(shè)計者必須牢記這些原則并且在設(shè)計過程中時時檢查是否遵循了這些原則。這些原則有很多,沒有硬性規(guī)定,基本的譬如要求:
(1)風(fēng)格一致:在同一軟件或系列的圖形界面中,所有的圖標(biāo),菜單,按鈕,命令輸入、數(shù)據(jù)顯示和其它功能應(yīng)該保持風(fēng)格一致,包括色調(diào),形狀等。一致的風(fēng)格會給人一種簡單專業(yè),和諧整齊的美感。
(2)操作確認(rèn):對所有可能造成損失的動作,需要要求用戶確認(rèn),例如可以使用彈出框提問:“確定刪掉嗎?”等。對大多數(shù)的用戶動作可以撤銷,允許恢復(fù)動作前的狀態(tài)。如果動作執(zhí)行之后有可能造成不可修復(fù)的損失,也要提前告知用戶,例如:“刪除此文件將不可恢復(fù),確定刪除嗎?”。
(3)及時相應(yīng):用戶界面的響應(yīng)速度是軟件非功能性需求的重要一項。用戶界面應(yīng)該能對用戶的操作及時的做出相應(yīng),提高交互、跳轉(zhuǎn)、計算和思考的效率,盡量減少用戶的操作步驟和點擊次數(shù),使操作直觀且符合邏輯,避免用戶產(chǎn)生茫然無所適從的感覺。
(4)幫助系統(tǒng):用戶友好型的人機(jī)界面應(yīng)該體統(tǒng)上下文敏感的求助系統(tǒng),讓用戶可以及時有效的獲得幫助。用簡潔,準(zhǔn)確的詞語提示用戶。
(5)界面布局:界面應(yīng)該合理的劃分并高效使用顯示屏。顯示范圍和內(nèi)容根據(jù)上下文信息和用戶可能進(jìn)行的操作而定。顯示的內(nèi)容盡量有意義且有關(guān)聯(lián),用窗口分隔不同類的信息;允許用戶對一些可視化環(huán)境進(jìn)行維護(hù),例如圖像的縮放;對錯誤信息顯示進(jìn)行篩選,只顯示對用戶有意義且用戶可以修改的錯誤信息。
1.2.3 界面是用戶的唯一感知通道
用戶接觸一個軟件產(chǎn)品從始至終都是通過圖形界面,用戶不會關(guān)注軟件的后臺是如何運(yùn)行的,用戶從界面處得到的信息和感受就幾乎是對這個產(chǎn)品的全部感知。所以我們說界面是用戶的唯一感知通道。
我們來探討一下什么是用戶感知。用戶感知是一種主觀的心理感受,是在使用一個產(chǎn)品的過程中建立起來的,簡單說就是與產(chǎn)品交互時感覺怎么樣。對于軟件產(chǎn)品的感知主要就是通過與圖形界面的交互操作來實現(xiàn)的。這時圖形界面是人與機(jī)器之間的交互的一個媒體平臺,用戶通過視覺和聽覺感官接收來自機(jī)器的信息,經(jīng)過思考,分析,做出決定,將反應(yīng)體現(xiàn)在對圖形界面的操作上,實現(xiàn)了人機(jī)之間的信息傳遞?梢哉f這時圖形界面所扮演的角色不僅是在功能層面上的,而是在情感層面上的。用戶對界面的感知主要有三個層面:
(1) 感官層面:用戶對界面中所見所謂的視、聽等感官上的審美。
(2) 情感層面:主要表現(xiàn)為用戶從人際交互中獲得的成就、愉悅、自由等情感。
(3) 文化層面:用戶在人機(jī)交互過程中,映射出了其社會性,比如其所述群體共有的價值觀、意識、思想、習(xí)慣、文化、生活方式等等,用戶從這些共性中得到文化層面上的共鳴。
根據(jù)上述用戶感知的理論和交互操作的可用性分析,我們可以總結(jié)出一個優(yōu)秀的用戶界面必須做到的八項基本要求:簡明、清晰、熟悉、操作一致、易響應(yīng)、有吸引力、容錯性、高效。交互設(shè)計既要完成系統(tǒng)的功能需求,又要估計用戶的感知體驗,所以其設(shè)計目標(biāo)有兩個,即可用性目標(biāo)和感知性目標(biāo)?捎眯阅繕(biāo)是對系統(tǒng)一個明確的客觀的衡量標(biāo)準(zhǔn),是交互設(shè)計的基本點。只有完成了可用性目標(biāo)才可談感知性目標(biāo)。用戶感知性目標(biāo)不同于可用性目標(biāo)的客觀,它是用戶從自己的角度對產(chǎn)品的體驗,強(qiáng)調(diào)用戶的主觀感受,沒有明確的衡量標(biāo)準(zhǔn)。
界面設(shè)計者要明確可用性目標(biāo)在界面設(shè)計中的核心地位,但同時也要重視用戶感知目標(biāo)對實現(xiàn)用戶精神層面需求的重要作用,這是設(shè)計中不可或缺的,F(xiàn)代圖形界面設(shè)計的新趨勢強(qiáng)調(diào)以用戶為中心的交互設(shè)計,它將設(shè)計的可用性目標(biāo)和用戶感知性目標(biāo)融合在一起,制定了以下三個設(shè)計目標(biāo),也是以用戶為中心的交互設(shè)計的指導(dǎo)思想:內(nèi)容設(shè)計,界面藝術(shù)設(shè)計和可用性設(shè)計。關(guān)于以用戶為中心的交互設(shè)計在后面章節(jié)中將有更具體的說明。
1.2.4 交互設(shè)計與圖形界面設(shè)計
1.交互設(shè)計與界面設(shè)計
在上面的章節(jié)中,我們分別了解了交互設(shè)計和圖形界面設(shè)計的概念。到這里估計很多人會問:交互設(shè)計和界面設(shè)計不是一樣的么?現(xiàn)在我們來探討一下二者之間的區(qū)別與聯(lián)系。
何為界面?界面,是一個靜態(tài)的名詞。當(dāng)我們進(jìn)行界面設(shè)計的時候,我們要關(guān)系界面的許多屬性,比如界面的布局,風(fēng)格和交互行為等。從廣義上來講,可以認(rèn)為界面設(shè)計包含了交互設(shè)計,但是同事它還包含了其它部分,例如外觀設(shè)計,平面設(shè)計,這些都可以如交互設(shè)計一樣來單獨研究。人們在進(jìn)行界面設(shè)計時已經(jīng)對交互設(shè)計已經(jīng)有了一定的關(guān)注,而交互設(shè)計則更加清晰的定義了產(chǎn)品和用戶在行為上的交互過程。
軟件界面是人機(jī)之間傳遞信息的界面,交互設(shè)計是一個結(jié)合了計算機(jī)科學(xué),心理學(xué),行為學(xué)的分析設(shè)計行為。比起界面設(shè)計,交互設(shè)計更加關(guān)注用戶。我們知道要進(jìn)行界面開發(fā)設(shè)計,用戶分析是首要任務(wù)。用戶是軟件和界面信息的直接使用者,我們在設(shè)計時必須了解用戶的特點其需求。由于現(xiàn)在計算機(jī)軟件以及信息技術(shù)應(yīng)用范圍很廣,用戶也遍布了各個領(lǐng)域。我們必須進(jìn)行充分的用戶分析以了解用戶的習(xí)慣,知識,經(jīng)驗和技能,來預(yù)測不同的用戶在使用系統(tǒng)時會有什么不同的動作和反應(yīng)。以此為交互設(shè)計提供參考依據(jù),以使設(shè)計適合各類用戶使用。由于用戶在知識背景,視聽能力,以往經(jīng)驗,學(xué)習(xí)能力,記憶能力,智力,易出錯性等等方面的水平各不相同,我們在進(jìn)行用戶分析時要對用戶進(jìn)行分類、分析,這會使分析變得更加復(fù)雜化。但是只有這樣全面的用戶分析只有,才可以使交互設(shè)計更好的服務(wù)與界面設(shè)計,以使界面設(shè)計達(dá)到功能可用性目標(biāo)和用戶感知性的目標(biāo)。
如果將界面設(shè)計比作迎接用戶的大門,那么交互設(shè)計就是連接了用戶的橋梁。合理友好的交互設(shè)計會給用戶很舒服很易用的感覺,配合美觀的界面設(shè)計,會給人耳目一新的感覺;反之,用戶會在剛剛進(jìn)入大門的時候就轉(zhuǎn)身而返,失去了進(jìn)一步了解的興趣,這無疑是令人失望的結(jié)果。隨著計算機(jī)系統(tǒng)的日益復(fù)雜和用戶計算機(jī)知識的日漸普及,軟件發(fā)展的越來越專業(yè)越來越男用。雖然門檻升高時正常的,但是設(shè)計者不能忘記用戶才是系統(tǒng)的所有者和裁判員,期望用戶都具有專家的水平是難以接受的。交互設(shè)計師的職責(zé)就是溝通系統(tǒng)與用戶的橋梁,為用戶指引一條便捷不晦澀的道路。所以交互設(shè)計是良好的界面設(shè)計的重要一環(huán),畢竟開發(fā)人員和用戶的差別是很明顯的,因此通過交互設(shè)計建立良好的溝通是非常重要的。