Workshop UX Design présenté lors du FLUPA UX-Day 2013. Animé par Carine Lallemand, Kerstin Bongard-Blanchy, Ioana Ocnarescu et Jean-Baptiste Labrune.
Résumé : Concevoir pour l'expérience utilisateur par l'approche des Experience Triggers (E.T.).
Atelier sur le design émotionnel réalisé au Web à Québec WAQ16 par Carine Lallemand en avril 2016. http://webaquebec.org/
Descriptif atelier (90 min) - Concevoir des expériences émotionnelles positives nécessite une compréhension de la nature des émotions et de leur impact sur l'expérience utilisateur (UX). Si certains designers talentueux sont capables de concevoir des expériences émotionnelles de manière "intuitive", il est possible pour tous d'adopter une approche plus structurée du design émotionnel.
Dans cet atelier, vous découvrirez le concept de granularité émotionnelle et comment développer cette qualité indispensable du designer UX. L’utilisation d’un outil de design émotionnel vous aidera ensuite à générer des concepts qui pourront intéresser, surprendre ou même fasciner vos utilisateurs ! Enfin, des outils d'évaluation des émotions seront présentés, car une fois un système conçu, il est indispensable de vérifier qu’il suscite bien l’expérience émotionnelle attendue.
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...Carine Lallemand
Slides de la présentation "Concevoir des expériences positives et engageantes : l’UX Design de la théorie à la pratique" - par Carine Lallemand
Présentée lors du World Usability Day 2014 à Bruxelles (organisé par le Café Numérique).
Au travers de la création d'une application Windows 8.1, découvrez comment intégrer efficacement l’ergonomie et le design dans vos développement ainsi que quelques savoir-faire UI & UX indispensables : observation, brainstorming, 6 to 1, prototypage, planches de tendances, grid design, tests utilisateurs.
Speakers : Jocelyn Tricoire (Bewise by Ai3), Axel Nemeth ( Bewise by Ai3)
Workshop UX Design présenté lors du FLUPA UX-Day 2013. Animé par Carine Lallemand, Kerstin Bongard-Blanchy, Ioana Ocnarescu et Jean-Baptiste Labrune.
Résumé : Concevoir pour l'expérience utilisateur par l'approche des Experience Triggers (E.T.).
Atelier sur le design émotionnel réalisé au Web à Québec WAQ16 par Carine Lallemand en avril 2016. http://webaquebec.org/
Descriptif atelier (90 min) - Concevoir des expériences émotionnelles positives nécessite une compréhension de la nature des émotions et de leur impact sur l'expérience utilisateur (UX). Si certains designers talentueux sont capables de concevoir des expériences émotionnelles de manière "intuitive", il est possible pour tous d'adopter une approche plus structurée du design émotionnel.
Dans cet atelier, vous découvrirez le concept de granularité émotionnelle et comment développer cette qualité indispensable du designer UX. L’utilisation d’un outil de design émotionnel vous aidera ensuite à générer des concepts qui pourront intéresser, surprendre ou même fasciner vos utilisateurs ! Enfin, des outils d'évaluation des émotions seront présentés, car une fois un système conçu, il est indispensable de vérifier qu’il suscite bien l’expérience émotionnelle attendue.
UX Design : Concevoir des expériences positives et engageantes - Carine Lalle...Carine Lallemand
Slides de la présentation "Concevoir des expériences positives et engageantes : l’UX Design de la théorie à la pratique" - par Carine Lallemand
Présentée lors du World Usability Day 2014 à Bruxelles (organisé par le Café Numérique).
Au travers de la création d'une application Windows 8.1, découvrez comment intégrer efficacement l’ergonomie et le design dans vos développement ainsi que quelques savoir-faire UI & UX indispensables : observation, brainstorming, 6 to 1, prototypage, planches de tendances, grid design, tests utilisateurs.
Speakers : Jocelyn Tricoire (Bewise by Ai3), Axel Nemeth ( Bewise by Ai3)
POURQUOI CETTE FORMATION ?
L’UX Design orientée pour la conception d’interfaces tactiles est plus que d’actualité. Avec un nombre sans cesse grandissant de nouveaux challenges et devices liés aux avancées technologiques et sociétales, les designers d’aujourd’hui ont besoin de comprendre la méthodologie de « conception centrée sur l’utilisateur » pour les usages mobiles et web.
Cette formation traite en profondeur l’ensemble de la démarche et les frameworks techniques afin de rendre les participants autonomes dans la conception de leurs applications mobiles et leurs sites web avec le Responsive Web Design.
Prise en charge possible : Novup est organisme de formation n°5244079544.
OBJECTIFS PÉDAGOGIQUES
Apprendre les contenus et les fonctionnalités liées aux environnement mobiles et tactiles,
Comprendre l’approche centrée sur l’expérience utilisateur,
Concevoir un prototype digital pour réaliser une application mobile ou un site web Responsive,
Prototyper une interface mobile et Responsive,
Tester l'interface auprès des utilisateurs et intégrer les retours.
INFORMATIONS PRATIQUES
Durée : 5 jours (35 heures).
Horaires : accueil à 9h15, formation de 9h30 à 17h30 (pause déjeuner de 1h).
Dates et lieux : veuillez consulter notre site web sur www.novup.fr/formation/
Tarif : 2950 € HT en inter (intra : nous consulter).
Public concerné : concepteurs, développeurs, chefs de projets fonctionnels, Product Owner, UI et UX Designers.
Prérequis : expérience de la conception, connaissance d’un outil de prototypage Digital.
Toutes nos formations sont assurées à partir de 4 stagiaires (et limitée à 12 participants).
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignCatherine Verfaillie
Depuis quelque temps, je lis des articles sur le « pair design » et cela attise ma curiosité. Serait-ce la clé d’une expérience utilisateur réussie comme cela le suggère ou un nouveau terme à la mode ?
C'est à cette question capitale que je vais tenter de répondre, grâce au plan suivant :
- Le « pair design » : un anglicisme de plus ?
- Un produit dérivé du pair programming ?
- Concrètement, ça fait quoi dans la vie de vrais « pair designers » ?
- Et comment s’y met-on ?
- Quel intérêt pour ma société ou mon organisation ?
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéGuillaume Abel
D’origine anglo-saxonne, et prenant son essor depuis plus de 5 ans en France, le design d’eXpérience Utilisateur ou UX est passé du statut d’option à une nécessitée dans la réalisation de produits digitaux.
Pourtant, il reste beaucoup d’idées reçues sur la discipline, le métier, la méthode, le recrutement ou encore sur son impact stratégique au niveau de votre entreprise.
Nous passerons en revue quelques un de ces mythes confrontés à une réalité de terrain le tout dans une relation agence/annonceur.
Ux design & ergonomie des interfaces 6ème édition (extrait) Usabilis
L’UX design est devenu une étape incontournable dans la conception des produits digitaux. « UX Design et Ergonomie des Interfaces » s’adresse à tous les professionnels impliqués dans la conception et le développement des applications digitales. Qu’il s’agisse d’applications mobiles ou tactiles, de logiciels ou de sites web, cet ouvrage sur l’UX design et l’ergonomie des interfaces est utilisé quotidiennement par les éditeurs de logiciels, responsables R&D, directeurs marketing, chefs de produit, designers et, bien sûr, les ergonomes UX ou UI. Auteurs : Jean-François Nogier et Jules Leclerc
http://www.usabilis.com/societe/livre-ergonomie-interface
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine LallemandCarine Lallemand
Les ressources limitées des projets de conception incitent souvent à appliquer des méthodes UX rapides, low-cost, « quick & dirty ». Mais le « guerilla UX » peut aussi être « quick » sans être « dirty », être inspirant, et constituer une alternative valide aux méthodes traditionnelles de design UX. Au-delà des célèbres tests utilisateurs à la mode Starbucks, cette conférence vous présentera de nombreuses alternatives guérilla aux entretiens, questionnaires, observations, en passant aussi par l’idéation, le tri de cartes ou le maquettage. Une bonne dose d’inspiration pour se donner les moyens de faire de l’UX quand on n’en a pas les moyens !
Lors d'un cours à l'IESA Multimédia portant sur "l'architecture de l'information" nous devions faire des interviews, créer un persona, l'architecture du portfolio et le parcours utilisateur.
Découvrez les méthodes utilisées pour concevoir une interface qui procure une bonne expérience utilisateur. Vous verrez l'ensemble des étapes d'un projet UX avec un aperçu des notions fondamentales du design.
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...Flupa
Suite au passage des Japonais, puis des Américains sur leur île dans le pacifique pendant la seconde guerre mondiale, certains aborigènes se sont mis à construire de faux postes radios, puis à parler dans de faux micro le tout en espérant le largage de vrais vivres ou de vrais médicaments. Cette pratique chez eux est née d’une totale méconnaissance de la logistique qui se cache derrière ces « miracles » de la vie moderne. C’est ce que l’on appelle le « Culte du cargo ».
Vous vous souvenez du client qui vous dit « On n’a qu’à faire comme Facebook » ou alors « On n’a qu’à faire comme [remplacer par un succès de la net-économie] ». Ce client est totalement dans le culte du cargo et peut être un sacré défis à évangéliser pour nous qui portons la bonne parole du design d’expérience utilisateur.
Mais connaissez–vous l’esprit d’escalier ? Ou encore ce qu’est un Hippo ? Savez vous comment ces concepts peuvent aider ou desservir notre métier ?
Je vous propose dans cette conférence de vous parler de cinq concepts du même acabit et de leur relation avec l’UX.
UX Mobile - Experience Utilisateur MobileAudrey CHATEL
Comment construire une expérience optimale pour le m-commerce, présentation de soutenance dans le cadre de la formation MBAMCI du Pôle Leonard de Vinci
L’expérience utilisateur est devenu ces derniers temps un phénomène de mode, mais c’est surtout un travail où l’on place l’utilisateur au centre des préoccupations. L’expérience utilisateur fait partie d’un processus complet et ne se résume pas au design ou à l’ergonomie. Dans un univers ultra connecté où le mobile a pris une place prépondérante il est devenu essentiel pour les professionnels du Marketing et du E-commerce de traiter ce sujet en particulier, car le constat en France est sans appel le mobile est peu exploité et l’expérience utilisateur est souvent décevante.
Les ventes m-commerce prennent de plus en plus d’importance, mais une mauvaise conception de l’expérience impacte fortement le ROI. Partant de ce constat j’ai pu analyser le fait que les entreprises n’intègrent pas le mobile et l’expérience utilisateur au centre de leurs préoccupations, car elle ne mesurent pas l’impact que cela représente et ne savent pas comment aborder le problème. Cette présentation à donc pour but de démystifier l’expérience utilisateur mobile et de guider pas à pas les professionnels pour la construction d’une expérience utilisateur mobile optimisée afin de réussir en m-commerce.
UX STRAT 2016 - Ensuring Validity in Strategic UX Research MethodsCarine Lallemand
Conference presented at the UX Strat Europe 2016 conference in Amsterdam by Dr. Carine Lallemand (University of Luxembourg).
Abstract:
While conducting UX research, we make several conclusions that will in turn provide the foundation for our UX strategy. But what if these inferences happen to be wrong, based on invalid findings and false beliefs? How critically would this impact your organization and projects? How can you safeguard a UX strategy by ensuring the quality of research conclusions?
There might be numerous threats to validity in UX research, some of which might depend on the method used or the way it is used. A method is only a guide to action that needs to be configured, adapted, and complemented to match specific project requirements. To be successful, it is essential to ensure validity in strategic UX research methods. Failing to do so is taking the risk to base strategic decisions on false beliefs. In this talk, we will therefore see how to tackle validity issues and make the most out of UX research to stand out from the crowd by delivering value and differentiation. Through the presentation of validated cutting edge UX methods and business cases, you will be able to spot opportunities for improvement in your UX strategy!
Questionnaire d'évaluation UX AttrakDiff - version françaiseCarine Lallemand
Présentation de la version française du questionnaire AttrakDiff pour l'évaluation de l'expérience utilisateur (UX), validée par l'étude de Lallemand et al. (2015).
Lallemand, C., Koenig, V., Gronier, G., & Martin, R. (2015). Création et validation d’une version française du questionnaire AttrakDiff pour l’évaluation de l’expérience utilisateur des systèmes interactifs, Revue Européenne de Psychologie Appliquée. doi:10.1016/j.erap.2015.08.002
POURQUOI CETTE FORMATION ?
L’UX Design orientée pour la conception d’interfaces tactiles est plus que d’actualité. Avec un nombre sans cesse grandissant de nouveaux challenges et devices liés aux avancées technologiques et sociétales, les designers d’aujourd’hui ont besoin de comprendre la méthodologie de « conception centrée sur l’utilisateur » pour les usages mobiles et web.
Cette formation traite en profondeur l’ensemble de la démarche et les frameworks techniques afin de rendre les participants autonomes dans la conception de leurs applications mobiles et leurs sites web avec le Responsive Web Design.
Prise en charge possible : Novup est organisme de formation n°5244079544.
OBJECTIFS PÉDAGOGIQUES
Apprendre les contenus et les fonctionnalités liées aux environnement mobiles et tactiles,
Comprendre l’approche centrée sur l’expérience utilisateur,
Concevoir un prototype digital pour réaliser une application mobile ou un site web Responsive,
Prototyper une interface mobile et Responsive,
Tester l'interface auprès des utilisateurs et intégrer les retours.
INFORMATIONS PRATIQUES
Durée : 5 jours (35 heures).
Horaires : accueil à 9h15, formation de 9h30 à 17h30 (pause déjeuner de 1h).
Dates et lieux : veuillez consulter notre site web sur www.novup.fr/formation/
Tarif : 2950 € HT en inter (intra : nous consulter).
Public concerné : concepteurs, développeurs, chefs de projets fonctionnels, Product Owner, UI et UX Designers.
Prérequis : expérience de la conception, connaissance d’un outil de prototypage Digital.
Toutes nos formations sont assurées à partir de 4 stagiaires (et limitée à 12 participants).
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignCatherine Verfaillie
Depuis quelque temps, je lis des articles sur le « pair design » et cela attise ma curiosité. Serait-ce la clé d’une expérience utilisateur réussie comme cela le suggère ou un nouveau terme à la mode ?
C'est à cette question capitale que je vais tenter de répondre, grâce au plan suivant :
- Le « pair design » : un anglicisme de plus ?
- Un produit dérivé du pair programming ?
- Concrètement, ça fait quoi dans la vie de vrais « pair designers » ?
- Et comment s’y met-on ?
- Quel intérêt pour ma société ou mon organisation ?
Agora CMS - 25 avril 2014 - UX : Mythe et réalitéGuillaume Abel
D’origine anglo-saxonne, et prenant son essor depuis plus de 5 ans en France, le design d’eXpérience Utilisateur ou UX est passé du statut d’option à une nécessitée dans la réalisation de produits digitaux.
Pourtant, il reste beaucoup d’idées reçues sur la discipline, le métier, la méthode, le recrutement ou encore sur son impact stratégique au niveau de votre entreprise.
Nous passerons en revue quelques un de ces mythes confrontés à une réalité de terrain le tout dans une relation agence/annonceur.
Ux design & ergonomie des interfaces 6ème édition (extrait) Usabilis
L’UX design est devenu une étape incontournable dans la conception des produits digitaux. « UX Design et Ergonomie des Interfaces » s’adresse à tous les professionnels impliqués dans la conception et le développement des applications digitales. Qu’il s’agisse d’applications mobiles ou tactiles, de logiciels ou de sites web, cet ouvrage sur l’UX design et l’ergonomie des interfaces est utilisé quotidiennement par les éditeurs de logiciels, responsables R&D, directeurs marketing, chefs de produit, designers et, bien sûr, les ergonomes UX ou UI. Auteurs : Jean-François Nogier et Jules Leclerc
http://www.usabilis.com/societe/livre-ergonomie-interface
BlendWebMix 2017 - Guérilla UX, "quick" mais pas "dirty" - Carine LallemandCarine Lallemand
Les ressources limitées des projets de conception incitent souvent à appliquer des méthodes UX rapides, low-cost, « quick & dirty ». Mais le « guerilla UX » peut aussi être « quick » sans être « dirty », être inspirant, et constituer une alternative valide aux méthodes traditionnelles de design UX. Au-delà des célèbres tests utilisateurs à la mode Starbucks, cette conférence vous présentera de nombreuses alternatives guérilla aux entretiens, questionnaires, observations, en passant aussi par l’idéation, le tri de cartes ou le maquettage. Une bonne dose d’inspiration pour se donner les moyens de faire de l’UX quand on n’en a pas les moyens !
Lors d'un cours à l'IESA Multimédia portant sur "l'architecture de l'information" nous devions faire des interviews, créer un persona, l'architecture du portfolio et le parcours utilisateur.
Découvrez les méthodes utilisées pour concevoir une interface qui procure une bonne expérience utilisateur. Vous verrez l'ensemble des étapes d'un projet UX avec un aperçu des notions fondamentales du design.
FLUPA UX-Days 2016 - "5 concepts pour briller en société (et accessoirement e...Flupa
Suite au passage des Japonais, puis des Américains sur leur île dans le pacifique pendant la seconde guerre mondiale, certains aborigènes se sont mis à construire de faux postes radios, puis à parler dans de faux micro le tout en espérant le largage de vrais vivres ou de vrais médicaments. Cette pratique chez eux est née d’une totale méconnaissance de la logistique qui se cache derrière ces « miracles » de la vie moderne. C’est ce que l’on appelle le « Culte du cargo ».
Vous vous souvenez du client qui vous dit « On n’a qu’à faire comme Facebook » ou alors « On n’a qu’à faire comme [remplacer par un succès de la net-économie] ». Ce client est totalement dans le culte du cargo et peut être un sacré défis à évangéliser pour nous qui portons la bonne parole du design d’expérience utilisateur.
Mais connaissez–vous l’esprit d’escalier ? Ou encore ce qu’est un Hippo ? Savez vous comment ces concepts peuvent aider ou desservir notre métier ?
Je vous propose dans cette conférence de vous parler de cinq concepts du même acabit et de leur relation avec l’UX.
UX Mobile - Experience Utilisateur MobileAudrey CHATEL
Comment construire une expérience optimale pour le m-commerce, présentation de soutenance dans le cadre de la formation MBAMCI du Pôle Leonard de Vinci
L’expérience utilisateur est devenu ces derniers temps un phénomène de mode, mais c’est surtout un travail où l’on place l’utilisateur au centre des préoccupations. L’expérience utilisateur fait partie d’un processus complet et ne se résume pas au design ou à l’ergonomie. Dans un univers ultra connecté où le mobile a pris une place prépondérante il est devenu essentiel pour les professionnels du Marketing et du E-commerce de traiter ce sujet en particulier, car le constat en France est sans appel le mobile est peu exploité et l’expérience utilisateur est souvent décevante.
Les ventes m-commerce prennent de plus en plus d’importance, mais une mauvaise conception de l’expérience impacte fortement le ROI. Partant de ce constat j’ai pu analyser le fait que les entreprises n’intègrent pas le mobile et l’expérience utilisateur au centre de leurs préoccupations, car elle ne mesurent pas l’impact que cela représente et ne savent pas comment aborder le problème. Cette présentation à donc pour but de démystifier l’expérience utilisateur mobile et de guider pas à pas les professionnels pour la construction d’une expérience utilisateur mobile optimisée afin de réussir en m-commerce.
UX STRAT 2016 - Ensuring Validity in Strategic UX Research MethodsCarine Lallemand
Conference presented at the UX Strat Europe 2016 conference in Amsterdam by Dr. Carine Lallemand (University of Luxembourg).
Abstract:
While conducting UX research, we make several conclusions that will in turn provide the foundation for our UX strategy. But what if these inferences happen to be wrong, based on invalid findings and false beliefs? How critically would this impact your organization and projects? How can you safeguard a UX strategy by ensuring the quality of research conclusions?
There might be numerous threats to validity in UX research, some of which might depend on the method used or the way it is used. A method is only a guide to action that needs to be configured, adapted, and complemented to match specific project requirements. To be successful, it is essential to ensure validity in strategic UX research methods. Failing to do so is taking the risk to base strategic decisions on false beliefs. In this talk, we will therefore see how to tackle validity issues and make the most out of UX research to stand out from the crowd by delivering value and differentiation. Through the presentation of validated cutting edge UX methods and business cases, you will be able to spot opportunities for improvement in your UX strategy!
Questionnaire d'évaluation UX AttrakDiff - version françaiseCarine Lallemand
Présentation de la version française du questionnaire AttrakDiff pour l'évaluation de l'expérience utilisateur (UX), validée par l'étude de Lallemand et al. (2015).
Lallemand, C., Koenig, V., Gronier, G., & Martin, R. (2015). Création et validation d’une version française du questionnaire AttrakDiff pour l’évaluation de l’expérience utilisateur des systèmes interactifs, Revue Européenne de Psychologie Appliquée. doi:10.1016/j.erap.2015.08.002
NORDICHI'14 - Carine Lallemand - How Relevant is an Expert Evaluation of UX b...Carine Lallemand
Carine Lallemand - How Relevant is an Expert Evaluation of UX based on a Psychological Needs-Driven Approach? Paper presented at the 8th Nordic Conference on Human-Computer Interaction NORDICHI’14.
Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ...Carine Lallemand
Short talk presented at the CanUX 2015 conference (Ottawa).
"Embrace UX and adapt your evaluation methods accordingly!"
Carine Lallemand, University of Luxembourg
UX insight 2017 Keynote - Insightful UX methods, from research to practiceCarine Lallemand
Opening keynote talk at UX insight 2017 (Utrecht, NL) by Dr Carine Lallemand (University of Luxembourg).
Insightful UX methods - from research to practice
Abstract: While UX practitioners are working hard at the front to design better products or services, scientists work in the shadows to develop a myriad of novel and highly valuable theories and methods.
During this talk, you will discover this ever-growing UX toolbox that could greatly support you in collecting richer, insightful and more valid data. We will also show you how your daily UX research practices can be backed up and enriched by scientific research on human experience.
If you’re not yet convinced that academia might be relevant for practice, you’ll be excited to discover that together we have the power to better understand users in order to design desirable experiences, create business value and societal impact. Get inspired by concrete methodological examples and boost the value of your upcoming projects!
Presented 5/11/17 @LOCO_UX by @jkooda of @liminaUX
This talk covers the anatomy of a UX Eval, how to use it as a business development tool, and how to ensure you have a logical and most importantly beneficial return on your client's investment.
Atelier Pratique FLUPA "Maquettage" (réalisé le 20/09/2011 à Luxembourg) : Comprendre comment et pourquoi maquetter (présenté par C. Lallemand) puis Démonstration et Mise en Pratique (présenté par T. Milan).
Découvrez tous les meilleurs outils de conception d'interface. Du sketching au prototype animé, vous verrez l'ensemble des outils favoris du designer en phase de conception
Il est loin le temps des wireframes et des kilomètres de spécifications fonctionnelles.
Inspiré des méthodes de Lean UX, nous avons souhaité tester et vérifier la faisabilité de la méthode du Rapid Prototyping pour une application tablette avec un de nos clients du milieu bancaire français.
Il s'agira de présenter la méthodologie employée et de partager un retour d'expérience concret sur ce qui nous a permit de réussir à concevoir et à développer, en 10 jours chez le client, un prototype cliquable d'application tablette avec une petite équipe constituée d'une UX, d'une UI designer, de développeurs front et d'un scrum master.
Nous verrons également la manière dont l'équipe a été constituée et ferons un état des lieux de ce qui a fonctionné ou non sur le projet.
Introduction à l'ergonomie lors d'une réunion Drupal à Lyon, France.
Concept de bases - recherche et comprendre à qui s'adresse le logiciel ou le site web en conception.
Deux exemples d'outils ont été utilisé: Chalmark (test utilisateur sans modération) et Optimal Sort (architecture d'information)
Réalité virtuelle Immersive pour la conception de postes de travailAlexandre BOUCHET
Réalité virtuelle Immersive pour la conception de postes de travail. Les usages de la réalité virtuelle pour l'amélioration des conditions de travail et d'ergonomie et la réduction des TMS. Solution IMPROOV développée par CLARTE.
Cette présentation, donnée par Salim Gomri et Guillaume Gronier, membres de l'association France-Luxembourg Usability Professionals' Association (FLUPA) a pour objectif de décrire les principales étapes d'une conception centrée sur l'utilisateur dans le cadre du développement d'un site Web. En 5 méthodes et 45 minutes, découvrez comment mettre en oeuvre un site web facilement utilisable !
Tous les outils et méthodes utilisés lors de la création du site de la médiathèque de Roubaix en 2015 : fiches de cadrage, personas, audit, ateliers ... et les recettes pour reproduire.
Première partie : cadrer et définir son site web (définir ce qu'on veut faire). Qui aboutit à la définition du cahier des charges.
Témoignage Wonderbox - refonte site globale & tests utilisateursFerpection
Wonderbox évoque la stratégie d'optimisation derrière son projet de refonte globale, technique et e-commerce, du site wonderbox et l'usage qu'ils ont pu faire des tests utilisateurs.
Talk 1 : j'avoue j'ai triché
Anne Pedro
Découvrez les étapes clés d'un processus de design UX et un retour d'expérience sur ce qui fonctionne et fonctionne moins bien lorsqu'on saute des étapes.
Talk 2 : Le défi du design thinking chez Air France KLM
Simon Le Gué
Retrouvez le retour d'expérience de Simon Le Gué lors de sa mission en tant qu'UX design chez Air France KLM.
Comment récupérer un projet Web pourri ... et réussir à travailler dessus.Guillaume RICHARD
Présentation pour Blendwebmix 2017, sur le thème de la récupération de projet Web.
Je présente les principales raisons de fails de projets, et comment réussir quand même à travailler dessus.
L'HÉBERGEMENT DANS LE CLOUD D'UNE PARTIE DES
PLATEFORMES WEB ARTE AVEC ACQUIA
Pascal Thuet
Chef de Projet Secteur Nouvelles
Technologie ARTE
Cyril Reinhard
Regional Director Acquia
Twitter : @cyrilCR
Nouvelle plateforme éditoriale et de débats d'ARTE
• Destinée à tous les sujets d'aujourd'hui qui feront le
monde de demain
o Environnement
o Sciences
o Société
o Economie
• 3 types majeurs de contenus :
o Vidéos
o Textes & analyses
o Infographies interactives
Cette présentation s'inscrit dans le cadre de mon projet professionnel afin de me spécialiser en tant que Chef de Projet multimédia via une formation en alternance dont l'objectif est d'actualiser et d'affiner mes connaissances aux outils techniques du web.
Cependant, mon parcours m'a déjà permis d'acquérir un savoir-faire. Vous allez découvrir deux projets Internet auxquels j'ai participé. Mon rôle a été principalement de recueillir et hiérarchiser l'information ; de décrire les besoins et fonctionnalités du site ; de rassembler plusieurs pôles de compétences autour d'un projet digital commun ; de suivre le bon déroulement des étapes.
A design thinking use case: iterate a new design sprint process to enhance t...Sébastien Faure
Présentation (en français) d'un travail réalisé pour l'Université Pierre & Marie Curie sur le Design thinking appliqué à la refonte d'un modèle de Design sprint.
J'ai pris appui sur un sprint de 3 jours pour élaborer une réflexion sur l'intérêt du Design thinking pour élaborer des outils UX adapté à nos contextes de travail.
Similaire à Atelier Pratique Maquettage - Carine Lallemand (20)
A design thinking use case: iterate a new design sprint process to enhance t...
Atelier Pratique Maquettage - Carine Lallemand
1. www.flupa.eu 1
Atelier Pratique FLUPA
« Maquettage »
n
Comprendre comment et pourquoi maquetter
Carine Lallemand – Centre de Recherche Public Henri Tudor
3. www.flupa.eu
Les objectifs de FLUPA
• Promouvoir l’ergonomie des
Interfaces Homme-Machine et
l’Expérience Utilisateur
• Sensibiliser à la démarche
ergonomique – conception
centrée sur l’utilisateur
• Animer un réseau de
professionnels
3
4. www.flupa.eu
Les activités de FLUPA
• Petit Déjeuners
• Interfaces tactiles, Persuasive Design, Eye
Tracking, …
• Ateliers Pratiques
• Animer un brainstorming, Réaliser un tri de
cartes, Maquetter, Faire un test utilisateur en
laboratoire, …
• Groupes de Travail
• GT Agile UX (avec AIGLU)
• Summer events : BBQ FLUPA
• Apéros Ergo
• World Usability Day
• Interventions à d’autres évènements
4
5. www.flupa.eu
Le prochain event FLUPA :
PDJ Persuasive Design
« Découvrez comment les
concepteurs vous manipulent »
• Le 27 septembre, Luxembourg
• Premiers pas en persuasive design :
concepts et exemples
• Grille de critères pour la persuasion
interactive : un outil pour la
conception
5
6. www.flupa.eu
Nous contacter
• Site Web
• www.flupa.eu
• Forum
• forum.flupa.eu/phpbb/
• Twitter
• @assoFlupa
• Newsletter
• Facebook
• FLUPA (France Luxembourg…)
• LinkedIn
6
7. www.flupa.eu
Qu’est-ce qu’une maquette ?
• La maquette représente à l’échelle
réelle l'interface proposée.
• Elle permet de visualiser le rendu
de l’application et de valider
rapidement les enchaînements
d'écrans avant le développement
7
8. www.flupa.eu
• Le maquettage / prototypage est un élément
essentiel d’une conception itérative et centrée sur
la prise en compte des usages
• Conception d’alternatives, Évaluation/feedback,
Affinage des optimisations
• … jusqu’à ce que la performance du produit ou sa
qualité ergonomique soit atteinte !
8
Le maquettage, clé de voûte
du développement itératif
12. www.flupa.eu
Pourquoi maquetter ?
• Stimuler la production d’idées
12
• Visualiser l’interface et la tester
• Simuler le comportement de
fonctionnalités
Copyright:usabilis.com
15. www.flupa.eu
Conception de « bas » niveau
Sketchs / esquisses : trouver des idées et les
challenger
15
• Idées / concepts
• Grandes fonctions
• Hiérarchisation /
proportions
Ex : maquette papier/crayon
16. www.flupa.eu
Conception de « bas » niveau
Low fidelity wireframe : Concevoir les fondations
16
• Affinage et regroupement
des fonctions
• Ne pas réinventer la roue
• Navigation
Ex : maquette Balsamiq mockups
17. www.flupa.eu
Conception de « bas » niveau
Avantages
• Implémentation de fonctionnalités partielles du produit rapidement
• Pas de limites liées à la faisabilité technique (sauf contraintes
bloquantes)
• Explorer des alternatives, de nouvelles possibilités
• Valider les composants d’interface, le zonage, puis l’enchaînement des
étapes
• Tester auprès du groupe projet et d’utilisateurs
• Réduire le nombre de gabarits nécessaires et le coût final du produit
17
18. www.flupa.eu
Conception de « haut » niveau
High fidelity wireframe : Concevoir les fondations
18
Ex : maquette Powerpoint
• Affinage du zonage
• Navigation, repérage,
cohérence globale,
adaptation au contexte
• Plus de « lorem ipsum »
19. www.flupa.eu
Conception de « haut » niveau
High fidelity prototype
19
• Suffisamment clair pour
pouvoir développer
• Navigation dynamique -
démonstration
• Survols simulés
20. www.flupa.eu
Avantages des maquettes / prototypes
• Incitent à la critique et la favorisent
• Peu coûteux et peuvent être de très bas niveau de fidélité
• Répondent au besoin d’obtenir des résultats rapides à des tests lors de la
conception
• Orientent la discussion lors d’un atelier
• Permettent à tous les acteurs du projet de partager une même représentation
du produit vers lequel tendre
• Permettent de réaliser des tests utilisateurs tôt dans le processus
• Focalisent l’attention sur le contenu et les fonctionnalités sans être pollué par
les aspects de surface
• Permettent des validations intermédiaires par le client, les utilisateurs et les
équipes de développement avant implémentation.
20
21. www.flupa.eu
A retenir…
• Avant de travailler sur l’habillage graphique d’une interface, il est nécessaire
de :
• Réfléchir à l’organisation globale de l’application ou du site web
(architecture de l’information)
• Identifier les fonctionnalités, services, actions et informations nécessaires
au fil des pages notamment grâce à la conception de cas d’usage
• Poser le tout sur papier ou en numérique (rendu plus professionnel et
plus facilement modifiable)
• Le maquettage en fil de fer (wireframe) est un passage obligé pour élaborer
rapidement et concrètement l’agencement de l’information, le zoning et les
fonctionnalités d’une future interface
21
23. www.flupa.eu
Phase de préparation
• A propos du produit : Qui ? Comment ? Quoi ?
• Qui l’utilise ou va l’utiliser ? à Cible(s)
• Dans quel contexte ? à Situation(s)
• Quelles fonctions / services à Activité(s)
• A propos des contenus :
• Définir les contenus à intégrer
• Organiser l’information (ex : tri de cartes)
23
24. www.flupa.eu
Pour réaliser une maquette, il
vous faut …
• Papier/crayon ou logiciel
permettant le maquettage
• Contenus de l’interface
• Architecture de l’information
• De l’imagination !
24
26. www.flupa.eu 26
Petite démo avant de commencer
Thibault Milan – Web Developper & Interface Designer chez Absolut Payment
27. www.flupa.eu
Mise en pratique
27
A vos maquettes !
45 min
Matériel :
q Contenu du site web
q Architecture de l’information
q Eléments de la home page
q Mémento Balsamiq