SlideShare a Scribd company logo
WedOct17/9:30am
WHAT TIME IS IT?
BenjaminShown
WHO'S TALKIN'?
CreativeDirectoratBlink
WHAT'S HIS GIG?
@benkshown
INSTAGRAM/TWITTER/LINKEDIN
DesignProcess
FinishedProducts
anIterative
QuitFetishizing
&LearntoLove
GOOD MORNING! MY NAME IS
I’m a creative director,
graphic designer,
husband, dad, tall guy,
Hoosier, Bay Stater,
conference speaker.
WHO AM I
Quitfetishizing
finishedproducts
MY TALK IS ABOUT
Quitfetishizing
designprocess
finishedproducts
Loveaniterative
MY TALK IS ABOUT
BlinkBoston
Harvard
BlinkBoston
MIT
BlinkAustin BlinkSanDiego
BlinkSeattleHQ
The100DayProject
The100DayProject
MichaelBierut
YaleSchoolofArt
100 Days of Lettering
TIANTIAN XU / SEATTLE, WA
My 100 Days of Making
JONATHAN LOGERSTEDT / SEATTLE, WA
100 Days of Portraits
LAINI FLETCHER / BOSTON, MA
Morning Melodies
LUCA LONGOBARDI / ROME, ITALY
Unleash the toys
KEVIN PHILLIPS / AUCKLAND, NEW ZEALAND
100 Days Painted Paper Collage
JULIE HAMILTON / WHISTLER, BC
Ineeded
constraints
Iloverules
Abstract
Asymmetry
Geometry
Flow&tension
Digital
Two-dimensional
AdobeIllustrator
Morerules
Medium:
Instagram
Artboard:
Square
black white pink
pink
1.		 Abstractcompositions
2.	 Simple,asymmetricgeometry
3.	 Digitaltwo-dimensional
4.	 Instagramsquareartboard
5.	 Black,white,pinkcolorpalette
			#100DaysofBlackWhitePink
			 January1st,2018
