Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
from hackathon to design sprint
Search
Elvis Lin
February 22, 2017
Design
0
740
from hackathon to design sprint
Introduce the concept of design sprint (google sprint)
Elvis Lin
February 22, 2017
Tweet
Share
More Decks by Elvis Lin
See All by Elvis Lin
Protect Users' Privacy in iOS 14
elvismetaphor
0
46
Dubugging Tips and Tricks for iOS development
elvismetaphor
0
50
Strategies of Facebook LightSpeed project
elvismetaphor
0
65
Background Execution And WorkManager
elvismetaphor
2
480
作為一個跨平台的 Mobile App 開發者,從入門到放棄!?
elvismetaphor
2
490
Dependency Injection for testability of iOS app
elvismetaphor
1
1.4k
Briefly Introduction of Kotlin coroutines
elvismetaphor
1
280
MotionLayout Brief Introduction
elvismetaphor
1
320
Chapter 10. Pattern Matching with Regular Expressions
elvismetaphor
0
41
Other Decks in Design
See All in Design
デザイナーとPMの両ロール_3つのポイント
toy1618
1
210
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
390
NAHO SHIMONO_Portfolio2025
nahohphp
0
230
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
150
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
290
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
220
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
140
aya_murakami_portfolio
ayakaimi1101
0
1.3k
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
810
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
740
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
170
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Embracing the Ebb and Flow
colly
84
4.6k
Automating Front-end Workflow
addyosmani
1369
200k
What's in a price? How to price your products and services
michaelherold
244
12k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Transcript
從 Hackathon 到 Design Sprint — ⼯工程師的產品設計歷險 Elvis Lin
@F2E & RGBA 2017-02-22
About Me Elvis Lin Mobile Application Developer • Github: https://github.com/elvismetaphor
• Blog: http://blog.elvismetaphor.me
今天亂入來來的⽬目的?
來來賣書的?
來來教⼤大家排⾏行行事曆的?
來來⾏行行銷活動的?
⼀一切都是從這裡 開始的......
星展台灣⿊黑客松
⽤用表格釐清問題
使⽤用⽩白板進⾏行行討論
更更多的⽩白板討論
批⾾鬥⼤大會!?
街頭的使⽤用者訪談
參參加⿊黑客松的收穫 • 從⽇日常規律律的⼯工作中抽離 • 集中⼼心⼒力力在⼀一個想法上 • 從無到有完成⼀一個原型 • 在有限的時間中作出取捨與排出優先順序 •
快速地取得使⽤用者的回饋(參參賽者/評審/街頭訪問)
Design Sprint (Google Sprint)
⾝身為⼀一名產品開發⼈人員 (Developer、Designer、 Product Manager),我希望......
⾝身為⼀一名產品開發⼈人員,我 希望做出來來的產品有⼈人⽤用
⾝身為⼀一名產品開發⼈人員,我希望 可以⽤用最⼩小的⼒力力氣,提前確 認做出來來的產品會有⼈人⽤用
Search: lifecycle of developing a product
None
None
如何學習 http://brandgenetics.com/sprint-by-google-ventures-speed-summary/
類似 Design Thinking ⽅方法論 1. 釐清與了了解(Understand) 2. 定義(Define) 3. 發想(Diverge)
4. 定案(Decide) 5. 原型(Prototype) 6. 驗證(Validate)
Sprint 流程 http://www.zenexmachina.com/assets/themes/zxm/images/page-artefacts/design-sprint-02.png
事前準備 • 團隊成員(不超過7⼈人) 決策者、財務專家、⾏行行銷專家、顧客專家、技術物流 專家、設計專家 • 選出⼀一位促進者 • 排出完整的 5
天 • 會議室、⽩白板、便便利利貼、紙筆、計時器
Monday
• 寫下⽰示意圖,找出要解決的問題 • 請教專家 • ⽤用便便利利貼做 HMW(How Might We)的筆記
None
• 組織 HMW 筆記 • 決定要檢驗的具體問題,問題必須是可以被評估的 • EX:機器⼈人飯店服務擔任物品遞送的服務是否會 讓使⽤用者覺得怪異異?
Tuesday
• 檢驗舊得想法,加以改良 • 三分鐘的想法⽰示範,在⽩白板上記錄每個想法的重點 • 畫出⽅方案草圖
四步驟畫圖法 • 檢視筆記 • 構想,畫出初略略的⽅方案 • 瘋狂8 • ⽅方案草圖,擬定⼀一個具體⽅方案
原則 • 不⾔言⾃自明 • 匿名發表 • 別怕畫的醜 • 加上適當的⽂文字 •
取個好名字
Wednesday
黏貼決策 • 美術館 • 熱點圖(⽤用⼩小圓點標注有趣的部分) • 快速評論 • 稻草⺠民調(⽤用⼤大圓點貼紙投票) •
超級票(決策者可以選擇最後的⽅方案)
畫下分鏡腳本 • 15格以內的分鏡 • 決定情境 • 完整的⼀一個故事 • 故事長度控制在15分鐘之內 •
修改分鏡比修改原型容易易
Thursday
原型⼼心態 • 什什麼⽅方案都可以做成原型 • 原型是可以捨棄的 • 做到剛好滿⾜足測試需要即可 • 原型看起來來必須夠真實
90% 的真實
⼯工具 • Keynote、PowerPoint • 寫下腳本,讓計畫成員當演員 • 既有空間加以改裝 • ⽤用 3D
印表機列列印出原型
Friday
五幕式訪談 • 友善的歡迎 • 背景問題 • 介紹原型 • 提⽰示和操作 •
快速地總結討論
• ⼩小數據 — 5 是神奇的數字 • 5 個訪談⾜足夠發現⾜足夠的問題 • ⼀一天⾜足夠安排
5 個訪談 • ⼀一起觀看,共同學習 • 集體做訪談筆記
事前準備檢查表 • 少於七個⼈人的團隊 • 關掉⼿手機跟電腦 • ⼤大量量的⽩白板、⼤大量量的便便利利貼 • 筆、膠帶、計時器、健康的零食 •
不受打擾的會議空間
• 問:我可以在毫無經驗個情況下擔任衝 刺刺計畫的促進者嗎? 答:可以
• 問:衝刺刺計畫要求的⼯工作時間是否很長 答:不是
• 問:衝刺刺計畫在⼤大公司可⾏行行嗎? 答:可以
• 問:衝刺刺計畫可以⽤用在某種「超難做產 品與原型的服務」上嗎? 答:幾乎⼀一定可以
• 問:我是否可以不⽤用完整的衝刺刺計畫, 只利利⽤用部分衝刺刺計畫程序 答:可以
• 問:衝刺刺計畫是否可以只做到選定⽅方案 那⼀一步? 答:不可以
• 問:可以安排少於五位顧客做原型測試 嗎? 答:不可以
參參考資料 • Design Sprint Method https://developers.google.com/design-sprint/ downloads/DesignSprintMethods.pdf • The Design
Sprint http://www.gv.com/sprint/ • 初探 Google 提出的設計敏捷⽅方法 https://designtongue.me/google-design-sprint- method/