UI/UX DNA 工作坊心得

Lavouver
UI/UX DNA
Published in
Dec 9, 2020

一天中,我們時常會接觸到UI/UX,像是網頁設計、產品設計等,當然除了這些之外,與我們息息相關的像是路標的引指、門把的設計更貼近我們的生活。撇除極度不方便的設計以外,多數人都不太會注意。

因此,深入UI/UX,並使其能為我們所用,對生活上帶來更多的舒適、便利。

開啟我對UI/UX的興趣來最初來自門把,還記得去宜蘭蘇澳的時候,進入一家店時,其門把的設計不同於以往所熟悉的弓形,讓我感到好奇─門把拉或推的設定感到好奇,開始思考設計基礎是甚麼。同時,也透過網路上的資源查詢相關資訊,UI/UX這字眼第一次進入眼簾。

在機緣巧合下,看見了UI/UX DNA有相關的工作坊資訊,內容包含:講者分享,分組實作,Q&A時間。其中講者分享『針對非本科系的學生能如何有系統地自學』深深打動了我的心,於是動手報名。為了不讓這次工作坊只是一瞬泡影,我做了以下準備:

工作坊前

我特別整理了:
1. 解讀自己目前擁有的相關知識(我對UI/UX了解到甚麼程度、修過統計學、心理學等課程)
2. 自己專業領域上可能會如何使用到UI/UX(未來在腦科學領域常會使用到MEG、fMRI等儀器,操作或介面上有甚麼地方需要改進,或是操作指示如何設計)
3. 針對工作坊有什麼資訊想 takeaway(想了解設計邏輯、認知中的UI/UX跟講者是不是一致、對於初學者來說可以接觸的學習資源)
4. 工作坊結束後,在精進UI/UX的路上,我能怎麼做(可以舉辦讀書會、實際投入side project)
作為工作坊前的小任務,也提高了工作坊對我的最大效用。

工作坊期間

講者分享

UX也就使所謂的使用者經驗,是由五個層次(Jesse James Garrett提出)所構成的架構,從抽象到具體可分為:Strategy/Scope/Structure/Skeleton/Surface,

Strategy:你的策略是甚麼

Scope:知道甚麼可以做,與知道什麼不能做

Structure:統整理清Scope的想法,並分成資訊架構與互動設計

Skeleton:畫Wireframe,驗證所有UI的操作流程、文字等是否正常

Surface:是整個產品的第一印象,包含字體、顏色

設計需要思考的步驟,分為六個步驟─

前期分析:利用觀察、訪談,了解使用者的想法。此外,加上競爭者分析,讓我們可以了解趨勢與現況。

概念發想:利用線框稿做草稿等

開發與維護:設計出靜態的網站,其只是一個樣式。確認沒問題後,再將動畫等部份加上去。

這部分來不及做小筆記,只有記錄到這邊拉,有興趣的可以再自己搜尋囉!><

分組實作

因為工作坊時間只有三個小時,時間非常緊湊,因此沒有訪談需求者的部分~

我們透過persona來找問題點,包括需求者的旅遊動機、偏好、規劃等找出需求者在旅遊上可能出現的問題,如

  1. 在出國旅遊時,會有語言不通的問題與醫療上的問題
  2. 在國內旅遊時,傾向旅行團,但希望年齡層相近且保有好的旅遊品質
  3. 旅遊最重要的目標是能吃到想吃的美食、規劃的景點都能走完
  4. 旅遊時,會遇到網路連不上、不知道怎麼走的窘境

之後找出小組間覺得最重要的三個問題,並敘述為什麼。

接下來,是所謂的need statement─需求者遇到甚麼樣的情況,因此遭遇怎麼樣的困境,所以他應該怎麼做能解決這樣的窘境呢

透過這樣一步一步的分析,我們可以得知遇到不同的情況,能用甚麼的方式解決。最後,先發散想出各種解決辦法,再透過可行性與重要性高低,將各種解決方法分成現在可執行、未來有技術時可執行、執行度低。

選擇現在可執行的三個點子,將其化成五格漫畫,包含三個小標題─問題、解決方法、結果,如下圖:

最終,將這五格漫畫,透過說故事的方式,以戲劇的方式呈現給台下的夥伴!看著大家絞盡腦汁,及台上的天馬行空、自由發揮,充滿笑料,真的很有趣~

總結

一開始在報名的時候,會有情境式的模擬填答,這對於非本科系或是新手想接觸UI/UX的人來說,是非常棒的一個暖身作業。能讓報名者仔細思考自己為甚麼需要來這次的工作坊、以及你想請求專業人士解答的是什麼、到最後你想從工作坊帶走的是甚麼。這些發人深省的小問題,會讓報名者更加認識自己,也能了解自己是不是只被UI/UX這名字吸引過來的。

同時,對於有涉獵設計思考的對象,我自己認為不是這麼合適參加,因為在進行工作坊的過程,會用到許多設計思考的內容(儘管名詞不相近),如:同理、發想、定義等。但當中還是有些概念上的不同,像是將解決方法化成五格漫畫,在以故事串接,模擬情況發生的情境對我來說是一種新的刺激。除此之外,遇見不同領域,想法都不盡相同,可以激發彼此的想法,改變思考思維,更重要的是都很可靠─如果之後想要進行讀書會或是side project是不能錯過的好夥伴。

最後,工作坊整體還是辦給想對UI/UX有初步認識,以及內心有很多問題卡在心裡,網路較難以回答的部分的人參與。當然如果想認識可靠,又有想法的夥伴,這也是不可或缺的好機會。若想要更進一步的了解,可以關注UI/UX DNA的粉專,粉專裡會分享許多有用、可利用的資源。

如果心動的話,就趕快動手報名起來!!

--

--