SlideShare a Scribd company logo
HUMAN
CENTERED
DESIGNBetter Twitch broadcasting through rapid prototyping
LIVESTREAMING IS
BECOMING MAINSTREAM.
• Players are now both the producers and the consumers of video content,
creating new challenges and opportunities for publishers and brands.
• The eSports industry is turning gaming into a lucrative spectator sport;
over 200 million viewers in 2014 with over 3.7 billion hours watched.
• The rise of Youtube Gaming, Periscope, and the $970m acquisition of
Twitch show both the potential and popularity of streaming in the
gaming community.
TWITCH
HAS CHANGED
THE GAME.
100 million
active users
currently
11 million
broadcasts
per month
Twitch accounts for more than 43% of all live video-streaming traffic by volume.
Over 400
unique games
broadcasted regularly
BECAUSE TWITCH
IS ENABLING
EVERYONE
TO STREAM.
AND PEOPLE
ARE TUNING IN.
•Twitch reaches over 32 million users monthly.
•Over 16 billion minutes of content is consumed per month on
Twitch’s website.
•58% of Twitch users spend more than 20 hours a week
watching videos on its site.
BRANDS AND
PUBLISHERS
ARE STARTING
TO SEE THE
VALUE.
SOME BRANDS HAVE
ALREADY LEVERAGED
LIVE STREAMING.
• Red Bull Twitch ’n Ride - the Redbull Twitch channel has 65,000+ followers
• Old Spice Nature Man - this Twitch campaign alone earned Old Spice over 32,000 followers
• Coca-Cola - partnering with League of Legends
• Snickers - partnering with Twitch for their “You’re not You” campaign
SO HOW DO WE
DRIVE BUSINESS
GROWTH?
And increase customer lifetime value through broadcasting…
WE DID OUR
HOMEWORK.
AND FOUND
PAIN POINTS IN
STREAMING.
• Streamers need to focus wholly on engaging their audience in order to become/remain relevant.
• Entry-level streamers and brands are not familiar with how overlays and advertisements work
on their channel(s) – many are discouraged from participating due to the learning curve.
• Xbox One controllers are being repurposed to control professional streams due to a lack of options.
WE ASKED A
PRO GAMER.
Twitch user bifuteki,
(17.5k+ followers)
“I’ve always said that if someone would make a product which is basically a
capture-all, do-all thing that can make life easier for people, it would be so much
easier for me or someone who doesn’t want to go out there and spend so much
money buying a mixer and a capture card and all this stuff, it’ll be great.”
INSIGHT
APPROACHING!
Streaming hardware and software requirements require multiple third party
components and a strong knowledge of the platforms – creating a barrier for
entry level players and brands to livestream, both physically and mentally.
Making streaming easier for entry level players and brands would increase
engagement in the community and ultimately drive customer lifetime value.
WE IDENTIFIED
THREE
OPPORTUNITIES.
EDUCATION
SOFTWARE HARDWARE
AND PULLED THE
TRIGGER ON ONE.
Entry-level streamers and brands would benefit from a lightweight, dedicated
broadcast controller that allows them to quickly toggle the stream on/off, start
recording, and toggle between overlays while utilizing LEDs as feedback to the
user on what the hardware is doing at any given time.
OUR
APPROACH.We used our proficiencies as experience designers to
design and develop around existing streamer and brand
pain points through rapid prototyping.
DIGITAL SURGEONS &
RAPID PROTOTYPING.
Rapid prototyping is an initial or preliminary version from which
other forms are developed. This provides you with insight into the
functionality of your design and any changes needed in order to
make your work a pleasure to use. In other words…
WE FAIL FAST, EARLY, AND
INEXPENSIVELY IN ORDER
TO ARRIVE AT HUMAN
CENTERED SOLUTIONS.
“GREAT DESIGN ALLOWS PEOPLE TO
ACCOMPLISH THE SAME GOALS IN
THE LEAST AMOUNT OF MOVES.”
DAN SAFFER
Author of Microinteractions:
Designing with Details
DESIGNING AND
PROTOTYPING
OUR BROADCAST
CONTROLLER.
WE EXPLORED
FEATURES
THROUGH
SKETCHING.
• Dremel tool
• Soldering iron/solder
• 18 gauge wire
• Wire cutters/strippers
• .22” acrylic sheet
• Utility knife
• Blow torch
• Momentary switches
• LED lights
• Micro-controller
• Eye protection
WE
GATHERED
THE RIGHT
TOOLS.
WE REPROGRAMMED
MICRO-CONTROLLERS.
Reprogramming our makeymakey micro-controller to control a PC.
WE SPARKED
OUR BLOW
TORCH.A .22” thick sheet of acrylic was heated linearly in order
to soften it enough to bend a desired form.
WE GAVE
IT A FORMThe acrylic sheet was bent in order to give the
controller a ‘leg’ to stand on. Elevation was also
important in order to contain the “brains.”
WE MADE
A MESSHoles were carefully plotted and drilled out to
make room for momentary switches and LEDs.
WE GAVE
IT INPUTS.Momentary switches were mounted in
order to control streaming software
with the ‘push of a button.’
WE
SOLDERED.The momentary switches were properly configured
and soldered to the micro-controller.
WE MADE
IT OURS.Branding elements were added to the prototype.
AND WE
DELIVERED
VERSION 1.0
A fully-functional working prototype featuring two
primary momentary switches (buttons) and four
auxiliary switches. The prototype successfully controls
Twitch broadcasts through the OBS software.
V1.0 BY THE NUMBERS
4 20 38 11Days Happy StreamersConcept Sketches Conversation
Topics
WHAT V2.0 COULD
LOOK LIKE:
Research Topics:
• A deep dive into the
content creation process
• Console gamers
Features:
• Integrated audio capture card
• Integrated video capture card
• Integrated wifi receiver
• iOS companion application
• 3D rendered/printed form
• Custom momentary switches
• Polished design/form
USER TESTING
bifuteki
fragabrag
thesteamco
WHAT ELSE ARE WE
PROTOTYPING?
• Innovative ways for food brands to deliver trial and experiential tasting
• Crowd funded non-profit for NASA
• Immersive product demonstration through virtual reality
• ‘Snappable’ Xbox One companion application for use with connected wearables
• Table-top Augmented Reality spectator mode for Counter-Strike: Global Offensive
What can Digital Surgeons
prototype for your next big innovation?
LET’S TALK

