你是做 UI 的,那懂不懂 UX?

近來,身邊有很多朋友對於使用者界面設計師 (UI Designer ) 跟使用者經驗設計師 (UX Designer) 感到混淆,在面試 UI Designer 時,除了一些介面設計相關的問題外,最常被問到就是:「你是做 UI 的,那懂不懂UX?」
評論
評論

本文原刊登於 DESIGNING BY LEARNING,Inside 獲授權轉載。

作者 WESLEY 目前在知名網路公司擔任介面設計師, 本來讀的是商科,但憑著對設計的熱情,透過自學轉職設計, 喜歡閱讀、畫圖、寫程式, 希望用更多的理性、科學、理論的方式思考設計這件事。

近來,身邊有很多朋友對於使用者界面設計師 (UI Designer ) 跟使用者經驗設計師 (UX Designer) 感到混淆,在面試 UI Designer 時,除了一些介面設計相關的問題外,最常被問到就是:「你是做 UI 的,那懂不懂 UX?」,懂? 不懂? 似懂非懂? 總覺得 UI Designer 的工作內容愈來愈廣,不僅要懂 UX,最好也懂程式,最好也懂行銷,最好也懂商業模式…這樣下去應該沒完沒了。撇開其他的專業不說,UI Designer 與 UX Designer 到底差在那裡? 該怎麼去定義 UI Designer 這角色呢? 其實,這要回到最本質的問題,那就是身為一個設計師,有沒有思考過「設計」是什麼呢?

這個問題在我想了很久,因為我非設計本科,沒上過課所以也不太了解。有人說設計是解決問題的方法,那我會想,有沒有什麼問題是設計解決不了的? 那有沒有什麼除了設計以外的方法可以解決相同的問題? 其實錢也可以解決很多問題不是? 難道花錢就是一種設計? 仔細想想,在生活中的確有很多問題透過設計可以得到改善,所以它自然是解決問題的方法,但這樣的解釋其實太過含糊,因為你是掛 UI Designer,而不是掛問題解決設計師啊!

設計是什麼?

平面設計大師 Paul Rand,在與學生的對話中己經給我們了一個很明確的答案。

設計就是關係,是形式與內容的關係。—保羅.蘭德«保羅.蘭德 給年輕人的第一堂啟蒙課»

Design is relationships. Design is relationship between form and content.  —Paul Rand«Paul Rand Conversations with Students»

學過平面設計的人,對這位大師一定不陌生,我在«保羅.蘭德 給年輕人的第一堂啟蒙課»這本書中,得到了答案,但一時很難體悟這句話的意思,直到最近才稍微理解這位大師所下的定義。
那平面設計大師講的話,跟介面設計還有使用者經驗設計有什麼關係? 介面設計也是設計,當然也是「形式」與「內容」的關係,所以形式是什麼? 內容又是什麼?

內容就是想法、主題;形式就是你想法的做法。—保羅.蘭德«保羅.蘭德 給年輕人的第一堂啟蒙課»

所以內容可能是自己的想法或是其他人給你的主題,那可能是商業的設計案、公司的產品、社會議題…等等,它就是內容;而形式是方法,你的角色為何,採取的方法就會不一樣,

設計與介面

如果你是一位介面設計師,正在做一個關於社會議題的網站,那你的內容為何?形式為何? 你的內容就是關於社會議題的資訊 (what),形式就是你如何 (how) 呈現在網頁上的資訊,設計就是呈現的方式跟社會議題資訊之間的關係 (why)。
你希望它如何在網頁上被使用者操作、閱讀、理解、收藏、分享…等等,這是介面設計師的專業,這過程中你會設下很多的「設計目標」,預期使用者如何的去操作你的網站,每一個介面模式 (UI pattern) 都有它存在被使用的理由。但這並不能解決社會議題中的任何問題,因此即使是負面社會議題,資訊能有效的被傳達,就專業的角度而言它就是成功的設計。

以下 UI DESIGNER 簡稱 UI、UX DESIGNER 簡稱 UX

那從使用者經驗設計師來看,他的內容為何? 形式又為何?

設計與使用者經驗

