Télécharger en tant que PDF, PPTX
Téléchargé parusabilis
Workshop Ooux
Le document présente la philosophie et la méthode de l'UX orientée objet (OOUX), qui consiste à concevoir des systèmes numériques autour des objets réels et de leurs relations. OOUX vise à améliorer l'ergonomie, rationaliser la conception et faciliter la collaboration entre designers et développeurs. Des exemples pratiques et des exercices sont proposés pour illustrer les concepts d'objets, de métadonnées et d'interactions.
Workshop Ooux
- 1. FLUPA UX DAYS‘18 OOUX !… ou comment concevoir une expérience utilisateur orientée objets Tous droits réservés
- 2.
- 3. USABILIS © |CONFIDENTIEL GHYSLAIN OLIER ghyslain.olier@usabilis.com Consultant UX expert + Coach @Usabilis HUGO LABONDE hugo.labonde@usabilis.com Consultant UX expert + Formateur @Usabilis Tous droits réservés
- 5. OOUX : Origine& philosophie OOUX : Workshop Identification des objets Description Liaisons et encapsulations Priorisation Interactions OOUX : Synthèse & discussion
- 6.
- 7.
- 9.
- 10. Quels sont lesobjets ? Où sont ces objets ? Comment ces objets sont rattachés à moi ? Comment ces objets sont reliés les uns aux autres ? Tous droits réservés
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. Du coup OOUXqu’est ce que c’est ? Tous droits réservés
- 20. OOUX = ObjectOriented UX C’est un système digital intentionnellement organisé autour d’objets réels et de leurs relations dans lequel les interactions et la navigation sont facilités car les objets correspondent au modèle mental de l’utilisateur. Tous droits réservés
- 21. ...et faire del’OOUX ? Tous droits réservés
- 22. Pratiquer l’OOUX c’estconcevoir en mettant les objets en priorité sur les actions procédurales. C’est déterminer les actions après avoir défini les objets, contrairement à la méthodes qui consiste à sauter directement aux enchaînements d’écrans, interactions, caractéristiques du produit. Tous droits réservés
- 23.
- 24. Pourquoi faire del’OOUX ? Tous droits réservés
- 25. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Ça renforce l’ergonomie générale - Homogénéité - Apprenabilité - Permet de fluidifier la navigation c’est à dire mieux répondre aux questions “où je suis” et “où je peux aller” - Facilite la distinction et le nommage des contenus Tous droits réservés
- 26. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Ça rationalise la conception - Favorise le design modulaire - Plus efficient - Réutilisabilité Tous droits réservés
- 27. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Ça simplifie la maintenance - La cohérence entre les différentes vues facilite les mises à jour - Système global plus évolutif Tous droits réservés
- 28. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Ça permet de mieux échanger avec les développeurs Le modèle objet est populaire dans le monde du développement. Le fait de réutiliser un concept similaire sur l’interface permet de renforcer les liens et favorise la collaboration avec les développeurs. Tous droits réservés
- 29. Qu’est ce qu’unobjet ? Tous droits réservés
- 30. 12 000 €RenaultClio 2018 • Neuve • Diesel Faire une Offre Afficher plus de détails Rémy Norbert 06 87 56 45 23 83 000 €Tesla Model S P100D 2016 • Occasion • Electrique Faire une Offre Afficher plus de détails Géraldine Hamont 06 67 56 12 23 Volvo 240 Break 1974 • Collection • Essence Faire une Offre Affich Rémy Norbert 06 87 56 45 23 Clio récupéré le 12 mars. Remise en état (peinture portière arrière gauche, ampoule phare avant droit, pare-soleil). Prêt à être vendu à partir du 30 mars. Clio récupéré le 12 mars. Remise en état (peinture portière arrière gauche, ampoule phare avant droit, pare-soleil). Prêt à être vendu à partir du 30 mars. Clio récupéré le 12 mars. Remise en état (p arrière gauche, ampoule phare avant droit, être vendu à partir du 30 mars. Des instances de l’objet “Voiture” Tous droits réservés
- 31.
- 32. 12 000 €RenaultClio 2018 • Neuve • Diesel Faire une Offre Afficher plus de détails Rémy Norbert 06 87 56 45 23 Clio récupéré le 12 mars. Remise en état (peinture portière arrière gauche, ampoule phare avant droit, pare-soleil). Prêt à être vendu à partir du 30 mars. Une instance de l’objet “Voiture” Tous droits réservés
- 33. Photo Année Vendeur Action principale Actionsecondaire Partager Marque Modèle Prix Description Type Energie Structure de l’objet “Voiture” Tous droits réservés
- 34.
- 35. Caractéristique Méta. Objet lié Interaction Interaction Interaction Méta.Méta. Méta. Caractéristique Méta. Méta. Tous droits réservés
- 36. Un Objet estcomposé de : ● Caractéristiques ● Métadonnées ● Objets liés ● Interactions Tous droits réservés
- 37. Mais attention unobjet peut avoir plusieurs formes ! Tous droits réservés
- 38.
- 39.
- 40. Est ce-un objet? Tous droits réservés
- 41. CONSIGNE Objet ou PasObjet ? Tous droits réservés
- 42.
- 43. Header C’est un élément d’interface Tousdroits réservés
- 44.
- 45.
- 46.
- 47. Patrick C’est une instance Tousdroits réservés
- 48.
- 49.
- 50.
- 51. Photo C’est une caractéristique(de l’objet client par exemple) Tous droits réservés
- 52.
- 53. Recherche C’est un élément d’interface Tousdroits réservés
- 54. 54 TP WORKSHOP OOUX CONFIDENTIEL | ©USABILIS | TOUS DROITS RÉSERVÉS
- 55. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS OOUX se pratique... Tous droits réservés
- 56. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Le matériel Tous droits réservés
- 57. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Entrants Tous droits réservés
- 58. EXERCICE MOOCY est une plateformeresponsive de cours en ligne Tous droits réservés
- 59. MOOCY permet àn’importe quel expert de construire et partager des cours en ligne à des apprentis. Les cours sont sous forme d’une ou plusieurs sessions pouvant être accompagnées de supports. Le service est gratuit et est en phase de construction. La page d'accueil sera un dashboard personnalisable (il sera possible de drag’n’dropper des modules sur la page d’accueil). Le service permettra à l’apprenti de se connecter pour marquer ses cours et ses experts favoris. Une fonction de recherche rapide transverse à tous les cours est prévue. Tous droits réservés
- 60.
- 61. L’OBJET est une classed’ élément pouvant accueillir plusieurs instances Voiture est un objet La Renault Clio est une instance
- 62. CONSIGNE Extraire les objets depuisla description actuelle et éventuellement enrichir de nouveaux objets pertinents Tous droits réservés
- 63. MOOCY permet àn’importe quel expert de construire et partager des cours en ligne à des apprentis. Les cours sont sous forme d’une ou plusieurs sessions pouvant être accompagnées de supports. Le service est gratuit et est en phase de construction. La page d'accueil sera un dashboard personnalisable (il sera possible de drag’n’dropper des modules sur la page d’accueil). Le service permettra à l’apprenti de se connecter pour marquer ses cours et ses experts favoris. Une fonction de recherche rapide transverse à tous les cours est prévue. Tous droits réservés
- 64. MOOCY permet àn’importe quel expert de construire et partager des cours en ligne à des apprentis. Les cours sont sous forme d’une ou plusieurs sessions pouvant être accompagnées de supports. Le service est gratuit et est en phase de construction. La page d'accueil sera un dashboard personnalisable (il sera possible de drag’n’dropper des modules sur la page d’accueil). Le service permettra à l’apprenti de se connecter pour marquer ses cours et ses experts favoris. Une fonction de recherche rapide transverse à tous les cours est prévue. + thème ? Tous droits réservés
- 65.
- 66. Les Caractéristiques définissent ce qu’est l’objet,son contenu. Elles sont spécifiques à l’objet. Les Métadonnées sont l’ensemble des données sur lesquelles l’utilisateur souhaite filtrer. Photo de la voiture, description.. Année de fabrication, énergie, marque... Tous droits réservés
- 67. CONSIGNE Lister les caractéristiqueset métadonnées de l’objet COURS et placez les sous le post-it représentant cet objet Tous droits réservés
- 68.
- 69. Les Objets liés sont desinstances des autres objets qui sont contenus dans l’objet qui nous intéresse. A chaque objet “voiture” est associé un objet “vendeur” (le responsable de la vente de cette voiture) Tous droits réservés
- 70. CONSIGNE Identifiez les objetsliés de l’objet COURS et placez les sous l’objet principal Tous droits réservés
- 71.
- 72. Photo Année Vendeur Energie Il s’agit dehiérarchiser les caractéristiques, métadonnées et objets liées en fonction de leur importance pour l’utilisateur. Tous droits réservés
- 73. CONSIGNE Établissez une hiérarchie duhaut vers le bas, sur l’objet COURS, en fonction de l’importance pour l’utilisateur Tous droits réservés
- 74.
- 75. Les Interactions sont toutes les actionspouvant être effectuées sur l’objet Pour l’objet “voiture” : mettre en favoris la voiture, prendre contact avec le vendeur responsable de la voiture, acheter la voiture ...
- 76. CONSIGNE Ajoutez les actionsassociées au dessus de l’objet COURS 1 2 3 Tous droits réservés
- 77.
- 78. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Utilisateurs & OOUX OOUX intervient entre l'enquête terrain et les tests, il s'intègre parfaitement dans le cycle de Conception Centrée Utilisateur. Tous droits réservés
- 79. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Méthode miracle ? OOUX fonctionne bien pour des produits larges, complexes, qui évoluent, plutôt de type bibliothèque (Spotity, Linkedin, Netflix, Banque...) OOUX fonctionne moins bien pour les services orientés tâche (tunnel de souscription, interface de paramétrage…) Tous droits réservés
- 80. Placer ici une imagede cette taille Placer ici une image de cette taille CONFIDENTIEL | © USABILIS | TOUS DROITS RÉSERVÉS Après le OOUX C’est un document évolutif qui supporte le maquettage orienté objet (Design system, Atomic design) Tous droits réservés
- 81.
- 82.
- 83. 18, rue deSaisset, 92120 Montrouge www.usabilis.com 01 57 63 86 58 Merci