19 June 2013

Inscrivez-vous au Flux RSS

Une journée dans la vie du Praticien AgileUX - 5 - Design d’interface

Posté par jc-Qualitystreet le 30 mai 2012

Activité # 5 du praticien Agile UX …

Le praticien Agile UX va travailler le design d’interface juste ce qu’il faut, juste à temps et de manière COLLABORATIVE

Le Design d’interface c’est en quelque sorte le squelette de vos applications ou sites Internet. Quand on travaille le design d’interface, on travaille le design des élements qui vont faciliter les interactions de l’utilisateur avec le produit.

Design d'interface - Couche Squelette

Design d'interface - Couche Squelette

AGILE = RUPTURE : Juste ce qu’il faut, Juste à temps et ENSEMBLE

Le design d’interface dans une dynamique agile c’est une rupture par rapport au passé, et très souvent pour les ergonomes et spécialistes UX, une vraie remise en question de leur façon de mener cette activité. Pas toujours simple de sortir de sa zone de confort…

Un agenda simple

Le DESIGN STUDIO... chance ou rupture?

Juste à temps…

On démarre vite sur ce que j’appelle la posture ergonomique du produit, une posture globale pour obtenir une vision UX d’ensemble. Evidemment pour cela, avoir travaillé la VISION du PRODUIT, les PERSONAS et disposer d’une première version du backlog de produit sont des PREREQUIS. Le juste à temps se jouera ensuite progressivement, avec un travail dans le détail au fur et à mesure des développements et de l’avancée des sprints.

Vision UX - Posture ergonomique

Vision UX - Posture ergonomique

Juste à temps c’est aussi privilégier l’expérience du produit et sortir de cette approche centrée livrables héritée des années 2000, et qui ont longtemps jalonné le projet. Livrer de la valeur au plus tôt…

Juste ce qu’il faut

Dans la même logique, on va éviter l’anticipation à outrance. Il s’agira de travailler ce juste ce qu’il faut qui permet de démarrer, de tester et valider des hypothèses, puis  d’alimenter « on demand » (avec un temps d’avance)  les développeurs en donnant du contexte aux user stories tout en  gardant une cohérence d’ensemble (un vrai challenge !)

ENSEMBLE

L’agilité c’est avant tout de la collaboration ; et comme d’autres activités le design d’interface peut et doit se travailler en Equipe, collectivement.

La diversité des équipes Agiles, leur colocalisation, leur mode de collaboration au travers de SCRUM et des différents workshops organisés sont source d’innovation. L’implication des personnes joue sur la motivation mais aussi sur les activités de décision ; les interfaces sont omniprésentes dans le quotidien des personnes y compris utilisateurs ou décideurs, les développeurs montent en compétences sur les questions ergonomiques ; ils savent faire ou peuvent avoir envie, peuvent apprendre… CROYEZ-VOUS encore SERIEUSEMENT qu’un BAC +5 en ergonomie vous permet de faire des interfaces plus utiles ou plus utilisables ? Le mode Héros est dépassé, comme le temps du Super UX qui vous fera dans son coin tous les écrans de votre application…

En résumé: très vite, définir la posture de l’interface… une vision ergonomique (UX) stable mais ouverte et évolutive, au niveau de l’interface, en lien avec les premiers éléments d’architecture de l’information, dans le respect des principes ergonomiques établis. Le praticien AgileUX se positionne en facilitateur de tous ces workshops, en soutien du PO avec l’équipe: là est sa valeur ajoutée… et les EQUIPES AGILES en ont vraiment besoin!

Le DESIGN STUDIO au démarrage, puis au coeur, des projets AGILES

L’approche design Studio n’est pas révolutionnaire mais l’agilité la remet au gout du jour et lui donne des conditions ultra favorables pour être efficace.

design4_sketching-solo

Cette approche ultra collaborative se déroule en 4 temps dans une logique itérative alternant divergence - convergence.

  • Temps 0 : Ouverture: contexte, Vision produit, Personas, Elements de Backlog ou Probléme à résoudre
  • Temps 1: Itération 1 avec Sketching Solo (rapide, 6 écrans ou enchaînement en 8 minutes), puis PITCH de chaque personne à l’équipe (3 min) pour défendre et présenter ses solutions puis CRITIQUE (constructive) de l’équipe (2 min)
  • Temps 2: Itération 2 (le REMIX), sur la base de la 1ere itération. On tient compte des options et critiques des autres avec Sketching Solo (rapide, 6 écrans ou enchaînement en 8 minutes), puis PITCH de chaque personne à l’équipe (3 min) pour défendre et présenter ses solutions puis CRITIQUE de l’équipe (2 min)
  • Temps 3 : Itération 3: ON CONSTRUIT COLLECTIVEMENT LA SOLUTION qui GAGNE :) (45 - 60 min) puis on la présente à d’autres si nécessaire
  • Temps 4 : Cloture

design3_sketching-solo-2

Dans les tous premiers sprints, on se lance dans des design studio de 3, 4 heures qui vont impliquer TOUT LE MONDE. Le SKETCHING, le design d’interface est désormais l’affaire de tous.