在相同的社會議題的網站條件下,即使內容相同,UX 跟 UI 所關注的重點就會不同,UX 更專注於內容本體及研究對象 (what) 為何,而 UI 則更專注於內容的結構;而在形式上,UX 更專注於如何 (how) 了解「人」的方法,所以你跟大多數的 UX 對話時,你會發現他們很在意「使用者」的感受,要有「同理心」,要做訪談要建立 Persona…等等,這是他們的專業,這是一連串關於人的科學研究,他們更在乎的是使用者對這議題或產品的感受與態度,並透過觀察還有科學的方法來驗證結果,對他們來說,設計就是人與社會議題之間的關係,所以透過研究人的方法,來釐清人與社會議題之間的關係。但隨著研究的主題不同,研究的對象 (人) 也就會不一樣,所以如果能夠改良、提昇或是扭轉這樣的關係,才算的上是一個成功的體驗設計。

內容、形式、行為

這幾天跟朋友討論了相關的內容,在«About Face(設計交互精隨)»的書中也提到了內容與形式,只是他多了一項:「行為」。這是個很有趣的發現,仔細想想,Paul Rand 是位平面設計大師,在那個年代「使用者經驗」可能被含概在行銷概念中的消費者行為,因此我猜想行為可能包含在對內容的研究裡面。

另外提及「行為」,心理學家 Kurt Lewin 所提出的場域理論 (Field theory) 也提及了行為,他認為一個人的行為 (B) 取決於個人 (P) 和他的環境 (E) 的相互作用:

B=f(P*E)

簡言之,人的行為會受環境跟自我的影響,它跟增強理論剛好不太樣,增強理論是在說明「行為是結果的函數」;總之我們可以發現,UX 最感興趣的行為,被拉進了設計過程,從對「行為」研究,或許可以更明顯區隔跟 UI 的差異處。

設計就是一連串的為什麼

因此不管是什麼樣的設計,都可以透過內容跟形式的方式去理解,但找出關係或是建立關係,不是一件容易的事情,而且通常這樣的關係是一連串的「為什麼」,對 UI 來說:「為什麼按鈕要放右上方?」、「為什麼分享要在文章下方?」、「為什麼字體要挑黑體?」;對 UX 來說:「為什麼使用者在意這個議題?」、「為什麼使用者對這個議題感到無趣?」、「使用者對於議題的態度為何?」…等等諸如此類的問題。

UI 要不要懂 UX?

這個問題就像是你問物理學家懂不懂數學,或是經濟學家懂不懂統計一樣,他們當然「略懂」,但這背後有兩個問題,第一是為什麼要懂? 第二是要多懂深才算懂? 對於物理學家而言,他們當然要懂數學,而且不能只略懂,而是要非常的懂,因為他探討的問題很難,是一般人無法理解的關係,所以有一本天文物理鉅作叫 〈大設計–The Grand Design 〉,同樣是設計,但它討探討的是另一更複雜的關係,這樣關係要透過數學 (形式) 才有辦法去釐清。
而對 UI 而言,UX 是形式的一種,使用者介面是給人使用的,越是能了解使用者,越能創造出良好的介面體驗,所以要懂 UX,但這裡的懂,並不是你一定要花非常多時間去了解研究人的方法,而是你可以透過參與的過程,或從研究的結論中節取有用的內容,作為 UI 的調整或改善基礎。

所以當你面試介面設計師的工作,對方問你懂不懂 UX,要怎麼回答?

就是略懂,但一個略懂不夠,要略懂、略懂。但如果對方問會不會使用者研究,你就要用 狐疑 真誠的眼睛看著他並回說:「不會,我是來面試 UI 的 不會,但我願意參與」。
但如果真的很想當 UX 怎麼辦? 先確認自己對於人的觀察或研究是有異常興趣的,然後去了解一下 UX 平常的工作內容,要有身為研究員的覺悟,因為它有點像在做論文的定性或定量研究,假設、建立模型、收集資料、分析資料、驗證然後結論,可能沒想像中那麼有趣就是。

真正重要的,眼睛看不見

不同公司對於 UX 職位的期待不太一樣,有些公司會找 UX 來改善產品的體驗,所以他們的研究的內容就是產品本身,如果是想挖掘新產品,就得找到 TA(Target Audience),並透過研究方法來挖掘需求,UX 甚至可以從公司經營的角度 ,去了解公司並重新塑造公司的組織文化,UX 的應用很廣,所以它一點也不容易,而且它必需要有一定的經驗累積。

最後要提的是,不管做什麼設計,最重要的還是找出「關係」,UI 的專業,不在於你對於形式的掌握有多成熟或是對於內容有多了解,因為這些都是必要的,那是 UI 專業的基礎,有沒有辦法在這之間建立關係,這才是功力深淺的差別。 關係聽起來抽象,但事實他存在我們的生活中,跟家人的關係,跟朋友的關係,跟情人的關係,跟公司、同事的關係,全都是設計。它看不到,所以很重要。

