Blog ENI : Toute la veille numérique !
Accès illimité 24h/24 à tous nos livres & vidéos ! Découvrez la Bibliothèque Numérique ENI. Cliquez ici
Formations en ligne à Excel, Word, Office, Teams... Formez-vous en toute autonomie. Je les découvre !
  1. Livres et vidéos
  2. Design UI-UX - Concevoir sites et apps pour et avec les utilisateurs (2e édition)

Design UI-UX Concevoir sites et apps pour et avec les utilisateurs (2e édition)

Design UI-UX - Concevoir sites et apps pour et avec les utilisateurs (2e édition)

Informations

Livraison possible dès le 29 septembre 2023
  • Livraison à partir de 0,01 €
  • Version en ligne offerte pendant 1 an
Livres rédigés par des auteurs francophones et imprimés à Nantes

Caractéristiques

  • Livre (broché) - 17 x 21 cm
  • ISBN : 978-2-409-04162-4
  • EAN : 9782409041624
  • Ref. ENI : OW2UIUX

Informations

  • Consultable en ligne immédiatement après validation du paiement et pour une durée de 10 ans.
  • Version HTML
Livres rédigés par des auteurs francophones et imprimés à Nantes

Caractéristiques

  • HTML
  • ISBN : 978-2-409-04163-1
  • EAN : 9782409041631
  • Ref. ENI : LNOW2UIUX
Alors que le parcours utilisateur est désormais pensé comme un produit à part entière, ce livre étudie comment approfondir le comportement uti­lisateur y compris selon une approche générationnelle, pour le modéliser et proposer des réponses aux attentes de la cible visée. Il est destiné aux responsables de projets web et applications, aux designers d’interfaces et à tous ceux qui veulent concevoir des interactions utilisateurs. Vous verrez comment représenter les utilisateurs avec les "personas"...
Consulter des extraits du livre en ligne Aperçu du livre papier
  • Niveau Initié à Confirmé
  • Nombre de pages 276 pages
  • Parution septembre 2023
  • Niveau Initié à Confirmé
  • Parution septembre 2023
Alors que le parcours utilisateur est désormais pensé comme un produit à part entière, ce livre étudie comment approfondir le comportement uti­lisateur y compris selon une approche générationnelle, pour le modéliser et proposer des réponses aux attentes de la cible visée. Il est destiné aux responsables de projets web et applications, aux designers d’interfaces et à tous ceux qui veulent concevoir des interactions utilisateurs.

Vous verrez comment représenter les utilisateurs avec les "personas" puis comment visualiser un projet encore au stade des propositions. Vous ferez le point sur les techniques fondamentales : Design Thinking, méthodes d’idéation, facilitation graphique, scénarios et story-boards.

Vous apprendrez ensuite à matérialiser et tester les idées dès les phases de préconception avec des prototypes adaptés puis comment utiliser effi­cacement les outils en ligne pour modéliser concrètement les séquences et parcours utiles aux différentes phases d’un projet digital.

Vous verrez quels sont les outils gratuits pour créer rapidement et effi­cacement des prototypes papier sans être graphiste. Vous apprendrez à exploiter les logiciels majeurs du marché pour réaliser des prototypes fonctionnels qui permettent les tests sur ordinateur ou périphérique mo­bile. Vous découvrirez les méthodes pour l’organisation et la conduite de tests utilisateurs.

Vous pourrez ainsi intégrer le prototypage à tous les stades de la mise en œuvre de vos conceptions itératives de projets et ensuite organiser le moni­toring de la relation client.
Avant-propos
  1. Il n’est jamais trop tard pour prototyper
  2. Best UI ? No UI !
  3. Penser le parcours utilisateur comme un produit à part entière
  4. Le design de service
  5. Modéliser les attentes
Les fondamentaux du prototypage
  1. Qu’est-ce qu’un prototype ?
    1. 1. Origines des prototypes
    2. 2. Fonction actuelle des prototypes
    3. 3. UI-UX et prototypage
    4. 4. Les objectifs des prototypes
      1. a. Affiner la conception
      2. b. Concevoir sans contraintes techniques
      3. c. Développer le mode collaboratif
      4. d. « Vendre » desidées
    5. 5. Le prototypage dans la gestion de projet web
    6. 6. Prototypage et conception centrée utilisateur
    7. 7. Prototypage et démarche Agile
      1. a. Approche Agile
      2. b. Le manifeste Agile
    8. 8. La fidélité des prototypes
    9. 9. Prototypes papier et prototypes sur poste
    10. 10. L’environnement multicanal