More Related Content

PPT
Design thinking
PDF
Crash Course Design Thinking - by @arnoutsmeets
PDF
NYT Product Discovery Activity Guide
PDF
Introduction to Building Wireframes (with Keynote)
PDF
For us by us: market creation through community engagement
PDF
Digital Strategy Toolbox
PDF
Product vision workshop
PDF
The Great State of Design with CSS Grid Layout and Friends
Design thinking
Crash Course Design Thinking - by @arnoutsmeets
NYT Product Discovery Activity Guide
Introduction to Building Wireframes (with Keynote)
For us by us: market creation through community engagement
Digital Strategy Toolbox
Product vision workshop
The Great State of Design with CSS Grid Layout and Friends

What's hot (20)

PDF
Design Thinking - Bootcamp
PDF
Product Management 101: #1 How To Create Products Customer Love.
PDF
Consumers insights
PDF
Strategic Planning Cheats
PDF
10 Steps to build Awesome Business Ideas
PDF
Beyond Design Thinking at DNA
PDF
"Design Thinking for Business Growth!"
PDF
Design Thinking for Product Design Slide.pdf
PDF
Design Thinking - introduction
KEY
How to develop Insights
PDF
UX design, service design and design thinking
PDF
Design thinking: an overview
PPTX
Strategic Planning & the Importance of Consumer insights
PDF
UX Fundamentals for Beginners
PPT
Design thinking
PDF
What's so good about trends?
PPT
Startup Metrics for Pirates
PDF
Design Thinking: The one thing that will transform the way you think
PDF
From Design Thinking to Design Doing
PDF
More research, more frequently: How to sell your stakeholders on research
Design Thinking - Bootcamp
Product Management 101: #1 How To Create Products Customer Love.
Consumers insights
Strategic Planning Cheats
10 Steps to build Awesome Business Ideas
Beyond Design Thinking at DNA
"Design Thinking for Business Growth!"
Design Thinking for Product Design Slide.pdf
Design Thinking - introduction
How to develop Insights
UX design, service design and design thinking
Design thinking: an overview
Strategic Planning & the Importance of Consumer insights
UX Fundamentals for Beginners
Design thinking
What's so good about trends?
Startup Metrics for Pirates
Design Thinking: The one thing that will transform the way you think
From Design Thinking to Design Doing
More research, more frequently: How to sell your stakeholders on research
Ad

Viewers also liked (20)

