《UX 三刀流》課程筆記+心得整理 Week 14

閱讀時間約 6 分鐘
  1. 本系列內容為 UX 三刀流 2024 春季班 課程進度內容
  2. 本篇依據自身當下手抄筆記再次統整歸納為貼文
  3. 心得依照講義影片頁面順序
  4. 對課程有興趣者可參考


Week 14:章節進度 2–9 原型測試
筆記環節

1. 原型測試的目的與好處

(1) 溝通用戶需求,對齊產品設計的目標(用戶流×商業流)

(2) 原型測試的目標設定:[產品價值 → UX指標 → 原型測試目標]

-測試感受或產品總體的UX → 愉悅體驗 → 產品總體感受、設計美感與情感需求驗證
-測試介面元件的可學習性與易用性 → 友善互動 → 介面引導與操作易用性驗證
-測試操作任務和介面互動邏輯 → 需求滿足 → 產品價值與功能設計驗證
-測試想法或一個產品概念 → 同上 → 同上

(3) 了解產品設計驗證的目標後,才能決定「原型測試計劃(Prototype Testing Plan)」


2. 對應各種測試目標的原型種類

(1) 劇本(Scenario)

故事情境呈現使用者情境,適合驗證「需求」重要性

(2) 低擬真原型(實體建模)

「互動」的驗證,讓使用者感受操作過程,依照產品不同階段設計而有不同的驗證規劃。

(3) 實驗規劃與模擬

實際場景中加入設計原型,評估「位置、操作性、介面需求、效果


3. 原型測試的程序與方法

(1) 原型測試計劃(Prototype Testing Plan)思考流程

 a. 測試的「必要」評估
 b. 定義測試目標
 c. 選定測試方法
 d. 定調原型擬真度
 e. 收集使用者回饋
 f. 解析測試結果

(2) 常見原型測試方法

方法本身都是「中性」的,由研究者依欲探索問題挑選合適方法

a. 訪談、問卷、焦點團體
對應的原型測試目標:
└產品總體感受、設計美感與情感需求驗證
└產品價值與功能設計驗證

b. 認知演練法(Cognitive Walkthrough) — — 專注於操作任務
透過「任務操作」讓使用者表述其腦內思考,並收集互動回饋
 • Step 1. 定義目標使用者、關鍵測試任務、操作順序
 • Step 2. 要求使用者進行「認知操作」並評估:
┌能否完成任務?
├操作是否符合順序?
├紀錄意見、錯誤、反饋
├從口頭表述取得、推敲使用者狀態
├思考使用者的停頓、表情、滑鼠軌跡
└收集主觀意見與評價

c. 啟發式評估(Heuristic Evaluation) — — 專注於產品全貌
評估人員配合一些通用化的可用性原則,配合自身知識經驗,共同審視產品問題

(b.和c.項對應的原型測試目標:介面引導性與操作易用性驗證)

d. 放聲思考法(Think Aloud) — — 使用者講出腦中想法與互動細節
 • 同步放聲思考 — — 即時。一邊操作任務一邊將腦內想法說出來
 • 回顧式放聲思考 — — 回想、補充。避免同步方聲思考的干擾

e. SUS 系統易用性量表 — — 利用小樣本、填表回應,快速收集回饋意見
 • 共十題,奇數題是「正陳述」,偶數題為「負陳述」,進行1~5分評分
 • 分數計算方式:奇數題分=填答分-1,偶數題分=5-填答分
以上加總後×2.5;70分以上為「可接受」


心得環節

本篇也是以「原型的目的在於『溝通』」為重點,而這次溝通的對象面向了使用者。

藉由實際的使用者訪談與測試,讓我們能更驗證設計的不確定性,產品的問題也能減到最少。


🦈回答共學講義上的問題🦈
舉一個生活上的設計主題,說明你想要驗證該設計的什麼問題?你打算如何應用原型測試的方法?

我要舉的設計主題是「證件遮蓋卡套的設計

