The web you were used to is gone. Architecture and strategy for your mobile content.
-
Upload
alberta-soranzo -
Category
Technology
-
view
107 -
download
1
description
Transcript of The web you were used to is gone. Architecture and strategy for your mobile content.
![Page 1: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/1.jpg)
image: flickr.com/photos/gregoryjordan
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
THE WEB YOU WERE USED TO IS GONEArchitecture and strategy for your mobile content
alberta soranzo | @albertatreblaMOB’d UP - San Diego, CA
![Page 2: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/2.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
REMEMBER THE INTERNET?
image: wtfjeans.com
![Page 3: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/3.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
THE INTERNET IS IN YOUR PANTS
image: wtfjeans.com
![Page 4: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/4.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
WHAT IS MOBILE?
image: huffingtonpost.com (Alamy)
![Page 5: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/5.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE USAGE STATISTICS
• 86% of mobile internet users use their device while watching TV.
• By 2014, mobile internet usage will overtake desktop internet usage.
• Adults spend more time on mobile media than they do on newspapers and magazines combined.
source: pocketyourshop.wordpress.com
![Page 6: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/6.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE ONLY PAGEVIEWS
source: mobithinking.com
![Page 7: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/7.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
image: flickr.com/photos/guidedbycthulhu
WHAT IS MOBILE?
![Page 8: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/8.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE WEB STATISTICS
• 99% of smartphone owners use their mobile browser at least once a day.
• 46% of consumers will NOT return to a mobile site that is not working properly.
• 39% of business do nothing to make site mobile-ready.
• 74% of consumers will wait 5 seconds for a web page to load on their mobile device before abandoning the site.
• 18% of all web traffic in the U.S. is mobile traffic. That number skyrockets to 24% in Africa, and 30% in Asia. This is up 192.5% since 2011.
source: pocketyourshop.wordpress.com
![Page 9: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/9.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE ONLY USERS
source: mobithinking.com
![Page 10: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/10.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE SEARCH STATISTICS
• 95% of mobile users use their devices for local search.
• 52% of all local searches are done from a mobile device.
• 9 out of 10 mobile phone searches result in a purchase or visit.
• 3 out of every 5 searches are conducted on a mobile device.
source: pocketyourshop.wordpress.com
![Page 11: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/11.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
DIRECTV
![Page 12: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/12.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
DIRECTV
![Page 13: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/13.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
DIRECTV
![Page 14: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/14.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
DO YOU HAVE A WEBSITE?
“You need to get your content onto mobile devices. Period.” — Karen McGrane
![Page 15: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/15.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
WHO DECIDES WHAT MATTERS?
image: flickr.com/photos/d_space
![Page 16: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/16.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE IS SOCIAL
image: flickr.com/photos/strandloper/
![Page 17: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/17.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE ONLY FACEBOOK
source: allfacebook.com
![Page 18: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/18.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
HOW WE USE THE INTERNET
“If people want to do something on the internet, they will want to do it using their mobile device. Period.” — Karen McGrane
![Page 19: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/19.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
WHAT ABOUT CONTEXT?
image: flickr.com/photos/kattebelletje/
![Page 20: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/20.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
WHAT ABOUT CONTEXT?
image: flickr.com/photos/piblet
![Page 21: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/21.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
ONE SITE
![Page 22: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/22.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MANY DEVICES
![Page 23: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/23.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
image: flickr.com/photos/cannedtuna
THERE IS NO SUCH A THING AS MOBILE IA
![Page 24: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/24.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
WHAT IS IA?
The structural design of shared information environments.
source: en.wikipedia.org/wiki/Information_architecture
![Page 25: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/25.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
CROSS-CHANNEL IA BLUEPRINT
image: tylertate.com/blog/2012/02/21/cross-channel-ia-blueprint.html
![Page 26: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/26.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
image: journalofia.org/volume1/issue1/02-brugnoli/jofia-0101-02-brugnoli.pdf
TOUCHPOINTS MATRIX
![Page 27: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/27.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
WHAT DOES IA DO?
IA interprets information and expresses distinctions between signs and systems of signs and involves the categorization of information into a coherent structure.
source: en.wikipedia.org/wiki/Information_architecture
![Page 28: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/28.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
DESKTOP
![Page 29: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/29.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
TABLET
![Page 30: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/30.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE
![Page 31: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/31.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
image: Android Design Patterns
STRUCTURE AS DESIGN PATTERNSWAYFINDING
![Page 32: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/32.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - HYERARCHY
source: uxbooth.com
![Page 33: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/33.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - HYERARCHY
![Page 34: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/34.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - HUB & SPOKE
source: uxbooth.com
![Page 35: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/35.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - HUB & SPOKE
![Page 36: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/36.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - NESTED DOLL
source: uxbooth.com
![Page 37: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/37.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - NESTED DOLL
![Page 38: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/38.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - TABBED VIEW
source: uxbooth.com
![Page 39: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/39.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - TABBED VIEW
![Page 40: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/40.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - BENTO BOX
source: uxbooth.com
![Page 41: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/41.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - BENTO BOX
![Page 42: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/42.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - FILTERED VIEW
source: uxbooth.com
![Page 43: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/43.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
MOBILE PATTERNS - FILTERED VIEW
Filter Filter
![Page 44: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/44.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
image: flickr.com/photos/10ch
MANAGING INFORMATION TO CREATE MEANINGSENSEMAKING
![Page 45: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/45.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
CONTENT = INFORMATION
“Typically information foraging must be analysed as decision making under uncertainty”
— Peter Pirolli
![Page 46: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/46.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
CONTENT = INFORMATION
“A strong information layer is the key to cross-channel success”
— Andrea Resmini and Luca Rosati
![Page 47: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/47.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
WAYFINDING
![Page 48: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/48.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
THERE IS NO SUCH A THING AS MOBILE CONTENT STRATEGY
image: abookapart.com
![Page 49: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/49.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
THE CHALLENGE
![Page 50: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/50.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
ADAPTIVE CONTENT
• Reusable• Strong structure• Independent of presentation layer• Metadata • Content Management System (CMS)
![Page 51: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/51.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
ADAPTIVE CONTENT
![Page 52: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/52.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
REUSABLE CONTENT
![Page 53: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/53.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
METADATA
image: http://dev.npr.org/#station-finder-api-examples
![Page 54: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/54.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
PROGRESSIVE DISCLOSURE
![Page 55: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/55.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
THE INTERNET IN YOUR PANTS
image: techpinions.com
![Page 56: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/56.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
THE FUTURE IS YESTERDAY
image: slashgear.com
![Page 57: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/57.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
BTW
image: flickr.com/photos/gregoryjordan
![Page 58: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/58.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
STEPHEN HAY
![Page 59: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/59.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
thank you.@albertatrebla
Illustration: Dan Willis
![Page 60: The web you were used to is gone. Architecture and strategy for your mobile content.](https://reader033.fdocuments.us/reader033/viewer/2022061300/54c74c074a7959c2778b456d/html5/thumbnails/60.jpg)
the web you were used to is gone | @albertatrebla MOB’d UP - San Diego
RESOURCES
Content Strategy for MobileKaren McGraneA Book Apart, 2011
Pervasive Information ArchitectureAndrea Resmini, Luca RosatiMorgan Kaufman, 2012
Android Design PatternsGreg NudelmanWiley, 2013
Information Foraging Theory: Adaptive Interaction with InformationPeter TirolliOxford University Press (USA), 2009
Fisher, J., Norris, S., & E. Buie (2012). Sense-making in Cross-channel Design. Journal of Information Architecture. Vol. 4, No. 1-2. journalofia.org/volume4/issue2/02-fisher/