案例分析結果與綜合討論

In document 國際品牌的使用者圖形介面之風格研究 (Page 87-92)

第一節 案例分析結果

透過以上的案例分析結果,我們以理性的判斷此三系統分別的角色與個性 有許多差異,受限於該企業本身的包袱也好、壓力也好,都導致了它們有不同 的表現型式。

以品牌的個性來說,微軟身為全球佔有率最高的操作系統開發者,以及最 多工程開發人員簇擁的平台,其一直被冠上「工程師」代表的稱號,缺乏創 新、以工程面為考量皆是其壓力來源,使用者對其依賴極深、了解最多,也導 致該系統背負了相當重的包袱,Windows Vista 的推出代表了該系統欲擺脫這 種印象的決心,提供使用者豐富的動態與創新的互動效果,甚至開放視窗背景 透明度的客制化,都是該系統期望展現突破決心的作為;蘋果電腦從2007年改 採Intel處理器以來,在市場上的普及率提高,但在電腦這一個部分,該品牌仍 舊是小眾市場,受到前執行長Steve Jobs的影響,該品牌一直以封閉式系統自 居,不論硬體、抑或系統全都不經第三方廠商之手,非常的堅定,如同其介面 元件的選擇一樣,整合程度相當高,而全球也僅有這個系統可以延續其硬體所 使用的鋁材質至圖形使用者介面中;至於Android ICS是近年來快速竄紅的手 持裝置系統平台,其被開發商與使用者接受的原因,在於Google大方的開放該 平台予任何第三方廠商進行開發,該品牌擁有絕對的活力,但也因為有眾多的 第三方廠商共同開發,因此較難掌握開發軟體的品質,造成應用程式良莠不齊 的結果。

圖形使用者介面的設計成果,與品牌個性有絕對的關聯,力求創新的微 軟,所表現出來的是非常華麗的介面,帶有紋理、光澤度極高的玻璃元件、搭

配精緻、光線豐富的圖像,展現了該品牌的設計實力與開發能力,設計具有人 道主義的字體,為華麗的外表錦上添花,增加了一些人文氣息;Mac OS X 以 鋁材質與灰色色塊來構成所有介面,元件極為單一,幾乎無裝飾的元素與顏色 於介面中,該系統將表現精緻實力放在圖像的設計上,擬真又真實的圖像、搭 配豐富的細節之於平實的介面,有畫龍點睛的效果,以去裝飾的程度來說,

Mac OS X比較將介面的設計重點放在功能上的呈現清楚,並且注重使用者的 達成效率;至於Android ICS 相較於過去版本都來的簡化,推測是因為其欲藉 由這次改版的簡化,收斂第三方廠商長久以來協助開發、以致過於發散的狀 況,並建立該品牌的識別性。

總體來說,本研究推斷三系統分別的狀況為:Mac OS X堅持功能導向及 操作使用性作為其設計考量;Android ICS逐漸在走向簡潔且人性的方向,為 自己的品牌建立起識別;Windows Vista 在企圖擺脫眾人對它的舊有觀感,並 在這個擺脫的過程逐漸才找到平衡。

第二節 研究討論

近幾年來,全世界在User Experience、Usability 這一領域的討論才逐漸 匯聚,包括台灣也是,也由於屬於一個新興的專業領域,所以相關的研究與書 籍都還有限,甚至圖形使用者介面設計(Graphic User Interface )的相關論點 更是少之又少,很慶幸能夠藉由本研究對於文獻的整合與歸納,初步探討圖形 使用者介面的主要構成架構,系統性的將該領域的視覺元素劃分開來,以利後 續研究探討各個視覺元素如何影響介面的構成。另一方面,本研究亦結合了研 究者在業界的經驗,給予案例多個討論的觀點,期望為這一專業留下更多更具 價值、更有系統的知識累積與經驗分享。

台灣在全球的科技產業,算是相當具有影響力的開發角色,研究者認為在

科技與人類接觸的這項專業,台灣能夠有更完整的發展,以整合台灣的開發實 力。

綜合文獻的歸納與案例分析過後,針對國際品牌的介面設計風格之研究有 了初步的見解與結論:

1. 使用者介面設計的風格統一需仰賴四項主要視覺元素的一致以達成

視覺是人類接觸事物的第一道關卡,視覺可以影響使用者對於介面的大部 份感官, 介面設計的四項基本視覺元素分別為圖像、色彩、字型、操作 元件,藉由基本元素的概念連結,可以有效的達到風格感受的一致。

2. 理念一致、視覺統一的介面外觀,能夠增加使用者對該系統的認同

明確且一致的介面外觀,能夠增加使用者對該環境的信任感,並且表現出 系統環境的完整,另一方面,也透過各個元素一致的理念,加強系統所傳 達出來之感受的強度。