Comprendre l'utilisateur
  1. Introduction
  2. Approfondir le comportement utilisateur
    1. 1. Les stimuli
    2. 2. Le processus d’apprentissage
    3. 3. L’identification et le concept de soi
    4. 4. L’identité de genre
    5. 5. Mode de vie et valeurs
    6. 6. La décision
  3. Le parcours client : produit à part entière
    1. 1. Définir les séquences
    2. 2. Identifier les points de contact
    3. 3. Assister l’utilisateur
  4. Approche générationnelle
    1. 1. Caractériser les générations
    2. 2. Identifier les générations concernées
    3. 3. Les baby-boomers
    4. 4. La génération X
    5. 5. Les millenials
    6. 6. La génération Z
    7. 7. La génération Alpha
  5. L’accessibilité
    1. 1. Comprendre les handicaps
      1. a. Les handicaps visuels
      2. b. Handicaps auditifs
      3. c. Handicaps moteurs
      4. d. Handicaps cognitifs
      5. e. Handicaps liés à l’âge
    2. 2. Axes d’optimisation
    3. 3. Tester l’accessibilité
      1. a. Google Test d’optimisation mobile
      2. b. Accessibility Checker
      3. c. WCAG Color Contrast Checker
      4. d. Contrast Color Checker
      5. e. Les applications pour périphériquesmobiles
  6. Prototyper l’utilisateur : les personae
    1. 1. Qu’est-ce qu’un persona ?
    2. 2. Recueillir les données
    3. 3. Définir les personae
      1. a. Les données socio-démographiques
      2. b. Les données comportementales
      3. c. Les données du problème
      4. d. Les points de contact
    4. 4. Ressources pour prototyper les personae
      1. a. Les modèles (templates)
      2. b. Les outils en ligne de création de personae
    5. 5. Exploiter les personae
      1. a. Le questionnement et les personae
      2. b. La conduite de tests et les personae
      3. c. La gestion de projet et les personae
Conceptualiser
  1. Définition
  2. Co-création et prototypage : techniques d’idéation
    1. 1. Brainstorming
    2. 2. Brainstorming inversé
    3. 3. Brainwriting
    4. 4. Bulles
    5. 5. Mind mapping
    6. 6. Mot aléatoire
    7. 7. Classement forcé
    8. 8. 5 pourquoi
    9. 9. Les questions qui fâchent
    10. 10. « Design Charrette »
  3. Design thinking
    1. 1. Une approche créative de l’innovation
    2. 2. Le détour créatif
    3. 3. Divergence-Convergence
    4. 4. Les étapes clés du design thinking
    5. 5. De l’empathie à la… sympathie?!
    6. 6. La facilitation graphique
  4. Scénarios et story-boards
    1. 1. Séquences et parcours
    2. 2. Créer un scénario
    3. 3. Schématiser un scénario
      1. a. Schémas simples
      2. b. Schémas normés
      3. c. Schémas alternatifs
      4. d. Créer un story-board
    4. 4. Les outils de story-boarding
      1. a. Les caractères et cliparts
      2. b. Les templates (modèles/kits graphiques)
      3. c. Les outils de création de story-boards enligne
Prototyper les structures
  1. Prototyper ce qui n’existe pas encore : les prototypes papier
  2. Le tri de cartes
    1. 1. Le matériel
    2. 2. Première étape : La validation
    3. 3. Deuxième étape : l’organisationdes contenus
    4. 4. Troisième étape : la labélisation
  3. Le tri de cartes en ligne
    1. 1. Découvrir le fonctionnement d’UXtweaks
      1. a. Les résultats
      2. b. Le déroulé de la session
      3. c. Créer sa propre étude
  4. Les wireframes
    1. 1. Stratégies pour les wireframes
      1. a. Exemple de maquettes filaires
      2. b. Créer les wireframes avec des kits graphiques
  5. Wireframes : les logiciels de création
    1. 1. Pencil Sketching
      1. a. Installer Pencil
      2. b. Découvrir l’interface de Pencil
      3. c. Créer un prototype avec Pencil
      4. d. Enregistrer et exporter les prototypes
      5. e. Aller plus loin avec Pencil
    2. 2. Justinmind
      1. a. Installer Justinmind
      2. b. Découvrir l’interface de Justinmind
      3. c. Premiers pas avec Justinmind
    3. 3. Autres outils de wireframing
