Views
3 years ago

techtrends-xebia-front

techtrends-xebia-front

PENSEZ VOTRE DESIGNCette

PENSEZ VOTRE DESIGNCette étape, réalisée par un Directeur Artistique, permet de valider lafacette émotionnelle du produit. Pour mener à bien cette mission, il devras’inspirer de votre univers. Fournissez-lui un maximum de ressources :charte graphique, images, croquis, palette de couleurs, etc. Il créera unproduit dont le design sera dans la parfaite continuité de votre marque.En plus de fournir des maquettes utilisables par les développeurs, il pourramettre à disposition un « Style Guide ». Cette boîte à outils contiendral’ensemble des composants prêts à l’emploi : polices de caractères, titres,icônes et divers composants HTML.Maintenant que vous avez des maquettes de votre site adaptées à vosclients, à leurs besoins primaires (acheter un produit, rechercher une information,etc.) ou secondaires (avoir accès à mon site n’importe où et n’importequand) mais aussi aux supports de diffusion choisis, il est temps decréer votre site.ETUDE DE CAS :REFONTE D’UN LOGICIELVoyons ensemble une étude de cas dans laquelle une entreprise fait appelà des spécialistes en User eXperience pour repenser un de leurs principauxlogiciels.Cassiopae, le logiciel de gestion de stock développé en interne depuismaintenant une quinzaine d’années, n’est pas en mesure de satisfairela vision 2015 de l’organisation. Le rôle de l’expert UX sera de vous accompagnertout au long de la refonte. Les objectifs qui lui sont assignés sontdivers :• Repenser l’outil actuel en gardant les repères des utilisateurs.• Animer les différents ateliers UX.• Faire converger les idées vers des maquettes.Notre étude de cas explicitera principalement cette première phase de reconnaissance,les 2 autres points étant étudiés lors des différentes étapesprécédemment énoncées dans ce TechTrends.Dans le cas d’une refonte de site, il est inconcevable de faire table rase dusite existant au risque de désorienter les utilisateurs. Pour cela, appuyezvoussur vos utilisateurs réguliers pour construire la nouvelle version dulogiciel.12 TechTrends #5, Décembre 2014

Dans un premier temps, l’expert doit comprendre comment Cassiopaeest utilisée au quotidien. Pour se faire, il utilise la pratique du Shadowing.Comme son nom anglais l’indique, l’expert sera pour quelque tempsl’ombre de l’utilisateur. Il l’accompagne durant quelques jours et regardecomment il manipule l’outil : les tâches récurrentes, les défauts d’interfaces,le nombre de clics nécessaires pour obtenir une information importante,l’utilisation de Post-It pour noter une information et la saisir dans unformulaire, etc.Cette étape lui permet de lister les fonctionnalités primordiales de l’outilainsi que les pertes de temps pour l’utilisateur afin de dégager les premiersaxes d’amélioration tant sur l’ergonomie que sur le vocabulaire utilisé.Ces observations sont les premières briques de l’analyse, il faut maintenantcomprendre le « pourquoi » de ces pratiques. L’expert UX décide decompléter son analyse par une série d’interviews de certains utilisateurs.A travers des questions ouvertes, les personnes interviewées expliquentconcrètement leurs points de blocage, les raccourcis qu’ils souhaitent voirapparaître dans cette nouvelle version, etc. Les nouvelles données recueilliesvont permettre d’avancer sur la conception de l’interface mais aussid’agrémenter les personas.L’association de ces 2 ateliers UX met parfois en exergue un réel problèmede navigation dans le logiciel. Afin d’y palier et de trouver une nouvelleorganisation, l’expert UX lance un nouvel atelier : le tri de carte. Chaqueparticipant (parties prenantes au projet et utilisateurs) note sur des cartesles termes, concepts et actions qu’il souhaite avoir sur le nouveau logiciel.Elles sont ensuite regroupées par thématique commune puis classifier selonl’ordre d’importance. Cette pratique permet d’aboutir en fin de séanceà une idée de la nouvelle arborescence du site à l’image des besoins actuelsdes utilisateurs, mais qui sera ensuite affinée lors des prochaines étapes.Une fois tous ces éléments définis, la démarche UX précédemment décritepeut commencer : description des personas, définition des parcours utilisateurs,organisation du contenu, phase de conception et design des interfaces.Dans le cas d’une refonte de site, il estinconcevable de faire table rase du siteexistant au risque de désorienter lesutilisateurs. Pour cela, appuyez-voussur vos utilisateurs réguliers pourconstruire la nouvelle version du logiciel.TechTrends #5, Décembre 2014 13

HistoMag'44 special Front de l'est - 39-45.org
ao Tear Off Front FRENCH - Autism Ontario
pour la liberté de circulation! >> for freedom of movement! - Frontex
iON Front Cover_OL - HPI Racing UK
Lego Front End Loader - 8439 (2004) - Front End Loader BI 8439 IN
A4-Portrait (Front) kalendar ... - MyNemo
2.2 TDS SBR-Front - ezi-fix.com
•Front de gauche •Délinquance •Argelès-sur-Mer - Le Travailleur ...
Liberation Poster 18 x 24 front - Anciens Combattants Canada
remote control panel flyer - front - Weir Oil & Gas Division
Civia MiDTOWN: MarkeT FrONT raCk iNSTaLLaTiON - Civia Cycles
Analyse du Front commun pour la justice sociale du N.-‐B. inc.
rapport « Nouveaux fronts » 2012 de la CSI - ITUC
Assertion POS front 3a - Perkins
Front national ou l'imposture sociale - Europe 1
Lego Jet Wasp - 8444 (1999) - Front End Loader BI FOR 8444
Lego Rescue Truck - 8454 (2003) - Front End Loader BI, 8454/2