Ian Jang ian@uxi-design.com

內容大綱

1. 人物誌（Persona）

2. 關聯圖法（Affinity Diagram）

3. 五大模型

1. 互動模型（Flow Model）

2. 序列模型（Sequence Model）

3. 文化模型（Culture Model）

4. 物件器物模型（Artifact Model）

5. 實體環境模型（Physical Model）

http://www.shuhanko.com/2010/Mixography.html

訪談

整理

詮釋

人物

物件 環境

行為

價值

心智

目標

專有名詞

PERSONA

誰才是使用者

？

http://www.slideshare.net/joonyale/2009-0921-ssa-ui-class-persona

Persona的起源

• Alan Cooper（Visual Basic之父）

• 於”The Inmates are running the

asylum（1999）”中提出

• 目的： – 避免鬆散的使用者（Elastic User）定義

– 避免自我參照的設計

– 讓開發團隊可以對使用者的目標、能力、脈絡有共同的瞭解

– 使開發團隊能夠體會使用者的世界

Persona

• 虛構人物：代表特定族群 • 增進設計團隊的同理心 • 依據「實際資料」組合成為角色特徵：

– 個別資料：名字、年齡、性別、教育背景、家庭狀況、工作執掌 – 目標 – 態度 – 行為 – 興趣 – 習慣 – 意見 – 影響因素 – 脈絡環境 – 優先順序 – 照片

http://vi.sualize.us/jvetrau/personas/

Persona

• 特徵使用者群像

• 延伸

– 目標使用者分類

– 特定族群生活型態進程

– 現地觀察角色扮演工具

特徵使用者群像 Persona#1

城市遊俠 代號：Anne (F) 年齡：24 Smart Phone：無 外商公司HR行政人員，15歲開始城市自助遊，英日文快要比中文好了。 。 特徵： • Couch Surfing玩家 • 從定點到大陸移動 • 經營個人網路profile，增加接受招

待的機率 • 大地圖瞭解相對位置，網路安排細

部行程 • 不帶書，印資料，邊完邊丟 • 從省錢到認識新朋友的心態轉變 • 森林到哪裡看起來都一樣 • 照片回來一次傳

鐵騎型男 代號：蛙 (M) 年齡：40 Smart Phone：iPhone 咖啡館＋設計公司老闆，偶爾兼差幫雄獅旅行社帶單車團。 特徵： • 出旅遊書書寫單車環島與攝影 • 跟不同人有不同的規劃 • 先決定訂房、位置再決定當日行程 • 騎腳踏車的時速決定行程的安排 • 喜歡走一條別人講走過的路 • 先自行過濾後減少地雷 • 留下名單，到了當地才決定 • 遺珠之憾資料庫 • 我做到了的成就感 • 不常用手機拍而用專業相機 • 照片先挑過才上傳

座標獵人 代號：Soya (M) 年齡：40 Smart Phone：HTC 高科技公司的工程師，夫妻二人都喜歡旅遊並且收集紀念物。愛玩Geocaching尋寶遊戲。 特徵： • 尋寶登百岳 • 319縣市蓋章趣與各地星巴克杯 • 住到哪裡玩到哪裡 • C/P值為最大優先考慮 • 朋友團行程規劃應付別人問 • 主動使用原文google搜尋 • 講當地人的語言 • 交通工具分享：四人行 • 看圖說故事，詳盡的網誌 • 下載離線地圖：分級分層

主題達人 代號：阿鳥 (F) 年齡：29 Smart Phone：iPhone ＋HTC 連鎖書店的文創商品企劃， 特徵： • 主題旅遊：咖啡、美式早餐、牧場

牛奶、蔥油餅、風力發電、演唱會XX季

• 噗或Facebook糾團 • 省錢玩到最大值 • 上網FB溝通行程共同編輯 • 你在工作我在玩 • 旅遊小冊子隨身攜帶 • 景點名單很重要 • 筆記本+便利貼機動排行程 • 帶實體地圖+google map組合 • 旅行當中寫記錄，事後沒空寫

都會熟女 代號：精靈 (F) 年齡：35 Smart Phone：iPhone 咖啡店店長，喜歡自己騎摩托車或開車出遊或是跟朋友團。 特徵： • 找非大眾觀光點，透過網誌才知道 • 看交通工具那個比較方便 • 在地人（民宿主人）的推薦，看當