Au cours des sprints, on peut intégrer les design studio dans les Backlog Refinement ou des workshops distincts, plus courts sur des problématiques précises…

Personnellement j n’y vois que des bénéfices : Esprit Agile, cohésion de l’Equipe, grand nombre d’options en un minimum de temps, source de diversité et d’innovation, résolution de problème efficace, impliquant et engageant (réflexion individuelle puis construction & décision collective)

DONNER DU SENS, enrichir les user stories A CHAQUE SPRINT

Les user Stories n’auront de valeur pour les équipes de développement que lorsqu’elles seront expliquées, enrichies, mises en contexte, notamment grâce au sketching et au wireframe (artefact non graphique représentant la structure et la mise en page des écrans à développer, symbole de ce design d’interface).

design2_userstoriescontext

On accompagnera le tout de quelques annotations pour décrire le mode de fonctionnement des éléments qu’il contient. La mise en contexte dans un scénario (enchaînement d’écrans selon un scénario clé, appelé storyboard) ajoute de la valeur…

Le quotidien du praticien AgileUX  c’est l’équipe. La colocalisation est essentielle. Et comme pour d’autres acteurs, l’activité du praticien Agile UX se jouera sur plusieurs temps :

  • le futur avec un petit temps d’avance pour préparer les stories à venir avec plus de fluidité et cette cohérence d’ensemble qui doit être maintenue
  • le présent avec des interactions fortes et quotidiennes avec l’Equipe sur les développements en cours

LES OUTILS… éternelle question

Un seul trio gagnant… A ce stade, le papier (du sketching au prototypage), le travail en équipe médiatisé autour d’un tableau ou sur la base des éléments crées en un clin d’œil à l’aide d’un outil comme balsamiq, sont de loin les plus efficaces.

Travail au Paper Board - Posture ergonomique

Travail au Paper Board - Posture ergonomique

Exemple personnel sur la posture ergonomique lors de la refonte de ce blog

Qualitystreet sur Balsamiq

Qualitystreet sur Balsamiq

Plus de visuel pour plus de feedback, de la simplicité, de  collaboration et de la proximité avant tout. Dans des contextes spécifiques et sous contraintes, d’autres outils seront sans doute à privilègier…

UN SEUL CONSEIL : A FOND SUR LE DESIGN STUDIO !!!!

Agile France 2012: AgileUx, prototypage Agile, Design Studio et Sketching

Posté par jc-Qualitystreet le 26 mai 2012

Voici les slides de l’une de mes sessions données hier à Agile France 2012, sans doute la conférence la PLUS AGRÉABLE que je connaisse!

Au passage quelques mots sur cette édition 2012

  • cadre idyllique (comme à chaque fois)… une bouffée d’oxygène
  • organisation sans faille et aux petits soins (comme à chaque fois)
  • un programme d’une qualité grandissante
  • de la diversité dans les sessions
  • des speakers de qualité, connus ou moins connus dont le professionnalisme et l’aisance m’ont impressionné
  • des visages familiers, confrères, collègues ou amis qu’on a plaisir à retrouver
  • d’autres personnes qu’on a le plaisir de revoir après quelques années
  • toujours des rencontres

Bref, Merci pour ces moments!

Merci aussi aux participants de ma session “Sketching” et de mon Atelier “Petits Outils de facilitation à l’usage des honnêtes gens” et Mes excuses auprès de ceux qu’on a dû refuser et qui n’ont pu assister à l’Atelier, compte tenu du nombre volontairement restreint de participants (Parcours de posters en mode Show & tell). Pour info, je rejouerai l’atelier le 19 juin chez Valtech lors de notre Valtech Agile Day

Merci à Cédric (Chevalerias), collègue coach Agile chez Valtech, pour son aide précieuse dans l’affichage des posters et autres feuilles pour l’atelier “Petits Outils de facilitation…”

La présentation: Prototypage Agile, Design Studio et Sketching

Mes prochains Events en tant que Speaker..

Posté par jc-Qualitystreet le 18 mai 2012

Aprés ScrumDay et MixIT, le rythme des confrénces ne baisse pas… Retrouvez- moi ici et ailleurs pour parler de Management Agile, de Facilitation, d‘AgileUX / LeanUX, de Sketching ou encore de Jeux Agiles et de Coaching. Et surtout n’hésitez pas à venir me voir avant ou aprés les sessions, c’est toujours un plaisir d’échanger quelques mots avec vous… Des conférences et des thèmes variés, ouvrir et lier des univers qui jusqu’alors ne l’étaient pas forcément: voilà pourquoi mon métier me passionne!

Le programme:

Pour me contacter : jcgrosjean@qualitystreet.fr

Jean Claude GROSJEAN - Coach Agile

J’accompagne depuis plusieurs années la transformation agile des organisations et coache les personnes, les équipes sur les bonnes pratiques agiles et Lean tout en gardant l’Expèrience Utilisateur au coeur de mes préoccupations.