人只有用自己的心才能看清事物的本質,真正 重要 的東西用眼睛是 看不到 的。—«小王子»

歡迎加入「Inside」Line 官方帳號,關注最新創業、科技、網路、工作訊息

好友人數

【社會數位轉型】連假出門不塞車、推動漁港再生,經濟部打造永續交通生態圈

智慧運輸時代來臨,全球競相投入無人載具與數位交通研發,希望在未來行動力的佈局搶得先機。從陸地、海洋到空中,無人機以整合 AI、5G 技術為核心,應用場域超乎想像,不僅能帶動產業升級與經濟成長,在解決社會問題上也有許多可能性。
評論
Photo Credit:Pexels
評論

聯合國預估,2030 年全球將出現 43 個人口超過千萬的巨型城市,而 2050 年將有 7 成人口居住於都市。城市人口密度持續增加,為交通帶來更大考驗,需要用更有效率的方式來管理。而在臺灣常見因車流量過大造成塞車、事故頻傳,以及偏鄉交通不便、公共運輸使用吸引不足、燃油車輛帶來環境污染等問題,也可望透過發展智慧交通迎刃而解。雖然短時間內還無法真正落地、普及,但種種想像已顯現出智慧運輸系統(Intelligent Transport System,ITS)的重要性。

智慧運輸科技是一門跨領域的技術,包括 7 大關鍵新興科技 iABCDEF 中的i(IoT,物聯網)、A(AI,人工智慧)、D(數據科技,DataTech)、E(邊緣運算,Edge Computing),並涵蓋資通訊、能源與電子等產業。面對接踵而來的挑戰,經濟部技術處與工業局合作,配合交通部、科技部、工研院、資策會等跨部會單位,關注企業與民眾的需求缺口,擴大各項交通科技創新服務的實驗場域。希望加速資通訊及智慧交通應用落地,推動產業轉型與數位經濟發展,更處理公共議題,建立更好的居住環境。

交通車載設備一站式整合 為國內實現物物相聯

未來在 5G 環境下,物聯網能讓各種設備、軟體、網路服務等更快速的相互連結,透過虛實整合應用與民眾進行深度互動,達成高速運算、低延遲通訊、萬物聯網的目標,這也是目前持續發展如智慧交通、自駕車所必備的條件。

當交通與運輸更加智慧化,將為國內業者帶來新商機,相關產業鏈例如雲端軟體服務、影像辨識與人工智慧分析、路側設備業、道路安全警示以及周邊的系統整合、工程顧問、二輪車安全聯網等,都是發展智慧交通智慧系統重要的環節,而智慧交通控制服務也是相當重要的一環,當交通號誌的紅綠燈控制做最有效的安排時,將可使路網中的車流運行更加順暢,也能減少更多的廢氣與碳排放的產生。

資策會智慧系統研究所(系統所)組長黃暉慈指出,發展一站式整合的關鍵之一在於道路上的路側設備(Roadside Unit,RSU)與安裝在車內的車載裝置(On Board Unit,OBU)兩者間的跨設備溝通,過去常因各家技術及介面規格不一、各類型設備分屬不同廠商維護、跨部門協調等原因難以整合,若要產生對民眾更具價值的應用相對是一大難題。

以建立永續智慧交通環境為目標,經濟部技術處匯集各法人能量,致力於運輸資源、資訊的整合共享,提升協作效能。

「比方說像各縣市智慧公車站牌就都長得不一樣,以及路側設備分屬不同部門管理:如交通局的號誌、工務局路燈管理處的路燈、警察局的 CCTV 等等,設備跟服務多為各單位獨立運作,資源無法進行有效的整合」黃暉慈表示。因此,為提升協作效率最佳化,經濟部技術處與資策會系統所合作,發展多元資訊的智慧交通作業系統,以建立共通平台之概念,打破廠商之間的資訊串接藩籬並能協同合作,減少資料使用者、管理者必須面對不同格式資料的困擾,以達成資訊交流的通透性與共享目的。