Les prototypes fonctionnels
  1. Prototypage HTML
    1. 1. Pourquoi prototyper en HTML??
    2. 2. Les 3 étapes de prototypage HTML
      1. a. Prototype HTML simple
      2. b. Prototype HTML statique
      3. c. Prototype HTML dynamique
    3. 3. Frameworks : les environnements de travailHTML
      1. a. Bootstrap
      2. b. HTML5 BOILERPLATE
      3. c. Foundation
      4. d. WIREFY
  2. Les outils collaboratifs de prototypage fonctionnel
    1. 1. Adobe XD
      1. a. Lancer Adobe XD
      2. b. Utiliser des kits graphiques
      3. c. L’interface
      4. d. Créer un prototype avec Adobe XD
      5. e. Gérer les interactions
      6. f. Prévisualiser en temps réel
      7. g. Partager et collaborer
    2. 2. Figma
      1. a. L’interface
      2. b. Créer un prototype avec Figma
      3. c. Présenter un prototype avec Figma
      4. d. Commenter un prototype
      5. e. Partager un prototype avec Figma
      6. f. Visualiser en temps réel sur un périphérique
      7. g. Exporter le code
      8. h. L’application de bureau Figma
La conduite de tests
  1. Les tests dans la démarche ergonomique
  2. Organiser et gérer une session de tests
    1. 1. Les règles de base
    2. 2. Recruter les testeurs
      1. a. Se baser sur les personae
      2. b. Filtrer les participants
      3. c. Confirmer les participants
      4. d. Le nombre de participants
    3. 3. Organiser la session
      1. a. Le planning général
      2. b. Le lieu
    4. 4. Animation et contrôle de la session
      1. a. L’accueil
      2. b. Les scénarios de test
      3. c. Le rôle des animateurs-observateurs
    5. 5. Les outils de tests
      1. a. Les prototypes
      2. b. Les logiciels pour gérer les sessions detest
    6. 6. Évaluer les résultats
      1. a. Consigner efficacement les résultats
      2. b. Les questionnaires post-tests
      3. c. Les cartes d’expérience
Relation client : tester au quotidien
  1. Modéliser les attentes clients
  2. L’expérience client
  3. Les indicateurs
    1. 1. Le NPS : Net Promoter Score
      1. a. Le principe de base
      2. b. L’exploitation des résultats
      3. c. Optimiser le sondage NPS
    2. 2. Le CES : Customer Effort Score
      1. a. Le principe
      2. b. Exploiter les réponses
    3. 3. Les questionnaires et sondages
      1. a. Les précautions
      2. b. Les outils
Conclusion
  1. Conclusion
Auteur : Didier MAZIER

Didier MAZIER

Ex-directeur de création associé en agence de communication, Didier MAZIER se consacre depuis 1992 à l'enseignement et à la recherche dans le domaine digital. Participant à la création de la Licence ECMN-MCI d'Evry dont sont issues plusieurs générations de marketers talentueux, il collabore avec les organismes de formation de la CCIP IDF et intervient sur les thématiques liées au numérique en France et dans le monde pour des écoles et des groupements professionnels.

Il anime de nombreuses formations vidéo sur le marketing digital et l'UI-UX. Parallèlement, il conçoit et met en œuvre des bases de données applicatives professionnelles et accompagne les entreprises dans leur transformation digitale.
En savoir plus

Découvrir tous ses livres

  • Photoshop 2023 Les fondamentaux de la retouche photo
  • Illustrator 2023 Pour PC/Mac
  • Photoshop 2023 Pour PC et Mac
  • Photoshop, Illustrator et InDesign 2021 Les fondamentaux
  • Joomla! 4 Créez et gérez votre site web
  • Illustrator 2021 Les fondamentaux du dessin vectoriel
  • Google Photos et Snapseed Optimisez, sauvegardez, classez et partagez vos photos
  • Photoshop, Illustrator et InDesign 2021 Coffret de 3 livres : Maîtrisez la suite graphique Adobe
  • Photoshop 2021 Maîtrisez les fonctionnalités avancées
  • Shopify Passez au e-commerce : boutique en ligne, Click and Collect, Drop Shipping
  • PrestaShop 1.7 (2e édition) Créer un site de e-commerce
  • Du Community au Social Media Management Stratégies gagnantes pour gérer une communauté et communiquer sur les réseaux sociaux (3e édition)
  • PrestaShop Créez votre boutique en ligne
  • Joomla! 3.4 Créez et administrez votre site Web

Nos nouveautés

voir plus