The web you were used to is gone — EuroIA 2014

53
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

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. -- EuroIA 2014 Bruseels, 25-27 Spetember 2014

Transcript of The web you were used to is gone — EuroIA 2014

  • 1. THE WEB YOU WERE USED TO IS GONEArchitecture and strategy for your mobile content!!!EuroIA Brussels, September 25-27alberta soranzo | @albertatrebla | wearefriday.comCC image: wikipedia.org/wiki/Interface_Message_Processor

2. CC image: http://en.wikipedia.org/wiki/Modem 3. image: http://gizmodo.com/5918418/giant-smartphones-in-skinny-jeans-a-photoshoot 4. image: huffingtonpost.com (Alamy)image: flickr.com/photos/justard/12300416746/ 5. SO, WHAT IS MOBILECC image: flickr.com/photos/guidedbycthulhu 6. image: kellianderson.com/ 7. 2010 20133.7% 12.7%North America1.5% 8.1%Europe4.5% 22.9%Asia.9% 5.3%South America4.8% 16.6%Africa2.8% 12.8%Oceaniasource: pocketyourshop.wordpress.com 8. This is up 192.5% since 2011.source: pocketyourshop.wordpress.com 9. Internet Users (MM)2000150010005000Mobile Desktop2007 2009 2011 2013 2015Esource: pocketyourshop.wordpress.com 10. 90% VISIT OR PURCHASE 60% SEARCHsource: pocketyourshop.wordpress.com95% LOCAL SEARCH 11. 74% WAITS 5 SEC 46% WILL NOT RETURN 39% DOES NOTHINGsource: pocketyourshop.wordpress.com 12. If people want to do something on the internet, theywill want to do it using their mobile device. Period. Karen McGraneCC image: flickr.com/photos/zeldman/10027189005 13. image: flickr.com/photos/pibletimage: https://www.flickr.com/photos/robef/8091483876 14. image: huffpost.com 15. WHO DECIDES WHAT MATTERS?image: flickr.com/photos/d_space 16. image: hercampus.com 17. You need to get your content onto mobile devices.Period. Karen McGraneCC image: flickr.com/photos/zeldman/10027189005 18. ONE SITE 19. MOBILE INFORMATION ARCHITECTUREimage: flickr.com/photos/cannedtuna 20. The structural design of shared informationenvironments.source: en.wikipedia.org/wiki/Information_architecture 21. image: tylertate.com/blog/2012/02/21/cross-channel-ia-blueprint.html 22. image: journalofia.org/volume1/issue1/02-brugnoli/jofia-0101-02-brugnoli.pdf 23. IA interprets information and expressesdistinctions between signs and systems of signsand involves the categorization of informationinto a coherent structure.source: en.wikipedia.org/wiki/Information_architecture 24. MOBILE PATTERNSimage: Android Design PatternsWAYFINDINGSTRUCTURE AS DESIGN PATTERNS 25. DESKTOP 26. image: flickr.com/photos/10chMAKING SENSEMANAGING INFORMATION TO CREATE MEANING 27. Typically information foraging must be analysed asdecision making under uncertainty Peter PirolliCC image: lickr.com/photos/treerao/3064525586/ 28. CC image: flickr.com/photos/cafnr/14352437798 29. THE HOMEPAGE IS DEAD 30. image: martinbelam.com 31. image: martinbelam.com 32. MOBILE CONTENT STRATEGYimage: abookapart.com image: sarawb.com 33. GLOBAL NAVIGATION AND SERVICE LINKS SEARCHSLIDE TITLE (10 WORDS MAX)SLIDE TEASER (50 WORDS MAX)NEWSLETTERSIGNUPCAROUSEL PHOTOFEATURED THING(3 WORDS MAX)THING YOU WANT TO SHOW(3 WORDS MAX)SECONDARY SEARCHLIST 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)CAROUSELPHOTOTHUMBTHING YOU WANT TO SHOW(3 WORDS MAX)THING YOU WANT TO SHOW(3 WORDS MAX)LIST OF OTHERTHINGS(5 LINKS x 4WORDS MAX)NEWS(5 LINKS x 10WORDS MAX)GLOBAL NAVIGATION AND SERVICE LINKS SEARCHNEWSLETTERSIGNUPOTHER THING(50 WORDS MAX)OTHER THING(50 WORDS MAX)OTHER THING(50 WORDS MAX)LOGO AND SLOGANMAIN NAVIGATIONCAROUSEL PHOTOFEATURED THING(3 WORDS MAX)FEATURED THING(3 WORDS MAX)SECONDARY SEARCHSLIDE 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) 34. GLOBAL NAVIGATION AND SERVICE LINKS SEARCHSLIDE TITLE (10 WORDS MAX)SLIDE TEASER (50 WORDS MAX)NEWSLETTERSIGNUPCAROUSEL PHOTOFEATURED THING(3 WORDS MAX)THING YOU WANT TO SHOW(3 WORDS MAX)SECONDARY SEARCHLIST 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)CAROUSELPHOTOTHUMBTHING YOU WANT TO SHOW(3 WORDS MAX)THING YOU WANT TO SHOW(3 WORDS MAX)LIST OF OTHERTHINGS(5 LINKS x 4WORDS MAX)NEWS(5 LINKS x 10WORDS MAX)GLOBAL NAVIGATION AND SERVICE LINKS SEARCHNEWSLETTERSIGNUPOTHER THING(50 WORDS MAX)OTHER THING(50 WORDS MAX)OTHER THING(50 WORDS MAX)LOGO AND SLOGANMAIN NAVIGATIONCAROUSEL PHOTOFEATURED THING(3 WORDS MAX)FEATURED THING(3 WORDS MAX)SECONDARY SEARCHSLIDE 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) 35. Metadata is a love note to the future Karen McGraneCC image: flickr.com/photos/zeldman/10027189005 36. BTWimage: flickr.com/photos/gregoryjordan 37. thank youalberta soranzo | @albertatrebla | wearefriday.com