Quelques places pour ma formation AGILE UX les 9 et 10 mai chez Valtech Paris

Posté par jc-Qualitystreet le 4 avril 2012

La prochaine session de ma formation AgileUX, c’est à dire l’intégration de l’Expérience Utilisateur dans les projets Agiles, aura lieu à La Défense les 9 et 10 mai prochain.

Let’s GO!

Au Programme: les bases de SCRUM et de l’esprit Agile, passage obligé, puis l’UX, User Story Map, Vision, PERSONAS, User Stories, Workshops et Design Studio, Tests Utilisateurs en mode Agile et toutes les activités du praticien AgileUX dans un projet agile. On y parlera aussi facilitation… Alors qui vient?

Une formation originale durant laquelle,

vous allez travailler ensemble…

Divergence-Convergence?

Convergence des discussions

Vous allez coller et coller encore…

User StoryMap... toujours fun!

User StoryMap... toujours fun!

Vous allez décorer vos murs…

Vision + Persona

Vision + Persona

Vous allez découper et construire de vos mains…

Product Vision Box

Product Vision Box

Vous allez discuter, partager et expliquer…

Divergence-Convergence?

Divergence-Convergence?

Vous allez dessiner pour vous faire comprendre… en mode design studio

User Story + Wireframe sur base checklist

User Story + Wireframe sur base checklist

BREF, une formation de 2 jours où vous allez apprendre plein de choses….

Au programme l'activité du Praticien AgileUX et vos objectifs personnels

Au programme l'activité du Praticien AgileUX et vos objectifs personnels

Avec un support de cours et un formateur au TOP :)

Un support au Top... :)

Vous aurez des moments de concentration (et de rigolade)…

Binômage

Binômage

et vous serez trés fier de vos réalisations…

Show and TELL !

Show and TELL !

Podcast AgileUX - Experience Utilisateur Agile

Posté par jc-Qualitystreet le 15 mars 2012

Dans ce 4ème épisode du podcast Fréquence Valtech, j’ai été interviewé par Grégory Paul sur le thème de l’Agile UX.

Vous pouvez télécharger ce podcast au format ogg ou mp3 ou encore vous abonner via le flux rss dédié.

Au programme:

  • Trés court rappel de ce qu’on entend par agilité
  • Qu’est ce que l’Expérience Utilisateur? l’Agile UX?
  • Les 6 règles de base d’une approche Agile UX
  • Les apports de l’UX à l’Agile mais aussi de l’Agile à l’UX
  • Et puis en vrac, les Personas, le prototypage rapide, les Tests Utilsiateurs en mode Agile…

Encore merci à Gregory.

Une journée dans la vie du praticien AgileUX- 4- Architecture de l’information

Posté par jc-Qualitystreet le 4 février 2012

Activité#4 du praticien AgileUX…

Le praticien AgileUX va initier puis construire l’architecture de l’information de manière collaborative

L’architecture de l’information c’est l’organisation du contenu et des fonctionnalités d’un point de vue cognitif et graphique pour répondre aux besoins et attentes des utilisateurs finaux.

Architecture de l'information : un élément d'UX

Architecture de l'information : un élément d'UX

L’architecture de l’information est une activité incontournable de toute projet IT ; outre le fait de donner du sens, dans un contexte de développement Agile, cette activité va proposer la fameuse Big Picture, tant attendue par mal d’intervenants, et va rassurer à la fois les Equipes IT et le Business. Elle facilitera ensuite le travail de tests.

Arborescence

Arborescence

La Big Picture : High level et structurante

Entrer dans une dynamique agile signifie l’ABANDON de spécifications détaillées, travaillées pendant des mois et figées au démarrage du projet, AU PROFIT d‘un travail de spécification plus léger au départ, mais aussi progressif et surtout continu (notamment au travers des workshops User stories et du travail portant sur le Backlog de produit).

Concept Model par Daniel M. Brown

Concept Model par Daniel M. Brown

Néanmoins, et je dirais encore plus sur un projet SCRUM, même si ce travail de spécification ergonomique peut sembler plus léger au départ, les premiers éléments d’architecture d’informations sont à maîtriser dés les premiers sprints du projet (sur la base d’informations potentiellement recueillies au préalable, tri de cartes, Kano…).

Modèle de Kano

Modèle de Kano

Il s’agit pour le praticien AgileUX d’aller à l’essentiel, de réflechir en terme de valeur pour sa prore activité et de se mettre au service à la fois du Product Owner et de l’Equipe.

La TO DO List du praticien AgileUX pour l’architecture de l’information

  • Clarifier et catégoriser les informations
  • Soutenir le PO dans son effort de priorisation des fonctionnalités et des contenus
  • Initier puis approfondir de manière collaborative une première structure d’informations efficace
  • Déterminer les système d’information le plus approprié
  • Tester puis affiner ces éléments structurants
Système de navigation - Pages intèrieures

Système de navigation - Pages intèrieures

Get Adobe Flash playerPlugin by wpburn.com wordpress themes