Réussir son application et son site d'e-commerce pour iPad

Aux directeurs marketing ou communication, responsables éditoriaux, chefs de projet Internet, community managers, concepteurs de sites Web et d'applications mobiles, Webanalysts, Webdesigners, Webcontent managers, consultants en communication numérique et aux détenteurs de tablettes numériques.

Introduction

1. La révolution iPad
2. Site mobile ou application ?
3. Cycle de vie d'une application
4. Profil de l'utilisateur

Guidelines

1. Quelles différences entre l'ordinateur et l'iPad ?
   1. Les points similaires
   2. Les points divergents
   3. Les nouvelles interactions
      1. La rotation de l'iPad
      2. Le tap
      3. Le press
      4. Le pinch et le spread
      5. Le swipe
      6. La rotation tactile
      7. Les autres interactions
   4. L'affordance
      1. Affordance des zones cliquables
      2. Zones d'interaction
2. Comment réussir sa page d'accueil ?
   1. Définition
   2. Ce qui change par rapport au site Internet
   3. Deux familles d'applications
   4. Le temps de chargement
3. Penser sa page d'accueil
4. 4 pages d'accueil décryptées
   1. Page d'accueil de l'application m-commerce de Lacoste
   2. Page d'accueil de l'application m-commerce de La Redoute
   3. Page d'accueil de l'application m-commerce d'Amazon
   4. Page d'accueil de l'application m-commerce d'eBay
5. Quel type de navigation adopter ?
   Les différents moyens de navigation
   1. La navigation par menu
   2. La navigation par contenu
   3. La navigation par moteur de recherche
   4. Les navigations innovantes
6. Comment présenter les listes de produits ?
   1. Affichage des listes
   2. Richesse du catalogue
   3. Filtres et tris
   4. 3 pages de liste de produits décryptées
      1. Page de liste de produits de l'application m-commerce d'Amazon
      2. Page de liste de produits de l'application m-commerce d'eBay
      3. Page de liste de produits de l'application m-commerce de Lacoste
7. Comment présenter une page produit ?
   1. Photos et visuels
   2. Partage
   3. Mise au panier
   4. Retour en arrière
   5. Présentation de l'information
   6. Description du produit
   7. Wishlist
      Trois pages de produit décryptées
      1. Page produit de l'application m-commerce de Booking.com
      2. Page produit de l'application m-commerce de Lacoste
      3. Page produit de l'application m-commerce de Vertbaudet
8. Formulaire
   1. Récupération de l'adresse
   2. Règles des formulaires
9. Fonctionnalités avancées
   1. Géolocalisation
   2. QR Code
   3. Réalité augmentée
   4. Reconnaissance vocale

Conclusion

1. Et les autres supports ?
2. Pour la suite
3. Bibliographie / Webographie

Bibliographie

• BOUCHER Amélie, Ergonomie Web, Editions Eyrolles (3ème édition)
• BOUCHER Amélie, Ergonomie Web Illustrée, Editions Eyrolles
• CLARK Josh, Tapworthy, Editions O'Reilly
• GINSBURG Suzanne. Designing the iPhone User Experience, Editions Addison Wesley
• NIELSEN Jakob, TAHIR Marie. L'art de la page d'accueil, Editions Eyrolles

Webographie

• http://www.miratech.fr/blog.php
• http://www.ergolab.net/
• http://www.useit.com/
• http://www.tablette-tactile.net/
• http://www.smashingmagazine.com/

Mots clefs

Ergonomie, expérience utilisateur, UX, UI, interface homme-machine, IHM, responsive design, eye-tracking, conception centrée utilisateur, tests utilisateurs, E-commerce, M-commerce, interfaces tactiles, parcours utilisateurs.