3. 介面設計非單一事件,須考量整體開發流程的所有影響因素

只有介面設計得好看是不夠的,軟體或系統的開發流程中,介面僅是為其 中的一個環節,這個環節雖然是最為顯著、被使用者一眼就看到的,但其 背後仍舊包含了許多關鍵的環節,例如操作性的優化、開發工程或效能的 考量...等等,都需要被完整考量,方能構成一個好看且好用的介面。

4. 圖形使用者介面設計被人類審美觀念影響,形成時代趨勢的一環

這個生態圈是生生不息的,甚至在未來的幾年會越加的精彩,人類不停的 開創新的操作方式,科技環境不停地在變動,進而影響系統的研發,系統 的研發創造了更多需求予人類,人類又不停的提出新的操作方式....,這樣 的輪迴夾雜着人力技術、整體經濟、與人類心態,形成了趨勢與特有的文 化。

第二節 後續研究建議

人類從發展電腦至今,尚未一世紀,就人類的發展史上,是相當大且相當 急的轉變,徹底的改變了人類的生活形態。而使用者介面設計的發展更是極為 初期,尚有相當多的議題需要被研究與討論。而本研究礙於時間有限,且僅針 對視覺的部分做探討,必定有不足的地方,在此提出幾項建議供日後欲從事相 關主題的研究者參考:

1. 視覺設計是較為感性的層面,但使用者介面設計乃屬感性與理性的結合,

除了美感的講究,尚須考慮科技規格與使用者經驗的實際發展狀況做設 計,再美的介面設計,沒有科技的支持、沒有使用者去接受,也是枉然。

本研究僅針對設計元素作探討,稍嫌狹隘,待後續的研究者能夠更廣泛的 思考、與科技間及使用者的搭配,能夠在為其作內涵的修正與補充。

2. 介面設計能夠被清楚地識別,主要是因為色彩的構成,在本研究過程中,

察 覺 到 色 彩 之 於 介 面 設 計 的 文 獻 相 對 較 少 , 由 於 介 面 需 仰 賴 銀 幕

(Display)呈現,其中的條件與印刷的成色有所不同,再加上現今攜帶式 裝置的普及,使用者攜帶着電子裝置在各式環境中使用,其環境光線必有 不同,尚須更多研究探討銀幕色彩與環境光線之於人類感受的關聯。

參考文獻

7. 周陟(2010)。UI進化論。台北:上奇。

8. 鄭文俊(1999)。資訊產品銀幕圖像操作介面設計思索與實務。大葉學報,第

1. David A. Aaker(1995). Building Strong Brand. Free Press.

2. Kevin Cox & David Walder(1990).User Interface Design. Prentice Hall.

3. Preece, J.(1994).Human-Computer Interaction.Massachusetts.

4. Shneiderman, B.(2005)Design the user interface:Strategics for effective human-computer interaction.

3. Jenifer Tidwell(2005).Patterns for Effective Interaction Design. 台北:諅 峯.

4. Kim Goodwin(2009)Designing For The Digital Age.

John Wiley & Sons Inc

.

5. Kathryn Best(2008). Design Management. 台北:麥浩斯。

6. Tullis, T.S.(1988,Screen design). In Helander, M. G. (Ed.). Handbook of Human–Computer Interaction. NT:Elsevier Science Publishing.

7. Huang et al.(2002).International Jornal of industrial Ergonomics:Factors affecting the design of computer icons.

網路資料

1.R. Kayne (2003).

www.wisegeek.com/what-is-the-difference-betweenhardware-and-software.htm

2. Android Ice Cream Sandwich Design guideline (2012). developer.android.com/

design/index.html

3. Mac OS X Developer Library (2010). http://developer.apple.com/library/mac/

navigation/

4. Vox-ATypl Classification (2012).

http://en.wikipedia.org/wiki/Vox-ATypI_classification

5. Graphic User Interface (2012). http://en.wikipedia.org/wiki/

Graphical_user_interface

6. Montparnas,What Is User Experience Design (2006)

www.montparnas.com/articles/what-is-user-experience-design/

7. Affordance (2009). http://zh.wikipedia.org/wiki/%E6%89%BF

%E6%93%94%E7%89%B9%E8%B3%AA

8. R. Kayne,What’s the difference between hardware and software (2003)

http://www.wisegeek.com/what-is-the-difference-between-hardware-and-soft ware.htm

9. Nielsen Norman Group (1998) http://www.nngroup.com/

10.UX Design Defined (2010) http://uxdesign.com/ux-defined

In document 國際品牌的使用者圖形介面之風格研究 (Page 87-92)