地的活動資訊 • 從當地找到可以延伸出去的點 • 評比可以幫助做決定 • 蒐集特定主題內容，手機隨手記，

回來再整理 • 會記下來不一定會去，看當天的路

線狀況而定 • GPS缺乏機車選項

目標使用者分類 Persona#2

http://www.ziba.com/work/fedex-world-service-center/#/work/fedex-world-service-center/

http://www.ziba.com/work/fedex-world-service-center/#/work/fedex-world-service-center/

http://www.ziba.com/work/fedex-world-service-center/#/work/fedex-world-service-center/

http://www.ziba.com/work/fedex-world-service-center/#/work/fedex-world-service-center/

http://www.ziba.com/work/fedex-world-service-center/#/work/fedex-world-service-center/

特殊族群生活型態進程

Persona#3

英國 R.E.D 糖尿病患研究專案

背景

• 在英國Bolton這個城市，每星期大概有29個人被診斷出得到糖尿病，因此，在醫療照護上，糖尿病患者就成為一個主要的服務族群。

• 糖尿病屬於慢性疾病之一，大多數的患者都需要接受長期的治療與控制。

• 2008年，開啟了一個名為Open Health的醫療照護專案，邀請了設計師、社會學家、醫療團隊、政府代表，一起針對糖尿病患者進行完整之設計。

• 糖尿病患者平均每人每年只花三小時和醫生有互動，但患者每年卻有一千多個小時在自我管理病情。

• 透過身邊友人的支持，更好的人員培訓，好的工具，讓患者更能有效管理病情，並且協助提升患者與醫療系統的溝通效率。

問題的挖掘

• “Shallow Dive”花費兩天的時間去接觸病人和專業

人員，去密切觀察糖尿病患者在日常生活中是怎麼管理自己的病情：How they felt? What they said？和Bolton現有的健康照護有什麼接觸？

• “Deep Dive”團隊密切合作，和有共同理念的人一起

發想給予患者的新服務，開發新的工具(cards)、新的平台，結合不同的人，嘗試從不同角度去思考、微調。

脈絡調查

• 實際去糖尿病患者家中拜訪，去觀察他們生活的情形 (20人以上願意受訪)

• 要求參與者畫出他們所認知的糖尿病： Draw what your diabetes means to you→試圖去了解他們的生活，而不只是它們的疾病

• 最後歸納成為數個通用的典型範例(persona)，這些範例記錄了病患各種接受治療、生活、及飲食的細節

How the person approaches the fact that they have diabetes ？

How they manage their condition within the context of their everyday life？

How they might learn to change the way they manage it？

Ted, 56, is self-employed and works long hours at his painting and decorating business.

總是吃太多喝太多不健康的食品!!

營養師和護士都不懂吃，無法給我好建議

抓住血糖低的時間測量血糖…. →Fooling himself

傳統的

最理想的

病患的歷程

新進者

知道卻掙扎

天真又固執

瞭解並有能力

• Life Swap：讓患者彼此之間交換生活型態，去學習別人平常如何管理病情的

IDEAS

傳統的

最理想的

新進者

知道卻掙扎

天真又固執

瞭解並有能力

• Just in Time：打造新的queue model，舒緩等待時間，除去等待室，往”just in time”的概念出發

IDEAS

傳統的

最理想的

新進者

知道卻掙扎

天真又固執

瞭解並有能力

• Personal Support：幫助患者打造自己的抗病策略和照護計畫。還會設立life coach的機制達成目標 (ex. 幫助克服聖誕節、其他慶祝節日的餐點誘惑…)

IDEAS

傳統的

最理想的

新進者

知道卻掙扎

天真又固執

瞭解並有能力

• New technology：運用圖像新技術，show出如果不好好治療糖尿病，未來受到其他併發症可憐的自己

IDEAS

傳統的

最理想的

新進者

知道卻掙扎

天真又固執

瞭解並有能力

多工小道具!?

– 把糖尿病造成的問題和需求寫在post-it上

• ‘I’m addicted to sugar’ or ‘I want to have someone to talk to about this’.

– 小卡都是在進行照護時的break downs，接露出照護員未做到的地方

– 比起問卷，更能以多元的方式顯露出問題點

