| UI | UX

Donnez vie à vos concepts :
démarque de la concurrence !

Les utilisateurs ignorent le design qui ignore les utilisateurs.

EXPÉRIENCE INTERFACE

J’ai déjà joué au roi du silence avec un muet… et j’ai gagné.

Exemple d’une maquette que j’ai réalisé pour le site de Gwénaëlle Photographe de Vie

Maquette site Gwénaelle avet

ATTENTION : EXPLICATIONS

Les bénéfices du doute vont entièrement dans ma poche.

Naviguer sur internet aujourd’hui doit procurer les mêmes choses que l’on peut ressentir dans le monde réel. Des émotions, ce qui est l’essence même de l’UIUX.

Pour développer cela, pour créer du résidu mémoriel dans l’esprit de vos visiteurs et surtout, pouvoir les convertir en client, il faut leur offrir un moment particulier. Une expérience de navigation qui lui fera se sentir bien. Cela passe par la structure du site, ses couleurs, ses animations, sa patte, les mots employés, le ton, et j’en passe.. Mais alors comment y parvenir ? Et bien grâce à l’UIUX !

UIUX c’est vague… Qu’est ce que l’UI Design ? Qu’est ce que l’UX Design ? Et pourquoi sont ils aussi complémentaires que différents ? Et bien.. Je vais vous le dire..

L’UX signifie User Experience. Soit : L’Expérience Utilisateur. (En savoir plus ici)
L’UI signifie User Interface soit, vous l’aurez également deviné, sans étonnement ni suspens : Interface Utilisateur. (En savoir plus ici)

Les deux éléments sont aujourd’hui la pensée fondamentale propre à un site web et sont complètement liés pour fournir la meilleur émotion possible à votre visiteur et potentiel futur client.

UIUX sont indissociables et travaillent ensemble mais chacun connait son rôle et ils sont bien précis.. Pendant la conception de votre site web, le travail de l’UX va représenter un travail analytique quand l’UI va se pencher sur l’aspect graphique. Cela reste très sommaire mais c’est l’idée, sinon vous et moi allons partir sur un article de 116 pages, et encore, si je fais dans le ludique, je peux faire 115 pages..

Toutes les grandes interfaces partagent des caractéristiques communes :

La clarté : L’interface évite les ambiguïtés en clarifiant tout à travers le langage, le flux, la hiérarchie et les métaphores des éléments visuels.

La concision : Il est facile de clarifier l’interface en clarifiant et en étiquetant tout, mais cela conduit à une surcharge, où il y a trop de choses à l’écran en même temps. Si trop d’éléments sont à l’écran, il est difficile de trouver ce que vous recherchez et l’interface devient donc fastidieuse. Le véritable défi pour créer une interface de qualité consiste à la rendre concise et claire en même temps.

La familiarité : Même si quelqu’un utilise une interface pour la première fois, certains éléments peuvent toujours être familiers. Des métaphores réelles peuvent être utilisées pour communiquer un sens.

La réactivité : Une bonne interface ne doit pas sembler lente. Cela signifie que l’interface doit fournir un retour rapide d’informations à l’utilisateur sur ce qui se passe et sur le traitement réussi de l’entrée de l’utilisateur.

La cohérence : La cohérence de votre interface dans votre application est importante car elle permet aux utilisateurs de reconnaître les modèles d’utilisation.

L’esthétique : Bien que vous n’ayez pas besoin de rendre une interface attrayante pour faire son travail, une belle interface rendra le temps que vos utilisateurs passent à utiliser votre application plus agréable et des utilisateurs plus heureux ne peuvent être qu’une bonne chose.

L’efficacité : Le temps, c’est de l’argent, et une bonne interface devrait rendre l’utilisateur plus productif grâce à des raccourcis et à une bonne conception.

Le pardon : Une bonne interface ne devrait pas punir les utilisateurs pour leurs erreurs, mais devrait plutôt leur donner les moyens de les corriger.

Elle peut s’analyser en cinq phases successives :

  • Planification (définition du projet, recrutement des utilisateurs, déontologie…) ;
  • Exploration (entretiens, focus groups, observation, questionnaires exploratoires, sonde culturelle…) ;
  • Idéation (brainstorming, cartes d’idéation, design studio, experience map, personas…) ;
  • Génération (design persuasif, gamification, iconographie, maquettage, story boarding, tris de cartes…) ;
  • Évaluation (complétion de phrases, courbes d’évaluation, échelles d’utilisabilité, échelles UX, évaluation des émotions, évaluation experte, inspection cognitive, journal de bord, tests…).

