Please enable JavaScript.

Coggle requires JavaScript to display documents.

Projet l'intégration web - Coggle Diagram

- - - - le wireframe
        
        Le wireframe est une représentation graphique, qui va représenter le “squelette” d’un futur site ou le projet
        Il ne demande pas des compétences avancées en design graphique .il existe deux façons de faire (sur du papier et sur un logiciel )
      - le prototype
        
        Le prototype est une représentation dynamique de haute-fidélité de votre site web. C’est une simulation de votre projet final, grâce à laquelle il est possible de tester les interactions qu’auront les visiteurs/utilisateurs et voir en action vos hypothèses d’expérience utilisateur. l’un des objectifs du prototype est d’offrir une version cliquable du site web. Cela permet de tester si le site web est adapté au besoin des utilisateurs, s’il comporte des erreurs de parcours utilisateur ou d’autres problèmes d’usabilité.
      - la maquette
        
        la maquette va plus loin. C’est lors de cette étape du maquettage qu’on va visualiser les premières versions du design graphique.
        . Le seul point commun entre le wireframe et la maquette, c’est que les deux sont statiques.
        .Cette phase du maquettage est très intéressante, car elle permet enfin d’interagir avec les différentes parties prenantes du projet et de commencer à recueillir les avis des clients ou utilisateurs
- - - - Les symboles, l’iconographie et les images utilisés doivent être cohérents sur l’ensemble du site. Si vous utilisez des images, assurez-vous qu’elles reçoivent toutes un traitement visuel similaire. Par exemple, la couleur et le poids de la bordure doivent être cohérents sur toutes les images de la page du produit.
    - - Lorsque les utilisateurs interagissent avec le contenu de vos différents canaux, ils doivent s’attendre à une expérience claire et familière. Lisez le contenu qui est présenté aux utilisateurs sur votre site et comparez-le à ce que les utilisateurs voient dans les supports marketing. Y a-t-il une différence dans le ton de la voix ? Si votre site web utilise un ton de voix décontracté et que vos supports marketing transmettent un message très formel, les utilisateurs peuvent être confus lorsqu’ils interagissent avec les deux. Les équipes internes doivent collaborer sur la stratégie de contenu afin de déterminer celle qui convient le mieux à vos utilisateurs.
    - - Vous aurez probablement plusieurs types de pages différents sur un site, mais certains composants resteront cohérents d’une page à l’autre. Pensez aux similitudes et aux différences entre les pages. Par exemple, en quoi une page de produit diffère-t-elle d’une page de mise à jour de commande ? Il existe des styles et des éléments que vous pouvez réutiliser, tels que les en-têtes, les boutons d’appel à l’action et la navigation. Décidez où ces éléments vivront et rendez-les cohérents sur toutes les pages, le cas échéant.
        Assurez la cohérence dans le placement des champs et des boutons de formulaire, en particulier pour les formulaires ou les assistants multipages. Allez-vous placer l’appel à l’action à gauche et le bouton Annuler à droite, ou vice versa ? Comment désignerez-vous les champs selon les besoins ? Quelles que soient les réponses à ces questions, assurez-vous que chaque formulaire sur le site est conçu de la même manière.
    - - Lorsque vous demandez aux utilisateurs de saisir des informations telles que des dates, des numéros de téléphone ou des lieux, utilisez les normes de l’industrie plutôt que de réinventer la roue. Par exemple, la plupart des sites utilisent un sélecteur de date de calendrier lorsqu’ils demandent aux utilisateurs de saisir des dates. Si les utilisateurs viennent sur votre site et se voient présenter un champ libre, ils devront passer plus de temps à réfléchir au format qu’ils doivent utiliser lors de la saisie de la date.
        Dans la mesure du possible, aidez les utilisateurs à saisir les données en concevant des champs de formulaire qui éliminent le besoin de deviner comment l’entrée doit être formatée ; appliquez ces consignes à toutes les instances de collecte de données sur votre site.