Ludotic
  • Italiano
  • English
  • Nos servicesConseil et Ingénierie UX
    • User Research / UX Research
    • Tests utilisateurs
    • Conception et maquettage
    • Eye Tracking
    • Audit ergonomique
    • Gamification
  • Notre expertiseDomaines d’intervention
    • UX des applications métier
    • UX des jeux vidéo
    • UX du Web grand public
    • UX des Serious Games
    • Design Thinking
    • R&D et innovation
  • Nos formationsTransfert de compétences
    • Ergonomie et UX des logiciels
    • Gestion de projets UX
    • Ergonomie et UX Web, Mobile, Tactile
    • UX et Accessibilité
    • Architecture de l’info et UX Writing
    • Tests utilisateurs
    • Maquettage et prototypage rapide
    • Eye Tracking
  • Nos réalisationsRéférences et témoignages clients
  • Notre agenceValeurs, atouts, recrutement
    • Équipe Ludotic
    • Offre d’emploi Senior UX Designer (CDI)
    • Offre d’emploi UX Researcher (CDI)
  • Nos actualitésBlog, évènements, annonces
  • Nous contacter
  • Menu Menu
Vous êtes ici : Accueil1 Nos services2 Conception et maquettage
ITEN

Concevoir en pensant à l’utilisation

Maquetter les écrans pour mieux se projeter dans l’expérience utilisateur optimale

Conception et maquettage

De la basse à la haute fidélité graphique

Une méthodologie en 4 étapes pour concevoir vos IHM

Définir l’architecture de l’information et les flux de navigation

Réalisation de « sketch » en basse fidélité pour poser les bases

Réalisation d’une maquette dynamique et de spécifications IHM

Propositions d’habillage graphique haute fidélité adapté à votre univers

Ces 4 étapes permettent de suivre tout le cycle de vie du produit.

Dans le cas de projets en Agile, les maquettes pourront évoluer au grès des itérations et s’affiner tout au long du processus.

Pourquoi faire du maquettage IHM ?

Une maquette, contrairement à un prototype codé, est « jetable ». Alors pourquoi dépenser du temps et de l’argent au lieu de coder directement le produit ? Car le maquettage est une étape fondamentale de la conception « centrée utilisateur » ! Il permet de se poser des questions concernant les contenus à mettre en avant, les modalités d’interaction les plus adaptée, les flux de navigation les plus pertinents, etc. Le tout en pouvant explorer plusieurs pistes car, justement, rien n’est figé et aucune ligne de code n’est encore écrite !

De plus, les maquettes peuvent être accompagnées de spécifications IHM, bien utiles aux développeurs lorsqu’ils passeront à l’action.

Quel retour sur investissement attendre du maquettage IHM ?

GAIN DE TEMPS POUR LES DÉVELOPPEURS

Toutes les problématiques de mise en forme et de navigation sont abordées en amont, aucun gaspillage de temps pour les développeurs.

ERREURS DE CONCEPTION EVITÉES

Tous les écueils en termes d’affichage ou de navigation sont identifiés et résolus au stade de la maquette, la prise en compte précoce des attentes et habitudes des utilisateurs évite de leur fournir des écrans qui les induisent en erreur et qu’il faudra modifier.

UN SUPPORT A LA DISCUSSION EFFICACE

Tous les acteurs du projet peuvent participer aux réunions de présentation des IHM : il sera plus facile de trouver un consensus en ayant le résultat final sous les yeux.

DES SPÉCIFICATIONS FONCTIONNELLES COMPLÈTES

Nous mettons à disposition de nos clients des documents de spécification IHM qui peuvent être très détaillés (état des composants, positionnement, comportement, priorités de développement, etc.).

LA POSSIBILITE DE COMPARER

Plusieurs maquettes peuvent être comparées entre elles, afin de faire des choix éclairés en fonction des résultats des tests utilisateurs. Il est possible également de comparer l’existant aux maquettes afin de mieux en apprécier les évolutions.

Les maquettes interactives peuvent être exclusivement fonctionnelles ou bien intégrer également l’habillage graphique afin d’obtenir le rendu exact du produit final, sans écrire la moindre ligne de code. Pratique pour les démos !

AVANT-APRÈS maquettage et habillage graphique

IHM avant intervention

Avant l’intervention

Le produit tel qu’il était avant l’intervention : look & feel démodé, problèmes d’organisation des contenus et d’utilisation de l’espace à l’écran.

IHM après maquettage

Après maquettage

La maquette réalisée par nos ergonomes, ici avec Axure RP Pro : accompagnée de spécifications fonctionnelles qui facilitent l’implémentation par les développeurs et les graphistes, elle est idéalement soumise à des tests de validation auprès des utilisateurs.

IHM après habillage graphique

Après habillage graphique

Le produit « habillé » par notre UI designer : la charte graphique est plus moderne, épurée et égayée par des touches de couleurs subtiles en accord avec l’identité visuelle de la marque et l’univers métier.

Les normes ISO au coeur de la conception

En plus de se baser sur les profils des utilisateurs et sur les retours de la MOA, nos maquettes sont conçues dans le respect des référentiels normés existants, comme la norme ISO 9241 (utilisabilité et interaction homme-machine), la norme ISO 10073 (réduction de la charge mentale) ou encore les référentiels français et internationaux concernant l’accessibilité des interfaces (RGAA2, WCAG2…).

Nos choix d’affichage des contenus et d’utilisation de composants IHM est également fait en tenant compte des spécificités du langage de programmation et du framework du produit final, afin d’assurer l’implémentabilité de nos recommandations.

Parmi nos interventions

Saint Gobain

Conception d'une application tablette intégrant la réalité augmentée

Bordeaux Métropole

Accompagnement du projet "Open Data" de la communauté urbaine

URSSAF

Refonte d'un système d'information dans le secteur du Recouvrement
VOIR PLUS DE RÉALISATIONS

Parlez-nous de votre projet

Bureau principal

Ludotic
Conception centrée utilisateur

1360 route des Dolines
Les Cardoulines B2
06560 Sophia Antipolis

Nous contacter

04 93 55 67 12
contact@ludotic.com

Nous suivre

Engagement qualité

Qualiopi processus certifié - République française
La certification qualité a été délivrée au titre de la catégorie d'action suivante : ACTIONS DE FORMATION
© Ludotic - Mentions légales - CGV - RGPD
Faire défiler vers le haut
En poursuivant votre navigation, sans changer les paramètres de votre navigateur, vous acceptez l'utilisation de cookies pour garantir une bonne expérience sur notre site. En savoir plus
Accepter
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Toujours activé
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
Enregistrer & appliquer