Day 1
JANUARY 1ST
Day 2
JANUARY 2ND
Day 3
JANUARY 3RD
Day 8
JANUARY 8TH
Day 12
JANUARY 12TH
Day 22
JANUARY 22ND
Day 26
JANUARY 26TH
Day 17
JANUARY 17TH
Day 74
MARCH 15TH
Day 60
MARCH 1ST
Day 59
FEBRUARY 29TH
Day 81
MARCH 22ND
84 90 78
Day 8
JANUARY 8TH
Day 12
JANUARY 12TH
Day 22
JANUARY 22ND
37 28 37
Likesperpost
Day 1 Day 100
100
0
Day 1
JANUARY 1ST
�
Day 100
APRIL 10TH
�
Day 58
FEBRUARY 28TH
Day 93
APRIL 3RD
Day 85
MARCH 26TH
Day 37
FEBRUARY 6TH
Day 39
FEBRUARY 8TH
Day 91
APRIL 1ST
Ronald
BLINK VISUAL DESIGNER
@100daysofronald
Ronald
BLINK VISUAL DESIGNER
@100daysofronald
Tom
BLINK CREATIVE DIRECTOR
@seetommake
Tom
BLINK CREATIVE DIRECTOR
@seetommake
Mike
BLINK INTERACTION DESIGNER
Mike
BLINK INTERACTION DESIGNER
5 different styles / 20 days each
@mw_design_ig
#100daysofanimals
Day 35
FEBRUARY 4TH
Day 35
FEBRUARY 4TH
Day 66
MARCH 7TH
Day 66
MARCH 7TH
projects?
iterativemaking
Howcanyou
leverage
inclient/studio
designprocess?
iterativemaking
Wherecanyou
leverage
withinyour
designprocess?
Whatisyour
Stanford d.school / Stanford, CA
Nielsen Norman Group / Fremont, CA
Alexander Wyrick / New York, NY
Corber Creative / Vancouver, BC
Dan Nessler / Zürich, CH
Object Design Studio / Minneapolis, MN
Moodboarding
1.
Conceptcards
2.
Visualsketching
3.
Moodboarding
Conceptcards
Visualsketching
1.
2.
3.
Moodboarding
Conceptcards
Visualsketching
1.
2.
3.
DESCRIPTION
YOUR NAME SKETCH
CONCEPT NAME
TAGLINE
9MS RETAIL + TECTONIC
Ribbon Agent
CONCEPT 1: 1. SYSTEM MECHANICS
Strict but fluid modular hierarchy
2. METAPHORS LEVERAGED
News ticker, train station signage, TV bumpers
3. LOOK + FEEL
Modern art museum, bold color, fast + fun
4. MOTION STORY
L-R expanding, varying ‘blooms’, subtle 3D
A succinct and flexible unit of horizontal strips
command all content. Personality in playful motion
and assorted blooms.
CONCEPT CARDS 10MS RETAIL + TECTONIC
Layers
CONCEPT 2: 1. SYSTEM MECHANICS
Distinct layers keep everything on rails.
2. METAPHORS LEVERAGED
Stacking, shelves, landscapes, underwater
3. LOOK + FEEL
Clean, simple, modern, straightforward, not 3D
4. MOTION STORY
Playful snappiness, buoyancy, Y-axis reveals
Clear hierarchy along distinct horizontal layers
with dynamic shifting, break the horizon hero.
Can be a 2, 3, or 4 layer system.
CONCEPT CARDS
10MS RETAIL + TECTONIC
Layers
CONCEPT 2: 1. SYSTEM MECHANICS
Distinct layers keep everything on rails.
2. METAPHORS LEVERAGED
Stacking, shelves, landscapes, underwater
3. LOOK + FEEL
Clean, simple, modern, straightforward, not 3D
4. MOTION STORY
Playful snappiness, buoyancy, Y-axis reveals
Clear hierarchy along distinct horizontal layers
with dynamic shifting, break the horizon hero.
Can be a 2, 3, or 4 layer system.
CONCEPT CARDS
11MS RETAIL + TECTONIC
Pattern + Fill
CONCEPT 3: 1. SYSTEM MECHANICS
Panels embrace full height, L-R hierarchy
2. METAPHORS LEVERAGED
Museum/exhibit design, wallpaper, posters
3. LOOK + FEEL
Textural, close-up, white space, typographic
4. MOTION STORY
Bold figure/foreground swaps, dissolves, crops
Honest and confident system of clean pattern, fill,
and image panels that provides dynamic info as
well as an opportunity for lots of remixing.
CONCEPT CARDS 12MS RETAIL + TECTONIC
Dynamic Posters
CONCEPT 4: 1. SYSTEM MECHANICS
Posters provide contain shape story/system
2. METAPHORS LEVERAGED
Poster design, modernism, GIF culture
3. LOOK + FEEL
Varietal, photo, typographic, contemporary
4. MOTION STORY
Subtle animations bring calm posters to life
Let’s marry poster design’s rich/awesome history
with subtle/delightful motion moments that inform
and direct. Hero portrait-oriented ‘posters’ demand
visual attention, subordinate ‘posters’ fill out the
system hierarchy.
CONCEPT CARDS
13MS RETAIL + TECTONIC
Giant Symbols
CONCEPT 5: 1. SYSTEM MECHANICS
Wayfinding as elements instead of a mode
2. METAPHORS LEVERAGED
Road signage, planetary orbit, live characters
3. LOOK + FEEL
Abstracted icons, bold sizing, small subtext
4. MOTION STORY
Personified, engaged, mischievous
Oversized icons are discrete elements that can live
on top of other content, introduce transitions, and
be easily understandable at 50'.
CONCEPT CARDS 14MS RETAIL + TECTONIC
Data Mesh
CONCEPT 6: 1. SYSTEM MECHANICS
Data layer is the unifying "glue" for elements
2. METAPHORS LEVERAGED
Control panel, HUD, augmented reality
3. LOOK + FEEL
Futuristic, single color on imagery, crisp lines
4. MOTION STORY
Digital distortion, "alive data"
An elegant layer of data serves as the concierge
for the system, providing context, information, and
texture for the content.
CONCEPT CARDS 15MS RETAIL + TECTONIC
Shrines
CONCEPT 7: 1. SYSTEM MECHANICS
Persistent wayfinding and content buckets
2. METAPHORS LEVERAGED
Museum exhibits, Voltron
3. LOOK + FEEL
Color coded, mix & match, intricate
4. MOTION STORY
Content blooms from shrines
"Shrines" exist as detailed product zones with
specific buckets for content. "Big Impact Themes"
point back to related shrines while Microsoft
company branding does not.
CONCEPT CARDS 16MS RETAIL + TECTONIC
False Room
CONCEPT 8: 1. SYSTEM MECHANICS
Physical zones are mapped to be reactive
2. METAPHORS LEVERAGED
Spotlights, stage sets
3. LOOK + FEEL
Patterns, color, and imagery around items
4. MOTION STORY
Alive backgrounds energize static products
Physical products influence the video screen
behind it, creating an augmented physical/digital
experience.
CONCEPT CARDS
17MS RETAIL + TECTONIC
Slider
CONCEPT 9: 1. SYSTEM MECHANICS
Strict motion and content rules
2. METAPHORS LEVERAGED
Sliding doors, modular architecture
3. LOOK + FEEL
Bold, intentional, eclectic
4. MOTION STORY
Panels slide L/R and exit behind other panels
Sliding panels expose typographic wayfinding
lockups, video, and imagery. Panels have strict
physical rules and use clever layering to enter and
exit the screen.
CONCEPT CARDS 18MS RETAIL + TECTONIC
Tetris
CONCEPT 10: 1. SYSTEM MECHANICS
Blocks of screens display groups of content
2. METAPHORS LEVERAGED
Tetris, topographic maps, pixels, Rubik's cube
3. LOOK + FEEL
Color blocking, flat
4. MOTION STORY
Eclectic: blocks fold open, shrink, roll over
Embraces the bezel so individual screens are
treated as discrete blocks, grouped together
to display different types of content, or behave
differently. Always maintains the grid.
CONCEPT CARDS 19MS RETAIL + TECTONIC
Behind the Glass
CONCEPT 11: 1. SYSTEM MECHANICS
Glass panels define space and focus
2. METAPHORS LEVERAGED
Colored glass, windows, magnifying glasses
3. LOOK + FEEL
Timeless materials, colorful, hi-tech friendly
4. MOTION STORY
Bezier curve driven slides and reveals
Layers of depth are created with magnified and
obscure colored glass panels that expose content
zones, wayfinding, and theme reveals
CONCEPT CARDS 20MS RETAIL + TECTONIC
Atlantic Station
CONCEPT 12: 1. SYSTEM MECHANICS
Wayfinding zones and content buckets
2. METAPHORS LEVERAGED
Information and transportation systems
3. LOOK + FEEL
Metro (subway) meets Metro Next
4. MOTION STORY
Conveys trains crossing, doors opening
A familiar and friendly display system. Fixed
wayfinding zones are obscured by abstract
content containers reminiscent of train arrivals
and opening doors.
CONCEPT CARDS
21MS RETAIL + TECTONIC
Shuffle & Deal
CONCEPT 13: 1. SYSTEM MECHANICS
Content is placed and organized on "cards"
2. METAPHORS LEVERAGED
Cards, decks, possibility, good fortune
3. LOOK + FEEL
Abstract and modern meets familiar and fun
4. MOTION STORY
Shuffle, deal, fan, stack, throw
System elements are stacked in vertical layers
and move with the behavioral properties of a deck
of cards. Colored shapes are scaled and sized
according to function. Movement unites with fun.
CONCEPT CARDS 22MS RETAIL + TECTONIC
Horizon
CONCEPT 14: 1. SYSTEM MECHANICS
Lines open/close to create content buckets
2. METAPHORS LEVERAGED
Horizon, travel, sunrise, sunset
3. LOOK + FEEL
Abstract, digital nature, bright colors
4. MOTION STORY
Expand/contract, move on rails
Store display is united with a consistent horizon
that can flex and grow to reveal content and
information while creating a digital sense of space.
CONCEPT CARDS11MS RETAIL + TECTONIC
Pattern + Fill
CONCEPT 3: 1. SYSTEM MECHANICS
Panels embrace full height, L-R hierarchy
2. METAPHORS LEVERAGED
Museum/exhibit design, wallpaper, posters
3. LOOK + FEEL
Textural, close-up, white space, typographic
4. MOTION STORY
Bold figure/foreground swaps, dissolves, crops
Honest and confident system of clean pattern, fill,
and image panels that provides dynamic info as
well as an opportunity for lots of remixing.
CONCEPT CARDS
7HBO.COM NEXT
My HBO
Like/dislike anything to show more or less of that
kind of content in the future - system learns.
Provide a way to say,”I watched this” to expose me
to more new content
Follow people, genres, shows, etc. to populate feed
just for me
Works well for non-subscribers but adds value for
subscribers through personalization tools
Scalable to all form factors. No dead ends.
DISCOVERY
DEEP CONNECTION
SHOW INFORMATION
HOMEPAGE
Feed of HBO content tailored to me
22HBO.COM NEXT
Zoom Schedule
A fast way to see what's on now and next
A new interactive way to interact with the schedule
Zoom in on the schedule to learn more about what
is playing, when it will play again, or watch related
clips and extras inline
Could be sortable, personalized
Search to pivot and narrow the schedule
Guide goes forward and backward in time
DISCOVERY
SHOW INFORMATION
Converge information with content
LIVE TV SCHEDULE
17HBO VISION
Direct Line
PLATFORM FOR SHOW INNOVATION
Content modules that allow showrunners to push
content directly to the users
Modules are governed by specific rules to increase
ease-of-creation for the showrunner
Exclusive content for digital portals
Content is un-filtered and immediate
MORE ACCESS TO CONTENT BECAUSE OF EASE-OF-
CREATION
USERS KNOW WHERE/HOW TO FIND WHAT THEY ARE
LOOKING FOR
CREATES 1:1 CONNECTION BETWEEN FANS & CREATORS
Connect showrunners to the fans
EXTRAS NEW MEDIUMEXTEND THE STORY
EXTEND THE SHOW
15HBO.COM NEXT
Overlay Player
Quick access to content
Contextual information
Chain play on a timer
Marketing promotion opportunity
SHOW INFORMATION
DEEP SHOW CONNECTION
LEARN ABOUT/SUBSCRIBE
PLAYBACK
Lightbox interactive player
10HBO VISION
Mode Shifter
ALIVE DISCOVERY
Three or more distinct ways to explore and discover
the catalog
Each uses a different visual/engagement model
Plays to the unique ways that users search for
content
GIVES USERS CHOICE FOR HOW TO DISCOVER CONTENT
REFLECTS DIFFERING CONTEXTS FOR MAKING CHOICES
CREATES A PLATFORM TO INNOVATE AND OPTIMIZE
TOWARDS A SUITE OF SEARCH TOOLS
Multiple modes of discovery
UTILITARIAN PERSONAL
DISCOVERY HUB
28HBO VISION
Mood Board
ALIVE DISCOVERY
Visual-first content discovery
Supported by sound + animation
Visual hierarchy through size/color/opacity
Users can create and share personal moodboards
Users control scale to set priority
Tablet/phone is the activity, TV displays results
ENTICE USERS THROUGH SENSES INSTEAD OF WORDS
TAKES THE "THINKING" OUT OF SELECTION
MORE ART, LESS SCIENCE
What are you feeling like tonight?
UTILITARIAN PERSONAL
10HBO.COM NEXT
Series Timeline
See the entire overview of series content based on
a timeline view
All associated content bucketed by episode
Allow the user to zoom in and out to focus on a
season or smaller part of the season
SHOW INFORMATION
DEEP SHOW CONNECTION
LEARN ABOUT/SUBSCRIBE
SERIES PAGE
See the entire season and related
content
25HBO.COM NEXT
Recipe Search
Fun interactive experience that lets you use
descriptive words to narrow the HBO collection
Search based on qualities other than genre and title
Help people discover the back-catalog
DISCOVERY
SHOW INFORMATION
SEARCH
Keyword Search
19HBO VISION
Heartbeat
Social activity mapped to content timeline
Both standalone and player-based experience
Allows HBO to control the social feed users see first
Creates "highlight reel" from spike moments
Feedback connected to moments informs
showrunners (single tap to "like" a moment)
Mobile, second screen, or voice-enabled
DISCOVER TOP SOCIAL ACTIVITY
CURATED BY HBO MEANS QUALITY NOT QUANTITY
PLATFORM FOR SHOW INNOVATION
Curated social and related content
Post Show Overlay
Integrated within player
EXTRAS NEW MEDIUMEXTEND THE STORY
EXTEND THE SHOW
17HBO.COM NEXT
Inline Expand
Fast and responsive animation
Quickly see content without page loads
See related content and exposure to catalog
SHOW INFORMATION
DEEP SHOW CONNECTION
LEARN ABOUT/SUBSCRIBE
PLAYBACK
Content, quickly.
12HBO VISION
Play First
ALIVE DISCOVERY
Opt out of a playing TV show to see other options
Home screens are active instead of static
Autoplay channels built just for you
Push not pull
MAKES THE DECISION FOR YOU
CREATES SERENDIPITY/SPONTANEITY
Bring live surfing back to streaming
content
UTILITARIAN PERSONAL
ALIVE + SERENDIPITY
30HBO VISION
Breadcrumbs
Home
ALIVE DISCOVERY
Social media posts can be engaged and added to
watchlist
Place HBO into calendar to cue up content
automatically
Physical/digital advertising that actually benefits
users
REMOVES THE NEED TO SEARCH
FITS HBO INTO THE USER'S SCHEDULE, NOT VICE VERSA
CONSOLIDATES MULTI-TOUCHPOINT INTERACTIONS
Content outside of the HBO bubble
UTILITARIAN PERSONAL
12HBO.COM NEXT
Series Feed
Bring together all the show related content in a
feed.
Easily see what's new or relive the series from the
beginning.
Filter to the content type you are looking for.
Different content types have unique formatting to
create visual variety and hierarchy.
DEEP SHOW CONNECTION
SHOW INFORMATION
DISCOVERY
SERIES PAGE
The one-stop shop for all related
content
27HBO.COM NEXT
Situation Search
Fill in the blanks to search and filter the HBO
collection.
Surface the breadth and depth of HBO.com content
People could search based on pre-canned terms or
customize and add their own.
DISCOVERY
SHOW INFORMATION
SEARCH
A more playful search based on your
context and interests.
21HBO VISION
Beyond the Box
Empowers showrunners to leverage devices that
make fans part of the show
Creates another seamless "layer" instead of an
additional interface
Alternative camera angles, AR, extras
Involves without competing for attention
PROVIDES NOVEL EXP.
ADDS CONTENT VALUE
PLATFORM FOR SHOW INNOVATION
Extending the story experience across
devices
EXTRAS NEW MEDIUMEXTEND THE STORY
PLAYBACK
19HBO.COM NEXT
Video Playlist
Personalized playlists dynamically created when a
single clip is selected
Below the player additional content is loaded
Helps the user discovery more contnet
SHOW INFORMATION
DEEP SHOW CONNECTION
LEARN ABOUT/SUBSCRIBE
DISCOVERY
PLAYBACK
Series of content clips in a stream with
contextual content
14HBO VISION
Conquer the
Content
ALIVE DISCOVERY
Status bars track completion
Milestones illustrate history and habits
Shows users how data formulates suggestions
Offers logical next content path to explore
Eliminates content from the platform after being
"conquered"
EMPOWERS USER THROUGH SELF-INFORMATION
PROVIDES TRANSPARENCY FOR HOW A USER'S DATA IS USED
CREATES "BUY IN" FOR THE PLATFORM THROUGH HISTORY
Visualize your habits and history
EXTRAS NEW MEDIUMEXTEND THE STORY
ALIVE + SERENDIPITY
34HBO VISION
Whip
Touch focused interface with immediate
recommendations
Focused results based on selecting emotional
keywords
Playful and unique input through touch or voice
Separate feature as well as integrated into all
discovery models
USES LANGUAGE TO PINPOINT SUBTLE MOODS
VISUAL-FIRST WAY TO MANIPULATE LANGUAGE
ALIVE DISCOVERY
Leveraging natural language groupings
to curate mood based results
UTILITARIAN PERSONAL
8HBO.COM NEXT
Remix
String together clips of upcoming, recently
released, and leaving soon content.
Clips can be from shows, trailers, extras
Easily jump from clip to clip, add to watchlist or dive
in deeper to full episodes and movies.
Clips are paired with extra information and related
content - never a dead end
If signed in, personalize to user
DISCOVERY
SHOW INFORMATION
HOMEPAGE
Stay up to speed with a personalized
short recap video
24HBO.COM NEXT
Dial in Discovery
A light way to find something new
Fun and ambigious - serendipitous - no one answer
Fun interactive experience that lets you use
descriptive words to narrow the HBO collection
Search based on qualities other than genre and title
Help people discover the back-catalog
DISCOVERY
SHOW INFORMATION
SEARCH
Tune dials to find what to watch next
18HBO VISION
Snackable Shows
PLATFORM FOR SHOW INNOVATION
Small, quick tidbits of content are delivered
irregularly to create serendipity
Reactions to world/life events as springboard for
"snacks"
Content expires quickly to instill urgency
Experimental content, formats, or delivery
KEEP USER ENGAGED BEYOND JUST REGULAR SHOW TIMES
UTILIZES FAMILIAR BEHAVIORS TO OTHER MOBILE
EXPERIENCES
Urgent, mobile-first content
EXTRAS NEW MEDIUMEXTEND THE STORY
EXTEND THE SHOW
16HBO.COM NEXT
Theatre Mode
Revise the expectations of a fullscreen experience
Learn more about the content being watched
Be exposed to more related content
Give users a reason to stay in fullscreen mode
Audio/Video Phile mode
SHOW INFORMATION
DEEP SHOW CONNECTION
PLAYBACK
Fullscreen playback
11HBO VISION
Profile Blender
Get suggestions based on the watching habits and
preferences of friends
Opt in to use name/push suggestions
Location-aware app cross-references the
preferences of multiple viewers
Tools to help users make choices on sets of results
HELPS MAKE THE FINAL CHOICE
ALLEVIATES BURDEN OF JUGGLING MULTIPLE OPTIONS
BRINGS COMMUNITY TO STREAMING
ALIVE DISCOVERY
Social connection without the work
UTILITARIAN PERSONAL
FOCUSED UTILITY
29HBO VISION
Cinematic UI
PLATFORM FOR SHOW INNOVATION
Layouts that reflect genre
Content affects visuals/sound/animation
Interactions defined by camera movement
Content creators can help decide how content is
displayed
CONTENT LIVES IN ITS OWN WORLD
DIFFERENTIATOR IN THE MARKETPLACE
GIVES SHOWRUNNERS CONTROL OVER HOW THEIR
CONTENT IS DISPLAYED
Interface becomes an extension of
content
UTILITARIAN PERSONAL
11HBO.COM NEXT
Series Modules
The series page is a list of modules that expand
inline
Add modules as the series grows
Dive into more content without losing context
SHOW INFORMATION
DEEP SHOW CONNECTION
SERIES PAGE
Flexible Series Page that you can grow
with
26HBO.COM NEXT
Search w/ the Web
Leverage data outside of HBO.com to provide
associated keywords that deliver related results
Always show some results
Play content clips/trailers inline
DISCOVERY
SEARCH
SEARCH
Always show results as recomendations
20HBO VISION
Pause as Portal
PLATFORM FOR SHOW INNOVATION
Pause is no longer a static screen but a way to
engage the content
Interactive visuals
Characters are highlighted and guide the
experience
Easter eggs built into pause function
Maintains cinematic nature of the content
PROVIDE IMMEDIATE ACCESS TO CHARACTER/SCENE/
SERIES INFORMATION
FILLS ROLE OF "SECOND SCREEN"
Not just for when the pasta's done
EXTRAS NEW MEDIUMEXTEND THE STORY
PLAYBACK
18HBO.COM NEXT
Grid Player
Main focus on the playing experience
All surrounding content provides deeper catalog
recomendations
Grid of content remixes when another content item
is selected
Surrounding content could be news, schedule,
related, promotional
SHOW INFORMATION
DEEP SHOW CONNECTION
LEARN ABOUT/SUBSCRIBE
PLAYBACK
Easy exposure to related contnet
13HBO VISION
Channelize
Anything
Mix together content you like to generate a new
stream of similar stuff
"Content" is diversely defined (series, movies,
episodes, genres, people, etc).
An intelligent and never-ending feed of what's new
and relevant to that channel
Showrunners can push content directly to fans
ONE-STOP SHOP FOR WHAT I'M INTERESTED IN
SYSTEM CURATED, USER CONTROLLED
ALIVE DISCOVERY
The user plants the seed
UTILITARIAN PERSONAL
ALIVE + SERENDIPITY
31HBO VISION
Catch Up
Presents a prioritized personal watch list
Connects you to the latest episodes of your shows
Displays where your friends are at in shows that you
both watch and encourages you to catch up
SOCIAL ENGAGEMENT
PERSONALIZED CURATION
EASES DECISION-MAKING
ALIVE DISCOVERY
Here's what you've missed
UTILITARIAN PERSONAL
14HBO.COM NEXT
Series Player
Deeper understanding of content
Quick glance at the important information
SHOW INFORMATION
DEEP SHOW CONNECTION
LEARN ABOUT/SUBSCRIBE
PLAYBACK
See more than just the video
9HBO VISION
Pillow Talk
ALIVE DISCOVERY
User suggestions cued up by watching habits
Unique touch interactions to refine tastes (swipe
left/right)
Always in context
Watchlist is mine + a friend's (HBO)
Relationship builds over time
MAKE HBO FEEL LIKE A REFLECTION OF PERSONAL TASTE
MAKES ONBOARDING FUN AND LIGHT
BUILDS REPORT AND BUY IN
Interaction is a conversation to build a
relationship with HBO
UTILITARIAN PERSONAL
THE HUMAN LAYER
27HBO VISION
Considered
Connection
ALIVE DISCOVERY
Internet of things can make suggestions based on
current activities, connected controls, and location
Health trackers will inform suggestion engine
through biometric data
Subtle inputs for precise outputs
Your day, illustrated
BETTER SUGGESTIONS THROUGH MORE INFORMATION
NEW WAYS TO CONTROL THE EXPERIENCE
AWARE OF THE UNTANGIBLES
The future state of personal awareness
UTILITARIAN PERSONAL
21HBO.COM NEXT
Video EPG
A fast way to see what's on now and next
Schedule lists content in a highly visual way
Mouseover or tap to get an animated clip of the
trailer or show
Personlize your schedule based on genres/people/
shows you're interested in
AUTHENTICATE TO PERSONALIZE
DISCOVERY
SHOW INFORMATION
LIVE TV SCHEDULE
Let me watch to find out what's on
15HBO VISION
Kevin Bacon
ALIVE DISCOVERY
Engaging, visual-first ways to explore information
beyond just content names
Allows users to follow links between shows,
showrunners, actors, etc.
Informative instead of just descriptive
CREATES NEW, DEEPER MODES OF DISCOVERY
GOES BEYOND CURRENT GRID PARADIGM
HIGHLIGHTS THE TALENT THAT MAKES HBO GREAT
Explore connections behind the
content
UTILITARIAN PERSONAL
ALIVE + SERENDIPITY
37HBO VISION
Novel Immersion
Virtual reality, projection mapping, or haptic
feedback enabled
Shows reach beyond the edge of the "screen".
Putting the viewer into the scene is better than
seeing it live.
Interactive experiences make the content real.
POWERFUL USER ENGAGEMENT
NEW EXPERIENCES THAT ARE UNIQUE TO HBO
PLATFORM FOR SHOW INNOVATION
Add new dimensions to content
EXTRAS NEW MEDIUMEXTEND THE STORY
Moodboarding
Conceptcards
Visualsketching
1.
2.
3.
Visualsketching
You’llwantsome
crispconstraints
beforedivinginto
KEYWORDS
SIMPLE
EMPOWERING
SMART
ENGAGINGPERSONAL
ELEGANT
TRUSTWORTHY
FRESH
VISIONARY
FAST
Brand
keywords
Singular
form factor
AWS QUICKSIGHT PRODUCT DESIGN
MOODBOARD NIGHTINGALE ELEGANT ENGAGING VISIONARY FAST PRECISE VIBRANT
AWS QUICKSIGHT PRODUCT DESIGN
MOODBOARD NIGHTINGALE ELEGANT ENGAGING VISIONARY FAST PRECISE VIBRANT
3137
MOODBOARD CARTWRIGHT SMART FRESH TRUSTWORTHY SIMPLE BRIGHT CRISP FOCUSED
AWS QUICKSIGHT PRODUCT DESIGN
MOODBOARD CARTWRIGHT SMART FRESH TRUSTWORTHY SIMPLE BRIGHT CRISP FOCUSED
AWS QUICKSIGHT PRODUCT DESIGN3238
AWS QUICKSIGHT PRODUCT DESIGN
MOODBOARD NEWTON VISIONARY EMPOWERING BOLD FAST RICH ENGAGING POWERFUL
AWS QUICKSIGHT PRODUCT DESIGN
MOODBOARD NEWTON VISIONARY EMPOWERING BOLD FAST RICH ENGAGING POWERFUL
3440
AWS QUICKSIGHT PRODUCT DESIGN
MOODBOARD EUCLID BOLD FRESH FAST ENGAGING UNIQUE PERSONAL FUN
26
Uniform
data set
Moodboard
directions
32 QUALTRICS: PHASE 02 38 QUALTRICS: PHASE 02 44 QUALTRICS: PHASE 02
33 QUALTRICS: PHASE 02 39 QUALTRICS: PHASE 02 45 QUALTRICS: PHASE 02
32 QUALTRICS: PHASE 02
33 QUALTRICS: PHASE 02
38 QUALTRICS: PHASE 02
39 QUALTRICS: PHASE 02
44 QUALTRICS: PHASE 02
45 QUALTRICS: PHASE 02
B&O BeoSound Moment
B&O BeoSound Moment
B&O BeoSound Moment
B&O BeoSound Moment
B&O BeoSound Moment
B&O BeoSound Moment
Everybitofsolidtheoryand
evidencedemonstratesthis—
Everybitofsolidtheoryand
evidencedemonstratesthis—
itimpossibletogeneratea
fewgoodideaswithoutalso
generatingalotofbadideas.
RobertI.Sutton
PhD Organizational Psychology
The Weird Rules of Creativity
Ineveryoccupationstudied—
fromartists,andpoetstoinventors
andscientists—thestoryisthe
same:Creativityisafunctionofthe
quantityofworkproduced.
RobertI.Sutton
PhD Organizational Psychology
The Weird Rules of Creativity
BenjaminShown
CREATIVE DIRECTOR
benjamink.com
WWW
@benkshown
INSTAGRAM/TWITTER/LINKEDIN
Blink
UX RESEARCH + DESIGN
blinkux.com
WWW
@blink_ux
INSTAGRAM/TWITTER/LINKEDIN

