Mobile first ? 25% of US mobile web users exclusively use mobile web
Doit-on designer pour le mobile en 1er ? Nos sites, apps mobiles… doivent-ils être une version light du site mère ? Dois-je avoir un site mobile + une app smartphone + une app tablette… ?
Un ensemble d’opinions sur le design et l’ergo mobile qui va l’encontre de ce que l’on a l’habitude d’entendre jusque peu…
Voici les quelques mythes que l’auteur Josh Clark s’appliquent a démystifier avec beaucoup de sens :
- Myth #1: Mobile users are rushed and distracted.
- Myth #2: Mobile = Less
- Myth #3: Complexity is a dirty word.
- Myth #4: Extra taps and clicks are evil
- Myth #5: Gotta have a mobile website
- Myth #6: Mobile is about apps
- Myth #7: Content & API are for database nerds.
Ce constat « 65% des utilisateurs de smartphones en France ne veulent pas perdre en confort de navigation sous pretexte d’être sur le mobile » pousse en effet a considérer la navigation mobile et son contenu autrement. Au delà de la facilité de navigation, la qualite du contenu est aussi importante. Pourquoi devoir finir sa navigation sur son navigateur de bureau si l’on peut tout faire de son smartphone, pourquoi frustrer l’utilisateur…
Le challenge du mobile serait de faire encore mieux d’un point de vue expérience utilisateur que nos sites web. Faire rentrer au chausse pied tout nos contenu sur la version mobile ?
Ok, c’est un peu une obsession en ce moment donc je ne ferais que le citer : le responsive design peut-être un début de réponse tout particulièrement pour les sites très axes contenus type journaux en ligne, blog…
Néanmoins, je ne pense qu’il y ait de réponse uniforme a cette problématique tout dépend du business et type de contenu que vous avez en ligne et du type d’utilisateurs que vous ciblez.
Mais, il est bon de savoir que le surf se transfère de plus en plus sur nos smartphones, que certaines personnes ne naviguent plus que sur leur mobile, que les apps restent une des utilisations 1eres d’un utilisateur de smartphone… Bref beaucoup de choses a prendre en compte ou pas dans l’optimisation de sa strategie mobile !
Bonne lecture !
Responsive web design pour l’emailing
L’email n’a beau pas être mon point de prédilection, mes diverses expériences m’ont amené a gérer des campagnes emailings, des mises en place de stratégie e-Crm – a petite échelle bien sur. A cette époque, l’optimisation de l’email se penchait principalement sur : ne pas être considéré comme spammeur, la règle du 2/3 de texte, la personnalisation de l’email, son objet, l’expéditeur, essayez de corréler le besoin de l’utilisateur au contenu qu’on lui envoi en fonction de sa navigation ou de son désir exprimé, le rythme d’envoi…
Depuis quelques temps, mon esprit était particulièrement absorbée par le CRO onsite, le webanalytics… donc exit l’email. Jusqu’à ce qu’il s’immisce dans ma vie perso et m’agace sérieusement : j’ai récemment troque mon blackberry pour un Iphone et checker ses emails et ses newsletters sur son smartphone vraiment, c’est m**** pas user-friendly pour un sous !
A quand l’optimisation des newsletters pour nos smartphones ? Tout récemment, j’écrivais un article sur le responsive web design – je pense qu’il est temps de concevoir nos newsletter sur le même modèle dans un souci d’efficacite et d’etre user-centric.
L’utilisation de media querie | @media only screen and (max-device-width: 480px) { … } | s’applique aussi bien a ce cas :
C’est possible et vraiment utile a mon avis a l’heure des tablettes des smartphones et autres…
Malheureusement, il semblerait que pour le moment uniquement les Iphone puissent en bénéficier mais j’imagine que comme pour toute bonne idée ce n’est plus qu’une question de temps pour qu’ Android et autres suivent 🙂
L’abandon du panier, quelques idées clefs pour y palier !
Cette infographie de Peter Borden (Monetate) reprend l’essentiel des TODO et not TODO, lors du travail sur l’optimisation de votre checkout !
J’y ajouterais un point : mettre en place une analyse des points d’abandon a la fois au sein du formulaire pour savoir a quel moment du formulaire les utilisateurs abandonnent, hésitent, s’y reprennent a plusieurs fois & par la même occasion a chaque étape de validation pour connaitre le taux d’abandon step by step. Le rapport « Schema de l’entonnoir de conversion » chez Google analytics ou le rapport « Fallout report builder » chez Omniture SiteCatalyst vous aideront a optimiser votre checkout sur du concret !
Responsive web design : l’experience utilisateur cross-device comme on aime…
Le responsive web design : il semblerait que ce soit le sujet du webdesign en ce moment parmi d’autres et effectivement ca vaut le coup d’en parler, alors je share…
Cette video nous explique comment en conservant le meme html et en ajoutant quelques lignes de css specifiques pour chaque device (ipad, tablet, smartphone, laptop…) ; on peut apporter une expericence utilisateur continue a nos utilisateurs !
Comme ceci :
ou ceci
Decouvrez la video : Responsive Web Design: A Visual Guide ici. J’adore, un peu geeky mais la 1/2 heure vaut le coup 😉
Le Call-To-Action dans tout ses états
Il va sans dire que dans l’étude et l’amélioration du taux de conversion, le sujet du call-to-action est un sujet sensible et récurrent ! Sensible car doté de caractéristiques fonctionnelles et aussi lié au design & Réccurent car régulièrement remise en cause du fait qu’il soit simple a modifier.
Avant tout, parlons de mesure !
Comme évoqué d’un précédent article : AB Testing, quelques points de reflexion… , le KPI le plus naturel, selon moi, pour mesurer l’efficacité d’un call-to-action est le click-through-rate. A l’image d’une campagne Adwords ou autres, le taux de clic permet d’évaluer l’attractivité d’une campagne et dans notre cas l’ attractivité d’une attitude/comportement que l’on veut inciter les utilisateurs a avoir. Pour effectuer cette mesure dans Google Analytics, j’utilise en general le compteur d’évènement car tres simple a mettre en place et le ration nb d’évènement/visite de la page concerne permet assez vite d’avoir une tendance a suivre. L’objectif etant bien sur de suivre cette tendance et d’essayer de l’optimiser et non pas de comparer ces chiffres a des chiffres externes – il s’agit d’une analyse onsite et donc d’un sport individuel ou le but est d’augmenter ses propres performances et non pas d’être meilleur qu’un autre !
Et ce bouton alors, son look & feel ?
La difficulté d’un call to action est de trouver le compromis entre le bouton light qui se fond dans le décor et ne perturbe en aucun cas le design et le bouton intrusif qui clignote et que l’utilisateur ne pourra sous aucun prétexte louper. On ne pourra pas passer autre la charte graphique de la société – ce qui est une bonne chose, si on veut respecter l’identité de marque de la société – et on ne pourra pas passer outre les quleques regles communes d’ergonomie sur le sujet :
- respecter la charte graphique
- hiérarchiser les objectifs et le look and feel de vos boutons (nous avons en général des objectifs primaires, secondaires et tertiaires, il est important que le design des boutons reflètent cette hiérarchisation)
- donner du sens a vos boutons, le bouton isole hors contexte doit avoir du sens
- respecter un emplacement logique et récurrent pour vos boutons
- ne soyez pas timide, un bouton doit se voir et ne perturbera pas l’utilisateur – si celui-ci est au bon endroit !
- et pour finir TESTEZ, TESTEZ et TESTEZ !
Conversion Rate Optimization : KPI, Reporting, Analyse…
L’une de mes taches préférées en intégrant une nouvelle société est de mettre en place des tableaux de bord ! La construction d’un tableau de bord est juste un outil pour une tache bien plus passionnante : l’analyse du tableau de bord afin d’en tirer des possibilités d’optimisation, les tester, les mettre en place, les améliorer… tout cela bien sur dans un objectif d’augmentation du CA.
Voici en quelques étapes ma vision du Conversion Rate Optimization :
Web Optimeez 