– 卡片可以用來幫助病患和家屬間的溝通，讓彼此了解真正的需求

– 可以提醒患者需要注意的事情

• I have the wrong type of food in the house

現地觀察角色扮演工具 Persona#4

NHS Observation Card Pack

*NHS：National Health Service（就像是台灣的全民健保）

Through the eyes of…

AFFINITY DIAGRAM

Affinity Diagram執行步驟

• 工具準備：牆面、便利貼 • 用黃色便利貼寫下點子貼於牆面（越多越好） • 整理分類黃色點子便利貼 • 對於點子進行投票 • 平均分配標題下的黃色便利貼（2-4張） • 用藍色便利貼寫下分類的標題 • 分類整合藍色標題，再以粉紅色便利貼為其分

類標籤 • 再以綠色作為粉紅色的標籤 • 完成最終的「親和圖」（Affinity Diagram）

分類

Idea

Idea

Idea

Idea

Idea

Idea

Idea

Idea

Idea

Header Header

SuperHeader

Source: Bayer and Holtzblatt

Stickysorter

Demo

五種模型

FLOW MODEL

Flow Model的作用

在任務的過程中：

– 有哪些角色參與

– 角色做了哪些事情

– 如何溝通與協調

– 如何傳遞訊息

– 使用什麼工具

– 傳遞過程中是否發生困難

Flow Diagram

1 2 3 4

角色：個人/團體 任務 地方 單向關係

5 6 7 8

雙向關係 物件 溝通/行動 問題阻礙

xxx

XXX

xxxxxxx xxx

Flow Diagram步驟

• 標記人物角色、地點

• 補充各角色的任務內容

• 標記溝通方式、溝通內容、資訊傳遞方向

• 標記溝通上的阻礙

動物收容所

Author: 黃如薇、許惠渝、梁兆浣

SEQUENCE MODEL

Sequence Model的作用

在任務過程中

– 行為過程的細部展開

– 過程中可能發生的任何行為

– 瞭解使用者的策略、意圖

– 行為過程的步驟中所發生的困難

Sequence Diagram

2 3 4

步驟 觸發點 意圖 流程

5

問題阻礙

意圖：XXXX 觸發點： xxxxxxxxx

Sequence Diagram步驟

在任務的過程中：

– 描繪觸發點與背後的目的

– 描繪事件接續的步驟

– 如有決策的選擇過程，則箭頭可以分叉

– 如有循環過程，則箭頭可以迴圈

– 標記過程中的阻礙

– 標記並檢視過程中的意圖

眼科門診: 等候看診

CULTURE MODEL

Culture Model的作用

• 在任務的過程中：

– 瞭解外部影響與人為因素

– 政府規範

– 組織文化

– 非正式之潛規則

– 工作中的自我定位

– 他人的主觀感受

– 人、群體、組織彼此間的相互影響感受

Culture Diagram

1 2 3 4

影響因子 影響因素說明 單向影響 雙向影響

5 6

影響方式與內容 問題阻礙

XXX

xxxxxxx

Culture Diagram步驟

• 標記影響單一任務的主要因素

• 標示各因素互相影響的關係

• 人化影響過程中如果有阻礙，則標示之

KTV

ARTIFACT MODEL

Artifact Model的作用

• 在任務的過程中： – 物件內容

– 物件組成

– 物件呈現

– 使用方式

– 使用目的

– 使用條件

– 使用經驗

– 相關改造的部分

– 使用上的阻礙

Artifact Diagram

• 拍照或者繪製器物原型

• 利用箭號、線條、區塊呈現與標示，並使用文字解說

• 標記使用上的阻礙

特力屋標識

Author: 林耀廷、劉家豪、李辰安

PHYSICAL MODEL

Physical Model的作用

在任務的過程中：

– 實體環境

– 佈局結構

– 被使用的目的

– 被使用的方式

– 角色在裡面的活動路線

– 各種工具器物的位置

– 在實體環境中所遇到的困難

Physical Diagram

• 繪製實體空間示意圖

• 標示物件與空間名稱

• 模擬活動動線

• 標示活動上的阻礙

錢櫃KTV

http://www4.ocn.ne.jp/~uauaaou/others1.htm

CONSOLIDATED MODELS…

FB: Ian Jang

Web: www.uxi-design.com Email: ian@uxi-design.com