33
HUMAN CENTERED DESIGN Better Twitch broadcasting through rapid prototyping

Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

Embed Size (px)

Citation preview

Page 1: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

HUMAN CENTERED DESIGNBetter Twitch broadcasting through rapid prototyping

Page 2: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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.

Page 3: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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

Page 4: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

BECAUSE TWITCH IS ENABLING EVERYONE TO STREAM.

Page 5: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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.

Page 6: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

BRANDS AND PUBLISHERS ARE STARTING TO SEE THE VALUE.

Page 7: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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

Page 8: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

SO HOW DO WE DRIVE BUSINESS GROWTH?And increase customer lifetime value through broadcasting…

Page 9: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE DID OUR HOMEWORK.

Page 10: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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.

Page 11: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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.”

Page 12: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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.

Page 13: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE IDENTIFIED THREE OPPORTUNITIES.

EDUCATION

SOFTWARE HARDWARE

Page 14: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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.

Page 15: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

OUR APPROACH.We used our proficiencies as experience designers to design and develop around existing streamer and brand pain points through rapid prototyping.

Page 16: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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…

Page 17: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE FAIL FAST, EARLY, AND INEXPENSIVELY IN ORDER TO ARRIVE AT HUMAN CENTERED SOLUTIONS.

Page 18: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

“GREAT DESIGN ALLOWS PEOPLE TO ACCOMPLISH THE SAME GOALS IN THE LEAST AMOUNT OF MOVES.”

DAN SAFFER Author of Microinteractions: Designing with Details

Page 19: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

DESIGNING AND PROTOTYPING OUR BROADCAST CONTROLLER.

Page 20: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE EXPLORED FEATURES THROUGH SKETCHING.

Page 21: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

• 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.

Page 22: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE REPROGRAMMED MICRO-CONTROLLERS.Reprogramming our makeymakey micro-controller to control a PC.

Page 23: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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.

Page 24: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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.”

Page 25: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE MADE A MESSHoles were carefully plotted and drilled out to make room for momentary switches and LEDs.

Page 26: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE GAVE IT INPUTS.Momentary switches were mounted in order to control streaming software with the ‘push of a button.’

Page 27: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE SOLDERED.The momentary switches were properly configured and soldered to the micro-controller.

Page 28: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

WE MADE IT OURS.Branding elements were added to the prototype.

Page 29: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

AND WE DELIVERED VERSION 1.0A fully-functional working prototype featuring two primary momentary switches (buttons) and four auxiliary switches. The prototype successfully controls Twitch broadcasts through the OBS software.

Page 30: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

V1.0 BY THE NUMBERS

4 20 38 11Days Happy StreamersConcept Sketches Conversation

Topics

Page 31: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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

bifutekifragabragthesteamco

Page 32: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

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

Page 33: Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design

What can Digital Surgeons prototype for your next big innovation?

LET’S TALK