Download pdf - 進擊的UX

Advancing UX

Kaba SuYahoo Design

“設計就是不停的戰鬥！”

Interaction Designer


What the society think I do.


What my friends think I do.What the society think I do.


What my mom think I do.What my friends think I do.What the society think I do.



What engineers think I do



What I think I do.What engineers think I do



What I think I do.What engineers think I do What I really do.

?

‣ UX能吃嗎 ‣ 了解你的使⽤用者 ‣ 原型開發不寫code

使用者經驗

存續 Businessviability

可行 Technologyfeasibility



需求 User

desirability



需求 User

desirability

成功的創新

設計就是不停地戰鬥

UXUser eXperience 使⽤用者經驗

但是我除了變胖以外

UCDUser Centered Design 使⽤用者中⼼心設計

但是我除了變胖以外

Empathy共感同理⼼心

鯈（ㄔㄡˊ）魚出游從容，是魚之樂也

子非魚，焉知魚之樂

很幸運我們的USER通常不是魚

Optimization‣ Metrics driven ‣ Usability ‣ Lean testing

Revamp‣ User Study

Innovation‣ Exploratory

Research ‣ Conceptual front-

end

Optimization Revamp Innovation‣ Metrics driven ‣ Usability ‣ Lean testing

‣ User Study ‣ Exploratory Research

‣ Conceptual front-end

設計流程

學習

商業策略學習

商業策略學習發想

商業策略學習發想實作

商業策略學習發想實作

iteration

越早失敗，越接近成功

越早失敗，越接近成功有計劃的

延平郡⺩王

概念測試完成

任性⼀一次的成本

概念測試完成

任性⼀一次的成本

prototype

prototype

重點是學習與共識

Vision

iteration

分⽽而化之Vision

與使⽤用者⼀一起成⻑⾧長

廟算者，多算勝，少算敗？ Empathy Interview

Listen to your users


Context 情境


Context 情境

Concept 概念

屬性 Attribute

結果 Consequence

價值 Value

我想要先把後天的餐廳訂好

為何？


為何？

因為我想要事先準備好

為何？


為何？


為何？

因為他們是我的家⼈人

為何？


為何？


為何？

因為他們是我的家⼈人

為何？

因為我不想讓⾃自⼰己丟臉

為何？

哩⾦金雞ㄋㄟ

....

Interview Do’s ✓讓使⽤用者去主導

讓⾃自⼰己成為⼀一個”初學者/學徒”的⾓角⾊色，打開⼼心向使⽤用者學習 ✓⿎鼓勵使⽤用者操作

當要瞭解產品使⽤用經驗時，使⽤用者直接操作⽐比⼝口頭說明還要好 ✓保持好奇⼼心

問⼀一些深⼊入的問題，能夠引發使⽤用者說出更多的細節，並且注意你的肢體語⾔言（表達友善的肢體語⾔言） ✓保持開放⼼心態

允許使⽤用者與你分享你沒有預期要問的資訊，讓討論保持⾃自然就好 ✓運⽤用使⽤用者的語⾔言

傾聽使⽤用者的“關鍵字”並加以運⽤用這些話，盡量不要使⽤用內部或太技術性的專有名詞 ✓做你⾃自⼰己

當你的⾏行為是真實的⽽而且不造作的態度時，使⽤用者也會⽐比較舒適⾃自在

Interview Don’ts

X主導使⽤用者確保你的提問不會引導使⽤用者回答問題 X 停留在粗淺的回答

不要滿⾜足於使⽤用者“是”或“否”的回答，試著⽤用“為什麼…”和“告訴我更多…”去深⼊入探究更多 X提供協助

觀察使⽤用者遇到困難時的反應，可以告訴我們使⽤用者在哪個步驟以及為什麼會發⽣生問題 X假設未來的使⽤用狀況

我們無法精準的去預測使⽤用者未來的⾏行為（我們應該以現在能觀察到的⾏行為為主） X防衛⼼心態

把使⽤用者的意⾒見當成是學習改善我們產品的機會點

5 minutes

描述自己一天之中看新

聞、部落格或者其他網

路資訊的經驗

10 minutes

分享使用特定新聞產品

的經驗

TASKS

▪ ⽤用分類瀏覽常看的新聞類型 ▪ 選⼀一篇有興趣的⽂文章、閱讀後並談⼀一下內容 ▪ ⼼心情投票 ▪ 看⼼心情新聞 ▪ 調整⾃自定分類

▪ 整體使⽤用上, 哪邊是吸引你的？ ▪ 使⽤用上有遇到哪些不順的地⽅方？什麼可以更好？ ▪ 有沒有什麼覺得應該要有的功能卻沒有看到的？

▪ ⾃自由瀏覽之後給⼀一些feedback#1

#2

#3

受訪者 ID

戰鬥就是快 Rapid Prototyping

Redesigning the way you see the world

世界之窗，重新設計

Redesigning the way you see the world

世界之窗，重新設計

使用者告訴我們... What we learned from users


產品設計原則 Product design principles簡單明快

Efficiency

更豐富即時的媒體素材

Rich content

想簡單地表達意⾒見

To simply participate and express themselves

想知道別⼈人的看法

to know what others feel

想要多元觀點They want diversity



Efficiency


Rich content



想知道別⼈人的看法

to know what others feel



Efficiency


Rich content





Efficiency


Rich content



Efficiency


產品設計原則 Product design principles



快速

Fast易於參與

Engaging

彙整多元觀點

Organized Diversity


最簡單的參與方式HOW MIGHT WE DESIGN THE EASIEST WAY FOR USERS TO EXPRESS THEIR OPINION?

我們怎麼設計一個

更有趣地表達心情THE MOST DELIGHTFUL WAY TO KNOW WHAT OTHERS FEEL?

更有趣地表達心情THE MOST DELIGHTFUL WAY TO KNOW WHAT OTHERS FEEL?

重點

最多⼀一天重點

Keynote animation prototype!開發時間：很快效能：很好動畫精細度：中⾼高互動程度：中等流程展現程度：⾼高

Flinto Browser base prototype!開發時間：很快效能：很好動畫精細度：低互動程度：中⾼高流程展現程度：⾼高協作：⾼高

Invision Browser base prototype!開發時間：很快效能：很好動畫精細度：低互動程度：中⾼高流程展現程度：⾼高協作：很⾼高

Axure Browser base prototype!開發時間：看你效能：中⾼高動畫精細度：中等互動程度：⾼高流程展現程度：⾼高

Pixate interactive single screen prototyping!開發時間：快效能：很⾼高動畫精細度：很⾼高展現的互動程度：很⾼高流程展現程度：中等

小結

一位非常成功的微禿中年曾說

你的時間有限，不要為別人而活，不要規循別人的信念中... 最重要的是，鼓起勇氣跟隨你的心靈與直覺，它們才知道你想成為怎樣的人。 !

Stay hungry, stay foolish.

重要的是，千萬不要以為你是 Steve Jobs

與夥伴一起改變世界！

台灣互動設計師協會

Thank you