Lancez-Vous. C'est gratuit
ou s'inscrire avec votre adresse e-mail
Mobile First par Mind Map: 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. 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"

3. 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.

4. 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.

5. 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

6. 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.

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

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

9. 1. croissance

9.1. Différences applis natives et applis en ligne

10. 2. Contraintes

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

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

10.3. p 23. Approche "Mobile First"

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

10.5. Accepter les contraintes

11. 3. Capacités

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

12. 4. organisation

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

13. 5. Actions

13.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

13.1.1. Agrandir et espacer les cibles tactiles

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

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

13.1.4. Penser aux écrans non tactiles de certains smatphones

14. 6. Saisie

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

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

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

14.4. Choisir de bonnes mises en pages pour les formulaires

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

15. 7. Mise en page

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

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

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

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

16. 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.