科普篇:UI、UX、GUI新手指南
在新手入行UI設計的時候,常常會被幾個名詞弄混,UI,UX,GUI,到底分別是什麼,又有什麼區別和聯絡呢?譽財阿多比設計剛入行的時候也曾有這個疑惑,今天就與大家分享一下。
一、UX(User Experience)
許多人常常會把UI/UX這兩個詞彙混在一起使用,我們先來介紹一下到底什麼是UX吧!
UX,全名是 Userexperience,中文就是使用者經驗,顧名思義它強調的是使用者體驗的過程。譽財覺得,UX設計師在做的的事情其實就是建立產品一系列帶給人的印象(感覺),這種印象建立從營銷規劃開始到產品實際使用的情境,從程式運作的效能到UI的色彩規劃都包含在其中,每一個環節UX 設計師都需要評估在特定的時間點,產品到底給使用者產生了怎麼樣的印象,同時思考是否符合設計的預期。
大部分的 UX設計師會透過真人測試,分析使用者的使用情形,發現需求並提供可能的解決方案,即使在沒有真人測試或是案例不足的情況底下,也會持續的運用各種假設,思考、分析使用者在當下可能產生的行為,以及每一個行為背後的預期目標,並根據這些行為目標對使用者體驗進行設計或者優化
二、UI(User Interface)
User interface 又是什麼?用專業一點的術語來解釋,所謂UI其實就是一種輸入和輸出的設計。
通常 UI 設計師會依照 UX 設計師流程上面的需求進行考慮,開始規劃 Wireflow,Wireframe以及 Prototyping的製作。UI設計師需要對平臺產品的設計規範要有一定程度的瞭解,像是 iOS 的 Human interface guideline 或是 Google 的material design guideline,Window GG,並基於這些設計規範的限制,進行頁面以及流程上的設計。
當然,設計並不應該被侷限於“某些規範”之中,跳脫格局的優秀UI設計也是有不少!不過,UI設計與平面設計最大的差異點就在這,在我們去嘗試各種天馬行空,創意爆發的同時,我們隨時需要回到“使用者為中心”的考慮,確認整體的設計是否能夠帶給使用者絕佳的操作體驗,不會造成使用者的困惑或是挫折感。到這邊為止我們做個簡單的結論,UX設計師設計的是一個產品的印象(感覺),而UI設計師設計的是一個產品的呈現。是不是覺得兩者好像有點接近甚至重疊呢?其實UI跟UX在某種程度上其實是密不可分的。一個優秀的UI,不可能也不應該沒有考慮任何的使用者經驗設計,而一個優秀的UX更需要搭配好的UI流程、設計來呈現給使用者。
三、 GUI(Graphic User Interface)
GUI,所謂的Graphic userinterface,主要的工作就是把UI設計師設計的流程或是原型實際的視覺化,這些內容包含了App中幾乎所有的視覺元件,App的icon還有一堆有的沒的會讓工程師氣死的酷炫光影效果之類的,這個部分需要的硬底基礎功也是不少。
一個UI設計的流程裡面是否真的會有如此清楚的分工?其實“完整的UI設計流程”普遍只會出現在像是鴻海、趨勢科技、Asus這些大公司裡面。當然近期也有越來越多的中小型新創,科技公司開始匯入這樣子的設計流程來進一步提升自家的產品,但由於這樣的流程不管是在時間還是金錢上面,負擔的成本都偏高。不過,可以預期的是,隨著使用者體驗的重要性日益增加,譽財相信不久的將來,優秀的UX設計師絕對會成為一個公司要做出好的產品的基本需求!
在文章的最後,譽財想告訴大家,這三者是密不可分,互相依存的,缺一不可,他們都是完成一個好的設計中要涉及考慮到的問題,所以對於設計新手們來說,大家在學習的過程中要多加留意學習。