網站設計是我工作內容之一,亦是我持續有熱忱的專業。從 Web 1.0 到現在重視互動、隱私的 Web 3.0,用戶不再照單全收網站供應的一切,美觀設計、大筆行銷費用導入的流量,可能快速墜落,商務程式使用者可能用得很無奈。其中和使用者體驗不好有很大的關係,當然設計師都希望自己產品好用,用戶黏著度高,那麼根基是否要打得穩呢?
因此 Google 在 Coursera 推出 UX Design 課程馬上引起我的關注,剛好就是系統化教授如何基於使用者體驗,設計出貼近用戶需求的數位產品,而且有我們日常使用的 Google Apps (例如:Gmail, 地圖) 當案例教學,貼近實務!
期待完成課業後,能連貫目前破碎的知識,學習 UX Design 的技巧,加強自己網站設計的專業。
整個學程分成七個課程,完成後將學會:
上課方式是純線上教學,每個課程都有測驗或同儕互相評分的作業,一定要通過才行。
接下來繼續分享在每個課程讓我學到什麼 🙂
這是指使用者/用戶在體驗產品,與其互動的感受。
拿番茄醬設計為例,早期的 UX 設計不理想,快用完的時候都要搖很久才擠的出來,改成倒立,使用體驗就更好了。
我們都知道口碑推薦的成功率遠高於花錢廣告宣傳,如果產品方便易用,解決用戶問題,自然也會對公司有正面評價,自發性向朋友介紹產品,創造雙贏的價值。
好的產品會考量到:
UX Designer 能發展的面向很多元,可以做互動設計、視覺設計、動畫設計、VR/AR 設計、UX 研究、UX 文案撰寫、UX 專案管理、UX 工程師、語音助理的對話設計。
流程分為三階段:以同理心找到痛點 -> 定義問題及需求 -> 腦力激盪產出方案
同理(Empathy)和同情(Sympathy) 很常被混淆,老師在課堂也釐清了兩者的差別。
同理是我們了解對方的感受或想法,能夠感同身受,甚至產生和對方類似的情緒。
同情則是較單純表示我們的關心及安慰。例如:出席喪禮,我們會向喪家說請節哀,出發點是安慰對方,但並無法體會他失去親人的痛。
負面情緒大家都不樂見,設計師可以做的是換位思考,透過訪談將感受具象化,看哪些可以優化,便是找到用戶的需求和痛點了,好用工具派上用場:同理心地圖。
以數位產品來說,用戶的痛點類型不外乎這四大類:
透過使用者研究,定義他們類似痛點、共通的需求後,我們可以塑造一個虛擬人物來代表這類用戶,也就是 Persona,好處是將用戶的需求具體化描述,有助於後續設計流程聚焦,團隊成員容易理解目標用戶。
所以內容需要包含人物背景(年齡層、教育程度、家庭背景、職業等...)、目標、痛點、對此人物的簡述、能形容人物的代表性標題。
有了 Persona,幫助我們在腦中清晰看見使用者樣貌,再擬人化一點的方式就是藉由 User story 及 User journey map 來和設計團隊溝通。先說 User story, 它能一言蔽之 Persona 的觀點,透過簡潔資訊啟發我們的靈感。架構很簡單,一句話包含誰(Who),想做什麼(What),為什麼(Why)?
例句:
Mary: As a frequent traveler, I want to hire a consistent dog walker so that I can feel comfortable about the safety of my pets while I'm on vacation.
Bob: As a dog owner, I want to trust my dog walker so I can hire them for regular dog walks.
另一個從 Persona 獲取進階情報的方式,就是旅程地圖 (User Journey Map),以視覺化呈現使用者與產品或服務進行互動時的體驗分階段出來,讓旅程中的每一個節點都可接受個別評估和改善。
延伸閱讀:讓User Journey 使用者旅程帶領你到達目標
從 Persona, User story and User journey map 整理好資訊後,就是定義問題的時候了。5W1H 又派上用場,這個架構還真是萬用😄,衍伸出 Problem Statement :
[user name] is a/an [user characteristics] who needs [user need] because [insight].
還有,透過假說論述(If/Then Statement)來呼應問題:
If [action] then [outcome] .
透過問題定義和假設,能得知用戶需要什麼?再來是時候思考我們的產品哪些特點能滿足需求?也就是價值主張。
思考價值主張,要能回答以下兩個問題:
以課程中舉例的遛狗 App 來看:
先列出所有產品特色功能
再依分類說明產品的價值
最後將特色和用戶需求做配對,歸納出產品的價值主張
除了主動整理自己產品特色的方式,還有一個做法也可以去看用戶如何評價競品的功能,如果我們能把負評的功能做好,也是一個價值啊!😅
不管進行任何專案,以終為始都是最好的起頭方式,場景回到 UX 設計,在著手設計方案及草圖前,擬定目標來帶領後續流程不走偏,大家知道為何而戰。
Storyboard 是將用戶在特定場景使用產品的體驗圖像化,讓設計師也能沈浸在使用者的處境,比起文字表達,更能具體傳達抽象的感受。故事板分為兩種:
2. Close-up storyboard: 重點放在產品的工作畫面如何運作。
依據 Storyboard,就要開始將設計方案具體落地囉,第一步先從 Wireframe 開始,在我的工作流程,都稱它叫手繪或數位草圖,用它已經可以跟工程團隊溝通了🙂
研究的價值在於透過每一次的量化、質性,去推敲拼湊出事實的全貌,減少下次犯錯的機會,或提出新的假設,驗證、嘗試創新。而計畫能夠梳理脈絡,一份好的企劃文件可以幫助我們全盤檢視研究藍圖,更快發現盲點並且與相關人士溝通討論,讓邏輯可視化,達到資訊透明化的目的。
這部分老師提供一個架構,可以記錄使用者在測試產品可用性(Usability)時的反饋,主要分五個部分:
親和圖(Affinity Diagram)主要功能是在做分類歸納,協助在一堆雜亂無章的資料之中,有系統的歸納出幾個大類,慢慢組織成可行的行動方案。
當我們分類好主題並產出洞見,就可依結果進一步調整早期概念、設計圖(Wireframe)
從中獲益良多就是案例研究(Case Study)該如何專業的呈現。
就用一個期末作品集來解釋這三堂課的成果吧!
👉 作品集網站:https://peiyingtsai.design/portfolio/
學習課程之前,雖然已經有許多專案落地上線,但總覺得少了點什麼,很難清楚說明每個環節設計的道理。自己的設計流程大都從 UI Design 開始,邊畫邊構思系統,正因如此,很容易參雜許多自身的認知偏見(Bias),沒有以使用者為中心的產品,上線後註定會遇到 User 覺得不好用、找不到功能在哪裡、給他們增加困擾等問題,多年做商務系統的經驗的確也是這樣,還好用戶願意給反饋,一來一往的過程中讓我意識到使用者體驗設計有多重要,沒有做好,畫出來的UI可能都不是好UI。
從 Google UX Design 的課程,能看到一流公司是如何產出數位產品,了解非常具體的概念及流程,尤其是描繪Persona 及處理訪談結果的方法,讓我獲益良多。或許現實的工作節奏,很難按部就班做 UX Design, 但我也會開始運用幾個工具來讓自己的產品設計更有所本,讓用戶在使用過程中能愉快並有效完成工作,即是我成就感的來源 🙂
最後,給自己一個鼓勵:工作之餘要抽時間上課,很不簡單,但拿到證書,能力受肯定,一切都值得了👏
Hi, 偶然間閱讀到您的文章,對課程內容的介紹很詳細,對於正要開始報名課程的我來說收益良多,非常謝謝您無私分享。^^
很高興能幫到您,祝您學習順利,有問題歡迎討論交流喔 🙂