SlideShare una empresa de Scribd logo
1 de 67
Descargar para leer sin conexión
THE WEB YOU WERE USED TO IS GONE
Architecture and strategy for your mobile content

alberta soranzo | @albertatrebla

image: flickr.com/photos/gregoryjordan

the web you were used to is gone

@albertatrebla
REMEMBER THE INTERNET?

image: wtfjeans.com

the web you were used to is gone

@albertatrebla
THE INTERNET IS IN YOUR PANTS

image: wtfjeans.com

the web you were used to is gone

@albertatrebla
WHAT IS MOBILE?

image: huffingtonpost.com (Alamy)

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

the web you were used to is gone

@albertatrebla
MOBILE ONLY PAGEVIEWS

the web you were used to is gone

@albertatrebla
WHAT IS MOBILE?

image: flickr.com/photos/guidedbycthulhu

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

the web you were used to is gone

@albertatrebla
MOBILE ONLY USERS

source: mobithinking.com

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

the web you were used to is gone

@albertatrebla
DIRECTV

the web you were used to is gone

@albertatrebla
DIRECTV

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

the web you were used to is gone

@albertatrebla
WHO DECIDES WHAT MATTERS?

image: flickr.com/photos/d_space

the web you were used to is gone

@albertatrebla
MOBILE IS SOCIAL

image: flickr.com/photos/strandloper/

the web you were used to is gone

@albertatrebla
MOBILE ONLY FACEBOOK

source: allfacebook.com

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

the web you were used to is gone

@albertatrebla
WHAT ABOUT CONTEXT?

image: flickr.com/photos/kattebelletje/

the web you were used to is gone

@albertatrebla
WHAT ABOUT CONTEXT?

image: flickr.com/photos/piblet

the web you were used to is gone

@albertatrebla
ONE SITE

the web you were used to is gone

@albertatrebla
MANY DEVICES

the web you were used to is gone

@albertatrebla
THERE IS NO SUCH A THING AS
MOBILE IA
image: flickr.com/photos/cannedtuna

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

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

the web you were used to is gone

@albertatrebla
TOUCHPOINTS MATRIX

image: journalofia.org/volume1/issue1/02-brugnoli/jofia-0101-02-brugnoli.pdf

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

the web you were used to is gone

@albertatrebla
DESKTOP

the web you were used to is gone

@albertatrebla
TABLET

the web you were used to is gone

@albertatrebla
MOBILE

the web you were used to is gone

@albertatrebla
WAYFINDING

STRUCTURE AS DESIGN PATTERNS

image: Android Design Patterns

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - HYERARCHY

source: uxbooth.com

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - HYERARCHY

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - HUB & SPOKE

source: uxbooth.com

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - HUB & SPOKE

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - NESTED DOLL

source: uxbooth.com

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - NESTED DOLL

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - TABBED VIEW

source: uxbooth.com

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - TABBED VIEW

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - BENTO BOX

source: uxbooth.com

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - BENTO BOX

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - FILTERED VIEW

source: uxbooth.com

the web you were used to is gone

@albertatrebla
MOBILE PATTERNS - FILTERED VIEW

Filter

the web you were used to is gone

Filter

@albertatrebla
SENSEMAKING

MANAGING INFORMATION TO CREATE MEANING

image: flickr.com/photos/10ch

the web you were used to is gone

@albertatrebla
CONTENT = INFORMATION

“Typically information foraging must be
analysed as decision making under uncertainty”
— Peter Pirolli

the web you were used to is gone

@albertatrebla
CONTENT = INFORMATION

“A strong information layer is the key to crosschannel success”
— Andrea Resmini and Luca Rosati

the web you were used to is gone

@albertatrebla
WAYFINDING FOR SENSEMAKING

the web you were used to is gone

@albertatrebla
THERE IS NO SUCH A THING AS
MOBILE CONTENT STRATEGY
image: abookapart.com

the web you were used to is gone

@albertatrebla
THE CHALLENGE

the web you were used to is gone

@albertatrebla
ADAPTIVE CONTENT

•
•
•
•
•

Reusable
Strong structure
Independent of presentation layer
Metadata
Content Management System (CMS)

the web you were used to is gone

@albertatrebla
ADAPTIVE CONTENT

the web you were used to is gone

@albertatrebla
REUSABLE CONTENT

the web you were used to is gone

@albertatrebla
STRUCTURED CONTENT

the web you were used to is gone

@albertatrebla
STRUCTURED CONTENT
GLOBAL NAVIGATION AND SERVICE LINKS

SEARCH

LOGO AND SLOGAN

MAIN NAVIGATION

SLIDE TITLE (10 WORDS MAX)

FEATURED PRODUCT 1
(3 WORDS MAX)

CAROUSEL PHOTO
FEATURED PRODUCT 2
(3 WORDS MAX)

PUB SEARCH

SLIDE TEASER (50 WORDS MAX)

ASK THE EXPERT
(100 WORDS MAX)

HEALTH CARE REFORM
(100 WORDS MAX)

PROGRAM 1
(50 WORDS MAX)

PROGRAM 2
(50 WORDS MAX)

PROGRAM 2
(50 WORDS MAX)

PROGRAM 1
(50 WORDS MAX)

the web you were used to is gone

TOPIC CENTER
(10 LINKS x 4 WORDS MAX)

PROGRAM 2
(50 WORDS MAX)

