les-cours / ergonomie-et-communication-web / ux-design

IFOSUP Wavre | Webdesign | Ergonomie et Communication Web - Gérard Barmarin | UX Design

UX Design

Les exercices détaillés

  • Ex.13.1 - Trouvez 10 8 actes de conversion différents:


    • Capture d'écran d'un site web servant à analyser l'acte de conversion'. Site web: G comme une idée
      • du call to action: bouton "une idée, un projet?"
      • objectif: entrer en discussion avec un utilisateur pour le persuader de se convertir en client
      • type d'acte de conversion: entrée d'un tunnel de conversion
      • efficacité: efficace
      • justifications: le call to action conduit au formulaire permettant de décrire son idée/projet et de recevoir un retour personnalisé

    • Capture d'écran d'un site web servant à analyser l'acte de conversion'. Site web: basta communication
      • call to action: bouton "parlez-nous de votre projet web"
      • objectif: entrer en discussion avec un utilisateur pour le persuader de se convertir en client
      • type d'acte de conversion: entrée d'un tunnel de conversion
      • efficacité: discutable
      • justifications: le call to action mène à une page intermédiaire faisant la promotion de l'expertise de l'agence. L'utilisateur doit à nouveau cliquer sur un bouton portant le même intitulé pour atteindre le formulaire permettant de demander: "l'évaluation de son projet de site web". Si le client a cliqué sur le bouton, c'est qu'il désire avoir un échange personnalisé avec l'agence et non pour lire des pavés de texte prêts à manger

    • Capture d'écran d'un site web servant à analyser l'acte de conversion'. Site web: SNCB

        • call to action principal

          • call to action: formulaire "mon voyage"
          • objectif: acheter un titre de transport
          • type d'acte de conversion: acte de conversion véritable
          • efficacité: efficace
          • justifications: le client veut acheter son titre de transport et l'obtient avec facilité

        • call to action secondaire

          • call to action: divers boutons pour des offres promotionnelles
          • objectif: proposer des promotions sur divers types de voyages
          • type d'acte de conversion: entrée d'un tunnel de conversion
          • efficacité: efficace
          • justifications: le call to action conduit à une page détaillant le voyage et la promotion. Si l'utilisateur est convaincu par l'offre, un dernier bouton reste à cliquer pour reserver son/ses ticket(s)

    • Capture d'écran d'un site web servant à analyser l'acte de conversion'. Site web: JDN

        • call to action principal

          • call to action: champ e-mail "Newsletter quotidienne"
          • objectif: convertir le visiteur en utilisateur régulier du site
          • type d'acte de conversion: acte de conversion véritable ou/et tunnel de conversion
          • efficacité: efficace
          • justifications: le visiteur se voit inscrit à la newsletter dès lors qu'il entre son e-mail, il est ensuite invité à se créer un profil à l'aide d'un formulaire

        • call to action secondaire

          • call to action: bouton "Lire gratuitement en s'inscrivant"
          • objectif: convertir le visiteur en utlisateur régulier du site
          • type d'acte de conversion: entrée d'un tunnel de conversion
          • efficacité: efficace
          • justifications: l'article convoité par le visiteur demande d'être connecté pour pouvoir la possiblité de lire sa suite. Une fois le bouton cliqué, le visiteur est invité à se créer un profil à l'aide d'un formulaire

    • Capture d'écran d'un site web servant à analyser l'acte de conversion'. Site web: Fullstack Rafael Caferati

        • call to action principal

          • call to action: bouton "Destroy this webpage"
          • objectif: convaincre les employeurs/clients de ses qualités techniques en tant que développeur pour obtenir des missions
          • type d'acte de conversion: tunnel de conversion
          • efficacité: efficace
          • justifications: le visiteur est invité à jouer à un "space invader" dont l'objectif est de détruire le texte présent sur la page. La page d'accueil porpose un jeu est bien réalisé et une façon originale de mettre en avant les capacités techniques sur un portfolio.

        • call to action secondaire

          • call to action: les boutons menant vers les réseaux sociaux
          • objectif: mettre à disposition les informations personnelles du développeur ce qui permet d'en savoir plus sur ce dernier et de prendre contact avec lui
          • type d'acte de conversion: acte de conversion véritable
          • efficacité: efficace
          • justifications: les employeurs/clients potentiels peuvent trouver rapdiement ce qu'ils désirent savoir à propos du developpeur fullstack

  • Ex.13.2 - Trouvez le ou les actes de conversion des sites suivants:

    • meteo.be

      • bouton de recherche
      • invitation au téléchargement de leur application en bas de page

    • wordpress.org

      • bouton pour se rendre sur la page de téléchargement de WordPress
      • lien invitant à découvrir des sites réalisés avec WordPress mis en valeur avec une image en regroupant quelques-uns
      • bouton proposant de rejoindre une communauté locale, suivre des conférences, etc.

    • opera.com

      • bouton de téléchargement
      • bouton "changeons" dirigeant vers une page aidant à la migration de son navigateur actuel vers Opera

    • pixum.com

      • inscriptions à la newsletter pour profiter de diverses offres
      • caddie
      • bouton découverte
      • numéro de téléphone cliquable
      • service client

    • jvweb.fr

      • bouton blog
      • bouton contact

    • effie-europe.com

      • enter work menant vers la page: "call for entries"
      • les boutons "multi-marlets, positive change et best of europe" mènent à la même page que le bouton "enter work" mais contrairement à ce dernier, ils incitent à cliquer non pas avec un verbe à l'infinitif/impératif présent mais avec une courte question accompagnant chacun d'eux