La recherche en Design UX repose sur le principe que pour délivrer une expérience utilisateur réussie, il ne faut pas présupposer connaître son utilisateur, mais réellement chercher et découvrir ses besoins au travers de méthodes scientifiques. Dans le cadre du Design UX, cette phase de recherche se découpe en plusieurs étapes :

La recherche secondaire : elle repose sur les données déjà existantes (exemples : analyse comparatives, études pré-existantes) ;

La recherche primaire : elle regroupe certaines pratiques comme l’entrevue en face à face avec l’utilisateur ou le shadowing (un anglicisme représentant une méthode d’observation sur le terrain), qui permettent d’acquérir une connaissance de l’expérience utilisateur dans le cadre spécifique d’un projet.

Pour schématiser de manière très vulgaire l’UIUX mais avec une infinie politesse qui nous caractérise vous et moi de toute évidence, je vous propose d’imaginer… Pour cela, regardez autour de vous, trouvez un canapé (méridienne acceptée), allongez-vous et fermez les yeux..

Ah oui, réflexion faite, vous ne pourriez plus lire ensuite.. Alors imaginez une maison..

Son Système d’exploitation (OS : Operating System) va représenter sa structure, mur, charpente..

L’UX représenterait ses pièces et la façon dont vous agencer ces dernières pour une optimisation, une facilitation quotidienne optimale.

L’UI représenterait la décoration, les peintures, les couleurs, le objets qui vous donnerait cette sensation de bien être, de feng shui chaque jour ou vous habiteriez dans cette maison.

C’est ainsi qu’on peut imager ce qu’est l’UIUX de manière simple car ce ne sont pas forcément des notions faciles à appréhender. Mais en clair. Un site qui possède un mélange habile et réfléchi d’une interface fluide et logique avec une conception graphique agréable et originale aura toutes les chances de devenir un site à succès.. (même si d’autres éléments rentrent en compte, c’est déjà un excellent début.. Merci l’UIUX !)

Menez l'expérience !

Je sais faire des démarrages en côte en bateau !

| UI | UX

Donnez vie à vos concepts :
démarque de la concurrence !

Les utilisateurs ignorent le design qui ignore les utilisateurs !

EXPÉRIENCE INTERFACE

J’ai déjà joué au roi du silence avec un muet… et j’ai gagné.

Exemple d’une maquette que j’ai réalisé pour le site de Gwénaëlle Photographe de Vie

Maquette site Gwénaelle avet

ATTENTION : EXPLICATIONS

Les bénéfices du doute vont entièrement dans ma poche.

Naviguer sur internet aujourd’hui doit procurer les mêmes choses que l’on peut ressentir dans le monde réel. Des émotions, ce qui est l’essence même de l’UIUX.

Pour développer cela, pour créer du résidu mémoriel dans l’esprit de vos visiteurs et surtout, pouvoir les convertir en client, il faut leur offrir un moment particulier. Une expérience de navigation qui lui fera se sentir bien. Cela passe par la structure du site, ses couleurs, ses animations, sa patte, les mots employés, le ton, et j’en passe.. Mais alors comment y parvenir ? Et bien grâce à l’UIUX !

UIUX c’est vague… Qu’est ce que l’UI Design ? Qu’est ce que l’UX Design ? Et pourquoi sont ils aussi complémentaires que différents ? Et bien.. Je vais vous le dire..

L’UX signifie User Experience. Soit : L’Expérience Utilisateur. (En savoir plus ici)
L’UI signifie User Interface soit, vous l’aurez également deviné, sans étonnement ni suspens : Interface Utilisateur. (En savoir plus ici)

Les deux éléments sont aujourd’hui la pensée fondamentale propre à un site web et sont complètement liés pour fournir la meilleur émotion possible à votre visiteur et potentiel futur client.

UIUX sont indissociables et travaillent ensemble mais chacun connait son rôle et ils sont bien précis.. Pendant la conception de votre site web, le travail de l’UX va représenter un travail analytique quand l’UI va se pencher sur l’aspect graphique. Cela reste très sommaire mais c’est l’idée, sinon vous et moi allons partir sur un article de 116 pages, et encore, si je fais dans le ludique, je peux faire 115 pages..

Toutes les grandes interfaces partagent des caractéristiques communes :

