Google UX Design 筆記與課外連結整理 Course 1

課堂一:主要是認識 UX Design 相關職業、產品開發週期、良好用戶體驗特徵、瞭解設計的關鍵框架(以用戶為中心設計、UX 設計五要素、設計思維)、介紹設計工具、瞭解可訪性設計、以用戶及公平為中心設計、為作品集做前期準備。
以下是課外參考連結:

Anna Su
5 min readMar 24, 2022

前言:上課的時候發現課程有許多外部連結,也是一些平常設計師會訪問的網站,有許多資訊及相關連結可以延伸閱讀,自己做筆記整理一下有空可以慢慢看,也分享給大家,讓對 UX Design有興趣的朋友都可以更加瞭解相關資訊。

Foundations of User Experience (UX) Design

  • Week 1: Introducing user experience design.
  • Week 2: Getting to know common terms, tools, and frameworks in UX design.
  • Week 3: Joining design sprints.
  • Week 4: Integrating research into the design process.

第 1 週:介紹用戶體驗設計。開始探索 UX 的世界以及有助於在 App、網站和其他產品中進行出色用戶體驗設計的因素。了解 UX 設計師和經常合作的團​​隊的職責。探索完成此證書課程後可獲得的工作機會和職業道路。

第 2 週:了解 UX 設計中的常用術語、工具和框架。UX設計師總是把用戶放在第一位。了解以用戶為中心的設計以及 UX 設計師在工作中使用的常見框架,例如設計過程和 UX 設計的五個要素。了解設計時公平和可訪問性的重要性。學習如何跨平台思考以設計無縫的用戶體驗。

第 3 週:加入設計衝刺。用戶體驗設計師經常主持設計衝刺來定義產品的方向。了解設計衝刺的各個階段以及如何計劃和參與其中。了解衝刺回顧,反思設計衝刺並在下次改進。

第 4 週:將研究整合到設計過程中。UX 設計師的工作是在所做的一切中把用戶放在首位。探索研究在設計過程中的作用,以幫助理解用戶。了解常見 UX 研究方法的優缺點。學習辨認並解釋進行研究時可能出現的偏差。

Helpful tips to get started:

UX 設計資源:

UX 領域的職業 User experience careers:

  1. 交互設計師 Interaction designers:專注於設計產品的體驗及其功能。
  2. 視覺設計師 Visual designers:專注於產品或技術的外 觀。
  3. 動畫設計師 Motion designers:考慮用戶在產品中移動的感覺,以及如何在應用程序或網站上的頁面之間創建平滑過程。
  4. 虛擬現實 (VR) 和增強現實 (AR) 設計師
    Virtual reality (VR) and augmented reality (AR) designers:

    創造的產品為用戶提供身臨其境的體驗,不受物理世界的限制。
  5. 用戶體驗研究人員 UX researchers:進行研究或採訪,檢查人們如何使用產品。用戶體驗研究人員經常識別用戶遇到的痛點,並探索產品如何幫助解決這些問題。
  6. UX 作家 UX writers:考慮如何使產品中的語言更清晰,使用戶體驗更直觀。
  7. 用戶體驗項目經理 UX program managers:確保清晰即時的溝通,使構建有用產品的過程從頭到尾順利進行。包括設定目標、編寫項目計劃和分配團隊資源。
  8. UX 工程師 UX engineers:將設計意圖轉化為功能體驗,例如應用程序或網站。它們幫助 UX 團隊確定設計是否直觀且在技術上可行。
  9. 對話設計師 Conversational designers:從智能虛擬助理(如 Google Assistant 和 Siri)到交互式語音響應系統(如可與人交談的客戶服務系統)。甚至包括汽車導航系統和聊天機器人,將自然的、真實的對話行為融入用戶與這些系統之間的交互中。
    對話設計器使用戶可通過自然對話來完成工作。
    利用用戶研究、心理學、技術知識和語言學來創造直觀且引人入勝的用戶體驗。對話設計師開發聲音的 “ 角色 ” 或個性,以及交互的流程和對話。

產品開發生命週期product development:

五個階段:腦力激盪定義設計測試發布
  1. Brainstorm 腦力激盪 :產品開發生命週期的第一個階段,當團隊開始對產品有想法時,可能已經知道要解決的用戶問題。提出用戶問題列表是一個很好的起點。
    注意團隊的多樣性很重要。如組成人員包含不同種族、性別、能力、家庭結構、年齡等,有意義的多樣性團隊更能有效地進行腦力激盪,因為匯集了許多不同的生活經歷。
    同時也是了解產品競爭對手並確定市場上是否有類似產品的理想時機。
    是否能夠填補市場空缺或比現有產品更好地解決問題。完成對競爭對手和用戶的研究有助於確定產品設計需要解決哪些問題。
    大公司的 UX 設計師可能不太參與腦力激盪階段。但是新創公司或小型企業的用戶體驗設計師可以發揮重要作用。
  2. Define 定義產品:第二階段匯集了用戶體驗設計師、用戶體驗研究人員、項目經理和產品負責人來定義產品。
    目標是由回答以下問題來確定產品的規格:產品是為誰準備的?產品用來做什麼?產品需要包含哪些功能才能成功?
    在這階段,用戶體驗設計師可能會幫助團隊確定想法的重點,但產品負責人可能會定義項目範圍。使用腦力激盪階段完成的研究來查明潛在用戶的問題。
    若不直接詢問用戶,開發團隊無法假設用戶遇到了什麼問題。
  3. Design 設計產品:第三個階段。用戶體驗設計師為產品開發提供想法,首先繪製線框、產品的輪廓或草圖,然後創建原型,傳達其產品功能的初期模型。
    UX 作家也參與設計階段,可能會在產品的線框和原型中編寫按鈕標籤或其他副本。
    這階段用戶體驗設計師需確保產品包含在定義階段概述的所有規格,還需檢查設計的每個部分都以直觀的方式組合在一起,確認用戶需完成的每項任務都清晰易懂
  4. Test 測試產品:UX 設計師與工程師合作開發與原始設計相符的功能原型,包含適合公司品牌的細節和功能,如字體及顏色。編寫程式代碼並最終確定產品的整體結構。或使用 Figma、Adob​​e XD 等設計工具測試產品的功能原型。
    設計至少要經過三個測試階段:公司的內部測試、利益相關者的審查以及潛在用戶的外部測試。利益相關者是合作或對產品有興趣的任何人,無論是公司內部還是外部。運行這些測試通常是團隊中的用戶體驗研究人員的責任。
    1. 團隊內部測試產品以尋找技術故障和可用性問題:稱 alpha 測試
    2. 利益相關者的測試,以確保產品符合公司的願景,符合可訪問性的法律準則,並遵守政府的隱私法規等。
    3. 潛在用戶的外部測試。確定產品是否提供良好用戶體驗,符合可用的公平的令人愉快的和有用的:稱為 beta 測試
    在這個階段收集和實施反饋是絕對關鍵的。
    如用戶對產品感到沮喪或困惑,用戶體驗設計師需進行調整,甚至創建新版本的設計。然後再次測試設計,直到產品和用戶之間幾乎沒有摩擦。
    產品開發生命週期不是一個完全線性的過程。準備好發布產品之前,團隊可能會在設計和測試之間循環幾次。
  5. Launch 發布產品:第五個也是最後一個階段。慶祝並開始推廣產品的時候。團隊中的專業營銷人員可能會在社交媒體上發布有關新產品的信息或新聞稿。客服團隊可能會準備好幫助新用戶了解產品的工作原理。
    項目經理還會與跨職能團隊會面,以反思整個產品開發生命週期並提出以下問題:哪些有效,哪些可以改進?目標實現了嗎?是否符合時間表?
    為這種反思騰出時間非常重要,因為它可以幫助改進前進的過程。
    對於實體產品,發布階段可能是產品開發生命週期的結束。
    但對於數位產品,如 App 或網站,向更多的受眾推出產品提供了另一個改善用戶體驗的機會。新用戶可能會發現產品功能或特性方面的問題,以改進以前沒有人注意到的問題。
    在發布階段之後,團隊通常會循環回到設計和測試階段,開始著手開發產品的下一個版本。