SPOTLIGHT
(100 WORDS MAX)

PROGRAM 2
(50 WORDS MAX)

NEWS
(5 LINKS x 10 WORDS MAX)

NEWSLETTER
SIGNUP

@albertatrebla
STRUCTURED CONTENT
GLOBAL NAVIGATION AND SERVICE LINKS

SEARCH

LOGO AND SLOGAN

MAIN NAVIGATION

SLIDE TITLE (10 WORDS MAX)

FEATURED PRODUCT 1
(3 WORDS MAX)

CAROUSEL PHOTO
FEATURED PRODUCT 2
(3 WORDS MAX)

PUB SEARCH

SLIDE TEASER (50 WORDS MAX)

ASK THE EXPERT
(100 WORDS MAX)

HEALTH CARE REFORM
(100 WORDS MAX)

PROGRAM 1
(50 WORDS MAX)

PROGRAM 2
(50 WORDS MAX)

PROGRAM 2
(50 WORDS MAX)

PROGRAM 1
(50 WORDS MAX)

the web you were used to is gone

TOPIC CENTER
(10 LINKS x 4 WORDS MAX)

PROGRAM 2
(50 WORDS MAX)

SPOTLIGHT
(100 WORDS MAX)

PROGRAM 2
(50 WORDS MAX)

NEWS
(5 LINKS x 10 WORDS MAX)

NEWSLETTER
SIGNUP

@albertatrebla
STRUCTURED CONTENT

GLOBAL NAVIGATION AND SERVICE LINKS

SEARCH

SLIDE TITLE (10 WORDS MAX)

NAV

CAROUSEL PHOTO

SEARCH (SITE AND PUBS)

CAROUSEL
PHOTO
THUMB

SLIDE TEASER SHORT
(10 WORDS MAX)

SLIDE TEASER (50 WORDS MAX)
FEATURED PRODUCT 1
(3 WORDS MAX)
FEATURED PRODUCT 1
(3 WORDS MAX)

PUB SEARCH
FEATURED PRODUCT 2
(3 WORDS MAX)

FEATURED PRODUCT 2
(3 WORDS MAX)
TOPIC CENTER
(10 LINKS x 4 WORDS MAX)
NEWS
(5 LINKS x 10
WORDS MAX)

TOPIC CENTER
(5 LINKS x 4 WORDS
MAX)

NEWS
(5 LINKS x 10 WORDS MAX)
NEWSLETTER
SIGNUP

the web you were used to is gone

@albertatrebla
STRUCTURED CONTENT

GLOBAL NAVIGATION AND SERVICE LINKS

SEARCH

SLIDE TITLE (10 WORDS MAX)

NAV

CAROUSEL PHOTO

SEARCH (SITE AND PUBS)

CAROUSEL
PHOTO
THUMB

SLIDE TEASER SHORT
(10 WORDS MAX)

SLIDE TEASER (50 WORDS MAX)
FEATURED PRODUCT 1
(3 WORDS MAX)
FEATURED PRODUCT 1
(3 WORDS MAX)

PUB SEARCH
FEATURED PRODUCT 2
(3 WORDS MAX)

FEATURED PRODUCT 2
(3 WORDS MAX)
TOPIC CENTER
(10 LINKS x 4 WORDS MAX)
NEWS
(5 LINKS x 10
WORDS MAX)

TOPIC CENTER
(5 LINKS x 4 WORDS
MAX)

NEWS
(5 LINKS x 10 WORDS MAX)
NEWSLETTER
SIGNUP

the web you were used to is gone

@albertatrebla
STRUCTURED CONTENT

GLOBAL NAVIGATION AND SERVICE LINKS

SEARCH

SLIDE TITLE (10 WORDS MAX)

NAV

CAROUSEL PHOTO

SEARCH (SITE AND PUBS)

CAROUSEL
PHOTO
THUMB

SLIDE TEASER SHORT
(10 WORDS MAX)

SLIDE TEASER (50 WORDS MAX)
FEATURED PRODUCT 1
(3 WORDS MAX)
FEATURED PRODUCT 1
(3 WORDS MAX)

PUB SEARCH
FEATURED PRODUCT 2
(3 WORDS MAX)

FEATURED PRODUCT 2
(3 WORDS MAX)
TOPIC CENTER
(10 LINKS x 4 WORDS MAX)
NEWS
(5 LINKS x 10
WORDS MAX)

TOPIC CENTER
(5 LINKS x 4 WORDS
MAX)

NEWS
(5 LINKS x 10 WORDS MAX)
NEWSLETTER
SIGNUP

the web you were used to is gone

@albertatrebla
STRUCTURED CONTENT

GLOBAL NAVIGATION AND SERVICE LINKS

SEARCH

SLIDE TITLE (10 WORDS MAX)

NAV

CAROUSEL PHOTO

SEARCH (SITE AND PUBS)

CAROUSEL
PHOTO
THUMB

SLIDE TEASER SHORT
(10 WORDS MAX)

SLIDE TEASER (50 WORDS MAX)
FEATURED PRODUCT 1
(3 WORDS MAX)
FEATURED PRODUCT 1
(3 WORDS MAX)

PUB SEARCH
FEATURED PRODUCT 2
(3 WORDS MAX)

FEATURED PRODUCT 2
(3 WORDS MAX)
TOPIC CENTER
(10 LINKS x 4 WORDS MAX)
NEWS
(5 LINKS x 10
WORDS MAX)

