the web you were used to is gone. architecture and strategy for your mobile content. (v2)
DESCRIPTION
*Updated version—delivered as in-agency talk on 9/24 in Bristol, UK* Information architecture and content strategy are the foundation of any website but, when it comes to mobile, they can literally mean the life or death of a product. The truth is that even the best-designed and well-engineered mobile products can still fail if their IA is not sound, and that’s because mobile information architecture doesn’t only define the structure of content, but also determines how users will interact with it. And speaking of content, do you know what content should go on your mobile sites and apps? Are your users finding what they came for? In this talk we will take a look at the thought process that drives mobile content strategy, the specific challenges and opportunities of the mobile space and how information architecture and content strategy contribute to the creation of outstanding mobile experiences.TRANSCRIPT
![Page 1: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/1.jpg)
image: flickr.com/photos/gregoryjordan
the web you were used to is gone @albertatrebla
THE WEB YOU WERE USED TO IS GONEArchitecture and strategy for your mobile content
alberta soranzo | @albertatrebla
![Page 2: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/2.jpg)
the web you were used to is gone @albertatrebla
REMEMBER THE INTERNET?
image: wtfjeans.com
![Page 3: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/3.jpg)
the web you were used to is gone @albertatrebla
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. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/4.jpg)
the web you were used to is gone @albertatrebla
WHAT IS MOBILE?
image: huffingtonpost.com (Alamy)
![Page 5: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/5.jpg)
the web you were used to is gone @albertatrebla
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. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/6.jpg)
the web you were used to is gone @albertatrebla
MOBILE ONLY PAGEVIEWS
![Page 7: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/7.jpg)
the web you were used to is gone @albertatrebla
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. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/8.jpg)
the web you were used to is gone @albertatrebla
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. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/9.jpg)
the web you were used to is gone @albertatrebla
MOBILE ONLY USERS
source: mobithinking.com
![Page 10: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/10.jpg)
the web you were used to is gone @albertatrebla
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. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/11.jpg)
the web you were used to is gone @albertatrebla
DIRECTV
![Page 12: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/12.jpg)
the web you were used to is gone @albertatrebla
DIRECTV
![Page 13: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/13.jpg)
the web you were used to is gone @albertatrebla
DO YOU HAVE A WEBSITE?
“You need to get your content onto mobile devices. Period.” — Karen McGrane
![Page 14: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/14.jpg)
the web you were used to is gone @albertatrebla
WHO DECIDES WHAT MATTERS?
image: flickr.com/photos/d_space
![Page 15: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/15.jpg)
the web you were used to is gone @albertatrebla
MOBILE IS SOCIAL
image: flickr.com/photos/strandloper/
![Page 16: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/16.jpg)
the web you were used to is gone @albertatrebla
MOBILE ONLY FACEBOOK
source: allfacebook.com
![Page 17: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/17.jpg)
the web you were used to is gone @albertatrebla
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 18: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/18.jpg)
the web you were used to is gone @albertatrebla
WHAT ABOUT CONTEXT?
image: flickr.com/photos/kattebelletje/
![Page 19: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/19.jpg)
the web you were used to is gone @albertatrebla
WHAT ABOUT CONTEXT?
image: flickr.com/photos/piblet
![Page 20: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/20.jpg)
the web you were used to is gone @albertatrebla
ONE SITE
![Page 21: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/21.jpg)
the web you were used to is gone @albertatrebla
MANY DEVICES
![Page 22: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/22.jpg)
the web you were used to is gone @albertatrebla
image: flickr.com/photos/cannedtuna
THERE IS NO SUCH A THING AS MOBILE IA
![Page 23: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/23.jpg)
the web you were used to is gone @albertatrebla
WHAT IS IA?
The structural design of shared information environments.
source: en.wikipedia.org/wiki/Information_architecture
![Page 24: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/24.jpg)
the web you were used to is gone @albertatrebla
CROSS-CHANNEL IA BLUEPRINT
image: tylertate.com/blog/2012/02/21/cross-channel-ia-blueprint.html
![Page 25: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/25.jpg)
the web you were used to is gone @albertatrebla
image: journalofia.org/volume1/issue1/02-brugnoli/jofia-0101-02-brugnoli.pdf
TOUCHPOINTS MATRIX
![Page 26: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/26.jpg)
the web you were used to is gone @albertatrebla
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 27: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/27.jpg)
the web you were used to is gone @albertatrebla
DESKTOP
![Page 28: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/28.jpg)
the web you were used to is gone @albertatrebla
TABLET
![Page 29: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/29.jpg)
the web you were used to is gone @albertatrebla
MOBILE
![Page 30: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/30.jpg)
the web you were used to is gone @albertatrebla
image: Android Design Patterns
STRUCTURE AS DESIGN PATTERNSWAYFINDING
![Page 31: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/31.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - HYERARCHY
source: uxbooth.com
![Page 32: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/32.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - HYERARCHY
![Page 33: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/33.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - HUB & SPOKE
source: uxbooth.com
![Page 34: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/34.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - HUB & SPOKE
![Page 35: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/35.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - NESTED DOLL
source: uxbooth.com
![Page 36: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/36.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - NESTED DOLL
![Page 37: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/37.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - TABBED VIEW
source: uxbooth.com
![Page 38: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/38.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - TABBED VIEW
![Page 39: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/39.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - BENTO BOX
source: uxbooth.com
![Page 40: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/40.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - BENTO BOX
![Page 41: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/41.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - FILTERED VIEW
source: uxbooth.com
![Page 42: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/42.jpg)
the web you were used to is gone @albertatrebla
MOBILE PATTERNS - FILTERED VIEW
Filter Filter
![Page 43: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/43.jpg)
the web you were used to is gone @albertatrebla
image: flickr.com/photos/10ch
MANAGING INFORMATION TO CREATE MEANINGSENSEMAKING
![Page 44: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/44.jpg)
the web you were used to is gone @albertatrebla
CONTENT = INFORMATION
“Typically information foraging must be analysed as decision making under uncertainty”
— Peter Pirolli
![Page 45: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/45.jpg)
the web you were used to is gone @albertatrebla
CONTENT = INFORMATION
“A strong information layer is the key to cross-channel success”
— Andrea Resmini and Luca Rosati
![Page 46: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/46.jpg)
the web you were used to is gone @albertatrebla
WAYFINDING FOR SENSEMAKING
![Page 47: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/47.jpg)
the web you were used to is gone @albertatrebla
THERE IS NO SUCH A THING AS MOBILE CONTENT STRATEGY
image: abookapart.com
![Page 48: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/48.jpg)
the web you were used to is gone @albertatrebla
THE CHALLENGE
![Page 49: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/49.jpg)
the web you were used to is gone @albertatrebla
ADAPTIVE CONTENT
• Reusable• Strong structure• Independent of presentation layer• Metadata • Content Management System (CMS)
![Page 50: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/50.jpg)
the web you were used to is gone @albertatrebla
ADAPTIVE CONTENT
![Page 51: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/51.jpg)
the web you were used to is gone @albertatrebla
REUSABLE CONTENT
![Page 52: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/52.jpg)
the web you were used to is gone @albertatrebla
STRUCTURED CONTENT
![Page 53: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/53.jpg)
NEWSLETTERSIGNUP
PROGRAM 1(50 WORDS MAX)
PROGRAM 2(50 WORDS MAX)
PROGRAM 2(50 WORDS MAX)
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
LOGO AND SLOGAN
MAIN NAVIGATION
CAROUSEL PHOTO
FEATURED PRODUCT 1 (3 WORDS MAX)
FEATURED PRODUCT 2 (3 WORDS MAX)
PUB SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
ASK THE EXPERT(100 WORDS MAX)
TOPIC CENTER(10 LINKS x 4 WORDS MAX)
HEALTH CARE REFORM(100 WORDS MAX)
SPOTLIGHT(100 WORDS MAX)
PROGRAM 1(50 WORDS MAX)
PROGRAM 2(50 WORDS MAX)
PROGRAM 2(50 WORDS MAX)
NEWS(5 LINKS x 10 WORDS MAX)
the web you were used to is gone @albertatrebla
STRUCTURED CONTENT
![Page 54: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/54.jpg)
NEWSLETTERSIGNUP
PROGRAM 1(50 WORDS MAX)
PROGRAM 2(50 WORDS MAX)
PROGRAM 2(50 WORDS MAX)
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
LOGO AND SLOGAN
MAIN NAVIGATION
CAROUSEL PHOTO
FEATURED PRODUCT 1 (3 WORDS MAX)
FEATURED PRODUCT 2 (3 WORDS MAX)
PUB SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
ASK THE EXPERT(100 WORDS MAX)
TOPIC CENTER(10 LINKS x 4 WORDS MAX)
HEALTH CARE REFORM(100 WORDS MAX)
SPOTLIGHT(100 WORDS MAX)
PROGRAM 1(50 WORDS MAX)
PROGRAM 2(50 WORDS MAX)
PROGRAM 2(50 WORDS MAX)
NEWS(5 LINKS x 10 WORDS MAX)
the web you were used to is gone @albertatrebla
STRUCTURED CONTENT
![Page 55: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/55.jpg)
the web you were used to is gone @albertatrebla
STRUCTURED CONTENT
NEWSLETTERSIGNUP
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
CAROUSEL PHOTO
FEATURED PRODUCT 1 (3 WORDS MAX)
FEATURED PRODUCT 2 (3 WORDS MAX)
PUB SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
TOPIC CENTER(10 LINKS x 4 WORDS MAX)
NEWS(5 LINKS x 10 WORDS MAX)
NAV SEARCH (SITE AND PUBS)
SLIDE TEASER SHORT(10 WORDS MAX)
FEATURED PRODUCT 1(3 WORDS MAX)
TOPIC CENTER(5 LINKS x 4 WORDS
MAX)
NEWS(5 LINKS x 10 WORDS MAX)
CAROUSELPHOTOTHUMB
FEATURED PRODUCT 2 (3 WORDS MAX)
![Page 56: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/56.jpg)
the web you were used to is gone @albertatrebla
STRUCTURED CONTENT
NEWSLETTERSIGNUP
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
CAROUSEL PHOTO
FEATURED PRODUCT 1 (3 WORDS MAX)
FEATURED PRODUCT 2 (3 WORDS MAX)
PUB SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
TOPIC CENTER(10 LINKS x 4 WORDS MAX)
NEWS(5 LINKS x 10 WORDS MAX)
NAV SEARCH (SITE AND PUBS)
SLIDE TEASER SHORT(10 WORDS MAX)
FEATURED PRODUCT 1(3 WORDS MAX)
TOPIC CENTER(5 LINKS x 4 WORDS
MAX)
NEWS(5 LINKS x 10 WORDS MAX)
CAROUSELPHOTOTHUMB
FEATURED PRODUCT 2 (3 WORDS MAX)
![Page 57: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/57.jpg)
the web you were used to is gone @albertatrebla
STRUCTURED CONTENT
NEWSLETTERSIGNUP
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
CAROUSEL PHOTO
FEATURED PRODUCT 1 (3 WORDS MAX)
FEATURED PRODUCT 2 (3 WORDS MAX)
PUB SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
TOPIC CENTER(10 LINKS x 4 WORDS MAX)
NEWS(5 LINKS x 10 WORDS MAX)
NAV SEARCH (SITE AND PUBS)
SLIDE TEASER SHORT(10 WORDS MAX)
FEATURED PRODUCT 1(3 WORDS MAX)
TOPIC CENTER(5 LINKS x 4 WORDS
MAX)
NEWS(5 LINKS x 10 WORDS MAX)
CAROUSELPHOTOTHUMB
FEATURED PRODUCT 2 (3 WORDS MAX)
![Page 58: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/58.jpg)
the web you were used to is gone @albertatrebla
STRUCTURED CONTENT
NEWSLETTERSIGNUP
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
CAROUSEL PHOTO
FEATURED PRODUCT 1 (3 WORDS MAX)
FEATURED PRODUCT 2 (3 WORDS MAX)
PUB SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
TOPIC CENTER(10 LINKS x 4 WORDS MAX)
NEWS(5 LINKS x 10 WORDS MAX)
NAV SEARCH (SITE AND PUBS)
SLIDE TEASER SHORT(10 WORDS MAX)
FEATURED PRODUCT 1(3 WORDS MAX)
TOPIC CENTER(5 LINKS x 4 WORDS
MAX)
NEWS(5 LINKS x 10 WORDS MAX)
CAROUSELPHOTOTHUMB
FEATURED PRODUCT 2 (3 WORDS MAX)
![Page 59: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/59.jpg)
the web you were used to is gone @albertatrebla
METADATA
image: http://dev.npr.org/#station-finder-api-examples
![Page 60: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/60.jpg)
the web you were used to is gone @albertatrebla
PROGRESSIVE DISCLOSURE
![Page 61: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/61.jpg)
the web you were used to is gone @albertatrebla
THE INTERNET IN YOUR PANTS
image: techpinions.com
![Page 62: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/62.jpg)
the web you were used to is gone @albertatrebla
THE FUTURE WAS YESTERDAY
![Page 63: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/63.jpg)
the web you were used to is gone @albertatrebla
THE FUTURE IS YESTERDAY
image: slashgear.com
![Page 64: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/64.jpg)
the web you were used to is gone @albertatrebla
BTW
image: flickr.com/photos/gregoryjordan
![Page 65: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/65.jpg)
the web you were used to is gone @albertatrebla
STEPHEN HAY
![Page 66: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/66.jpg)
the web you were used to is gone @albertatrebla
thank you.@albertatrebla
Illustration: Dan Willis
![Page 67: The web you were used to is gone. Architecture and strategy for your mobile content. (v2)](https://reader034.vdocuments.us/reader034/viewer/2022042814/54c74c074a7959fc688b4597/html5/thumbnails/67.jpg)
the web you were used to is gone @albertatrebla
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/