良好用戶體驗的特徵Characteristics

  • 可用 Usable:產品的設計、結構和用途清晰且易於使用。
  • 公平 equitable:設計對具有不同能力和背景的人有幫助。
    公平意味著為人們提供實現目標和提高生活品質所需的工具。
    公平超越了平等的概念,每個人都獲得平等的資源,因為人們經常需要根據他們的需要不同的工具和支持。
  • 令人愉快 enjoyable:設計取悅用戶。
    該設計反映了用戶的想法或感受,並與他們建立了正面的聯繫。產品的設計不一定要令人愉悅才能正常運行。 但令人愉悅的設計可增加既有功能性的產品,並可以增強用戶對體驗的感受。
  • 有用 useful:解決了用戶的問題。
    有用和可用具有不同的含義。有用的產品並不總是可用的。
    可用性是指產品運行良好且易於使用,而有用性則直接指解決用戶問題的能力。

探索優秀 UX 設計的真實示例:this article about good design

初階使用者經驗設計師 entry-level UX designer

職責 Responsibilities

  • User research 用戶研究:關於了解使用產品的人。
    通過研究,您將了解用戶的背景、人口統計、動機、痛點、情緒和目標。研究方法包括調查、觀察和訪談。
  • Information architecture 信息架構:簡稱 IA,決定產品的組織和結構方式。
    將 IA 視為概述用戶如何與產品交互的骨架。產品中的所有內容都應該以對用戶有意義並滿足他們期望的方式進行組織。
  • Wireframing 線框圖:產品或頁面(如 App 或網站)的基本輪廓或草圖。線框圖主要是線條、形狀,及文字。線框圖可以手工繪製或使用軟體以數位方式創建。可將設計理念變為現實,使團隊中的其他人可提供想法和反饋。
  • Prototyping 原型設計:原型是展示產品功能的初期模型。原型可以是物理或數位格式,且複雜度可能有所不同。有時製作原型是為了展示產品的一個特定功能,例如螢幕之間的切換或產品的物理外觀和感覺方式。
    在整個設計過程中,您將為任何既定產品製作多個原型。
  • Visual design 視覺設計:視覺設計側重於產品或技術的外觀。作為 UX 設計師,需要了解視覺設計的基礎,以便將產品功能與其外觀之間的聯繫傳達給用戶。
  • Effective communication 有效溝通:作為 UX 設計師,有效溝通意味著通過電子郵件、會議、報告展示和設計軟體與您的同事建立聯繫。UX 設計是一個非常重視協作的領域,因此能夠與隊友進行數位化和面對面的交流非常重要。你需要成為一個好的傾聽者,接受反饋,並以清晰的方式分享你的想法。

專家和通才 Specialist and generalist designers

  • 專家 Specialist:專門深入研究一種用戶體驗設計。
    專注於一種你比其他人更喜歡的設計。
    深入了解一種設計。
    因您在特定類型設計方面的專業知識而在業內享有盛譽。
  • 通才 Generalist:具有廣泛的職責。大多數用戶體驗設計工作都是通才職位,尤其是在用戶體驗設計師較少的公司。
    在許多不同類型的 UX 工作中擴展您的技能。
    嘗試各種職責並找到您特別熱衷的用戶體驗領域。
    在完成各種任務的同時,讓您的工作保持新鮮感。
  • T 型 T-shaped:在其他領域也有很多能力的專家。
    有些人是視覺設計專家,但也具有其他領域的知識,如編碼和原型設計。
專家、通才、T型
T 型 T-shaped:在其他領域也有很多能力的專家。

UX designers work with:

  • Engineers
  • UX researchers
  • Program managers
  • Product leads
  • Other UX designers

五種主流的設計框架 design frameworks:

以用戶為中心設計 User-centered design process

以用戶為中心的設計過程的每個階段都關注用戶及其需求。
這是一個迭代過程,設計師一次又一次地回到某些階段改進設計並為他們的目標用戶創造最好的產品。

  • Understand how the user experiences the product
    了解用戶如何體驗產品或類似產品:
    想知道用戶將如何參與您的設計,以及他們將體驗產品的環境或情境。理解這一點需要大量的研究,比如觀察用戶的行動和進行採訪。
  • Specify the user’s needs 指定用戶的需求:
    根據您的研究,找出最需要解決的用戶問題。
  • Design solutions 為這些用戶問題設計解決方案:
    提出許多可以解決您發現的用戶問題的設計想法並實現。
  • Evaluate solutions against the user’s needs
    根據用戶需求評估您設計的解決方案:
    設計是否解決了用戶的問題,與真人一起測試您設計的產品並收集反饋。
