我們常說UI/UX很重要,會影響SEO,那麼,到底 UI/UX 是什麼玩意兒啊?坊間太多文章的定義都非常清楚,但例子甚少。本篇文章舉出實際例子,讓你理解 UI/UX 之間的差別,並且延伸討論到網頁設計時的注意要點。
Table of Contents
Toggle簡單再提一次UI和UX的定義就好
UI是使用者介面、UX是使用者體驗。
UI 和美觀、便利性有關,但是不加入「感受」這個因素。
UX 則重視介面和人的「感受」和「互動」。
UI/UX,舉實際例子說明比較好懂
(1)一件超級好看的連身睡衣,看起來美觀度100分;但是很難穿,材質彈性不好,光是套頭穿,伸手穿都很卡,穿起來之後全身刺癢根本無法入睡。
這就是一件外觀 ( UI ) 做得很好,但是穿著感覺 ( UX )很差的產品。
如何改善?維持原有的美觀度(UI),換掉彈性更好,更柔順的材質,提升(UX)使用的感覺。

(2)一個看起來超級炫炮的格鬥遊戲,人物動作華麗,畫面科技感十足;但玩起來,角色平衡度很差,強勢角只要無腦操作就好,遊戲沒有挑戰性就破關了,故事劇情枯燥乏味…
這也是一個外觀( UI ) 做得很好,但是遊戲感受( UX )很差的產品。
如何改善?遊戲要做封測、公測,聘請遊戲試玩工程師提供反饋。
(3)你還記得小時候讓你玩到流連忘返的電玩遊戲,破關10次都還在玩嗎?
老遊戲之所以會那麼好玩,UI在當時一定是數一數二的強悍, 然而,遊戲強是強在 UX,遊戲的體驗感極強,孔明就曾玩過任天堂紅白機古老的RPG遊戲,雖然是簡單的2D畫面、古老的馬賽克人物和動作,搭配上設計好的劇情,玩著玩著還會掉下感動的眼淚。

可是現在去看這些老遊戲的畫面,你會覺得要改善的空間還是很大。
這是當然的, 美感、UI 是比較出來的,老遊戲受限於開發方式,介面一定會比新遊戲差,介面的比較,一般來說是2D、3D到VR的順序。
這也就是為什麼特別紅的老遊戲經常會改版換介面重新發售,譬如日本有名的勇者鬥惡龍3代,同一個劇情,在不同時代就被翻製了好多版本呢!
UI / UX必須相輔相成
為什麼UI和UX經常被提在一起,這是因為兩者雖然在本質上有不同,但是卻會交互影響。
順序是:
UI 美感設計、UX 累積互動經驗、UI 再依照經驗修正設計、UX再反饋… 如此循環不已。
一個好的UI/UX產品會是持續改善和成長的,而不是一出生就停止修改的。

延伸討論:網頁設計的UI/UX
誠如前項的討論,網頁設計也可以運用這個邏輯。
剛誕生的網站,還沒有多少人用過,通常會以UI為主進行設計,當然UX也會考量,但此時的UX比較主觀,因為畢竟沒有用戶提供實際的反饋,只能抓經驗去設計。
網站經過一段時間,流量上來了之後,透過了 Google Analytics ( Google 免費提供的線上系統 ) 蒐集了大量的用戶行為數據,就能依照這些數據,來具體改善網站介面、網頁動線和網站內容!
UI/UX 是網頁設計的重點之一,但要持續改善,就牽涉到網站經營( SEO )的部分了,另外,安裝GA ( google analytics) 和觀察數據這個部分,就容孔明後續的文章再進行說明囉!