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

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