PDF
IDEO Human Centered Design Toolkit
PDF
Human-Centered Design Methods & Tools
PDF
In Content Strategy, L.E.S.S. is More
PDF
Art, Meet Copy: A Copywriting Primer for Designers
PDF
A storyFirst Approach to Human-Centered Design | Installment #2 @ the 2014 UX...
PDF
Human Centered Design
PDF
How to Stream Video Games: A Primer on Twitch.tv
PDF
How to Build a Brand Voice Toolkit
PDF
Unlocking Creativity: How to Harness the Powers of Design, Art Direction & Cr...
PDF
Creating Powerful Customer Experiences
PDF
The role of Design Thinking
PDF
8 activities of human centered design (HCD)
PDF
Design Kit: Facilitator's guide to introducing Human-centered Design
PDF
The Little Book of IDEO: Values
PDF
Design Thinking for Visitor Engagement: Tackling One Museum's Big Challenge t...
PPTX
BIH - Human Centered Design
PDF
Human Centered Design
PDF
Future-Proof Responsive Web Design #RWD
PDF
Typecurious: A Typography Crash Course
PDF
3 Surefire Ways of Marketing to Social Gamers
IDEO Human Centered Design Toolkit
Human-Centered Design Methods & Tools
In Content Strategy, L.E.S.S. is More
Art, Meet Copy: A Copywriting Primer for Designers
A storyFirst Approach to Human-Centered Design | Installment #2 @ the 2014 UX...
Human Centered Design
How to Stream Video Games: A Primer on Twitch.tv
How to Build a Brand Voice Toolkit
Unlocking Creativity: How to Harness the Powers of Design, Art Direction & Cr...
Creating Powerful Customer Experiences
The role of Design Thinking
8 activities of human centered design (HCD)
Design Kit: Facilitator's guide to introducing Human-centered Design
The Little Book of IDEO: Values
Design Thinking for Visitor Engagement: Tackling One Museum's Big Challenge t...
BIH - Human Centered Design
Human Centered Design
Future-Proof Responsive Web Design #RWD
Typecurious: A Typography Crash Course
3 Surefire Ways of Marketing to Social Gamers
Ad

Similar to Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design (20)