起源於日本(目前台灣也有)同人誌販售會上,購買限制級(R-18)的同人誌本需要提供證件確認年齡的規定。

部份網友想到,驗證年齡只需要揭露出生年月日和證件有效期限(依情況可能也包含姓名和照片)而已,若沒有任何保護,證件上的其他個資也會有曝露給他人的風險。

因此網友們開始提供了類似以下連結所示的小紙卡。
可以放在證件套內,僅顯示出同人誌攤位主需要確認的訊息(出生年月日和證件是否為有效)
我在搜尋的時候也有看到有做成證件套販售的正式商品,但同人誌圈基本上都還是紙型分享居多

推特(現名X)上網友的紙型範例

看了這個概念我想到,既然台灣的同人誌販售會也有一樣的規定,是否能夠如法炮製?
以台灣的同人誌販售生態來說,攤位主和購買者會需要這個嗎?
又或者能把這個設計套用到同樣需要看證件但僅需確認名字跟照片的超商取貨或是旅館check in上呢?

我要用的原型測試方法:運用焦點團體訪談+兩份問卷

1. 一份是收集來自同人誌圈的群體們對於這項設計的看法,以及這個對他們來說是否真的很必要。
2. 另一份問卷是調查常用超商取貨(已付款)的群體,同樣調查看法以及對此設計的需求程度。
3. 當下會有一個很簡單的紙原型+假證件示意以及應用場合說明