La clarté : L’interface évite les ambiguïtés en clarifiant tout à travers le langage, le flux, la hiérarchie et les métaphores des éléments visuels.

La concision : Il est facile de clarifier l’interface en clarifiant et en étiquetant tout, mais cela conduit à une surcharge, où il y a trop de choses à l’écran en même temps. Si trop d’éléments sont à l’écran, il est difficile de trouver ce que vous recherchez et l’interface devient donc fastidieuse. Le véritable défi pour créer une interface de qualité consiste à la rendre concise et claire en même temps.

La familiarité : Même si quelqu’un utilise une interface pour la première fois, certains éléments peuvent toujours être familiers. Des métaphores réelles peuvent être utilisées pour communiquer un sens.

La réactivité : Une bonne interface ne doit pas sembler lente. Cela signifie que l’interface doit fournir un retour rapide d’informations à l’utilisateur sur ce qui se passe et sur le traitement réussi de l’entrée de l’utilisateur.

La cohérence : La cohérence de votre interface dans votre application est importante car elle permet aux utilisateurs de reconnaître les modèles d’utilisation.

L’esthétique : Bien que vous n’ayez pas besoin de rendre une interface attrayante pour faire son travail, une belle interface rendra le temps que vos utilisateurs passent à utiliser votre application plus agréable et des utilisateurs plus heureux ne peuvent être qu’une bonne chose.

L’efficacité : Le temps, c’est de l’argent, et une bonne interface devrait rendre l’utilisateur plus productif grâce à des raccourcis et à une bonne conception.

Le pardon : Une bonne interface ne devrait pas punir les utilisateurs pour leurs erreurs, mais devrait plutôt leur donner les moyens de les corriger.

Elle peut s’analyser en cinq phases successives :

  • Planification (définition du projet, recrutement des utilisateurs, déontologie…) ;
  • Exploration (entretiens, focus groups, observation, questionnaires exploratoires, sonde culturelle…) ;
  • Idéation (brainstorming, cartes d’idéation, design studio, experience map, personas…) ;
  • Génération (design persuasif, gamification, iconographie, maquettage, story boarding, tris de cartes…) ;
  • Évaluation (complétion de phrases, courbes d’évaluation, échelles d’utilisabilité, échelles UX, évaluation des émotions, évaluation experte, inspection cognitive, journal de bord, tests…).

La recherche en Design UX repose sur le principe que pour délivrer une expérience utilisateur réussie, il ne faut pas présupposer connaître son utilisateur, mais réellement chercher et découvrir ses besoins au travers de méthodes scientifiques. Dans le cadre du Design UX, cette phase de recherche se découpe en plusieurs étapes :

La recherche secondaire : elle repose sur les données déjà existantes (exemples : analyse comparatives, études pré-existantes) ;

La recherche primaire : elle regroupe certaines pratiques comme l’entrevue en face à face avec l’utilisateur ou le shadowing (un anglicisme représentant une méthode d’observation sur le terrain), qui permettent d’acquérir une connaissance de l’expérience utilisateur dans le cadre spécifique d’un projet.

Pour schématiser de manière très vulgaire l’UIUX mais avec une infinie politesse qui nous caractérise vous et moi de toute évidence, je vous propose d’imaginer… Pour cela, regardez autour de vous, trouvez un canapé (méridienne acceptée), allongez-vous et fermez les yeux..

Ah oui, réflexion faite, vous ne pourriez plus lire ensuite.. Alors imaginez une maison..

Son Système d’exploitation (OS : Operating System) va représenter sa structure, mur, charpente..

L’UX représenterait ses pièces et la façon dont vous agencer ces dernières pour une optimisation, une facilitation quotidienne optimale.

L’UI représenterait la décoration, les peintures, les couleurs, le objets qui vous donnerait cette sensation de bien être, de feng shui chaque jour ou vous habiteriez dans cette maison.

C’est ainsi qu’on peut imager ce qu’est l’UIUX de manière simple car ce ne sont pas forcément des notions faciles à appréhender. Mais en clair. Un site qui possède un mélange habile et réfléchi d’une interface fluide et logique avec une conception graphique agréable et originale aura toutes les chances de devenir un site à succès.. (même si d’autres éléments rentrent en compte, c’est déjà un excellent début.. Merci l’UIUX !)

MENEZ L'EXPÉRIENCE !

Je sais faire les démarrages en côte en bateau.