UIUX雞蛋糕 — 橙黃橘綠班

Amber
6 min readDec 10, 2018

--

我是一個UX麻瓜+UI菜鳥設計師,

在執行案件時,我有太多太多的疑問了。。。。。。。。

1.客戶需要的功能不需要分析嗎?

2.為什麼Wireframe會等於 UX呢?

3.好的UX就是等於好的流程嗎?

4.客戶需要的功能是終端客戶需要的嗎?

5.不同地區的使用者體驗是不同的,那需要整合嗎?

6.設計師不需要跟客戶溝通視覺嗎?

搞不清楚的UX麻瓜。。。。。

始終無法達到流程上的完善。

在使用者體驗上到底有沒有考慮清楚。。。

怎麼樣才能將整個流程合理化。。。

功能需不需要提供數據讓客戶減少質疑。。那要怎麼做。。。

我所知道的,UXD不等於UID

★UX 設計師(使用者經驗設計師)-又分UX研究和UX設計

★UX 研究 - 根據分析,找出使用者的基本需求, 還有最大的痛點問題。(我缺少的。。。)

★UX 設計-根據使用者的需求,歸納整理,重新組織,形成Wireframe。 (我缺少的。。。)

★UI 設計師(使用者介面設計師)主要是設計頁面上的功能,顧及使用的便 利性與整個設計的美學,網站的美觀性和它息息相關

於是。。。到了uiux雞蛋糕找答案。。。。

課程講什麼?

● 使用者研究:

簡單的市場趨勢與競品研究、人物誌、訪談與找出洞見、概念與服務定位、與行銷研究有何不同等。

● 設計實作:

故事板、任務流程、設計規範、互動設計、內容策略等。

● 易用性測試:

資訊架構、一般網站與商業網站的相異之處、如何做快速簡單的測試。

● 優化與下一步、畢業禮物:

如何推廣、如何看數據。

第一週

市場趨勢與競品研究、人物誌、訪談與找出洞見、概念與服務定位

UX的流程如下:

1.Background Research(背景研究)

2.Competitive Analysis(競品分析)

3. Interview/Survey(訪談/問卷)

4. Persona(人物誌)

5. User Journey (用戶使用旅程)

6.Interaction Map(交互設計)

7.Wireframe(框線圖)

8.Lo-fi Prototype(低擬真原型)

9.1st Usability Testing(易用性測試)

10.Mockup(模型)

11. Hi-fi Prototype(高擬真原型)

12. 2nd Usability Testing(易用性測試)

人物誌:Persona 是以虛構方式來表達產品目標用戶(TA,target audience)的工具,若產品有不同的用戶,亦可產出多種 Persona 來呈現。此外,每個 Persona 需要包含虛構的名字、年齡、性別、職業、喜好、使用產品動機、需求、圖片 … 等資訊。

Persona 是個能影響各方面決策的重要參考資訊,但不可能建立一個適合所有人的網站和APP

訪綱很重要,關係到整個產品的脈絡和整個流程體驗。

訪談體驗:感覺很緊張,雖然是認識的人,但怎麼去更深入的追問想要的答案,是最重要的。不要刻意引導訪談者,若訪談者沒有想法,可以圖像式的問法訪問,盡量讓訪談者自己說自己的故事和經驗,可以錄影或錄音,我認為錄影是最可以觀察訪談者的小動作和聲音。

★逐字稿:把訪談的內容變成逐字稿,包括動作,聲音,小動作都要打進去

第二週

故事板、任務流程、設計規範、互動設計、內容策略等。

拆解逐字稿,利用KJ法深入去分析用戶跟洞見

KJ法 又稱為 親和圖法(Affinity Diagram),是一種廣泛應用在語意歸納的設計工具。一開始我以為是相關的分類分好找keyword就好,但是keyword真的好難找,完全不懂找尋keyword的概念,Mina解釋是以「背後的原因」來推論,也就是所謂的#動機#渴望#障礙#矛盾 等。將受訪者口中講述的事實,先群聚化(語意分類)、再抽象化(動機推論)、最後則具象化(功能落地)。

討論完後,需選定最大痛點問題,進行wireframe繪製。

第三週

易用性測試:

資訊架構、一般網站與商業網站的相異之處、如何做快速簡單的測試。

將討論完後的wirefrme繪製成Mockup,再做成可測試性的Prototype。

游擊體驗:需拿可測試性的Prototype對陌生人進行易用性測試,從他們的口述當中,可以在其中找到可優化的重點,進行優化。

心得

謝謝Mina、蕭蕭、羿華、Joy、Maggie陪伴我度過三週實作80%+理論20%很紮實的課程,讓我從新手村懵懂的UX麻瓜,可以打初級怪。Mina說過,雞蛋糕只是帶入UX的全套套餐概念,師父領進門修行看個人。以前做UI,大多是從PM那邊得知客戶需要什麼功能,但功能怎麼來其實我不懂。只能聽PM跟我解說客戶需要的功能或是直接看Flow Chart執行wireframe。我真的試著去理解了,但是做出來的流程是不完善的。在整個訪談計畫,補足了之前做UI的一些前置概念,是真的可以從用戶角度去理解他們需要的是什麼。UX真的對一個產品,網頁,APP真的很重要,每一個功能都是客戶挑選出來最想解決的最大痛點。上完課,我是真正的理解了,UX絕對不會是只有流程。我始終認為UI/UX是整個UX研究帶入 Ux設計和Ui設計中足夠證明這個數據是可以說服客戶,而不是沒數據資料的產品。。。。

雞蛋糕課程大綱: 課程簡介

雞蛋糕課程傳送門:報名上課

--

--

Amber

UX麻瓜+UI菜鳥設計師+軟體美勞操作師