TOPIC CENTER
(5 LINKS x 4 WORDS
MAX)

NEWS
(5 LINKS x 10 WORDS MAX)
NEWSLETTER
SIGNUP

the web you were used to is gone

@albertatrebla
METADATA

image: http://dev.npr.org/#station-finder-api-examples

the web you were used to is gone

@albertatrebla
PROGRESSIVE DISCLOSURE

the web you were used to is gone

@albertatrebla
THE INTERNET IN YOUR PANTS

image: techpinions.com

the web you were used to is gone

@albertatrebla
THE FUTURE WAS YESTERDAY

the web you were used to is gone

@albertatrebla
THE FUTURE IS YESTERDAY

image: slashgear.com

the web you were used to is gone

@albertatrebla
BTW

image: flickr.com/photos/gregoryjordan

the web you were used to is gone

@albertatrebla
STEPHEN HAY

the web you were used to is gone

@albertatrebla
thank you.
@albertatrebla
albertasoranzo@gmail.com
albertasoranzo.com

Illustration: Dan Willis

the web you were used to is gone

@albertatrebla
RESOURCES
Content Strategy for Mobile
Karen McGrane
A Book Apart, 2011
Pervasive Information Architecture
Andrea Resmini, Luca Rosati
Morgan Kaufman, 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/

the web you were used to is gone

@albertatrebla

Más contenido relacionado

La actualidad más candente

Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016MobileMoxie
 
SearchLove Boston 2016 | Larry Kim | Hacking RankBrain: Four Strategies You’l...
SearchLove Boston 2016 | Larry Kim | Hacking RankBrain: Four Strategies You’l...SearchLove Boston 2016 | Larry Kim | Hacking RankBrain: Four Strategies You’l...
SearchLove Boston 2016 | Larry Kim | Hacking RankBrain: Four Strategies You’l...Distilled
 
Technical SEO - Gone is Never Gone - Fixing Generational Cruft and Technical ...
Technical SEO - Gone is Never Gone - Fixing Generational Cruft and Technical ...Technical SEO - Gone is Never Gone - Fixing Generational Cruft and Technical ...
Technical SEO - Gone is Never Gone - Fixing Generational Cruft and Technical ...Dawn Anderson MSc DigM
 
Mist concept introduction with notes
Mist concept introduction with notesMist concept introduction with notes
Mist concept introduction with notesEthereum
 
SEO Cannibalisation of Your Own SEO Success
SEO Cannibalisation of Your Own SEO SuccessSEO Cannibalisation of Your Own SEO Success
SEO Cannibalisation of Your Own SEO SuccessDawn Anderson MSc DigM
 
Dawn Anderson SEO Consumer Choice Crawl Budget Optimization Conflicts
Dawn Anderson SEO Consumer Choice Crawl Budget Optimization ConflictsDawn Anderson SEO Consumer Choice Crawl Budget Optimization Conflicts
Dawn Anderson SEO Consumer Choice Crawl Budget Optimization ConflictsDawn Anderson MSc DigM
 
Who Wants to Use QR Codes
Who Wants to Use QR CodesWho Wants to Use QR Codes
Who Wants to Use QR CodesJudy Horn
 
ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALATechSource
 
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Anna Dahlström
 
Things I Wish People Told Me About Writing Docs
Things I Wish People Told Me About Writing DocsThings I Wish People Told Me About Writing Docs
Things I Wish People Told Me About Writing DocsTaylor Barnett
 

La actualidad más candente (13)

Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
Indexing on Fire: Google Firebase Native & Web App Indexing - MozCon 2016
 
SearchLove Boston 2016 | Larry Kim | Hacking RankBrain: Four Strategies You’l...
SearchLove Boston 2016 | Larry Kim | Hacking RankBrain: Four Strategies You’l...SearchLove Boston 2016 | Larry Kim | Hacking RankBrain: Four Strategies You’l...
SearchLove Boston 2016 | Larry Kim | Hacking RankBrain: Four Strategies You’l...
 
Facebook Coin
Facebook CoinFacebook Coin
Facebook Coin
 
10 years of google
10 years of google10 years of google
10 years of google
 
Technical SEO - Gone is Never Gone - Fixing Generational Cruft and Technical ...
Technical SEO - Gone is Never Gone - Fixing Generational Cruft and Technical ...Technical SEO - Gone is Never Gone - Fixing Generational Cruft and Technical ...
Technical SEO - Gone is Never Gone - Fixing Generational Cruft and Technical ...
 
Mist concept introduction with notes
Mist concept introduction with notesMist concept introduction with notes
Mist concept introduction with notes
 
SEO Cannibalisation of Your Own SEO Success
SEO Cannibalisation of Your Own SEO SuccessSEO Cannibalisation of Your Own SEO Success
SEO Cannibalisation of Your Own SEO Success
 
Dawn Anderson SEO Consumer Choice Crawl Budget Optimization Conflicts
Dawn Anderson SEO Consumer Choice Crawl Budget Optimization ConflictsDawn Anderson SEO Consumer Choice Crawl Budget Optimization Conflicts
Dawn Anderson SEO Consumer Choice Crawl Budget Optimization Conflicts
 
Who Wants to Use QR Codes
Who Wants to Use QR CodesWho Wants to Use QR Codes
Who Wants to Use QR Codes
 
ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional
 
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
Bulding Device Agnostic UX Systems - Generate London, 23 Sep 2016
 
