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
730
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
48
Strategies of Facebook LightSpeed project
elvismetaphor
0
63
Background Execution And WorkManager
elvismetaphor
2
480
作為一個跨平台的 Mobile App 開發者,從入門到放棄!?
elvismetaphor
2
480
Dependency Injection for testability of iOS app
elvismetaphor
1
1.4k
Briefly Introduction of Kotlin coroutines
elvismetaphor
1
270
MotionLayout Brief Introduction
elvismetaphor
1
320
Chapter 10. Pattern Matching with Regular Expressions
elvismetaphor
0
38
Other Decks in Design
See All in Design
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.8k
Design System for training program
mct
0
160
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
570
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
510
LayerX DesignersDeck
layerx
PRO
0
920
How to go from research data to insights?
mastervicedesign
0
180
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
410
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
380
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
220
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
380
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
280
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Code Review Best Practice
trishagee
65
17k
Making Projects Easy
brettharned
116
5.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
The Cost Of JavaScript in 2023
addyosmani
45
7k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Thoughts on Productivity
jonyablonski
67
4.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
Speed Design
sergeychernyshev
25
670
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/