Your SlideShare is downloading. ×
  • Like
  • Save
Belles expériences web mobile
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Belles expériences web mobile

  • 3,176 views
Published

Un panorama visuel de quelques beaux sites web optimisés pour l'expérience web mobile. A consulter depuis un smartphone tactile...

Un panorama visuel de quelques beaux sites web optimisés pour l'expérience web mobile. A consulter depuis un smartphone tactile...

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,176
On SlideShare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
0
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. PANORAMA RAPIDE CONCEPTION MINI-FINGER ou beaux sites optimisés pour l’expérience web mobile MATERIALIZE YOUR NEXT SUCCESS© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 1 32
  • 2. • Grille simplifiée fr.m.yahoo.com POUR LE • • Corps de typo Big finger TRAITEMENT GÉNÉRAL • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 2 32
  • 3. • Grille simplifiée m.mg.mail.yahoo.com POUR LE • • Corps de typo Big finger TRAITEMENT GÉNÉRAL • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 3 32
  • 4. • Carrrousel fluide m.sfr.fr DESIGN DU CARROUSEL • Format de pub (suggère le balayage tactile…) • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 4 32
  • 5. • Grille simplifiée m.samsung.com POUR LE • Lisibilité TRAITEMENT GÉNÉRAL • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 5 32
  • 6. • Popin m.facebook.com FORMAT ÉPURÉ • Nav. icônes CONTENT FIRST • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 6 32
  • 7. • Nav. icônes mobile.twitter.com PERF. RAPIDITÉ CHARGMT • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 7 32
  • 8. m.flickr.com SIMPLE • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 8 32
  • 9. m.kayak.fr ERGO… BIEN PENSÉ • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 9 32
  • 10. • Info incitative m.youtube.com FORMAT ÉPURÉ • Search engine CONTENT FIRST • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 10 32
  • 11. m.espn.go.com TYPO • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 11 32
  • 12. • Traitement popin google.com/m POPIN • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 12 32
  • 13. • Fluidité des mail.google.com transitions EFFETS • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 13 32
  • 14. • Design épuré bagcheck.com/mobile BIG FINGER • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 14 32
  • 15. yiibu.com TAILLE TYPO • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 15 32
  • 16. edition.cnn.com/m PROPORTION • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 16 32
  • 17. • Background bk.com IMAGE EN FOND (BG) ? • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 17 32
  • 18. • Taille des boutons iphone.pagesjaunes.fr BIG FINGER • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 18 32
  • 19. • Rapidité menu amazon.com VITESSE DE CHARGEMT • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 19 32
  • 20. toysrus.digby.com PUSH COMMERCE • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 20 32
  • 21. • Traitement popin m.bestbuy.com POPIN • Refine en popin REFINE • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 21 32
  • 22. underarmour.com TRAITEMENT COM’ • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 22 32
  • 23. • Identité threadless.com SITE AVEC ADN • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 23 32
  • 24. voyages-sncf.mobi CAS CLINIQUE… SANS FIORITURES • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 24 32
  • 25. m.ae.com ECOMMERCE MOBILE VISUEL (lourd) • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 25 32
  • 26. • chemin de fer mobile.walmart.com FORMAT ÉPURÉ • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 26 32
  • 27. • Filtres m.boulanger.fr FILTRES RESULTAT. • Fiche produit ONGLET FICHE PRODUIT • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 27 32
  • 28. google.com/m SAISIE PREDICTIVE • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 28 32
  • 29. saisie prédictive… SAISIE PREDICTIVE • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 29 32
  • 30. m.youtube.com SAISIE PREDICTIVE • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 30 32
  • 31. mobile.walmart.com SAISIE PREDICTIVE • Sites relevés pour illustrer les tendances générales du design d’expérience web mobile. À CONSULTER • Points d’observation : encombrement général, charge des écrans, taille des items, part du visuel, traitement des header. DEPUIS UN SMARTPHONE TACTILE© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 31 32
  • 32. julien MUCKENSTURM SENIOR INFORMATION ARCHITECT jm@iafactory.fr© 2012 IAFACTORY | Panorama visuel - expérience web mobile IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | jm@iafactory.fr 32 32