Mobile First

1. A. les tablettes vont faire évoluer le Net LE PLUS. Les tablettes, dont l'iPad, ont un énorme succès : en 2011, on a vendu 1,45 millions de tablettes en France, soit plus que des ordinateurs de bureau. Au-delà des chiffres, les tablettes changeront-elles vraiment nos usages ?

2. 1. croissance

2.1. Différences applis natives et applis en ligne

3. 2. Contraintes

3.1. Taille des écrans, Performances, Lieux et heures de consultation (Modalités de consultations)

3.2. p 22. Savoir ce que les clients font sur votre site et pourquoi.

3.3. p 23. Approche "Mobile First"

3.4. Taille des écrans Performances => connexions + lentes, etc. Lieu et heure => consultations (p 26)

3.5. Accepter les contraintes

4. 3. Capacités

4.1. Tous les avantages à disposer d'un mobile => GPS, capteurs, etc.

5. 4. organisation

5.1. Priorité au contenus vs Liens Disposition des menus Pas de lien "back" par exemple

6. 5. Actions

6.1. Ecrans très petits => s'assurer que les cibles tactiles sont au bon endroit => connaitre les gestes tactiles courants et savoir à quels objectifs ils correspondent

6.1.1. Agrandir et espacer les cibles tactiles

6.1.2. Employer le langage du toucher : - passer de GUI à NUI (interfaces naturelles) Graphic User Interface / Natural User Interface

6.1.3. Compenser la perte des interactions de survol (souvent les infos de survol sont inutiles, donc les supprimer c'est le mieux)

6.1.4. Penser aux écrans non tactiles de certains smatphones

7. 6. Saisie

7.1. Ne pas limiter les saisies au prétexte des difficultés sur mobiles, au contraire, les encourager

7.2. Poser des questions claires en utilisant des légendes optimisées pour mobiles

7.3. Exploiter les différents types de champs, attributs et masques pour faciliter la saisie sur appareils mobiles

7.4. Choisir de bonnes mises en pages pour les formulaires

7.5. Chercher à créer autre chose que des champs de saisie classiques en utilisant les capacités des appareils mobiles

8. 7. Mise en page

8.1. Accepter le fait que les mobiles vont continuer à évoluer très vite

8.2. Utiliser la balise meta viewport pour faire savoir aux navigateurs mobiles que l'on a pensé à eux

8.3. Créer des mises en pages flexibles, fluides et réactives

8.4. Réduire le plus possible, diminuer la complexité

9. Mobile First est le titre d'un livre qui traite des interfaces web et mobiles. Le choix semble fait, mais l'auteur ne fait pas une comparaison entre web et mobile. Il donne les éléments, des conseils, des réflexions sur comment réaliser au mieux une interface pour appareil mobile.

10. B. l'impact de cet objet sur notre quotidien gadget ou bien cela modifiera t-il notre quotidien ? Terminal qui influence la création Terminal qui ouvre l'internet à de nouvelles pratiques: "le second screen", de nouveaux modes de consommation : le "couchcommerce"

11. C. La tablette influence les interfaces Sur internet, interfaces utilisateurs = standards, bonnes pratiques, parti-pris ergonomiques. Styles qui s'imposent par leur ergonomie ou bien par des sites référents.

12. D. Mais aujourd'hui, le changement c'est la tablette: près de 130 millions de tablettes en 2012, avec 60% de parts de marché pour l'ipad, et l'apparition des écrans de 7 pouces contre les 9 pouces précédemment.

13. E. Les tablettes influences actuellement l'ergonomie des sites internet. 2 exemples : version beta de USA tokay, ou bien celui de cinemur. - surface utile pus large, adaptée aux tablettes en mode paysage, voire format 16/9 - Boutons de navigation horizontaux pour simuler scroll horizontal comme ds écran tactile - Mise en scène de l'info plus graphique avec des murs d'images et pages de contenus plus courtes et plus aérées - Médias photo et vidéos de meilleure définition avec plus ou moins de flash - Fonctionnalités qui permettent de maitriser les critères d'affichage

14. F. Les tablettes grignotent le marché des ourdis portables, et ont écrasé celui des ourdis de bureau. Les ourdis à domicile sont utilisés pour naviguer sur internet, lire les mails et jouer.

15. http://www.nrblog.fr/pepito/2012/07/10/le-couch-commerce/

16. http://www.nrblog.fr/pepito/2012/04/26/le-second-screen-la-social-tv-le-marche-explose/