Formation UX Design, introduction et tour d'horizon
Upcoming SlideShare
Loading in...5
×
 

Formation UX Design, introduction et tour d'horizon

on

  • 3,949 views

Formation UX Design (User eXperience Design) du 19 novembre 2012 organisée par Synerg'hetic et animée par Timothée Roussilhe, étudiant en 4e année à HETIC.

Formation UX Design (User eXperience Design) du 19 novembre 2012 organisée par Synerg'hetic et animée par Timothée Roussilhe, étudiant en 4e année à HETIC.

Statistics

Views

Total Views
3,949
Slideshare-icon Views on SlideShare
3,896
Embed Views
53

Actions

Likes
9
Downloads
135
Comments
0

5 Embeds 53

http://www.scoop.it 42
https://www.google.com 5
https://twitter.com 3
http://www.pinterest.com 2
http://pinterest.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Formation UX Design, introduction et tour d'horizon Formation UX Design, introduction et tour d'horizon Presentation Transcript

    • CONFÉRENCE UX INITIATION ET TOUR D’HORIZON Par Timothée ROUSSILHE - Synerg’heticlundi 19 novembre 12
    • QUI SUIS-JE? Étudiant en H4 à HETIC Responsable projets à Synerg’hetic Stage chez DDB en stratégie. Intérêt pour l’ UX, la technique et le processus créatif. @timroussilhe timothee-roussilhe.comlundi 19 novembre 12
    • POURQUOI CETTE CONFÉRENCE ?lundi 19 novembre 12
    • C’EST QUOI L’EXPÉRIENCE UTILISATEUR?lundi 19 novembre 12
    • L’UX C’EST QUOI ? POURQUOI QUOI QUAND COMMENT OU UTILISE-T’ON NOTRE PRODUIT?lundi 19 novembre 12
    • MAIS AUSSI : POURQUOI QUOI QUI QUAND COMMENT OUlundi 19 novembre 12 UTILISE NOTRE PRODUIT?
    • DÉFINITION : UX : Tout ce qui affecte linteraction d’un utilisateur avec le produit. USER CENTRIC DESIGNlundi 19 novembre 12
    • DÉFINITION : BESOIN BESOIN BUSINESS UX DE L’UTILISATEURlundi 19 novembre 12
    • WHIT GREAT UX DESIGN COMES GREAT RESPONSIBILITY !lundi 19 novembre 12
    • POURQUOI L’UX C’EST IMPORTANT?lundi 19 novembre 12
    • L’UX VA NOUS PERMETTRE DE RÉPONDRE AU BESOIN DE L’UTILISATEUR LE WEB CHANGE ET SE COMPLEXIFIE, LE NOMBRE DE DEVICES SE MULTIPLIE CELA VA PERMETTRE D’AMELIORER NOTRE PRODUIT : Taux de conversion Taux d’enregistrement Le nombre d’abandon Augmenter le taux d’utilisation du produit Sauver du temps Réduire les erreurslundi 19 novembre 12
    • L’UX est devenu un élément différenciant qui peut faire le succès d’un service ou d’un site. Exemples :lundi 19 novembre 12
    • 5 RAISONS DE SE METTRE À L’UX !lundi 19 novembre 12
    • VOUS ÊTES DÉJÀ EN TRAIN D’EN FAIRE C’EST UN PROCESS C’EST PAS DIFFICILE C’EST FUN HETIC EST UNE BONNE PLACE POUR DEVENIR UX DESIGNERlundi 19 novembre 12
    • 5 COMPÉTENCES QUI FONT UN BON UX DESIGNER.lundi 19 novembre 12
    • CROQUIS STORYTELLING LA CRITIQUE PRÉSENTER FACILITER Le  meilleur  ami   de  l’UX  designerlundi 19 novembre 12
    • C’EST QUOICONCRETEMENTL’UX ?lundi 19 novembre 12
    • lundi 19 novembre 12
    • FAUXlundi 19 novembre 12
    • EN PARTIElundi 19 novembre 12 FAUX
    • ÉLÉMENTS DE L’UX SURFACE Design visuel OSSATURE Design d’interface Design de navigation Design de l’information STRUCTURE Design d’interaction Architecture de l’information SCOPE Spécifications fonctionnelles Contenu STRATÉGIE Stratégie Objectifs du produits Études et attentes des utilisateurslundi 19 novembre 12
    • STRATÉGIE DEUX QUESTIONS À SE POSER : Quels sont les objectifs du produit. Quels sont les attentes de l’utilisateur.lundi 19 novembre 12
    • OBJECTIFS DU PRODUIT Objectifs de l’entreprise Identité de la marque Mesurer lefficacitélundi 19 novembre 12
    • ATTENTES DES UTILISATEURS Segmentation des utilisateurs Utilisabilité et recherche Personas & customer journeylundi 19 novembre 12
    • FOCUS : PERSONA DÉFINITION AVANTAGES Définir des hypothèses Concentrer son attention sur l’utilisateur Définir une version commune de «Pour qui» on conçoit le produit. Prendre des décisions «plus humaines» et moins abstraite Définir les besoins avant de rentrer dans les détails du produit. INCONVÉNIENTS N’aide pas à concevoir le produit. Ne valide pas les hypothèses. Ça ne remplace pas les recherches et les tests.lundi 19 novembre 12
    • lundi 19 novembre 12
    • lundi 19 novembre 12
    • SCOPE DÉFINIR LE CONTENU ET FONCTIONNALITÉS.lundi 19 novembre 12
    • STRUCTURE Design d’interaction & Architecture de l’information FONCTIONNALITÉS & CONTENUlundi 19 novembre 12
    • DESIGN D’INTERACTION 1980 Émergence du numérique auprès du grand public Nécessité de simplifier les interactions homme-machine Bill Moggridge Co-fondateur de l’agence IDEO DÉFINITION Deux niveaux d’interactions : soit entre un utilisateur et un système, soit entre des utilisateurs, “interaction sociale”lundi 19 novembre 12
    • ARCHITECTURE DE L’INFORMATION DÉFINITION 4 COMPOSANTES DE L’AI : L’organisation des contenus Définition des systèmes de navigation Terminologie et labels Systèmes de recherchelundi 19 novembre 12
    • ARCHITECTURE DE L’INFORMATION : CAS CONCRET LE CAS DE LA CARTE D’EMBARQUEMENT http://passfail.squarespace.com/lundi 19 novembre 12
    • ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/lundi 19 novembre 12
    • ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/lundi 19 novembre 12
    • ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/lundi 19 novembre 12
    • ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/lundi 19 novembre 12
    • ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/lundi 19 novembre 12
    • ARCHITECTURE DE L’INFORMATION : CAS CONCRET http://passfail.squarespace.com/lundi 19 novembre 12
    • OSSATURE Design d’interface + Design de navigation + Design de l’informationlundi 19 novembre 12
    • OSSATURE : ZONNING & WIREFRAME Meilleurs outils d’un UX Designer : http://www.smashingmagazine.com/2010/03/29/free-printable-sketching-wireframing-and-note-taking-pdf-templates/lundi 19 novembre 12
    • OSSATURE : ZONNING & WIREFRAMElundi 19 novembre 12
    • OSSATURE : SCÉNARIOlundi 19 novembre 12
    • OSATURE : SCÉNARIOlundi 19 novembre 12
    • OSSATURE : PROTOTYPE LE RÔLE D’UN UX DESIGNER ET DE CONCEVOIR PUIS DE TESTER DO DON’T Travailler de façon collaborative Ne pas prototyper de fonctionnalités qui ne peuvent être implémenter. Eviter le piège du «prototype» Ne pas prendre en compte chaque Mettre en place des délais de requêtes qui résultent des tests. réponses Ne pas trop cadrer les tests. Réutiliser ses ressources ( templates, modèles, patterns...) Ne pas être perfectionniste. Lors des test bien se rappeler et Ne pas tout prototyper. informer les utilisateurs sur le but d’un prototypelundi 19 novembre 12
    • TEST UTILISATEUR DEUX TYPES DE TEST UTILISATEURS : QUALITATIF QUANTITATIF Tri par carte Sondages Tests individuels Analytics Groupes participatifs A/B Testing Test oculaires Test in situlundi 19 novembre 12
    • LES OUTILS BALSAMIQ MOCKUP ILLUSTRATOR OMNIGRAFFLE MOCKINGBIRD Simplicité Personnalisation et Outil complet : navigation, Interface optimisée Rapidité configuration diagramme, wireframe... Version en ligne Effet Sketch Nombreuses Nombreuses bibliothèque de gratuite bibliothèque de modèle modèle et possibilité de Prototype : création créer/importer les siens. de lien entre les pageslundi 19 novembre 12
    • LES OUTILS : Prototype AXURE HTML ( Twitter Bootstrap) Proto.io Codiqua Outil complexe. Rapide à configurer et à Interface intuitive Jquery Mobile Possibilité de faire mettre en place. Transformer ses Rapidité des prototypes et Framework assez maquettes en Possibilité des animations complet : grille, prototype dhéberger en ligne poussées. responsive... Export htmllundi 19 novembre 12
    • RÉSUMÉ ET LIVRABLES PRÉSENTATION ANALYTICS A/B TESTING STRATÉGIE SCOPE STRUCTURE OSSATURE SURFACE PERSONAS INVENTAIRE PARCOURS WIREFRAME PROTOTYPE ÉTUDES NAVIGATION UTILISATEUR UTILISATEUR DES CONTENUS CARTE DES TESTS ÉTUDES SCÉNARIO SPÉCIFICATIONS UTILISATEUR MARCHÉ & CONCEPTS UTILISATEUR FONCTIONNELLES ANALYTICSlundi 19 novembre 12
    • RESSOURCES BLOG GÉNÉRALISTES : http://uxdesign.smashingmagazine.com/ http://www.uxmag.com/ http://www.uxbooth.com/ http://uxmastery.com/ http://www.usabilitypost.com/ http://www.90percentofeverything.com/ BLOG SPÉCIALISÉ : www.lukew.com http://www.useit.com/ http://www.ixda.org/ http://informationarchitects.net/blog/ PRÉSENTATION : http://fr.slideshare.net/nickf/user-experience-best-practices http://prezi.com/aafmvya6bk7t/understanding-information-architecture/ http://fr.slideshare.net/Kristen_hardy/what-is-ux-designlundi 19 novembre 12
    • RESSOURCES LIVRESlundi 19 novembre 12
    • MERCI DE VOTRE ATTENTIONlundi 19 novembre 12