PDF
Why Game Developers Care About Twitch - TwitchCon Developer Day 2017
PPTX
Cbs interactive
PDF
Ultimate Guide to Live Streaming
PDF
Twitch Insights: Player Research and Interaction
PPTX
Lesser Known Platforms Guide
PDF
BUILD THE NEW GENERATION OF REAL-TIME STREAMING SOLUTIONS
PDF
Blockchain for mere mortals - understand the fundamentals and start building ...
PPTX
Tapshot.pptx, the meme coin that'll change the game-fi ecosystem
PPTX
Cloud Based Video Production and Editing
PPTX
Jonathan Joyce (aka Jon Carnage) (Twitch) - Creating success on Twitch!
PPTX
Who is NZXT?
PPT
Fathead 111011
PPTX
Ax cent power_point_edited_crowdfunder_version
PPTX
Blockchain
PDF
Emerging Experiences - More Personal Computing (MPC) - Tim Huckaby
PDF
Powering-Up Your Game with Twitch
PDF
Steam Machines - Comprehensive Consumer Profile & Go-To Market Plan (Master's...
PDF
Twitch Developer Tour
PPTX
LiveU Sports
PPTX
Five ways to make your game great on twitch | Jon Pulsipher
Why Game Developers Care About Twitch - TwitchCon Developer Day 2017
Cbs interactive
Ultimate Guide to Live Streaming
Twitch Insights: Player Research and Interaction
Lesser Known Platforms Guide
BUILD THE NEW GENERATION OF REAL-TIME STREAMING SOLUTIONS
Blockchain for mere mortals - understand the fundamentals and start building ...
Tapshot.pptx, the meme coin that'll change the game-fi ecosystem
Cloud Based Video Production and Editing
Jonathan Joyce (aka Jon Carnage) (Twitch) - Creating success on Twitch!
Who is NZXT?
Fathead 111011
Ax cent power_point_edited_crowdfunder_version
Blockchain
Emerging Experiences - More Personal Computing (MPC) - Tim Huckaby
Powering-Up Your Game with Twitch
Steam Machines - Comprehensive Consumer Profile & Go-To Market Plan (Master's...
Twitch Developer Tour
LiveU Sports
Five ways to make your game great on twitch | Jon Pulsipher

More from Digital Surgeons (19)

PDF
Navigating Your Brand Through Covid-19
PDF
SVG Animations
PDF
PDF
Machine learning
PDF
CraftCMS 3.x Deep Dive
PDF
Creating great decks: The Origins, the "Why", and 12 Tips to Make Yours Better.
PDF
The Science of Story: How Brands Can Use Storytelling To Get More Customers
PDF
Unlock Your Organization Through Digital Transformation
PDF
Radical Candor: No BS, helping your team create better work.
PDF
Fight for Yourself: How to Sell Your Ideas and Crush Presentations
PDF
What You Need to Know About the Future of Wearable Technology
PDF
How YouTube is Drastically Changing the Beauty Industry
PDF
Top 6 Trends in Packaging. Contract Packaging Association 2014 Conference
PDF
Social Media Crisis Management
PDF
Who is The CMO of the Future?
PDF
Facebook VS. Twitter. A look at social demographics
PDF
5 Steps to creative problem solving
PPT
Give Greater - Social Media Presentation
PDF
Digitalsurgeons Social Media Seminar C C A T
Navigating Your Brand Through Covid-19
SVG Animations
Machine learning
CraftCMS 3.x Deep Dive
Creating great decks: The Origins, the "Why", and 12 Tips to Make Yours Better.
The Science of Story: How Brands Can Use Storytelling To Get More Customers
Unlock Your Organization Through Digital Transformation
Radical Candor: No BS, helping your team create better work.
Fight for Yourself: How to Sell Your Ideas and Crush Presentations
What You Need to Know About the Future of Wearable Technology
How YouTube is Drastically Changing the Beauty Industry
Top 6 Trends in Packaging. Contract Packaging Association 2014 Conference
Social Media Crisis Management
Who is The CMO of the Future?
Facebook VS. Twitter. A look at social demographics
5 Steps to creative problem solving
Give Greater - Social Media Presentation
Digitalsurgeons Social Media Seminar C C A T

Recently uploaded (20)

PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PDF
2025CategoryRanking of technology university
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
a group casestudy on architectural aesthetic and beauty
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PDF
The Basics of Presentation Design eBook by VerdanaBold
PPTX
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PDF
intro_to_rust.pptx_123456789012446789.pdf
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
Architecture Design Portfolio- VICTOR OKUTU
PDF
Chalkpiece Annual Report from 2019 To 2025
PPTX
Presentation.pptx anemia in pregnancy in
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PPTX
Evolution_of_Computing_Presentation (1).pptx
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
2025CategoryRanking of technology university
rapid fire quiz in your house is your india.pptx
a group casestudy on architectural aesthetic and beauty
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
The Basics of Presentation Design eBook by VerdanaBold
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
intro_to_rust.pptx_123456789012446789.pdf
Tenders & Contracts Works _ Services Afzal.pptx
Architecture Design Portfolio- VICTOR OKUTU
Chalkpiece Annual Report from 2019 To 2025
Presentation.pptx anemia in pregnancy in
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
Evolution_of_Computing_Presentation (1).pptx
22CDH01-V3-UNIT III-UX-UI for Immersive Design
robotS AND ROBOTICSOF HUMANS AND MACHINES

Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

  • 2. LIVESTREAMING IS BECOMING MAINSTREAM. • Players are now both the producers and the consumers of video content, creating new challenges and opportunities for publishers and brands. • The eSports industry is turning gaming into a lucrative spectator sport; over 200 million viewers in 2014 with over 3.7 billion hours watched. • The rise of Youtube Gaming, Periscope, and the $970m acquisition of Twitch show both the potential and popularity of streaming in the gaming community.
  • 3. TWITCH HAS CHANGED THE GAME. 100 million active users currently 11 million broadcasts per month Twitch accounts for more than 43% of all live video-streaming traffic by volume. Over 400 unique games broadcasted regularly
  • 5. AND PEOPLE ARE TUNING IN. •Twitch reaches over 32 million users monthly. •Over 16 billion minutes of content is consumed per month on Twitch’s website. •58% of Twitch users spend more than 20 hours a week watching videos on its site.
  • 7. SOME BRANDS HAVE ALREADY LEVERAGED LIVE STREAMING. • Red Bull Twitch ’n Ride - the Redbull Twitch channel has 65,000+ followers • Old Spice Nature Man - this Twitch campaign alone earned Old Spice over 32,000 followers • Coca-Cola - partnering with League of Legends • Snickers - partnering with Twitch for their “You’re not You” campaign
  • 8. SO HOW DO WE DRIVE BUSINESS GROWTH? And increase customer lifetime value through broadcasting…
  • 10. AND FOUND PAIN POINTS IN STREAMING. • Streamers need to focus wholly on engaging their audience in order to become/remain relevant. • Entry-level streamers and brands are not familiar with how overlays and advertisements work on their channel(s) – many are discouraged from participating due to the learning curve. • Xbox One controllers are being repurposed to control professional streams due to a lack of options.
  • 11. WE ASKED A PRO GAMER. Twitch user bifuteki, (17.5k+ followers) “I’ve always said that if someone would make a product which is basically a capture-all, do-all thing that can make life easier for people, it would be so much easier for me or someone who doesn’t want to go out there and spend so much money buying a mixer and a capture card and all this stuff, it’ll be great.”
  • 12. INSIGHT APPROACHING! Streaming hardware and software requirements require multiple third party components and a strong knowledge of the platforms – creating a barrier for entry level players and brands to livestream, both physically and mentally. Making streaming easier for entry level players and brands would increase engagement in the community and ultimately drive customer lifetime value.
  • 14. AND PULLED THE TRIGGER ON ONE. Entry-level streamers and brands would benefit from a lightweight, dedicated broadcast controller that allows them to quickly toggle the stream on/off, start recording, and toggle between overlays while utilizing LEDs as feedback to the user on what the hardware is doing at any given time.
  • 15. OUR APPROACH.We used our proficiencies as experience designers to design and develop around existing streamer and brand pain points through rapid prototyping.
  • 16. DIGITAL SURGEONS & RAPID PROTOTYPING. Rapid prototyping is an initial or preliminary version from which other forms are developed. This provides you with insight into the functionality of your design and any changes needed in order to make your work a pleasure to use. In other words…
  • 17. WE FAIL FAST, EARLY, AND INEXPENSIVELY IN ORDER TO ARRIVE AT HUMAN CENTERED SOLUTIONS.
  • 18. “GREAT DESIGN ALLOWS PEOPLE TO ACCOMPLISH THE SAME GOALS IN THE LEAST AMOUNT OF MOVES.” DAN SAFFER Author of Microinteractions: Designing with Details
  • 21. • Dremel tool • Soldering iron/solder • 18 gauge wire • Wire cutters/strippers • .22” acrylic sheet • Utility knife • Blow torch • Momentary switches • LED lights • Micro-controller • Eye protection WE GATHERED THE RIGHT TOOLS.
  • 22. WE REPROGRAMMED MICRO-CONTROLLERS. Reprogramming our makeymakey micro-controller to control a PC.
  • 23. WE SPARKED OUR BLOW TORCH.A .22” thick sheet of acrylic was heated linearly in order to soften it enough to bend a desired form.
  • 24. WE GAVE IT A FORMThe acrylic sheet was bent in order to give the controller a ‘leg’ to stand on. Elevation was also important in order to contain the “brains.”
  • 25. WE MADE A MESSHoles were carefully plotted and drilled out to make room for momentary switches and LEDs.
  • 26. WE GAVE IT INPUTS.Momentary switches were mounted in order to control streaming software with the ‘push of a button.’
  • 27. WE SOLDERED.The momentary switches were properly configured and soldered to the micro-controller.
  • 28. WE MADE IT OURS.Branding elements were added to the prototype.
  • 29. AND WE DELIVERED VERSION 1.0 A fully-functional working prototype featuring two primary momentary switches (buttons) and four auxiliary switches. The prototype successfully controls Twitch broadcasts through the OBS software.
  • 30. V1.0 BY THE NUMBERS 4 20 38 11Days Happy StreamersConcept Sketches Conversation Topics
  • 31. WHAT V2.0 COULD LOOK LIKE: Research Topics: • A deep dive into the content creation process • Console gamers Features: • Integrated audio capture card • Integrated video capture card • Integrated wifi receiver • iOS companion application • 3D rendered/printed form • Custom momentary switches • Polished design/form USER TESTING bifuteki fragabrag thesteamco
  • 32. WHAT ELSE ARE WE PROTOTYPING? • Innovative ways for food brands to deliver trial and experiential tasting • Crowd funded non-profit for NASA • Immersive product demonstration through virtual reality • ‘Snappable’ Xbox One companion application for use with connected wearables • Table-top Augmented Reality spectator mode for Counter-Strike: Global Offensive
  • 33. What can Digital Surgeons prototype for your next big innovation? LET’S TALK