以用戶為中心設計 User-centered design process

UX 設計的五個要素 five elements :

  • 策略 Strategy: 用戶需求和產品的業務目標。
  • 範圍 Scope: 產品中的功能和內容類型。
  • 結構 Structure: 如何組織設計 及 希望用戶如何與產品進行交互。
  • 骨架 Skeleton: 產品的佈局(用戶不會直接看到它的內部運作)。
  • 表面 Surface: 用戶看到的產品頁面及外觀。
策略、範圍、結構、骨架、表面

了解更多:

設計思維 Design thinking process :

  • 同理 empathize:了解用戶的需求以及用戶的想法和感受。
    需大量的用戶研究,如進行調查、訪談和觀察會議,可清楚地了解用戶是誰以及他們面臨的挑戰。
  • 定義 define:根據研究結果創建一個清晰的問題敘述,或對設計將解決的用戶需求作描述。定義產品設計的明確目標(重要且需解決的用戶問題)
  • 構思 ideate:目標是盡可能提出很多的設計解決想法及方案。
  • 原型 prototype:訂出解決問題的想法後,進入原型階段:展示其產品功能的初期模型。
  • 測試 test:在產品交由工程師開發並向公眾發布之前,用戶會提供有關設計的反饋。可根據需求及多次反饋對設計進行更改和改進。
設計思維 Design thinking process

根據測試階段的反饋,可能需要回到設計過程的開始,提出解決方案的新想法,或開發新的原型。最終,與任何設計框架一樣,設計思維過程的目標是實現您的設計,完成產品並與世界分享。

了解設計過程五個階段:

精實用戶體驗 Lean UX

  • Think 思考:探索用戶遇到的問題,並考慮如何通過設計解決這些問題。為收集研究階段,可清楚地了解產品的用途及如何幫助用戶。
  • Make 製作:製作草圖、線框和原型來開始設計產品,創建一個最小可行產品,簡稱 MVP。
  • Check 查看:了解用戶如何響應您的設計並從項目利益相關者那裡收集反饋。相應地調整設計,必要時再重複這三個步驟。
精實用戶體驗 Lean UX思考、製作、查看

Lean UX six principles process:

  1. Move forward 前進:
    只關注將設計過程推向特定目標的設計元素和功能。
  2. Stay curious 保持好奇:
    不斷尋求用戶與利益相關者的反饋來修改設計。
  3. Test ideas in the real world 在現實世界中測試想法:
    使用原型來測試。
  4. Externalize your ideas 外化你的想法:
    將想法轉化為實際的、可見的和可測試的東西。在初期階段獲得有關設計的反饋,此時不同的觀點和反饋最有幫助。
  5. Reframe deliverables as outcomes 將可交付成果重新定義為結果:
    專注於創造用戶真正想要和需要的可用、令人愉快的產品。為用戶設計。
  6. Embrace radical transparency 擁抱激進的透明度:
    對團隊中的每個人都坦誠相待,避免浪費時間和精力並做出明智的決定。

雙鑽石 Double Diamond

研究和設計。各有兩步驟。結合起來為以下四步驟:

  1. Discover 發現問題:收集用戶面臨的潛在問題的信息。
  2. Define 定義問題:過濾數據,並專注在解決的主要問題。
  3. Develop 為問題制定解決方案:開始進行產品設計(線框和原型)。
  4. Deliver 交付產品:測試及發布產品。
雙鑽石 Double Diamond

Double Diamond four principles process:

  1. Focus on the user:以用戶為中心
  2. Communicate 交流:用文字及圖像進行視覺交流、確保設計是公平和可訪問(equitable and accessible)
  3. Collaborate 合作:鼓勵團隊共同創造及合作
  4. Iterate 迭代:設計為進行式且不會立即完成,每次迭代都會為用戶提供新的體驗。

為下一個十億用戶做設計 Next Billion Users :

