Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
from hackathon to design sprint
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Elvis Lin
February 22, 2017
Design
830
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
from hackathon to design sprint
Introduce the concept of design sprint (google sprint)
Elvis Lin
February 22, 2017
More Decks by Elvis Lin
See All by Elvis Lin
Protect Users' Privacy in iOS 14
elvismetaphor
0
70
Dubugging Tips and Tricks for iOS development
elvismetaphor
0
85
Strategies of Facebook LightSpeed project
elvismetaphor
0
130
Background Execution And WorkManager
elvismetaphor
2
570
作為一個跨平台的 Mobile App 開發者,從入門到放棄!?
elvismetaphor
2
600
Dependency Injection for testability of iOS app
elvismetaphor
1
1.5k
Briefly Introduction of Kotlin coroutines
elvismetaphor
1
340
MotionLayout Brief Introduction
elvismetaphor
1
410
Chapter 10. Pattern Matching with Regular Expressions
elvismetaphor
0
84
Other Decks in Design
See All in Design
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.5k
Where Imagination Ends AI Begins
r5ni4
0
510
Figmaを使わなくなった私が、最近していること
mela_dayo
0
140
MUUUUU.ORG 協賛バナーのご案内
quoitworks999
0
710
ひとりで作れる時代に、判断をみんなで持つには
kgsi
1
160
言幹と言葉(Stems & Leaves)
kakukoki
0
270
Jun Wei Portfolio 2026
wjw100788
PRO
1
450
HeartLanguage - DesignProcess
heartlanguage
0
410
Edmonton River Slidedeck
edmontonriver
0
480
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.8k
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
2.2k
デザなに#1「問いのデザイン」の紹介LT
garyuten
0
180
Featured
See All Featured
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
820
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.2k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
610
Accessibility Awareness
sabderemane
1
290
Visualization
eitanlees
153
17k
[SF Ruby Conf 2025] Rails X
palkan
3
1.5k
Balancing Empowerment & Direction
lara
6
1.4k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
300
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1.1k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
8.2k
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/