Things I Wish People Told Me About Writing Docs
Things I Wish People Told Me About Writing DocsThings I Wish People Told Me About Writing Docs
Things I Wish People Told Me About Writing Docs
 
BarCamp Delhi 6 Quiz
BarCamp Delhi 6 QuizBarCamp Delhi 6 Quiz
BarCamp Delhi 6 Quiz
 

Similar a The web you were used to is gone. Architecture and strategy for your mobile content. (v2)

The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...Alberta Soranzo
 
The internet in your pants
The internet in your pantsThe internet in your pants
The internet in your pantsAlberta Soranzo
 
The web you were used to is gone. Architecture and strategy for your content.
The web you were used to is gone. Architecture and strategy for your content.The web you were used to is gone. Architecture and strategy for your content.
The web you were used to is gone. Architecture and strategy for your content.Alberta Soranzo
 
Adaptive Mobile UX Design
Adaptive Mobile UX DesignAdaptive Mobile UX Design
Adaptive Mobile UX DesignJen Matson
 
Linked data - A radical change?
Linked data - A radical change?Linked data - A radical change?
Linked data - A radical change?Richard Wallis
 
The web you were used to is gone - UX Australia 2014
The web you were used to is gone - UX Australia 2014The web you were used to is gone - UX Australia 2014
The web you were used to is gone - UX Australia 2014Alberta Soranzo
 
HTML Design for Devices
HTML Design for DevicesHTML Design for Devices
HTML Design for DevicesTerry Ryan
 
Open Hack London - Introduction to YQL
Open Hack London - Introduction to YQLOpen Hack London - Introduction to YQL
Open Hack London - Introduction to YQLChristian Heilmann
 
The web you were used to is gone — EuroIA 2014
The web you were used to is gone — EuroIA 2014The web you were used to is gone — EuroIA 2014
The web you were used to is gone — EuroIA 2014Alberta Soranzo
 
You keep saying mobile (I do not think it means what you think it means)
You keep saying mobile (I do not think it means what you think it means)You keep saying mobile (I do not think it means what you think it means)
You keep saying mobile (I do not think it means what you think it means)Alberta Soranzo
 
