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
750
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
52
Dubugging Tips and Tricks for iOS development
elvismetaphor
0
52
Strategies of Facebook LightSpeed project
elvismetaphor
0
86
Background Execution And WorkManager
elvismetaphor
2
490
作為一個跨平台的 Mobile App 開發者,從入門到放棄!?
elvismetaphor
2
520
Dependency Injection for testability of iOS app
elvismetaphor
1
1.4k
Briefly Introduction of Kotlin coroutines
elvismetaphor
1
290
MotionLayout Brief Introduction
elvismetaphor
1
330
Chapter 10. Pattern Matching with Regular Expressions
elvismetaphor
0
48
Other Decks in Design
See All in Design
アクセシビリティに取り組むメリット
magi1125
2
270
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
maki setoguchi
maki_setoguchi
0
460
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
150
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
520
portfolio.pdf
onof003
0
200
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
880
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
320
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
130
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
420
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
770
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Thoughts on Productivity
jonyablonski
70
4.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
How to Ace a Technical Interview
jacobian
280
24k
Become a Pro
speakerdeck
PRO
29
5.6k
Facilitating Awesome Meetings
lara
57
6.6k
GraphQLとの向き合い方2022年版
quramy
49
14k
Practical Orchestrator
shlominoach
190
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
630
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/