![Page 1: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/1.jpg)
UX IN CONTEXTCrafting a user-centric mobile content strategy
Anton ZadorozhnyyJune 2014
![Page 2: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/2.jpg)
A TALE OF TWO TRAINS
BART CALTRAIN
![Page 3: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/3.jpg)
A TALE OF TWO TRAINS
BART~15 MinMix of seating and standingUnder & Above ground
![Page 4: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/4.jpg)
A TALE OF TWO TRAINS
CALTRAIN~45 minMostly seats, 2 levelsAbove ground
![Page 5: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/5.jpg)
![Page 6: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/6.jpg)
![Page 7: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/7.jpg)
Why do people favor phones on BART, and tablets on Caltrain?
![Page 8: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/8.jpg)
CONTEXTThe relevant constraints of a situation or action
![Page 9: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/9.jpg)
CONTEXTThe relevant constraints of a situation or action
![Page 10: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/10.jpg)
RELEVANT CONTRAINTS
![Page 11: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/11.jpg)
RELEVANT CONTRAINTS
TIME
![Page 12: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/12.jpg)
RELEVANT CONTRAINTS
TIME
ENVIRONMENT
![Page 13: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/13.jpg)
RELEVANT CONTRAINTS
TIME
ENVIRONMENT
UX
![Page 14: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/14.jpg)
TIME
ENVIRONMENT
UX
RELEVANT CONTRAINTS
![Page 15: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/15.jpg)
Duration of availability How much time are your users able or willing to devote to your app?
TIME
![Page 16: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/16.jpg)
Duration of availability
Onboarding Complexity
How much time are your users able or willing to devote to your app?
How long / difficult is it to set up your app to its ideal state?
TIME
![Page 17: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/17.jpg)
Duration of availability
Onboarding Complexity
Delay of reward
How much time are your users able or willing to devote to your app?
How long / difficult is it to set up your app to its ideal state?
How soon after the user launches it does the app deliver value?
TIME
![Page 18: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/18.jpg)
BART
CALTRAIN
~15 Min
~45 Min
Quick BrowsingScanning a feed
Longform reading
Saved Articles
TIME
![Page 19: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/19.jpg)
Mobile Content Consumption
Wakeup Commute Work & Breaks Home & Rest
COMMUTER
TIME
![Page 20: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/20.jpg)
Mobile Content Consumption
Wakeup Commute Work & Breaks Home & Rest
DEVICE DOMINANCEMobile / Tablet Desktop / Mobile Multimedia
TIME
![Page 21: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/21.jpg)
Mobile Content Consumption
Wakeup Commute Work & Breaks Home & Rest
MOTIVATIONSWakeup + Catchup Breaks + Entertainment Relax + Delve
TIME
![Page 22: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/22.jpg)
RELEVANT CONTRAINTS
TIME
ENVIRONMENT
UX
![Page 23: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/23.jpg)
TIME
ENVIRONMENT
UX
RELEVANT CONTRAINTS
![Page 24: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/24.jpg)
Modes are correlated to time, but ultimately driven by changes in environment.
ENVIRONMENT
Environment can be physical, social or mental.
![Page 25: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/25.jpg)
BART
CALTRAINAlmost entirely seating
Above ground only
Fewer seats, mostly standing room
Underground, no 4G signal or WiFi
ENVIRONMENT
![Page 26: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/26.jpg)
Mobile Content Consumption
Wakeup Commute Work & Breaks Home & Rest
ENVIRONMENTAL CONSUMPTION MODESWakeup Commute Workday Snacking Rest & Delve
ENVIRONMENT
![Page 27: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/27.jpg)
WAKEUP RITUAL
As part of waking up, many people read tidbits from around the web and social media, looking to catch up on what they’ve missed overnight
ENVIRONMENT
Positioning your content as ‘must-not-miss’ can leverage FOMO (Fear of Missing Out) into driving engagement.
![Page 28: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/28.jpg)
COMMUTE
Only applicable to those that use public transport.
Will they have signal? Sitting or standing? - Be mindful of how rich your content is, and its impact on data usage.
Consider the saved article case - Pocket is successful because of this use-case!
ENVIRONMENT
![Page 29: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/29.jpg)
WORKDAY SNACKING
Quick, lightweight consumption throughout the workday, either at their desk or on coffee breaks, etc.
Short, entertaining content is key. Be mindful of blatant images or large words that betray non-work material.
ENVIRONMENT
![Page 30: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/30.jpg)
REST & DELVERelaxed mode, usually while doing something else. Longer span of time to devote to reading, but more distractions
This can mean more opportunity for richer, longer content, but you must mitigate the distractions with place markers and sticky content progress.
Heavy readers will often lie in bed and read on mobile to wind down and fall asleep. Don’t forget Night Mode!
ENVIRONMENT
![Page 31: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/31.jpg)
RELEVANT CONTRAINTS
TIME
ENVIRONMENT
UX
![Page 32: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/32.jpg)
TIME
ENVIRONMENT
UX
RELEVANT CONTRAINTS
![Page 33: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/33.jpg)
How do your users discover and engage with the content in your app?
UX
What assumptions are you making about what they know?
![Page 34: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/34.jpg)
UX
MOBILE CONTENT UX PARADIGMS
FEED DIGEST LIST
![Page 35: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/35.jpg)
UX
FEED
Endless - could keep scrolling forever
Immediately updated - implies timeliness
Redundant scroll for new content
Good for one-handed scroll
![Page 36: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/36.jpg)
UX
DIGEST
Finite - has a (potentially satisfying) end
Picked for you by ________
How many digests are there?
More focus on each item
![Page 37: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/37.jpg)
UX
LIST
Exponentially more dense than other 2
Requires user to curate (HUGE)
Horiz. scroll doesn’t fit mobile affordances
Emphasis on sources/categories rather than content
![Page 38: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/38.jpg)
UX
MOBILE CONTENT UX PARADIGMS
FEED DIGEST LIST
![Page 39: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/39.jpg)
TIME
ENVIRONMENT
UX
RELEVANT CONTRAINTS
![Page 40: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/40.jpg)
BACK TO THE TRAINS
BART CALTRAIN
![Page 41: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/41.jpg)
CONTENT-CENTRIC AFFORDANCES
Easier to hold when standing
Not as WiFi dependent
Emails/Texts/Music
Sit-Down reading
Longer form reading
More potential with WiFi
Richer media
![Page 42: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/42.jpg)
![Page 43: Mobile Content Consumption in Context - UXSS 2014](https://reader033.vdocument.in/reader033/viewer/2022051608/53f054eb8d7f72104c8b4657/html5/thumbnails/43.jpg)
Your product does not exist in a vacuum, the context in which it is experienced determines its resonance with your user base.
TO SUM:
You must cater to the context via platform, design and feature set.