OutilS de prototypage: Figma, Sketch app
Sur les anciens projets décrits ci-dessous,, pour le design d’interfaces utilisateur (maquettage, prototypage) j’utilisais le plus souvent l’application Sketch. Grâce au plugin Craft, les éléments d’interfaces pouvaient être dynamisés et mis en ligne sous forme de prototype web.
L’application Sketch à beaucoup évolué depuis, et d’autres outils ont émergé, comme Figma. qui est devenu mon principal outil pour l’UI Design et et les Design Systems.
Depuis 2009, Design UX et Conception ergonomique d’applications pour Smartphones iOS, Android, Windows Phone, BlackBerry.
- Recherche utilisateur
- Observations ethnographiques et ateliers utilisateur
- Personas et cartographie de l’expérience (UX Maps, eXperience Map)
- Benchmark de solutions
- Idéation
- Design Sprints, démarches de conception itérative, en équipe pluridisciplinaire, au plus près des développeurs
- Test utilisateurs individuels en mode « Friends and Family », « Guérilla » et sur panels de recrutements de testeurs.
- Architecture de l’information, design d’interaction, conception ergonomique
- Storyboards, wireframes
- Prototypage UI sous Figma, Sketch, Axure RP Pro, Illustrator.
- Spécifications, chartes ergonomiques / UX et Design System
- Direction de la création visuelle et interactive
Exemple : Conception UX/UI iDTGV Max iPhone iOS et Android apps
Applications iPhone iOS et Android, et du site web desktop et mobile (responsive).
Parcours utilisateur client : recherche, réservation, check, modification de voyage, gestion du compte client et du profil MAXtrotter
Réalisations
- Exploitation de « Personas » utilisateur à partir des études marketings iDTGV et d’ateliers d’itération
- Réalisation de prototypes HTML dynamique avec le progiciel Axure RP Pro
- Direction de la création visuelle et du design graphique des applications
Résultats
Applications simples et efficaces
EXEMPLE : Conception UX/UI iDTGV Windows app PC Tablette et smartphone, 2013, SNCF
Contexte : Conception de 2 applications
- Première application Windows 8 sur la nouvelle interface ModernUI pour PC et tablettes
- Nouvelle version de l’application pour Smartphone Windows Phone
- Parcours e-commerce et m-commerce complets : recherche, commandes, réservation, achat et paiement, choix des places, billet
Réalisations
- Construction de « Personas » utilisateur à partir des études marketings iDTGV et d’ateliers d’itération
- Réalisation de prototypes HTML dynamique avec le progiciel Axure RP Pro
- Direction de la création visuelle et du design graphique des applications
Résultats
- Une seule itération avec le client sur la conception
- Très bonne notation dans les magasins / stores d’applications mobiles
Domaine e-banking Assurance Banque
2016 – Plusieurs projets confidentiels de refonte et de design d’applications mobiles (tablettes et smartphone) et webapp responsive pour des usages métiers et grand public en secteur Banque Finance Assurance :
- Refonte de l’application CRM portable (sur tablette Windows) des conseillers commerciaux (France)
- Conception d’une application (mobile native iOS/Android et desktop web responsive) de déclaration rapide de sinistre pour les assurés et les télé-experts (France)
- Refonte d’applications boursières (mobile native iOS/Android et desktop web responsive) pour usagers grand public (marché Europe)
Dans le cadre des études et refonte d’applications métier j’ai eu recours à la méthode de l’analyse du travail (observations et et entretiens ethnographiques) en m’immergeant en situation réelle d’usage. Par exemple en accompagnant des experts en assurances durant leur journée travail, en déplacement dans son véhicule, en expertise de sinistre chez les assurés, au bureau.
Pour les services et applications grand public, je réalise la phase de design le plus souvent via une conception itérative (ateliers de conceptions, échanges sur les fonctionnalités et maquettes) avec des experts métiers, en lançant des questionnaires et des tests utilisateurs individuels auprès du grand public.
Exemple de projet : conception d’un prototype robot conversationnel Facebook Messenger pour l’aide à la géolocalisation de services bancaires à l’étranger
Définition des logiques d’interactions conversationnelles, parcours et définition des contenus : message, cartographie et iconographie
Le projet a été mené en mode agile sur un sprint de 3 semaines
L’équipe est composé d’un product owner, de 2 développeurs (front et back) et moi en tant qu’UX Designer
Ce projet s’inscrit dans le cadre d’une cellule innovation en mesure de tester rapidement des concepts sous forme de preuve de concept POC (de l’anglais : proof of concept)
Pour ma partie j’ai réalisé :
- L’architecture de l’information avec XMind
- Le design et maquettage UI avec le logiciel Sketch
Exemple de projet 2012 : Nouvelle UX portail web e-banking
Contexte
Pour une startup à la recherche de principes pour une nouvelle eXperience Utilisateur sur les produits portail e-Banking
Design d’une nouvelle eXperience Utilisateur sur les produits portail e-Banking. Conseil et conception en innovation ergonomique et design d’expérience utilisateur
Réalisations
- Animation d’ateliers de créativité
- Design d’eXpérience Utilisateur, Wireframe et storyboard réalisés sous Apple Keynote
- Direction de la création visuelle et graphique
Résultats
Adhésion du client aux nouveaux concepts propos
Laisser un commentaire