(需考慮以下四點)

  • Cost 成本:人們可能買不起具有大屏幕和大量存儲空間的昂貴手機(產品需變成輕量網站或軟體)
  • Connectivity 連接:用戶可能無法持續或無限制地連接網路(線下體驗需如同線上一樣豐富)
  • Digital literacy 科技涵養:用戶可能不知道滑動相對於觸摸屏意味著什麼(使用方式盡量簡單)
  • Literacy 知識:一些用戶可能無法閱讀(使用icon圖標、配合當地習慣)

Designing cross-platform experiences & the Four Cs

(設計跨平台體驗 及 4C)
平台:桌上電腦、筆記型電腦、手機、平板、可穿戴設備,例如智能手錶、電視、智能顯示器

  • Screen size 屏幕尺寸:調整設計元素和功能以適應不同的屏幕尺寸。
  • Interaction 相互作用:用戶與每個平台的交互方式以及這些交互如何影響您的設計決策。
  • Content layout 內容佈局:佈局是指信息在不同設備螢幕上的組織方式。
  • Functionality 功能性:每個平台的設計可能會根據用戶需要產品的方式和時間而有所不同。

多平台設計的四個 C The four Cs

  • Consistency 一致性:品牌標識(公司的視覺外觀和聲音)保持一致。
  • Continuity 連續性:每個平台的用戶體驗可能略有不同,但產品的功能仍應連接。
  • Context 考慮使用情境:考慮用戶何時以及如何更喜歡與不同平台上的某些功能進行交互。
  • Complementary 補充:每個平台的設計都為用戶增加了一些新的東西。

跨平台體驗示例:

YouTubeAirbnbWebMD 醫療保健網站

可訪性設計(Design for accessibility)

(為下一個十億用戶做設計)

以公平為中心 Equity-focused design:

means thinking through all the aspects of a designed product and making sure the product is both accessible and fair to all genders, races, and abilities.
Plus, the designs need to specifically consider underrepresented and
excluded groups.
考慮設計產品的所有方面,並確保產品對所有性別、種族和能力的人都可以使用和公平。設計需要特別考慮代表性不足和排除的群體(邊緣化族群)。

左圖兩個廁所一樣大、平等但不公平,因女性如廁往往需要更多時間,改成右圖會好很多

設計衝刺五個階段(design sprints):

設計衝刺五個階段(design sprints)
  • Understanding the design challenge 了解設計挑戰
  • Ideating solutions 構思解決方案
  • Deciding which solutions to build 確定要構建的解決方案
  • Prototyping a few solutions 原型化一些解決方案
  • Testing those prototypes 測試這些原型

了解設計衝刺:

入門設計師在設計衝刺的角色:

Reflect on design sprint

retrospective

  1. What went well? 什麼進展順利?
  2. What can be improved? (Groupthink)有什麼可以改善?
    可在小組討論中集體思考
  3. Lesson learned 我們學到什麼?
  4. Takeaways 如何改進下一次衝刺

爲自己的作品集創建一個網站:

規劃作品集網站:

  1. Name and personal logo (if you have one) 列出姓名
  2. Navigation menu 導航菜單
  3. Work samples 此課程會有三個作品可展示在網站上
  4. “About Me” 關於自己的興趣、經歷及熱情
  5. Contact information 提供聯絡方式 ,如 LinkedIn 的鏈接
  6. Color scheme 可選擇一組主要色及次要色搭配

建立個人品牌參考:

建立在線履歷表及作品集:

開發 UX design 網路社群:

overcoming impostor syndrome:

(冒名頂替症候群)

冒名頂替症候群

管理冒名頂替症:

  • Acknowledge your thoughts: 承認你的感受
  • Own your accomplishments:你有自己獨特的觀點和經歷
  • Be honest with yourself.:對自己的長處和短處進行現實的評估
  • Have a conversation:詢問值得信賴的導師、朋友或經驗豐富的專業人士
  • Wear something that makes you feel confident:看起來不錯可以幫助您感覺良好。
  • Help someone else:與他人分享你所擁有的知識會讓你感覺更有價值。
  • Fake it till you make it:表現得足夠自信
  • Go with a friend:與認識的人一起參加社交活動
  • Get to know people:與其他 UX 專業人士更加熟悉
  • Know that you’re not alone:大家都是從某個地方開始

--

--