UCD14 Talk - Alberta Soranzo - You Keep Saying Mobile (but I don’t think it m...
UCD14 Talk - Alberta Soranzo - You Keep Saying Mobile (but I don’t think it m...UCD14 Talk - Alberta Soranzo - You Keep Saying Mobile (but I don’t think it m...
UCD14 Talk - Alberta Soranzo - You Keep Saying Mobile (but I don’t think it m...UCD UK Ltd
 
Adapting to Responsive Design - Matt Gibson
Adapting to Responsive Design - Matt GibsonAdapting to Responsive Design - Matt Gibson
Adapting to Responsive Design - Matt GibsonUXPA International
 
Adapting to Responsive Design - UXPA2015
Adapting to Responsive Design - UXPA2015Adapting to Responsive Design - UXPA2015
Adapting to Responsive Design - UXPA2015Matt Gibson
 
Linked Data Challenge and Opportunity
Linked Data Challenge and OpportunityLinked Data Challenge and Opportunity
Linked Data Challenge and OpportunityRichard Wallis
 
Flow of Product Quality
Flow of Product QualityFlow of Product Quality
Flow of Product QualityMatt Barcomb
 
Flowofproductqualityleanux15 150419180701-conversion-gate01
Flowofproductqualityleanux15 150419180701-conversion-gate01Flowofproductqualityleanux15 150419180701-conversion-gate01
Flowofproductqualityleanux15 150419180701-conversion-gate01Dale Sternberg
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline Worldelliotjaystocks
 
Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...
Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...
Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...Matt Gibson
 
Semantic Web
Semantic WebSemantic Web
Semantic Webgregreser
 

Similar a The web you were used to is gone. Architecture and strategy for your mobile content. (v2) (20)

The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...The web you were used to is gone. Architecture and strategy for your mobile c...
The web you were used to is gone. Architecture and strategy for your mobile c...
 
The internet in your pants
The internet in your pantsThe internet in your pants
The internet in your pants
 
Internet in your pocket
Internet in your pocketInternet in your pocket
Internet in your pocket
 
The web you were used to is gone. Architecture and strategy for your content.
The web you were used to is gone. Architecture and strategy for your content.The web you were used to is gone. Architecture and strategy for your content.
The web you were used to is gone. Architecture and strategy for your content.
 
Adaptive Mobile UX Design
Adaptive Mobile UX DesignAdaptive Mobile UX Design
Adaptive Mobile UX Design
 
Linked data - A radical change?
Linked data - A radical change?Linked data - A radical change?
Linked data - A radical change?
 
The web you were used to is gone - UX Australia 2014
The web you were used to is gone - UX Australia 2014The web you were used to is gone - UX Australia 2014
The web you were used to is gone - UX Australia 2014
 
HTML Design for Devices
HTML Design for DevicesHTML Design for Devices
HTML Design for Devices
 
Open Hack London - Introduction to YQL
Open Hack London - Introduction to YQLOpen Hack London - Introduction to YQL
Open Hack London - Introduction to YQL
 
The web you were used to is gone — EuroIA 2014
The web you were used to is gone — EuroIA 2014The web you were used to is gone — EuroIA 2014
The web you were used to is gone — EuroIA 2014
 
You keep saying mobile (I do not think it means what you think it means)
You keep saying mobile (I do not think it means what you think it means)You keep saying mobile (I do not think it means what you think it means)
You keep saying mobile (I do not think it means what you think it means)
 
UCD14 Talk - Alberta Soranzo - You Keep Saying Mobile (but I don’t think it m...
UCD14 Talk - Alberta Soranzo - You Keep Saying Mobile (but I don’t think it m...UCD14 Talk - Alberta Soranzo - You Keep Saying Mobile (but I don’t think it m...
UCD14 Talk - Alberta Soranzo - You Keep Saying Mobile (but I don’t think it m...
 
Adapting to Responsive Design - Matt Gibson
Adapting to Responsive Design - Matt GibsonAdapting to Responsive Design - Matt Gibson
Adapting to Responsive Design - Matt Gibson
 
Adapting to Responsive Design - UXPA2015
Adapting to Responsive Design - UXPA2015Adapting to Responsive Design - UXPA2015
Adapting to Responsive Design - UXPA2015
 
Linked Data Challenge and Opportunity
Linked Data Challenge and OpportunityLinked Data Challenge and Opportunity
Linked Data Challenge and Opportunity
 
Flow of Product Quality
Flow of Product QualityFlow of Product Quality
Flow of Product Quality
 
Flowofproductqualityleanux15 150419180701-conversion-gate01
Flowofproductqualityleanux15 150419180701-conversion-gate01Flowofproductqualityleanux15 150419180701-conversion-gate01
Flowofproductqualityleanux15 150419180701-conversion-gate01
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline World
 
Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...
Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...
Adapting to Responsive Web Design - Figaro Digital Mobile Seminar - 11 Septem...
 
Semantic Web
Semantic WebSemantic Web
Semantic Web
 

Más de Alberta Soranzo

The architecture of talent (UX Australia 2017)
The architecture of talent (UX Australia 2017)The architecture of talent (UX Australia 2017)
The architecture of talent (UX Australia 2017)Alberta Soranzo
 
Our eternal digital afterlife — FrontTrends 2016
Our eternal digital afterlife — FrontTrends 2016Our eternal digital afterlife — FrontTrends 2016
Our eternal digital afterlife — FrontTrends 2016Alberta Soranzo
 
The design of things you don't want to think about — WIAD 2016 Jönköping
The design of things you don't want to think about — WIAD 2016 Jönköping The design of things you don't want to think about — WIAD 2016 Jönköping
The design of things you don't want to think about — WIAD 2016 Jönköping Alberta Soranzo
 
Our eternal digital afterlife — UCD 2015
Our eternal digital afterlife — UCD 2015Our eternal digital afterlife — UCD 2015
Our eternal digital afterlife — UCD 2015Alberta Soranzo
 
Our eternal digital life — GIANT Conference
Our eternal digital life — GIANT ConferenceOur eternal digital life — GIANT Conference
Our eternal digital life — GIANT ConferenceAlberta Soranzo
 
Testing Taxonomies: Beyond Card Sorting
Testing Taxonomies: Beyond Card SortingTesting Taxonomies: Beyond Card Sorting
Testing Taxonomies: Beyond Card SortingAlberta Soranzo
 
Dr. Experience & Mr. Product
Dr. Experience & Mr. ProductDr. Experience & Mr. Product
Dr. Experience & Mr. ProductAlberta Soranzo
 
Our eternal (digital) afterlife
Our eternal (digital) afterlifeOur eternal (digital) afterlife
Our eternal (digital) afterlifeAlberta Soranzo
 
Experience at the edge of the network – Italian IA Summit
Experience at the edge of the network – Italian IA SummitExperience at the edge of the network – Italian IA Summit
Experience at the edge of the network – Italian IA SummitAlberta Soranzo
 
Our eternal [digital] life
Our eternal [digital] lifeOur eternal [digital] life
Our eternal [digital] lifeAlberta Soranzo
 
Experience at the edge of the network - Interact London 2014
Experience at the edge of the network - Interact London 2014Experience at the edge of the network - Interact London 2014
Experience at the edge of the network - Interact London 2014Alberta Soranzo
 
Experience at the edge of the network
Experience at the edge of the networkExperience at the edge of the network
Experience at the edge of the networkAlberta Soranzo
 
To have and to hold (Ignite)
To have and to hold (Ignite)To have and to hold (Ignite)
To have and to hold (Ignite)Alberta Soranzo
 
From Broad Street to California
From Broad Street to CaliforniaFrom Broad Street to California
From Broad Street to CaliforniaAlberta Soranzo
 
Taming Taxonomy - The workshop (IA Summit 2014)
Taming Taxonomy - The workshop (IA Summit 2014)Taming Taxonomy - The workshop (IA Summit 2014)
Taming Taxonomy - The workshop (IA Summit 2014)Alberta Soranzo
 
Digital Touchpoints - Thinking Beyond The Device
Digital Touchpoints - Thinking Beyond The DeviceDigital Touchpoints - Thinking Beyond The Device
Digital Touchpoints - Thinking Beyond The DeviceAlberta Soranzo
 
Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’...
Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’...Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’...
Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’...Alberta Soranzo
 
Taming taxonomy—a practical intro (v3)
Taming taxonomy—a practical intro (v3)Taming taxonomy—a practical intro (v3)
Taming taxonomy—a practical intro (v3)Alberta Soranzo
 

Más de Alberta Soranzo (20)

The architecture of talent (UX Australia 2017)
The architecture of talent (UX Australia 2017)The architecture of talent (UX Australia 2017)
The architecture of talent (UX Australia 2017)
 
Our eternal digital afterlife — FrontTrends 2016
Our eternal digital afterlife — FrontTrends 2016Our eternal digital afterlife — FrontTrends 2016
Our eternal digital afterlife — FrontTrends 2016
 
The design of things you don't want to think about — WIAD 2016 Jönköping
The design of things you don't want to think about — WIAD 2016 Jönköping The design of things you don't want to think about — WIAD 2016 Jönköping
The design of things you don't want to think about — WIAD 2016 Jönköping
 
Our eternal digital afterlife — UCD 2015
Our eternal digital afterlife — UCD 2015Our eternal digital afterlife — UCD 2015
Our eternal digital afterlife — UCD 2015
 
Our eternal digital life — GIANT Conference
Our eternal digital life — GIANT ConferenceOur eternal digital life — GIANT Conference
Our eternal digital life — GIANT Conference
 
Outcomes that matter
Outcomes that matterOutcomes that matter
Outcomes that matter
 
Testing Taxonomies: Beyond Card Sorting
Testing Taxonomies: Beyond Card SortingTesting Taxonomies: Beyond Card Sorting
Testing Taxonomies: Beyond Card Sorting
 
Dr. Experience & Mr. Product
Dr. Experience & Mr. ProductDr. Experience & Mr. Product
Dr. Experience & Mr. Product
 
Our eternal (digital) afterlife
Our eternal (digital) afterlifeOur eternal (digital) afterlife
Our eternal (digital) afterlife
 
Draw me a sheep
Draw me a sheepDraw me a sheep
Draw me a sheep
 
Experience at the edge of the network – Italian IA Summit
Experience at the edge of the network – Italian IA SummitExperience at the edge of the network – Italian IA Summit
Experience at the edge of the network – Italian IA Summit
 
Our eternal [digital] life
Our eternal [digital] lifeOur eternal [digital] life
Our eternal [digital] life
 
Experience at the edge of the network - Interact London 2014
Experience at the edge of the network - Interact London 2014Experience at the edge of the network - Interact London 2014
Experience at the edge of the network - Interact London 2014
 
Experience at the edge of the network
Experience at the edge of the networkExperience at the edge of the network
Experience at the edge of the network
 
To have and to hold (Ignite)
To have and to hold (Ignite)To have and to hold (Ignite)
To have and to hold (Ignite)
 
From Broad Street to California
From Broad Street to CaliforniaFrom Broad Street to California
From Broad Street to California
 
Taming Taxonomy - The workshop (IA Summit 2014)
Taming Taxonomy - The workshop (IA Summit 2014)Taming Taxonomy - The workshop (IA Summit 2014)
Taming Taxonomy - The workshop (IA Summit 2014)
 
Digital Touchpoints - Thinking Beyond The Device
Digital Touchpoints - Thinking Beyond The DeviceDigital Touchpoints - Thinking Beyond The Device
Digital Touchpoints - Thinking Beyond The Device
 
Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’...
Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’...Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’...
Due o tre cose che ho imparato (La figura dell’UX designer e architetto dell’...
 
Taming taxonomy—a practical intro (v3)
Taming taxonomy—a practical intro (v3)Taming taxonomy—a practical intro (v3)
Taming taxonomy—a practical intro (v3)
 

Último

AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfAnna Loughnan Colquhoun
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceMartin Humpolec
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Digital magic. A small project for controlling smart light bulbs.
Digital magic. A small project for controlling smart light bulbs.Digital magic. A small project for controlling smart light bulbs.
Digital magic. A small project for controlling smart light bulbs.francesco barbera
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataCloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataSafe Software
 

Último (20)

AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdf
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your Salesforce
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Digital magic. A small project for controlling smart light bulbs.
Digital magic. A small project for controlling smart light bulbs.Digital magic. A small project for controlling smart light bulbs.
Digital magic. A small project for controlling smart light bulbs.
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial DataCloud Revolution: Exploring the New Wave of Serverless Spatial Data
Cloud Revolution: Exploring the New Wave of Serverless Spatial Data
 

The web you were used to is gone. Architecture and strategy for your mobile content. (v2)

  • 1. THE WEB YOU WERE USED TO IS GONE Architecture and strategy for your mobile content alberta soranzo | @albertatrebla image: flickr.com/photos/gregoryjordan the web you were used to is gone @albertatrebla
  • 2. REMEMBER THE INTERNET? image: wtfjeans.com the web you were used to is gone @albertatrebla
  • 3. THE INTERNET IS IN YOUR PANTS image: wtfjeans.com the web you were used to is gone @albertatrebla
  • 4. WHAT IS MOBILE? image: huffingtonpost.com (Alamy) the web you were used to is gone @albertatrebla
  • 5. 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 the web you were used to is gone @albertatrebla
  • 6. MOBILE ONLY PAGEVIEWS the web you were used to is gone @albertatrebla
  • 7. WHAT IS MOBILE? image: flickr.com/photos/guidedbycthulhu the web you were used to is gone @albertatrebla
  • 8. 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 the web you were used to is gone @albertatrebla
  • 9. MOBILE ONLY USERS source: mobithinking.com the web you were used to is gone @albertatrebla
  • 10. 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 the web you were used to is gone @albertatrebla
  • 11. DIRECTV the web you were used to is gone @albertatrebla
  • 12. DIRECTV the web you were used to is gone @albertatrebla
  • 13. DO YOU HAVE A WEBSITE? “You need to get your content onto mobile devices. Period.” — Karen McGrane the web you were used to is gone @albertatrebla
  • 14. WHO DECIDES WHAT MATTERS? image: flickr.com/photos/d_space the web you were used to is gone @albertatrebla
  • 15. MOBILE IS SOCIAL image: flickr.com/photos/strandloper/ the web you were used to is gone @albertatrebla
  • 16. MOBILE ONLY FACEBOOK source: allfacebook.com the web you were used to is gone @albertatrebla
  • 17. 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 the web you were used to is gone @albertatrebla
  • 18. WHAT ABOUT CONTEXT? image: flickr.com/photos/kattebelletje/ the web you were used to is gone @albertatrebla
  • 19. WHAT ABOUT CONTEXT? image: flickr.com/photos/piblet the web you were used to is gone @albertatrebla
  • 20. ONE SITE the web you were used to is gone @albertatrebla
  • 21. MANY DEVICES the web you were used to is gone @albertatrebla
  • 22. THERE IS NO SUCH A THING AS MOBILE IA image: flickr.com/photos/cannedtuna the web you were used to is gone @albertatrebla
  • 23. WHAT IS IA? The structural design of shared information environments. source: en.wikipedia.org/wiki/Information_architecture the web you were used to is gone @albertatrebla
  • 24. CROSS-CHANNEL IA BLUEPRINT image: tylertate.com/blog/2012/02/21/cross-channel-ia-blueprint.html the web you were used to is gone @albertatrebla
  • 26. 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 the web you were used to is gone @albertatrebla
  • 27. DESKTOP the web you were used to is gone @albertatrebla
  • 28. TABLET the web you were used to is gone @albertatrebla
  • 29. MOBILE the web you were used to is gone @albertatrebla
  • 30. WAYFINDING STRUCTURE AS DESIGN PATTERNS image: Android Design Patterns the web you were used to is gone @albertatrebla
  • 31. MOBILE PATTERNS - HYERARCHY source: uxbooth.com the web you were used to is gone @albertatrebla
  • 32. MOBILE PATTERNS - HYERARCHY the web you were used to is gone @albertatrebla
  • 33. MOBILE PATTERNS - HUB & SPOKE source: uxbooth.com the web you were used to is gone @albertatrebla
  • 34. MOBILE PATTERNS - HUB & SPOKE the web you were used to is gone @albertatrebla
  • 35. MOBILE PATTERNS - NESTED DOLL source: uxbooth.com the web you were used to is gone @albertatrebla
  • 36. MOBILE PATTERNS - NESTED DOLL the web you were used to is gone @albertatrebla
  • 37. MOBILE PATTERNS - TABBED VIEW source: uxbooth.com the web you were used to is gone @albertatrebla
  • 38. MOBILE PATTERNS - TABBED VIEW the web you were used to is gone @albertatrebla
  • 39. MOBILE PATTERNS - BENTO BOX source: uxbooth.com the web you were used to is gone @albertatrebla
  • 40. MOBILE PATTERNS - BENTO BOX the web you were used to is gone @albertatrebla
  • 41. MOBILE PATTERNS - FILTERED VIEW source: uxbooth.com the web you were used to is gone @albertatrebla
  • 42. MOBILE PATTERNS - FILTERED VIEW Filter the web you were used to is gone Filter @albertatrebla
  • 43. SENSEMAKING MANAGING INFORMATION TO CREATE MEANING image: flickr.com/photos/10ch the web you were used to is gone @albertatrebla
  • 44. CONTENT = INFORMATION “Typically information foraging must be analysed as decision making under uncertainty” — Peter Pirolli the web you were used to is gone @albertatrebla
  • 45. CONTENT = INFORMATION “A strong information layer is the key to crosschannel success” — Andrea Resmini and Luca Rosati the web you were used to is gone @albertatrebla
  • 46. WAYFINDING FOR SENSEMAKING the web you were used to is gone @albertatrebla
  • 47. THERE IS NO SUCH A THING AS MOBILE CONTENT STRATEGY image: abookapart.com the web you were used to is gone @albertatrebla
  • 48. THE CHALLENGE the web you were used to is gone @albertatrebla
  • 49. ADAPTIVE CONTENT • • • • • Reusable Strong structure Independent of presentation layer Metadata Content Management System (CMS) the web you were used to is gone @albertatrebla
  • 50. ADAPTIVE CONTENT the web you were used to is gone @albertatrebla
  • 51. REUSABLE CONTENT the web you were used to is gone @albertatrebla
  • 52. STRUCTURED CONTENT the web you were used to is gone @albertatrebla
  • 53. STRUCTURED CONTENT GLOBAL NAVIGATION AND SERVICE LINKS SEARCH LOGO AND SLOGAN MAIN NAVIGATION SLIDE TITLE (10 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) CAROUSEL PHOTO FEATURED PRODUCT 2 (3 WORDS MAX) PUB SEARCH SLIDE TEASER (50 WORDS MAX) ASK THE EXPERT (100 WORDS MAX) HEALTH CARE REFORM (100 WORDS MAX) PROGRAM 1 (50 WORDS MAX) PROGRAM 2 (50 WORDS MAX) PROGRAM 2 (50 WORDS MAX) PROGRAM 1 (50 WORDS MAX) the web you were used to is gone TOPIC CENTER (10 LINKS x 4 WORDS MAX) PROGRAM 2 (50 WORDS MAX) SPOTLIGHT (100 WORDS MAX) PROGRAM 2 (50 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) NEWSLETTER SIGNUP @albertatrebla
  • 54. STRUCTURED CONTENT GLOBAL NAVIGATION AND SERVICE LINKS SEARCH LOGO AND SLOGAN MAIN NAVIGATION SLIDE TITLE (10 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) CAROUSEL PHOTO FEATURED PRODUCT 2 (3 WORDS MAX) PUB SEARCH SLIDE TEASER (50 WORDS MAX) ASK THE EXPERT (100 WORDS MAX) HEALTH CARE REFORM (100 WORDS MAX) PROGRAM 1 (50 WORDS MAX) PROGRAM 2 (50 WORDS MAX) PROGRAM 2 (50 WORDS MAX) PROGRAM 1 (50 WORDS MAX) the web you were used to is gone TOPIC CENTER (10 LINKS x 4 WORDS MAX) PROGRAM 2 (50 WORDS MAX) SPOTLIGHT (100 WORDS MAX) PROGRAM 2 (50 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) NEWSLETTER SIGNUP @albertatrebla
  • 55. STRUCTURED CONTENT GLOBAL NAVIGATION AND SERVICE LINKS SEARCH SLIDE TITLE (10 WORDS MAX) NAV CAROUSEL PHOTO SEARCH (SITE AND PUBS) CAROUSEL PHOTO THUMB SLIDE TEASER SHORT (10 WORDS MAX) SLIDE TEASER (50 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) PUB SEARCH FEATURED PRODUCT 2 (3 WORDS MAX) FEATURED PRODUCT 2 (3 WORDS MAX) TOPIC CENTER (10 LINKS x 4 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) TOPIC CENTER (5 LINKS x 4 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) NEWSLETTER SIGNUP the web you were used to is gone @albertatrebla
  • 56. STRUCTURED CONTENT GLOBAL NAVIGATION AND SERVICE LINKS SEARCH SLIDE TITLE (10 WORDS MAX) NAV CAROUSEL PHOTO SEARCH (SITE AND PUBS) CAROUSEL PHOTO THUMB SLIDE TEASER SHORT (10 WORDS MAX) SLIDE TEASER (50 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) PUB SEARCH FEATURED PRODUCT 2 (3 WORDS MAX) FEATURED PRODUCT 2 (3 WORDS MAX) TOPIC CENTER (10 LINKS x 4 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) TOPIC CENTER (5 LINKS x 4 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) NEWSLETTER SIGNUP the web you were used to is gone @albertatrebla
  • 57. STRUCTURED CONTENT GLOBAL NAVIGATION AND SERVICE LINKS SEARCH SLIDE TITLE (10 WORDS MAX) NAV CAROUSEL PHOTO SEARCH (SITE AND PUBS) CAROUSEL PHOTO THUMB SLIDE TEASER SHORT (10 WORDS MAX) SLIDE TEASER (50 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) PUB SEARCH FEATURED PRODUCT 2 (3 WORDS MAX) FEATURED PRODUCT 2 (3 WORDS MAX) TOPIC CENTER (10 LINKS x 4 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) TOPIC CENTER (5 LINKS x 4 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) NEWSLETTER SIGNUP the web you were used to is gone @albertatrebla
  • 58. STRUCTURED CONTENT GLOBAL NAVIGATION AND SERVICE LINKS SEARCH SLIDE TITLE (10 WORDS MAX) NAV CAROUSEL PHOTO SEARCH (SITE AND PUBS) CAROUSEL PHOTO THUMB SLIDE TEASER SHORT (10 WORDS MAX) SLIDE TEASER (50 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) FEATURED PRODUCT 1 (3 WORDS MAX) PUB SEARCH FEATURED PRODUCT 2 (3 WORDS MAX) FEATURED PRODUCT 2 (3 WORDS MAX) TOPIC CENTER (10 LINKS x 4 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) TOPIC CENTER (5 LINKS x 4 WORDS MAX) NEWS (5 LINKS x 10 WORDS MAX) NEWSLETTER SIGNUP the web you were used to is gone @albertatrebla
  • 60. PROGRESSIVE DISCLOSURE the web you were used to is gone @albertatrebla
  • 61. THE INTERNET IN YOUR PANTS image: techpinions.com the web you were used to is gone @albertatrebla
  • 62. THE FUTURE WAS YESTERDAY the web you were used to is gone @albertatrebla
  • 63. THE FUTURE IS YESTERDAY image: slashgear.com the web you were used to is gone @albertatrebla
  • 64. BTW image: flickr.com/photos/gregoryjordan the web you were used to is gone @albertatrebla
  • 65. STEPHEN HAY the web you were used to is gone @albertatrebla
  • 66. thank you. @albertatrebla albertasoranzo@gmail.com albertasoranzo.com Illustration: Dan Willis the web you were used to is gone @albertatrebla
  • 67. RESOURCES Content Strategy for Mobile Karen McGrane A Book Apart, 2011 Pervasive Information Architecture Andrea Resmini, Luca Rosati Morgan Kaufman, 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/ the web you were used to is gone @albertatrebla