這個主題是看到朋友的新刊販售資訊才想到曾經看過日本網友發文XD
覺得這個設計很不錯,雖然後續仍有很多需要深入探討的問題(例如防範冒用證件、外籍人士證件相容問題)。
如果日後有機會應該會拿來做成正式的project吧(應該?


關於我


0會員
45內容數
產品設計|UX設計|設計思考 學習歷程,還有一些產品觀察跟讀書報告。
留言0
查看全部
發表第一個留言支持創作者!
Lynn Li's 的其他內容
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
本文討論UX設計師面試中的常見問題,並提供有效的回答建議。這些問題涉及個人介紹、職位申請動機、貢獻、擅長項目、薪酬期望、職業發展計劃等。
Thumbnail
歡迎來到 UX(用戶體驗)設計顧問的世界!每一天,我們像是探險家般,深入用戶的心智地圖,解開產品與服務中的謎題。想知道如何讓一天的工作既有成就感又富有創意嗎?讓我帶你一探究竟!
Thumbnail
在設計的世界裡,字體遠遠不止是文字的表達,它們是情感的傳遞者,是風格的塑造者。選擇正確的字體對於達成溝通目的至關重要。一個不恰當的字體選擇可能會讓你的設計失去本應有的魅力。為此,我們在這裡推薦一系列與不同情緒相匹配的字體,讓你的設計作品更加精準地傳達出想要的感覺。
Thumbnail
設計師經常尋找可以提升工作效率和創意的資源。幸運的是,Figma社群總是樂於分享,這裡我們整理了一些免費的Figma檔案和設計資源,幫助你在App/ 網頁設計界面(UI)和呈現方面更上一層樓。
Thumbnail
在今天的世界裡,資訊太多了,這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀,而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候,不是一個字母一個字母地去認,而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要,中間的字母即使亂了點,大多數人還是看得懂。
Thumbnail
在數位時代,UX/UI設計師的作品集是其職業生涯的一個關鍵組成部分,它不僅展示了設計師的技能和經驗,還反映了他們的創造力和對細節的關注。以下將提供八個實用的提示,幫助您打造一個吸引人的、高效的App/ 網頁設計作品集。
Thumbnail
Figma以其直觀的介面和強大的協作功能,迅速成為設計師和開發者首選的UI/UX App / 網頁設計工具之一。除了其高效的設計功能外,Figma的一大優勢在於其龐大的社區和用戶共享的免費資源。這些資源可以幫助設計師節省時間,並在創建高質量的設計方案時提供靈感。
Thumbnail
在這個視覺導向的數位時代,有吸引力的圖標不僅能夠增強用戶體驗,還能夠在提供信息的同時帶來美學的享受。無論是網頁設計、App開發還是內容創造,都需要一套完善的圖標庫來使他們的作品更加出色。以下是六個值得一探的優質圖標網站,它們以其豐富的圖庫和出色的設計而著稱。
Thumbnail
在視覺設計中,色彩不僅僅是裝飾,它傳遞情感、引導用戶行為,並加強品牌識別。Netflix作為一個領先的串流媒體服務平台,其網站和應用的色彩選擇,就是從電影院的經典色彩組合中汲取靈感:黑色、白色和紅色。這不僅是一種視覺策略,也是一種心理策略,旨在為用戶提供最佳體驗。
Thumbnail
Figma,作為當今流行的在線界面設計工具,不僅在設計社區中擁有重要的地位,更因其協作和原型功能而廣受青睞。然而,除了傳統的UI/UX App 及網頁設計,一些創新者已經開始在這個平台上創造令人驚艷的遊戲。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
本文討論UX設計師面試中的常見問題,並提供有效的回答建議。這些問題涉及個人介紹、職位申請動機、貢獻、擅長項目、薪酬期望、職業發展計劃等。
Thumbnail
歡迎來到 UX(用戶體驗)設計顧問的世界!每一天,我們像是探險家般,深入用戶的心智地圖,解開產品與服務中的謎題。想知道如何讓一天的工作既有成就感又富有創意嗎?讓我帶你一探究竟!
Thumbnail
在設計的世界裡,字體遠遠不止是文字的表達,它們是情感的傳遞者,是風格的塑造者。選擇正確的字體對於達成溝通目的至關重要。一個不恰當的字體選擇可能會讓你的設計失去本應有的魅力。為此,我們在這裡推薦一系列與不同情緒相匹配的字體,讓你的設計作品更加精準地傳達出想要的感覺。
Thumbnail
設計師經常尋找可以提升工作效率和創意的資源。幸運的是,Figma社群總是樂於分享,這裡我們整理了一些免費的Figma檔案和設計資源,幫助你在App/ 網頁設計界面(UI)和呈現方面更上一層樓。
Thumbnail
在今天的世界裡,資訊太多了,這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀,而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候,不是一個字母一個字母地去認,而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要,中間的字母即使亂了點,大多數人還是看得懂。
Thumbnail
在數位時代,UX/UI設計師的作品集是其職業生涯的一個關鍵組成部分,它不僅展示了設計師的技能和經驗,還反映了他們的創造力和對細節的關注。以下將提供八個實用的提示,幫助您打造一個吸引人的、高效的App/ 網頁設計作品集。
Thumbnail
Figma以其直觀的介面和強大的協作功能,迅速成為設計師和開發者首選的UI/UX App / 網頁設計工具之一。除了其高效的設計功能外,Figma的一大優勢在於其龐大的社區和用戶共享的免費資源。這些資源可以幫助設計師節省時間,並在創建高質量的設計方案時提供靈感。
Thumbnail
在這個視覺導向的數位時代,有吸引力的圖標不僅能夠增強用戶體驗,還能夠在提供信息的同時帶來美學的享受。無論是網頁設計、App開發還是內容創造,都需要一套完善的圖標庫來使他們的作品更加出色。以下是六個值得一探的優質圖標網站,它們以其豐富的圖庫和出色的設計而著稱。
Thumbnail
在視覺設計中,色彩不僅僅是裝飾,它傳遞情感、引導用戶行為,並加強品牌識別。Netflix作為一個領先的串流媒體服務平台,其網站和應用的色彩選擇,就是從電影院的經典色彩組合中汲取靈感:黑色、白色和紅色。這不僅是一種視覺策略,也是一種心理策略,旨在為用戶提供最佳體驗。
Thumbnail
Figma,作為當今流行的在線界面設計工具,不僅在設計社區中擁有重要的地位,更因其協作和原型功能而廣受青睞。然而,除了傳統的UI/UX App 及網頁設計,一些創新者已經開始在這個平台上創造令人驚艷的遊戲。