Processus UX: concevoir des interfaces efficaces
en utilisant les 2 hémisphères du cerveau

Le designer UX sait également que votre présence digitale doit être au service de vos activités et de vos objectifs. Concrétiser une stratégie interactive et la transformer en une présence digitale efficace et plébiscitée par ses utilisateurs nécessite un travail créatif… et méthodique. Il s’agira d’appliquer un processus de travail agile pour provoquer des débats constructifs autour de prototypes itératifs. Le designer UX
est également un facilitateur qui vous aide à explorer des pistes inattendues
et innovantes.

INVESTIGATIONS

1

Re-brief

Je pose des questions pour savoir POURQUOI un projet digital est engagé

et pour avoir toutes les réponses qui me permettront de fixer des objectifs concrets et mesurables pour votre projet digital.

Ce qui doit être fait:

Récapitulatif du cahier des charges

  • Analyse pragmatiques de vos besoins réels et synthèse
  • Interviews des initiateurs du projet et des collaborateurs impliqués
  • Méthodes de monitoring à mettre en place pour mesurer votre visibilité
  • Analyse des contraintes technologiques
  • Rapport global de faisabilité

2

Immersion

Je m'immerge dans votre projet pour savoir
QUOI communiquer

et pour comprendre votre contexte professionnel, vos spécificités, vos concurrents et vos habitudes en matière de communication.

Ce qui doit être fait:

Rédaction de la stratégie "objectifs UX"

  • Analyse de votre stratégie marketing
  • Analyse de votre branding et votre charte graphique
  • Analyse de vos supports communication usuels
  • Immersion dans votre contexte professionnel et/ou thématique
  • Analyse de votre contexte digital concurrentiel
  • Recherches concernant les bonnes pratiques dans votre secteur d'activité
  • Analyse initial des contenus existants, estimation des contenus à créer

USER-RESEARCH

3

Publics cibles

Je mets au point les profils de vos publics cibles pour savoir à QUI communiquer

et pour connaître leurs besoins, leurs envies, mais également pour savoir comment vous rendre passionnant à leurs yeux.

Ce qui doit être fait:

Rédaction de la stratégie "identification des publics cibles"

  • Analyse de vos études de marché, interviews des initiateurs du projet
  • "User-Map" - cerner vos public-cibles et leurs objectifs
  • Workshop "Personas"
  • Réalisation des fiches individuelles des profils et de leurs tâches
  • Workshop "User-Journey" et "User-Flows"
  • Réalisation schématique des flux utilisateurs
  • Architecture initiale des priorités d'accès aux contenus par les "personas" identifiés

CONCEPTION

4

Storytelling

Je fais du Storytelling et je trouve les meilleures stratégies pour savoir COMMENT communiquer

et je fais fonctionner les 2 hémisphères de mon cerveau pour élaborer une découverte créative et intuitive de vos contenus.

Ce qui doit être fait:

Scénarios d'interactivité

  • Elaboration de scénarios en adéquation avec vos objectifs et votre audience
  • Réflexions liées au UX-Copywriting et aux micros-interactions
  • Définition des typologies de contenus (textes, infographies, animations, vidéos, etc.)
  • Modération de workshops "Brainstroming" basés sur les premières itérations
  • Finalisation des scénarios

5

Stratégie de contenu

Je n'oublie pas que le contenu est roi...

...et que c'est uniquement grâce à lui, à sa qualité et à sa pertinence que votre audience fera la différence.

Ce qui doit être fait:

Stratégie "Content-First"

  • Inventaire et évaluation de vos contenus existants
  • Inventaire et description des contenus à créer
  • Structuration schématique des contenus rédactionnels (lisibilité)
  • Stratégie de référencement SEO et objectifs liés aux terminologies (visibilité)
  • Collaboration avec les concepteurs-rédacteurs, définition de la tonalité
  • Estimation des ressources requises pour créer et maintenir une ligne éditoriale à jour
  • Définition des besoins spécifiques pour la navigation mobile
  • Mise en adéquation des contenus avec la stratégie "Personas" et les objectifs

GESTALTUNG

6

Architecture

Je mets au point une organisation des contenus...

...qui permet d'acquérir une vue d'ensemble évolutive des contenus et de définir des flux de navigation intuitifs pour vos utilisateurs.

Ce qui doit être fait:

Organisation schématique des contenus et de la navigation

  • Intégration des besoins SEO
  • Workshop "Card-Sorting" - définir tous les contenus et leur hiérarchie
  • Architecture thématique (taxonomie SEO)
  • Architecture fine (flux de navigation globaux), workshops et itérations
  • Définition des spécificités de l'architecture mobile
  • Définition initiale de la stratégie de navigation
  • Réflexion concernant l'analyse du trafic (mesurabilité)

7

Prototypes Low-Fi

J'organise les écrans...

...afin de définir une librairie de gabarits optimisés pour répondre aux besoins du contenu et aux attentes des utilisateurs.

Ce qui doit être fait:

Schémas de zoning et wireframes statiques

  • Définition des gabarits requis selon les fonctionnalités et l'architecture
  • Analyse des attributions fonctionnelles aux différentes zones des interfaces
  • Rationalisation des gabarits et schéma de construction modulaire (Atomic Design)
  • Intégration des contenus rédactionnel de base (libellés de navigation, titrage)
  • Coordination avec le développeur Front-End et définition des outils de travail
  • Approche responsive des interfaces, optimisation mobile du zoning
  • Mise en place des gabarits types détaillés

8

Prototypes High-Fi

Je concrétise et je centralise la conception...

...afin de créer des prototypes interactifs et évolutifs, disponibles en ligne et accessible à tous les protagonistes du projet.

Ce qui doit être fait:

Des prototypes interactifs et des test utilisateurs

  • Evolution des wireframes en écrans interactifs navigables
  • Montage d'un prototype (simulation de votre application digitale) selon l'architecture
  • Intégration des contenus rédactionnels et images en vue des tests utilisateurs
  • Conception des micros-interactions
  • Mise en place des prototypes sur un outil de collaboration en ligne
  • Présentation, workshops et itérations
  • Mise en place et modération de tests utilisateurs
  • Coordination et validations techniques avec le développeur Front-End
  • Mise en place du concept "Atomic Design" pour la définition des composants fonctionnels, mise en place du Kit-UI

9

Concept visuel

J'élabore un univers graphique...

...afin de donner une image immersive et captivante à votre application digitale tout en respectant votre identité.

Ce qui doit être fait:

Moodboards et intentions graphiques

  • Analyse typographique et optimisation de la lisibilité
  • Analyse "Branding" et adaptation pour le projet digital
  • Recherches iconographiques, Art-buying, recherche de prestataires spécialisés
  • Montage de moodboards digitaux pour cerner l'approche visuelle
  • Recherches graphiques concernant la signalétique des interactions
  • Définition des outils de développement Front-End et coordination
  • Montage de maquettes sur une sélection d'écrans types issus du prototype validé
  • Déclinaisons responsives

RÉALISATION

10

UI-Design

Je concrétise le concept visuel...

...et je complète le prototype interactif pour tester tous les détails d'usabilité, de lisibilité et de compréhension.

Ce qui doit être fait:

Un prototype UI

  • Intégration du concept visuel dans le prototype UX
  • Intégration typographique et tests de lisibilité multisupports
  • Intégration de contenus visuels définitifs
  • Présentations, workshops et itérations
  • Mise en place et modération de tests utilisateurs
  • Coordination et validations techniques avec le développement Front-End
  • Mise à disposition des ressources graphiques pour le développement Front-End

11

Cohérence graphique

Je développe la charte visuelle...

...pour maintenir une univers graphique intuitif, efficace et facile à maintenir lors des évolutions futures.

Ce qui doit être fait:

Une charte graphique dynamique

  • Finalisation du Kit-UI (librairie graphique et interactive)
  • Rationalisation et uniformisation des toutes les composantes visuelles des interfaces
  • Mise en place du "Digital Guidebook" avec les descriptions et les ressources
  • Contrôle de la qualité visuelle lors du développement

SUIVI ET MONITORING

12

Optimisation

Je valide les options prises...

...et je contrôle leur efficacité en adaptant l'expérience utilisateur

selon l'évolution de votre projet

Ce qui doit être fait:

Un suivi documenté

  • Suivi du référencement naturel
  • Monitoring des flux utilisateurs
  • Adaptation de la charte visuelle selon l'évolution de vos contenus
  • Veille thématique

Patrick Graf, Designer UX

expérimenté

Profil        Capacités        Processus       Services et collaborations        Techniques UX        Contact

Patrick Graf, Designer UX indépendant

+41 79 436 83 57