Expert review of a website user experience context - EuroIA 2014
The web you were used to is gone — EuroIA 2014
-
Upload
alberta-soranzo -
Category
Mobile
-
view
9.527 -
download
1
Transcript of The web you were used to is gone — EuroIA 2014
-
Architecture and strategy for your mobile content !!!
EuroIA Brussels, September 25-27 alberta soranzo | @albertatrebla | wearefriday.com
THE WEB YOU WERE USED TO IS GONE
CC image: wikipedia.org/wiki/Interface_Message_Processor
-
CC image: http://en.wikipedia.org/wiki/Modem
-
image: http://gizmodo.com/5918418/giant-smartphones-in-skinny-jeans-a-photoshoot
-
image: huffingtonpost.com (Alamy)
image: flickr.com/photos/justard/12300416746/
-
SO, WHAT IS MOBILE
CC image: flickr.com/photos/guidedbycthulhu
-
image: kellianderson.com/
-
2010 2013
12.7%3.7%
North America
8.1%1.5%
Europe
22.9%4.5%
Asia
5.3%.9%
South America
16.6%4.8%
Africa
12.8%2.8%
Oceania
source: pocketyourshop.wordpress.com
-
This is up 192.5% since 2011.
source: pocketyourshop.wordpress.com
-
Inte
rnet
Use
rs (M
M)
0
500
1000
1500
2000
2007 2009 2011 2013 2015E
Mobile Desktop
source: pocketyourshop.wordpress.com
-
90%VISIT OR PURCHASE
60%SEARCH
source: pocketyourshop.wordpress.com
95%LOCAL SEARCH
-
74%WAITS 5 SEC
46%WILL NOT RETURN
39%DOES NOTHING
source: pocketyourshop.wordpress.com
-
If people want to do something on the internet, they will want to do it using their mobile device. Period. Karen McGrane
CC image: flickr.com/photos/zeldman/10027189005
-
image: flickr.com/photos/piblet
image: https://www.flickr.com/photos/robef/8091483876
-
image: huffpost.com
-
WHO DECIDES WHAT MATTERS?
image: flickr.com/photos/d_space
-
image: hercampus.com
-
You need to get your content onto mobile devices. Period. Karen McGrane
CC image: flickr.com/photos/zeldman/10027189005
-
ONE SITE
-
image: flickr.com/photos/cannedtuna
MOBILE INFORMATION ARCHITECTURE
-
The structural design of shared information environments.
source: en.wikipedia.org/wiki/Information_architecture
-
image: tylertate.com/blog/2012/02/21/cross-channel-ia-blueprint.html
-
image: journalofia.org/volume1/issue1/02-brugnoli/jofia-0101-02-brugnoli.pdf
-
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
-
MOBILE PATTERNS
image: Android Design Patterns
STRUCTURE AS DESIGN PATTERNSWAYFINDING
-
DESKTOP
-
image: flickr.com/photos/10ch
MANAGING INFORMATION TO CREATE MEANINGMAKING SENSE
-
Typically information foraging must be analysed as decision making under uncertainty Peter Pirolli
CC image: lickr.com/photos/treerao/3064525586/
-
CC image: flickr.com/photos/cafnr/14352437798
-
THE HOMEPAGE IS DEAD
-
image: martinbelam.com
-
image: martinbelam.com
-
image: abookapart.com image: sarawb.com
MOBILE CONTENT STRATEGY
http://sarawb.com
-
NEWSLETTER SIGNUP
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
CAROUSEL PHOTO
FEATURED THING (3 WORDS MAX)
THING YOU WANT TO SHOW (3 WORDS MAX)
SECONDARY SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
LIST OF OTHER THINGS (10 LINKS x 4 WORDS MAX)
NEWS (5 LINKS x 10 WORDS MAX)
NAV SEARCH (SITE AND PUBS)
SLIDE TEASER SHORT(10 WORDS MAX)
THING YOU WANT TO SHOW (3 WORDS MAX)
LIST OF OTHER THINGS
(5 LINKS x 4 WORDS MAX)
NEWS (5 LINKS x 10 WORDS MAX)
CAROUSEL PHOTO THUMB
THING YOU WANT TO SHOW (3 WORDS MAX)
NEWSLETTER SIGNUP
OTHER THING (50 WORDS MAX)
OTHER THING (50 WORDS MAX)
OTHER THING (50 WORDS MAX)
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
LOGO AND SLOGAN
MAIN NAVIGATION
CAROUSEL PHOTO
FEATURED THING (3 WORDS MAX)
FEATURED THING (3 WORDS MAX)
SECONDARY SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
THING YOU WANT TO SHOW (100 WORDS MAX)
THING YOU WANT TO SHOW (10 LINKS x 4 WORDS MAX)
THING YOU WANT TO SHOW (100 WORDS MAX)
THING YOU WANT TO SHOW (100 WORDS MAX)
OTHER THING (50 WORDS MAX)
OTHER THING (50 WORDS MAX)
OTHER THING (50 WORDS MAX)
NEWS (5 LINKS x 10 WORDS MAX)
-
NEWSLETTER SIGNUP
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
CAROUSEL PHOTO
FEATURED THING (3 WORDS MAX)
THING YOU WANT TO SHOW (3 WORDS MAX)
SECONDARY SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
LIST OF OTHER THINGS (10 LINKS x 4 WORDS MAX)
NEWS (5 LINKS x 10 WORDS MAX)
NAV SEARCH (SITE AND PUBS)
SLIDE TEASER SHORT(10 WORDS MAX)
THING YOU WANT TO SHOW (3 WORDS MAX)
LIST OF OTHER THINGS
(5 LINKS x 4 WORDS MAX)
NEWS (5 LINKS x 10 WORDS MAX)
CAROUSEL PHOTO THUMB
THING YOU WANT TO SHOW (3 WORDS MAX)
NEWSLETTER SIGNUP
OTHER THING (50 WORDS MAX)
OTHER THING (50 WORDS MAX)
OTHER THING (50 WORDS MAX)
GLOBAL NAVIGATION AND SERVICE LINKS SEARCH
LOGO AND SLOGAN
MAIN NAVIGATION
CAROUSEL PHOTO
FEATURED THING (3 WORDS MAX)
FEATURED THING (3 WORDS MAX)
SECONDARY SEARCH
SLIDE TITLE (10 WORDS MAX)
SLIDE TEASER (50 WORDS MAX)
THING YOU WANT TO SHOW (100 WORDS MAX)
THING YOU WANT TO SHOW (10 LINKS x 4 WORDS MAX)
THING YOU WANT TO SHOW (100 WORDS MAX)
THING YOU WANT TO SHOW (100 WORDS MAX)
OTHER THING (50 WORDS MAX)
OTHER THING (50 WORDS MAX)
OTHER THING (50 WORDS MAX)
NEWS (5 LINKS x 10 WORDS MAX)
-
Metadata is a love note to the future Karen McGrane
CC image: flickr.com/photos/zeldman/10027189005
-
BTW
image: flickr.com/photos/gregoryjordan
-
thank youalberta soranzo | @albertatrebla | wearefriday.com