SlideShare une entreprise Scribd logo
1  sur  32
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
•     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
•     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
•     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
•     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
•     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
•     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
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
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
•     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
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
•     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
•     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
•     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
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
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
•     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
•     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
•     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
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
•     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
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
•     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
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
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
•     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
•     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
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
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
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
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
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

Contenu connexe

Plus de iafactory

Iafactory presentation 2019-v1.0
Iafactory presentation 2019-v1.0Iafactory presentation 2019-v1.0
Iafactory presentation 2019-v1.0iafactory
 
Iafactory formation-univ-conception-02 outils
Iafactory formation-univ-conception-02 outilsIafactory formation-univ-conception-02 outils
Iafactory formation-univ-conception-02 outilsiafactory
 
Bunker blog-panorama-sites-de-reservation
Bunker blog-panorama-sites-de-reservationBunker blog-panorama-sites-de-reservation
Bunker blog-panorama-sites-de-reservationiafactory
 
Panorama sites-web-tablettes-iafactory
Panorama sites-web-tablettes-iafactoryPanorama sites-web-tablettes-iafactory
Panorama sites-web-tablettes-iafactoryiafactory
 
Interface utilisateur magnétique (magnetic ui)
Interface utilisateur magnétique (magnetic ui)Interface utilisateur magnétique (magnetic ui)
Interface utilisateur magnétique (magnetic ui)iafactory
 
Formation conception de support interactif - 05 - conception e-commerce
Formation conception de support interactif - 05 - conception e-commerceFormation conception de support interactif - 05 - conception e-commerce
Formation conception de support interactif - 05 - conception e-commerceiafactory
 
Formation conception de support interactif - 03 - audit de site web
 Formation conception de support interactif - 03 - audit de site web Formation conception de support interactif - 03 - audit de site web
Formation conception de support interactif - 03 - audit de site webiafactory
 
Formation gestion de projet - 06 - la production
 Formation gestion de projet - 06 - la production Formation gestion de projet - 06 - la production
Formation gestion de projet - 06 - la productioniafactory
 
Formation gestion de projet - 05 - la conception
Formation gestion de projet - 05 - la conceptionFormation gestion de projet - 05 - la conception
Formation gestion de projet - 05 - la conceptioniafactory
 
Formation gestion de projet - 04 - le cadrage
Formation gestion de projet - 04 - le cadrageFormation gestion de projet - 04 - le cadrage
Formation gestion de projet - 04 - le cadrageiafactory
 
Formation gestion de projet - 03 - la recommandation
Formation gestion de projet - 03 - la recommandationFormation gestion de projet - 03 - la recommandation
Formation gestion de projet - 03 - la recommandationiafactory
 
Formation - webmarketing - 01 - introduction, usages, audience
Formation - webmarketing - 01 - introduction, usages, audienceFormation - webmarketing - 01 - introduction, usages, audience
Formation - webmarketing - 01 - introduction, usages, audienceiafactory
 
Formation - webmarketing - 02 - la publicité en ligne
Formation - webmarketing - 02 - la publicité en ligneFormation - webmarketing - 02 - la publicité en ligne
Formation - webmarketing - 02 - la publicité en ligneiafactory
 
Formation gestion de projet - 02 - la demande
Formation gestion de projet - 02 - la demandeFormation gestion de projet - 02 - la demande
Formation gestion de projet - 02 - la demandeiafactory
 
Formation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetFormation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetiafactory
 
Le cycle projet (support de formation)
Le cycle projet (support de formation)Le cycle projet (support de formation)
Le cycle projet (support de formation)iafactory
 

Plus de iafactory (16)

Iafactory presentation 2019-v1.0
Iafactory presentation 2019-v1.0Iafactory presentation 2019-v1.0
Iafactory presentation 2019-v1.0
 
Iafactory formation-univ-conception-02 outils
Iafactory formation-univ-conception-02 outilsIafactory formation-univ-conception-02 outils
Iafactory formation-univ-conception-02 outils
 
Bunker blog-panorama-sites-de-reservation
Bunker blog-panorama-sites-de-reservationBunker blog-panorama-sites-de-reservation
Bunker blog-panorama-sites-de-reservation
 
Panorama sites-web-tablettes-iafactory
Panorama sites-web-tablettes-iafactoryPanorama sites-web-tablettes-iafactory
Panorama sites-web-tablettes-iafactory
 
Interface utilisateur magnétique (magnetic ui)
Interface utilisateur magnétique (magnetic ui)Interface utilisateur magnétique (magnetic ui)
Interface utilisateur magnétique (magnetic ui)
 
Formation conception de support interactif - 05 - conception e-commerce
Formation conception de support interactif - 05 - conception e-commerceFormation conception de support interactif - 05 - conception e-commerce
Formation conception de support interactif - 05 - conception e-commerce
 
Formation conception de support interactif - 03 - audit de site web
 Formation conception de support interactif - 03 - audit de site web Formation conception de support interactif - 03 - audit de site web
Formation conception de support interactif - 03 - audit de site web
 
Formation gestion de projet - 06 - la production
 Formation gestion de projet - 06 - la production Formation gestion de projet - 06 - la production
Formation gestion de projet - 06 - la production
 
Formation gestion de projet - 05 - la conception
Formation gestion de projet - 05 - la conceptionFormation gestion de projet - 05 - la conception
Formation gestion de projet - 05 - la conception
 
Formation gestion de projet - 04 - le cadrage
Formation gestion de projet - 04 - le cadrageFormation gestion de projet - 04 - le cadrage
Formation gestion de projet - 04 - le cadrage
 
Formation gestion de projet - 03 - la recommandation
Formation gestion de projet - 03 - la recommandationFormation gestion de projet - 03 - la recommandation
Formation gestion de projet - 03 - la recommandation
 
Formation - webmarketing - 01 - introduction, usages, audience
Formation - webmarketing - 01 - introduction, usages, audienceFormation - webmarketing - 01 - introduction, usages, audience
Formation - webmarketing - 01 - introduction, usages, audience
 
Formation - webmarketing - 02 - la publicité en ligne
Formation - webmarketing - 02 - la publicité en ligneFormation - webmarketing - 02 - la publicité en ligne
Formation - webmarketing - 02 - la publicité en ligne
 
Formation gestion de projet - 02 - la demande
Formation gestion de projet - 02 - la demandeFormation gestion de projet - 02 - la demande
Formation gestion de projet - 02 - la demande
 
Formation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetFormation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projet
 
Le cycle projet (support de formation)
Le cycle projet (support de formation)Le cycle projet (support de formation)
Le cycle projet (support de formation)
 

Dernier

KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311Erol GIRAUDY
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleErol GIRAUDY
 
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapMaxime Huran 🌈
 
Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensErol GIRAUDY
 
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Infopole1
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)IES VE
 

Dernier (6)

KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence Artificielle
 
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
 
Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examens
 
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)
 

Belles expériences web mobile

  • 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