the web you were used to is gone. architecture and strategy for your content
DESCRIPTION
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 cross-channel experiences. 75 Tutorial presented at UX Scotland 2014TRANSCRIPT
![Page 1: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/1.jpg)
image: flickr.com/photos/gregoryjordan
Architecture and strategy for your mobile content !
!!!!
UX Scotland — Edinburgh, June 19-20 alberta soranzo | @albertatrebla
THE WEB YOU WERE USED TO IS GONE
![Page 2: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/2.jpg)
image: flickr.com/photos/gregoryjordan
![Page 3: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/3.jpg)
REMEMBER THE INTERNET?
image: wtfjeans.com
![Page 4: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/4.jpg)
THE INTERNET IS IN YOUR POCKET
image: wtfjeans.com
![Page 5: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/5.jpg)
WHAT IS MOBILE?
image: huffingtonpost.com (Alamy)
![Page 6: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/6.jpg)
USE
![Page 7: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/7.jpg)
86% of mobile internet users use their device while watching TV.
source: pocketyourshop.wordpress.com
![Page 8: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/8.jpg)
By end of 2014, mobile internet usage will overtake desktop internet usage.
source: pocketyourshop.wordpress.com
![Page 9: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/9.jpg)
Inte
rnet
Use
rs (M
M)
0
500
1000
1500
2000
2007 2009 2011 2013 2015E
Mobile Desktop
![Page 10: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/10.jpg)
Adults spend more time on mobile media than they do on newspapers and magazines combined.
source: pocketyourshop.wordpress.com
![Page 11: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/11.jpg)
what is mobile?
What is mobile?
image: flickr.com/photos/guidedbycthulhu
SO, WHAT IS MOBILE AGAIN?
![Page 12: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/12.jpg)
source: pocketyourshop.wordpress.com
USA
18%
82%
Africa
24%
76%
Asia
30%
70%
![Page 13: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/13.jpg)
This is up 192.5% since 2011.
source: pocketyourshop.wordpress.com
![Page 14: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/14.jpg)
MOBILE ONLY PAGEVIEWS
2010 2013
12.7%3.7%
North America
8.1%1.5%
Europe
22.9%4.5%
Asia
14.2%2.9%
Worldwide
5.3%.9%
South America
16.6%4.8%
Africa
12.8%2.8%
Oceania
![Page 15: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/15.jpg)
99% of smartphone owners use their mobile browser at least once a day.
source: pocketyourshop.wordpress.com
![Page 16: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/16.jpg)
46% of consumers will NOT return to a mobile site that is not working properly.
source: pocketyourshop.wordpress.com
![Page 17: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/17.jpg)
74% of consumers will wait 5 seconds for a web page to load on their mobile device before abandoning the site.
source: pocketyourshop.wordpress.com
![Page 18: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/18.jpg)
39% of business do nothing to make their site mobile-ready.
source: pocketyourshop.wordpress.com
![Page 19: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/19.jpg)
MOBILE ONLY USERS
source: mobithinking.com
Country % mobile-only Country % mobile-only
Egypt 70% Indonesia 44%
India 59% Thailand 32%
South Africa 57% China 30%
Ghana 55% US 25%
Kenya 54% UK 22%
Nigeria 50% Russia 19
![Page 20: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/20.jpg)
SEARCH
![Page 21: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/21.jpg)
95% of mobile users use their devices for local search.
source: pocketyourshop.wordpress.com
![Page 22: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/22.jpg)
52% of all local searches are done from a mobile device.
source: pocketyourshop.wordpress.com
![Page 23: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/23.jpg)
source: pocketyourshop.wordpress.com
3 out of every 5 searches are conducted on a mobile device.
![Page 24: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/24.jpg)
source: pocketyourshop.wordpress.com
9 out of every 10 searches mobile phone searches result in a purchase or visit.
![Page 25: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/25.jpg)
![Page 26: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/26.jpg)
DIRECTV
![Page 27: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/27.jpg)
DO YOU HAVE A WEBSITE?
“You need to get your content onto mobile devices. Period.” — Karen McGrane
![Page 28: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/28.jpg)
WHO DECIDES WHAT MATTERS?
image: flickr.com/photos/d_space
![Page 29: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/29.jpg)
MOBILE IS SOCIAL
image: flickr.com/photos/strandloper/
![Page 30: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/30.jpg)
source: allfacebook.com
![Page 31: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/31.jpg)
source: allfacebook.com
![Page 32: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/32.jpg)
Use
rs (M
M)
0
250
500
750
1000
Q4 12 Q1 13 Q2 13 Q3 13 Q4 13
296254
219189
157
945
874819
751
680
Mobile Mobile Only
![Page 33: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/33.jpg)
NO MORE BOUNDARIES
“If people want to do something on the internet, they will want to do it using their mobile device. Period.” — Karen McGrane
![Page 34: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/34.jpg)
WHAT ABOUT CONTEXT?
image: flickr.com/photos/kattebelletje/
![Page 35: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/35.jpg)
WHAT ABOUT CONTEXT?
image: flickr.com/photos/piblet
![Page 36: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/36.jpg)
ONE SITE
Examples of diffent sites on different platform
![Page 37: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/37.jpg)
MANY DEVICES
![Page 38: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/38.jpg)
image: flickr.com/photos/cannedtuna
THERE IS NO SUCH A THING AS MOBILE INFORMATION ARCHITECTURE
![Page 39: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/39.jpg)
WHAT IS IA?
The structural design of shared information environments.
source: en.wikipedia.org/wiki/Information_architecture
![Page 40: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/40.jpg)
CROSS-CHANNEL IA BLUEPRINT
image: tylertate.com/blog/2012/02/21/cross-channel-ia-blueprint.html
![Page 41: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/41.jpg)
image: journalofia.org/volume1/issue1/02-brugnoli/jofia-0101-02-brugnoli.pdf
TOUCHPOINTS MATRIX
![Page 42: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/42.jpg)
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 43: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/43.jpg)
DESKTOP
![Page 44: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/44.jpg)
TABLET
![Page 45: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/45.jpg)
MOBILE
![Page 46: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/46.jpg)
MOBILE PATTERNS
The organization structure is usually hierarchical, but can have other structures, such as concentric or even chaotic.
image: Android Design Patterns
STRUCTURE AS DESIGN PATTERNSWAYFINDING
![Page 47: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/47.jpg)
MOBILE PATTERNS - HIERARCHY
source: uxbooth.com
![Page 48: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/48.jpg)
MOBILE PATTERNS - HIERARCHY
![Page 49: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/49.jpg)
MOBILE PATTERNS - HUB & SPOKE
source: uxbooth.com
![Page 50: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/50.jpg)
MOBILE PATTERNS - HUB & SPOKE
![Page 51: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/51.jpg)
MOBILE PATTERNS - NESTED DOLL
source: uxbooth.com
![Page 52: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/52.jpg)
MOBILE PATTERNS - NESTED DOLL
![Page 53: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/53.jpg)
MOBILE PATTERNS - TABBED VIEW
source: uxbooth.com
![Page 54: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/54.jpg)
MOBILE PATTERNS - TABBED VIEW
![Page 55: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/55.jpg)
MOBILE PATTERNS - BENTO BOX
source: uxbooth.com
![Page 56: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/56.jpg)
MOBILE PATTERNS - BENTO BOX
![Page 57: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/57.jpg)
MOBILE PATTERNS - FILTERED VIEW
source: uxbooth.com
![Page 58: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/58.jpg)
MOBILE PATTERNS - FILTERED VIEW
Filter Filter
![Page 59: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/59.jpg)
image: flickr.com/photos/10ch
MANAGING INFORMATION TO CREATE MEANINGSENSE-MAKING
![Page 60: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/60.jpg)
CONTENT = INFORMATION
“Typically information foraging must be analysed as decision making under uncertainty” — Peter Pirolli
![Page 61: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/61.jpg)
PROGRESSIVE DISCLOSURE
![Page 62: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/62.jpg)
WAYFINDING FOR SENSEMAKING
![Page 63: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/63.jpg)
THE HOMEPAGE IS DEAD
![Page 64: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/64.jpg)
image: martinbelam.com
THE BUZZFEED ARTICLE
![Page 65: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/65.jpg)
image: martinbelam.com
THE NYTIMES REPORT
![Page 66: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/66.jpg)
image: martinbelam.com
![Page 67: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/67.jpg)
ACTUALLY, NOT YET
![Page 68: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/68.jpg)
![Page 69: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/69.jpg)
![Page 70: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/70.jpg)
![Page 71: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/71.jpg)
![Page 72: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/72.jpg)
THERE IS NO SUCH A THING AS
MOBILE CONTENT STRATEGY
image: abookapart.com
![Page 73: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/73.jpg)
THE CHALLENGE
Adaptive content is more than just “mobile.” It means getting your content into a format so you can share and distribute it to any platform you want. It means you can get your content onto platforms you control—and platforms you don’t. It even means you’ll have a fighting shot at getting your content onto platforms that haven’t been invented yet.
![Page 74: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/74.jpg)
ADAPTIVE CONTENT
Reusable Strong structure Independent of presentation layer Metadata Content Management System (CMS)
![Page 75: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/75.jpg)
ADAPTIVE CONTENT
Adaptive content is more than just “mobile.” It means getting your content into a format so you can share and distribute it to any platform you want. It means you can get your content onto platforms you control—and platforms you don’t. It even means you’ll have a fighting shot at getting your content onto platforms that haven’t been invented yet.
![Page 76: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/76.jpg)
REUSABLE CONTENT
Find examples
![Page 77: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/77.jpg)
CONTENT MODEL
![Page 78: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/78.jpg)
NEWSLETTER SIGNUP
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)
STRUCTURED CONTENT
![Page 79: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/79.jpg)
STRUCTURED CONTENT
NEWSLETTER SIGNUP
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)
CAROUSEL PHOTO THUMB
FEATURED PRODUCT 2 (3 WORDS MAX)
![Page 80: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/80.jpg)
METADATA
image: http://dev.npr.org/#station-finder-api-examples
![Page 81: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/81.jpg)
THE INTERNET IN YOUR POCKET
image: techpinions.com
![Page 82: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/82.jpg)
THE FUTURE WAS YESTERDAY
![Page 83: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/83.jpg)
THE FUTURE IS YESTERDAY
image: slashgear.com
![Page 84: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/84.jpg)
BTW
image: flickr.com/photos/gregoryjordan
![Page 85: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/85.jpg)
STEPHEN HAY
![Page 87: The web you were used to is gone. Architecture and strategy for your content](https://reader036.vdocuments.us/reader036/viewer/2022081323/540cec767bef0a84278b8163/html5/thumbnails/87.jpg)
RESOURCES
Content Strategy for Mobile Karen McGrane A Book Apart, 2011 !Pervasive Information Architecture Andrea Resmini, Luca Rosati Morgan Kaufman, 2012 !Content Everywhere Sara Wachter-Boettcher Rosenfeld Media, 2012 !Android Design Patterns Greg Nudelman Wiley, 2013 !Information Foraging Theory: Adaptive Interaction with Information Peter Tirolli Oxford 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/