黃暉慈說明,智慧交通作業系統(Transport OS,TOS)是一套能整合各項遠端設備的管理平台,透過 TOS 函式庫讓程式介接、遠端佈署與應用開發都變得更簡單。「我們希望藉由一套共通的標準格式進行資料的收集,協助業者在設備管理、資料管理、資料分析上都能更加簡易有效率。」經由系統的整合,能自動化遠端監控路側設備的運行狀態,偵測錯誤並通知管理者,並以AI感測蒐集車輛、事故等應用數據。「省下開發系統和串接的功夫,業者能專注在設備功能的強化。」經濟部計畫透過整合性資訊服務,改善當今運輸走廊壅塞問題,未來國內車廠在技術發展上也能突破國外母廠的限制,打造出門無縫、用路安全、交通順暢的智慧運輸系統。

黃暉慈舉例,假如 CCTV 的監控影像出現雜訊、模糊、被遮蔽或鏡頭偏移,或工業電腦網路斷線等異常發生,系統都能即時發現問題,發出警示,「本系統具備彈性擴充功能,可協助業者介接提供更多加值應用,例如接入 RTSP 串流影像也能做到如智慧化判斷車輛是否違停的科技執法應用。」此外,TOS 的另一特色就是會將蒐集到的數據生成可視化圖表,有效地傳遞資訊,以利使用者能迅速評估狀況、做出因應。

Photo Credit:資策會

提升船舶監測效率 給予閒置港岸新生命

除了陸地的交通,海洋也是智慧運輸科技的發展重點。資策會系統所蔡政鴻組長分析,臺灣四面環海、海岸線長達 1,000 多公里,每年海洋經濟產值高達近 6 千億,「物流、漁業之外,還有觀光娛樂,光是用漁船載客出海磯釣每年就可賺超過百億,把安全性做好會很有市場。」

資策會系統所在經濟部技術處科技專案的支持下,採納百家以上產官學研機構與專家的建議,以海港數位轉型需求的高可靠邊霧協作物聯網技術為主,規劃「近岸船舶監測系統」,與相關業者、海巡隊合作,加強港岸船舶的管理效率。

蔡政鴻說,過去在智慧漁港常常做的是智慧照明,當然智慧照明在節能與管理上有很多好處,但除了漁港好像放在其他地方也很好,對於漁港的特色比較沒有凸顯出來。現在漁港面臨的問題是利用度不高,漁港資產閒置,最主要原因是來自過度捕撈,導致海裡無魚可抓,因此產生閒置問題,海洋資源的永續是主要的解決方法,除了生態保育,另一個是漁業漁港的轉型,從過去過度捕撈的抓來吃,轉型到生態體驗的旅遊價值,傳統漁業要轉型到娛樂漁業,發揮觀光旅遊的價值,從中帶來收入,魚就不用補那麼多,海洋資源才可永續。美國的漁業統計,休閒釣魚的經濟效益是商業捕魚的九倍,因此休閒釣魚的發展,其實是可以取代商業捕魚的部分經濟能量,進而減少捕撈。

以基隆市政府為例,2017 年便率先制定娛樂漁業島礁磯釣自治條例,管理認證核發與收費標準,並陸續導入科技管理工具,以船舶自動識別系統(Automatic Identification System,AIS)對磯釣船舶實施監測,採用邊霧運算技術,藉由與鄰近船舶、衛星等設備交換資料,當磯釣船訊號消失或離岸太遠,就會發出警示,建立數位治理機制,確保磯釣活動的安全戒護工作落實,保障業者與釣客的活動安全。另外磯釣證申辦,過去都要上班時間臨櫃申辦,造成不便。現在將磯釣證上網申辦,結合磯釣船出船單,送到漁港的海巡安檢流程,到磯釣船舶的海上航跡訊號勾稽,完成一套完整的服務鏈路,讓安全與方便形成基隆磯釣發展的重要後盾。使過去出海捕魚轉變成載客釣魚,減少捕撈,生態得以生息,漁民也有生計,還帶動釣具產業的發展。

其實智慧交通早已悄悄融入在日常生活,我們對數位票證的依賴度不斷增加,新零售時代的物流配送越來越快速。然而各種進步將可能衝擊原有的就業市場,該如何引導人才轉型也是重要的社會課題。

且讓我們試著想像,在交通的流動中,有出門運動、買菜的銀髮族,有通勤的白領上班族,有趕著上學的學生與接送孩子的父母,每個人的移動需求都能被滿足。經濟部技術處期望從技術專業角度,協助打造更人性化、友善的交通環境;同時,企業也能從競爭轉為合作,共同為產業創新轉型與減少污染的社會企業責任努力,創造更多就業機會;政府也能減少治理、管理的成本,持續優化交通運輸系統,形成社會美好的循環。