More Related Content

Recently uploaded

一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
lyurzi7r
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
aonx8o5f
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
bz42w9z0
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
ynrtjotp
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
bel9p89b
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
GregMichaelTapawan
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
k4krdgxx
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
qbydc
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 

Recently uploaded (20)

一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 

Featured

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
Alireza Esmikhani
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago
 

Featured (20)

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 

Quit Fetishizing Finished Products & Learn to Love an Iterative Design Process: The 100-Day Project & Making-as-Thinking

  • 1. WedOct17/9:30am WHAT TIME IS IT? BenjaminShown WHO'S TALKIN'? CreativeDirectoratBlink WHAT'S HIS GIG? @benkshown INSTAGRAM/TWITTER/LINKEDIN DesignProcess FinishedProducts anIterative QuitFetishizing &LearntoLove
  • 3. I’m a creative director, graphic designer, husband, dad, tall guy, Hoosier, Bay Stater, conference speaker. WHO AM I
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 17.
  • 18. 100 Days of Lettering TIANTIAN XU / SEATTLE, WA My 100 Days of Making JONATHAN LOGERSTEDT / SEATTLE, WA 100 Days of Portraits LAINI FLETCHER / BOSTON, MA
  • 19. Morning Melodies LUCA LONGOBARDI / ROME, ITALY Unleash the toys KEVIN PHILLIPS / AUCKLAND, NEW ZEALAND 100 Days Painted Paper Collage JULIE HAMILTON / WHISTLER, BC
  • 27. pink
  • 28. 1. Abstractcompositions 2. Simple,asymmetricgeometry 3. Digitaltwo-dimensional 4. Instagramsquareartboard 5. Black,white,pinkcolorpalette #100DaysofBlackWhitePink January1st,2018
  • 29.
  • 30.
  • 31.
  • 32.
  • 36. Day 8 JANUARY 8TH Day 12 JANUARY 12TH Day 22 JANUARY 22ND
  • 37. Day 26 JANUARY 26TH Day 17 JANUARY 17TH Day 74 MARCH 15TH
  • 38. Day 60 MARCH 1ST Day 59 FEBRUARY 29TH Day 81 MARCH 22ND 84 90 78
  • 39. Day 8 JANUARY 8TH Day 12 JANUARY 12TH Day 22 JANUARY 22ND 37 28 37
  • 41. Day 1 JANUARY 1ST � Day 100 APRIL 10TH �
  • 42. Day 58 FEBRUARY 28TH Day 93 APRIL 3RD Day 85 MARCH 26TH
  • 43. Day 37 FEBRUARY 6TH Day 39 FEBRUARY 8TH Day 91 APRIL 1ST
  • 49. Mike BLINK INTERACTION DESIGNER 5 different styles / 20 days each @mw_design_ig #100daysofanimals
  • 50.
  • 58. Stanford d.school / Stanford, CA
  • 59. Nielsen Norman Group / Fremont, CA
  • 60. Alexander Wyrick / New York, NY
  • 61. Corber Creative / Vancouver, BC
  • 62. Dan Nessler / Zürich, CH
  • 63. Object Design Studio / Minneapolis, MN
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 84.
  • 86.
  • 87.
  • 88. 9MS RETAIL + TECTONIC Ribbon Agent CONCEPT 1: 1. SYSTEM MECHANICS Strict but fluid modular hierarchy 2. METAPHORS LEVERAGED News ticker, train station signage, TV bumpers 3. LOOK + FEEL Modern art museum, bold color, fast + fun 4. MOTION STORY L-R expanding, varying ‘blooms’, subtle 3D A succinct and flexible unit of horizontal strips command all content. Personality in playful motion and assorted blooms. CONCEPT CARDS 10MS RETAIL + TECTONIC Layers CONCEPT 2: 1. SYSTEM MECHANICS Distinct layers keep everything on rails. 2. METAPHORS LEVERAGED Stacking, shelves, landscapes, underwater 3. LOOK + FEEL Clean, simple, modern, straightforward, not 3D 4. MOTION STORY Playful snappiness, buoyancy, Y-axis reveals Clear hierarchy along distinct horizontal layers with dynamic shifting, break the horizon hero. Can be a 2, 3, or 4 layer system. CONCEPT CARDS 10MS RETAIL + TECTONIC Layers CONCEPT 2: 1. SYSTEM MECHANICS Distinct layers keep everything on rails. 2. METAPHORS LEVERAGED Stacking, shelves, landscapes, underwater 3. LOOK + FEEL Clean, simple, modern, straightforward, not 3D 4. MOTION STORY Playful snappiness, buoyancy, Y-axis reveals Clear hierarchy along distinct horizontal layers with dynamic shifting, break the horizon hero. Can be a 2, 3, or 4 layer system. CONCEPT CARDS 11MS RETAIL + TECTONIC Pattern + Fill CONCEPT 3: 1. SYSTEM MECHANICS Panels embrace full height, L-R hierarchy 2. METAPHORS LEVERAGED Museum/exhibit design, wallpaper, posters 3. LOOK + FEEL Textural, close-up, white space, typographic 4. MOTION STORY Bold figure/foreground swaps, dissolves, crops Honest and confident system of clean pattern, fill, and image panels that provides dynamic info as well as an opportunity for lots of remixing. CONCEPT CARDS 12MS RETAIL + TECTONIC Dynamic Posters CONCEPT 4: 1. SYSTEM MECHANICS Posters provide contain shape story/system 2. METAPHORS LEVERAGED Poster design, modernism, GIF culture 3. LOOK + FEEL Varietal, photo, typographic, contemporary 4. MOTION STORY Subtle animations bring calm posters to life Let’s marry poster design’s rich/awesome history with subtle/delightful motion moments that inform and direct. Hero portrait-oriented ‘posters’ demand visual attention, subordinate ‘posters’ fill out the system hierarchy. CONCEPT CARDS 13MS RETAIL + TECTONIC Giant Symbols CONCEPT 5: 1. SYSTEM MECHANICS Wayfinding as elements instead of a mode 2. METAPHORS LEVERAGED Road signage, planetary orbit, live characters 3. LOOK + FEEL Abstracted icons, bold sizing, small subtext 4. MOTION STORY Personified, engaged, mischievous Oversized icons are discrete elements that can live on top of other content, introduce transitions, and be easily understandable at 50'. CONCEPT CARDS 14MS RETAIL + TECTONIC Data Mesh CONCEPT 6: 1. SYSTEM MECHANICS Data layer is the unifying "glue" for elements 2. METAPHORS LEVERAGED Control panel, HUD, augmented reality 3. LOOK + FEEL Futuristic, single color on imagery, crisp lines 4. MOTION STORY Digital distortion, "alive data" An elegant layer of data serves as the concierge for the system, providing context, information, and texture for the content. CONCEPT CARDS 15MS RETAIL + TECTONIC Shrines CONCEPT 7: 1. SYSTEM MECHANICS Persistent wayfinding and content buckets 2. METAPHORS LEVERAGED Museum exhibits, Voltron 3. LOOK + FEEL Color coded, mix & match, intricate 4. MOTION STORY Content blooms from shrines "Shrines" exist as detailed product zones with specific buckets for content. "Big Impact Themes" point back to related shrines while Microsoft company branding does not. CONCEPT CARDS 16MS RETAIL + TECTONIC False Room CONCEPT 8: 1. SYSTEM MECHANICS Physical zones are mapped to be reactive 2. METAPHORS LEVERAGED Spotlights, stage sets 3. LOOK + FEEL Patterns, color, and imagery around items 4. MOTION STORY Alive backgrounds energize static products Physical products influence the video screen behind it, creating an augmented physical/digital experience. CONCEPT CARDS 17MS RETAIL + TECTONIC Slider CONCEPT 9: 1. SYSTEM MECHANICS Strict motion and content rules 2. METAPHORS LEVERAGED Sliding doors, modular architecture 3. LOOK + FEEL Bold, intentional, eclectic 4. MOTION STORY Panels slide L/R and exit behind other panels Sliding panels expose typographic wayfinding lockups, video, and imagery. Panels have strict physical rules and use clever layering to enter and exit the screen. CONCEPT CARDS 18MS RETAIL + TECTONIC Tetris CONCEPT 10: 1. SYSTEM MECHANICS Blocks of screens display groups of content 2. METAPHORS LEVERAGED Tetris, topographic maps, pixels, Rubik's cube 3. LOOK + FEEL Color blocking, flat 4. MOTION STORY Eclectic: blocks fold open, shrink, roll over Embraces the bezel so individual screens are treated as discrete blocks, grouped together to display different types of content, or behave differently. Always maintains the grid. CONCEPT CARDS 19MS RETAIL + TECTONIC Behind the Glass CONCEPT 11: 1. SYSTEM MECHANICS Glass panels define space and focus 2. METAPHORS LEVERAGED Colored glass, windows, magnifying glasses 3. LOOK + FEEL Timeless materials, colorful, hi-tech friendly 4. MOTION STORY Bezier curve driven slides and reveals Layers of depth are created with magnified and obscure colored glass panels that expose content zones, wayfinding, and theme reveals CONCEPT CARDS 20MS RETAIL + TECTONIC Atlantic Station CONCEPT 12: 1. SYSTEM MECHANICS Wayfinding zones and content buckets 2. METAPHORS LEVERAGED Information and transportation systems 3. LOOK + FEEL Metro (subway) meets Metro Next 4. MOTION STORY Conveys trains crossing, doors opening A familiar and friendly display system. Fixed wayfinding zones are obscured by abstract content containers reminiscent of train arrivals and opening doors. CONCEPT CARDS 21MS RETAIL + TECTONIC Shuffle & Deal CONCEPT 13: 1. SYSTEM MECHANICS Content is placed and organized on "cards" 2. METAPHORS LEVERAGED Cards, decks, possibility, good fortune 3. LOOK + FEEL Abstract and modern meets familiar and fun 4. MOTION STORY Shuffle, deal, fan, stack, throw System elements are stacked in vertical layers and move with the behavioral properties of a deck of cards. Colored shapes are scaled and sized according to function. Movement unites with fun. CONCEPT CARDS 22MS RETAIL + TECTONIC Horizon CONCEPT 14: 1. SYSTEM MECHANICS Lines open/close to create content buckets 2. METAPHORS LEVERAGED Horizon, travel, sunrise, sunset 3. LOOK + FEEL Abstract, digital nature, bright colors 4. MOTION STORY Expand/contract, move on rails Store display is united with a consistent horizon that can flex and grow to reveal content and information while creating a digital sense of space. CONCEPT CARDS11MS RETAIL + TECTONIC Pattern + Fill CONCEPT 3: 1. SYSTEM MECHANICS Panels embrace full height, L-R hierarchy 2. METAPHORS LEVERAGED Museum/exhibit design, wallpaper, posters 3. LOOK + FEEL Textural, close-up, white space, typographic 4. MOTION STORY Bold figure/foreground swaps, dissolves, crops Honest and confident system of clean pattern, fill, and image panels that provides dynamic info as well as an opportunity for lots of remixing. CONCEPT CARDS
  • 89. 7HBO.COM NEXT My HBO Like/dislike anything to show more or less of that kind of content in the future - system learns. Provide a way to say,”I watched this” to expose me to more new content Follow people, genres, shows, etc. to populate feed just for me Works well for non-subscribers but adds value for subscribers through personalization tools Scalable to all form factors. No dead ends. DISCOVERY DEEP CONNECTION SHOW INFORMATION HOMEPAGE Feed of HBO content tailored to me 22HBO.COM NEXT Zoom Schedule A fast way to see what's on now and next A new interactive way to interact with the schedule Zoom in on the schedule to learn more about what is playing, when it will play again, or watch related clips and extras inline Could be sortable, personalized Search to pivot and narrow the schedule Guide goes forward and backward in time DISCOVERY SHOW INFORMATION Converge information with content LIVE TV SCHEDULE 17HBO VISION Direct Line PLATFORM FOR SHOW INNOVATION Content modules that allow showrunners to push content directly to the users Modules are governed by specific rules to increase ease-of-creation for the showrunner Exclusive content for digital portals Content is un-filtered and immediate MORE ACCESS TO CONTENT BECAUSE OF EASE-OF- CREATION USERS KNOW WHERE/HOW TO FIND WHAT THEY ARE LOOKING FOR CREATES 1:1 CONNECTION BETWEEN FANS & CREATORS Connect showrunners to the fans EXTRAS NEW MEDIUMEXTEND THE STORY EXTEND THE SHOW 15HBO.COM NEXT Overlay Player Quick access to content Contextual information Chain play on a timer Marketing promotion opportunity SHOW INFORMATION DEEP SHOW CONNECTION LEARN ABOUT/SUBSCRIBE PLAYBACK Lightbox interactive player 10HBO VISION Mode Shifter ALIVE DISCOVERY Three or more distinct ways to explore and discover the catalog Each uses a different visual/engagement model Plays to the unique ways that users search for content GIVES USERS CHOICE FOR HOW TO DISCOVER CONTENT REFLECTS DIFFERING CONTEXTS FOR MAKING CHOICES CREATES A PLATFORM TO INNOVATE AND OPTIMIZE TOWARDS A SUITE OF SEARCH TOOLS Multiple modes of discovery UTILITARIAN PERSONAL DISCOVERY HUB 28HBO VISION Mood Board ALIVE DISCOVERY Visual-first content discovery Supported by sound + animation Visual hierarchy through size/color/opacity Users can create and share personal moodboards Users control scale to set priority Tablet/phone is the activity, TV displays results ENTICE USERS THROUGH SENSES INSTEAD OF WORDS TAKES THE "THINKING" OUT OF SELECTION MORE ART, LESS SCIENCE What are you feeling like tonight? UTILITARIAN PERSONAL 10HBO.COM NEXT Series Timeline See the entire overview of series content based on a timeline view All associated content bucketed by episode Allow the user to zoom in and out to focus on a season or smaller part of the season SHOW INFORMATION DEEP SHOW CONNECTION LEARN ABOUT/SUBSCRIBE SERIES PAGE See the entire season and related content 25HBO.COM NEXT Recipe Search Fun interactive experience that lets you use descriptive words to narrow the HBO collection Search based on qualities other than genre and title Help people discover the back-catalog DISCOVERY SHOW INFORMATION SEARCH Keyword Search 19HBO VISION Heartbeat Social activity mapped to content timeline Both standalone and player-based experience Allows HBO to control the social feed users see first Creates "highlight reel" from spike moments Feedback connected to moments informs showrunners (single tap to "like" a moment) Mobile, second screen, or voice-enabled DISCOVER TOP SOCIAL ACTIVITY CURATED BY HBO MEANS QUALITY NOT QUANTITY PLATFORM FOR SHOW INNOVATION Curated social and related content Post Show Overlay Integrated within player EXTRAS NEW MEDIUMEXTEND THE STORY EXTEND THE SHOW 17HBO.COM NEXT Inline Expand Fast and responsive animation Quickly see content without page loads See related content and exposure to catalog SHOW INFORMATION DEEP SHOW CONNECTION LEARN ABOUT/SUBSCRIBE PLAYBACK Content, quickly. 12HBO VISION Play First ALIVE DISCOVERY Opt out of a playing TV show to see other options Home screens are active instead of static Autoplay channels built just for you Push not pull MAKES THE DECISION FOR YOU CREATES SERENDIPITY/SPONTANEITY Bring live surfing back to streaming content UTILITARIAN PERSONAL ALIVE + SERENDIPITY 30HBO VISION Breadcrumbs Home ALIVE DISCOVERY Social media posts can be engaged and added to watchlist Place HBO into calendar to cue up content automatically Physical/digital advertising that actually benefits users REMOVES THE NEED TO SEARCH FITS HBO INTO THE USER'S SCHEDULE, NOT VICE VERSA CONSOLIDATES MULTI-TOUCHPOINT INTERACTIONS Content outside of the HBO bubble UTILITARIAN PERSONAL 12HBO.COM NEXT Series Feed Bring together all the show related content in a feed. Easily see what's new or relive the series from the beginning. Filter to the content type you are looking for. Different content types have unique formatting to create visual variety and hierarchy. DEEP SHOW CONNECTION SHOW INFORMATION DISCOVERY SERIES PAGE The one-stop shop for all related content 27HBO.COM NEXT Situation Search Fill in the blanks to search and filter the HBO collection. Surface the breadth and depth of HBO.com content People could search based on pre-canned terms or customize and add their own. DISCOVERY SHOW INFORMATION SEARCH A more playful search based on your context and interests. 21HBO VISION Beyond the Box Empowers showrunners to leverage devices that make fans part of the show Creates another seamless "layer" instead of an additional interface Alternative camera angles, AR, extras Involves without competing for attention PROVIDES NOVEL EXP. ADDS CONTENT VALUE PLATFORM FOR SHOW INNOVATION Extending the story experience across devices EXTRAS NEW MEDIUMEXTEND THE STORY PLAYBACK 19HBO.COM NEXT Video Playlist Personalized playlists dynamically created when a single clip is selected Below the player additional content is loaded Helps the user discovery more contnet SHOW INFORMATION DEEP SHOW CONNECTION LEARN ABOUT/SUBSCRIBE DISCOVERY PLAYBACK Series of content clips in a stream with contextual content 14HBO VISION Conquer the Content ALIVE DISCOVERY Status bars track completion Milestones illustrate history and habits Shows users how data formulates suggestions Offers logical next content path to explore Eliminates content from the platform after being "conquered" EMPOWERS USER THROUGH SELF-INFORMATION PROVIDES TRANSPARENCY FOR HOW A USER'S DATA IS USED CREATES "BUY IN" FOR THE PLATFORM THROUGH HISTORY Visualize your habits and history EXTRAS NEW MEDIUMEXTEND THE STORY ALIVE + SERENDIPITY 34HBO VISION Whip Touch focused interface with immediate recommendations Focused results based on selecting emotional keywords Playful and unique input through touch or voice Separate feature as well as integrated into all discovery models USES LANGUAGE TO PINPOINT SUBTLE MOODS VISUAL-FIRST WAY TO MANIPULATE LANGUAGE ALIVE DISCOVERY Leveraging natural language groupings to curate mood based results UTILITARIAN PERSONAL 8HBO.COM NEXT Remix String together clips of upcoming, recently released, and leaving soon content. Clips can be from shows, trailers, extras Easily jump from clip to clip, add to watchlist or dive in deeper to full episodes and movies. Clips are paired with extra information and related content - never a dead end If signed in, personalize to user DISCOVERY SHOW INFORMATION HOMEPAGE Stay up to speed with a personalized short recap video 24HBO.COM NEXT Dial in Discovery A light way to find something new Fun and ambigious - serendipitous - no one answer Fun interactive experience that lets you use descriptive words to narrow the HBO collection Search based on qualities other than genre and title Help people discover the back-catalog DISCOVERY SHOW INFORMATION SEARCH Tune dials to find what to watch next 18HBO VISION Snackable Shows PLATFORM FOR SHOW INNOVATION Small, quick tidbits of content are delivered irregularly to create serendipity Reactions to world/life events as springboard for "snacks" Content expires quickly to instill urgency Experimental content, formats, or delivery KEEP USER ENGAGED BEYOND JUST REGULAR SHOW TIMES UTILIZES FAMILIAR BEHAVIORS TO OTHER MOBILE EXPERIENCES Urgent, mobile-first content EXTRAS NEW MEDIUMEXTEND THE STORY EXTEND THE SHOW 16HBO.COM NEXT Theatre Mode Revise the expectations of a fullscreen experience Learn more about the content being watched Be exposed to more related content Give users a reason to stay in fullscreen mode Audio/Video Phile mode SHOW INFORMATION DEEP SHOW CONNECTION PLAYBACK Fullscreen playback 11HBO VISION Profile Blender Get suggestions based on the watching habits and preferences of friends Opt in to use name/push suggestions Location-aware app cross-references the preferences of multiple viewers Tools to help users make choices on sets of results HELPS MAKE THE FINAL CHOICE ALLEVIATES BURDEN OF JUGGLING MULTIPLE OPTIONS BRINGS COMMUNITY TO STREAMING ALIVE DISCOVERY Social connection without the work UTILITARIAN PERSONAL FOCUSED UTILITY 29HBO VISION Cinematic UI PLATFORM FOR SHOW INNOVATION Layouts that reflect genre Content affects visuals/sound/animation Interactions defined by camera movement Content creators can help decide how content is displayed CONTENT LIVES IN ITS OWN WORLD DIFFERENTIATOR IN THE MARKETPLACE GIVES SHOWRUNNERS CONTROL OVER HOW THEIR CONTENT IS DISPLAYED Interface becomes an extension of content UTILITARIAN PERSONAL 11HBO.COM NEXT Series Modules The series page is a list of modules that expand inline Add modules as the series grows Dive into more content without losing context SHOW INFORMATION DEEP SHOW CONNECTION SERIES PAGE Flexible Series Page that you can grow with 26HBO.COM NEXT Search w/ the Web Leverage data outside of HBO.com to provide associated keywords that deliver related results Always show some results Play content clips/trailers inline DISCOVERY SEARCH SEARCH Always show results as recomendations 20HBO VISION Pause as Portal PLATFORM FOR SHOW INNOVATION Pause is no longer a static screen but a way to engage the content Interactive visuals Characters are highlighted and guide the experience Easter eggs built into pause function Maintains cinematic nature of the content PROVIDE IMMEDIATE ACCESS TO CHARACTER/SCENE/ SERIES INFORMATION FILLS ROLE OF "SECOND SCREEN" Not just for when the pasta's done EXTRAS NEW MEDIUMEXTEND THE STORY PLAYBACK 18HBO.COM NEXT Grid Player Main focus on the playing experience All surrounding content provides deeper catalog recomendations Grid of content remixes when another content item is selected Surrounding content could be news, schedule, related, promotional SHOW INFORMATION DEEP SHOW CONNECTION LEARN ABOUT/SUBSCRIBE PLAYBACK Easy exposure to related contnet 13HBO VISION Channelize Anything Mix together content you like to generate a new stream of similar stuff "Content" is diversely defined (series, movies, episodes, genres, people, etc). An intelligent and never-ending feed of what's new and relevant to that channel Showrunners can push content directly to fans ONE-STOP SHOP FOR WHAT I'M INTERESTED IN SYSTEM CURATED, USER CONTROLLED ALIVE DISCOVERY The user plants the seed UTILITARIAN PERSONAL ALIVE + SERENDIPITY 31HBO VISION Catch Up Presents a prioritized personal watch list Connects you to the latest episodes of your shows Displays where your friends are at in shows that you both watch and encourages you to catch up SOCIAL ENGAGEMENT PERSONALIZED CURATION EASES DECISION-MAKING ALIVE DISCOVERY Here's what you've missed UTILITARIAN PERSONAL 14HBO.COM NEXT Series Player Deeper understanding of content Quick glance at the important information SHOW INFORMATION DEEP SHOW CONNECTION LEARN ABOUT/SUBSCRIBE PLAYBACK See more than just the video 9HBO VISION Pillow Talk ALIVE DISCOVERY User suggestions cued up by watching habits Unique touch interactions to refine tastes (swipe left/right) Always in context Watchlist is mine + a friend's (HBO) Relationship builds over time MAKE HBO FEEL LIKE A REFLECTION OF PERSONAL TASTE MAKES ONBOARDING FUN AND LIGHT BUILDS REPORT AND BUY IN Interaction is a conversation to build a relationship with HBO UTILITARIAN PERSONAL THE HUMAN LAYER 27HBO VISION Considered Connection ALIVE DISCOVERY Internet of things can make suggestions based on current activities, connected controls, and location Health trackers will inform suggestion engine through biometric data Subtle inputs for precise outputs Your day, illustrated BETTER SUGGESTIONS THROUGH MORE INFORMATION NEW WAYS TO CONTROL THE EXPERIENCE AWARE OF THE UNTANGIBLES The future state of personal awareness UTILITARIAN PERSONAL 21HBO.COM NEXT Video EPG A fast way to see what's on now and next Schedule lists content in a highly visual way Mouseover or tap to get an animated clip of the trailer or show Personlize your schedule based on genres/people/ shows you're interested in AUTHENTICATE TO PERSONALIZE DISCOVERY SHOW INFORMATION LIVE TV SCHEDULE Let me watch to find out what's on 15HBO VISION Kevin Bacon ALIVE DISCOVERY Engaging, visual-first ways to explore information beyond just content names Allows users to follow links between shows, showrunners, actors, etc. Informative instead of just descriptive CREATES NEW, DEEPER MODES OF DISCOVERY GOES BEYOND CURRENT GRID PARADIGM HIGHLIGHTS THE TALENT THAT MAKES HBO GREAT Explore connections behind the content UTILITARIAN PERSONAL ALIVE + SERENDIPITY 37HBO VISION Novel Immersion Virtual reality, projection mapping, or haptic feedback enabled Shows reach beyond the edge of the "screen". Putting the viewer into the scene is better than seeing it live. Interactive experiences make the content real. POWERFUL USER ENGAGEMENT NEW EXPERIENCES THAT ARE UNIQUE TO HBO PLATFORM FOR SHOW INNOVATION Add new dimensions to content EXTRAS NEW MEDIUMEXTEND THE STORY
  • 92. KEYWORDS SIMPLE EMPOWERING SMART ENGAGINGPERSONAL ELEGANT TRUSTWORTHY FRESH VISIONARY FAST Brand keywords Singular form factor AWS QUICKSIGHT PRODUCT DESIGN MOODBOARD NIGHTINGALE ELEGANT ENGAGING VISIONARY FAST PRECISE VIBRANT AWS QUICKSIGHT PRODUCT DESIGN MOODBOARD NIGHTINGALE ELEGANT ENGAGING VISIONARY FAST PRECISE VIBRANT 3137 MOODBOARD CARTWRIGHT SMART FRESH TRUSTWORTHY SIMPLE BRIGHT CRISP FOCUSED AWS QUICKSIGHT PRODUCT DESIGN MOODBOARD CARTWRIGHT SMART FRESH TRUSTWORTHY SIMPLE BRIGHT CRISP FOCUSED AWS QUICKSIGHT PRODUCT DESIGN3238 AWS QUICKSIGHT PRODUCT DESIGN MOODBOARD NEWTON VISIONARY EMPOWERING BOLD FAST RICH ENGAGING POWERFUL AWS QUICKSIGHT PRODUCT DESIGN MOODBOARD NEWTON VISIONARY EMPOWERING BOLD FAST RICH ENGAGING POWERFUL 3440 AWS QUICKSIGHT PRODUCT DESIGN MOODBOARD EUCLID BOLD FRESH FAST ENGAGING UNIQUE PERSONAL FUN 26 Uniform data set Moodboard directions
  • 93. 32 QUALTRICS: PHASE 02 38 QUALTRICS: PHASE 02 44 QUALTRICS: PHASE 02 33 QUALTRICS: PHASE 02 39 QUALTRICS: PHASE 02 45 QUALTRICS: PHASE 02
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 113.