sc\u00e9nario d’interaction UI avant UX
sc\u00e9narios support de communication inter \u00e9quipe
L’important c’est l’intention, ne pas avoir d’approche syst\u00e9mique il faut s’adapter.<\/p>\n\n\n\n
Dans le cheminement on part du principe que tout marche <\/p>\n\n\n\n
<\/p>\n\n\n\n
Questions mobiles 60% des achats wireflow directement puis user flow ?<\/p>\n\n\n\n
Document \u00e0 montrer au client ou non le faire valider ou non ?<\/p>\n\n\n\n
Comment qualifier cette repr\u00e9sentation graphique<\/p>\n\n\n\n dans la r\u00e9alit\u00e9 d’une agence lors de la conception du site peut-on imaginer que le user flow permet de distribuer les taches avec cr\u00e9ation des wireframes, du code, de l’interface, des illustrations et animations ? <\/p>\n\n\n\n Visual s ite map vieille outils mais important structure de l’information qui d\u00e9pouille le user sc\u00e9nario peut-etre un appmap parler en \u00e9cran<\/p>\n\n\n\n P25<\/p>\n\n\n\n User site map permet d’identifier les layout Tant que c\u00a0\u00bbest un m\u00eame mod\u00e9le et que le contenu utilise le m\u00eame mod\u00e9le c’est une page unique<\/p>\n\n\n\n On s’occupe du contenant pl\u00fbtot que du contenu<\/p>\n\n\n\n pr\u00e9sentation des pages et lien d’interaction entre ces pages<\/p>\n\n\n\n le site map ne pas optimiser la navigation c’est le user flow qui le permet. Ne pas parler de navigation avec un siter map parler de l’architecture de l’information<\/p>\n\n\n\n D\u00e9pouillement de mod\u00e9les ou plus pr\u00e9cis layout de pages \u00e0 produire<\/p>\n\n\n\n Combien de layout il faut produire<\/p>\n\n\n\n par rapport \u00e0 la terminologie toujours associ\u00e9 une terminologie \u00e0 un sch\u00e9ma<\/p>\n\n\n\n Le site map ne refl\u00e9te ni le ni la navigation ni le menu<\/p>\n\n\n\n <\/p>\n\n\n\n Sketching pl\u00fbtot avec le crayon<\/p>\n\n\n\n Prototype: toujours interactif Souvent on zappe la partie maquette. Car les outils figma permettent de zapper cette \u00e9tape. D\u00e8s le zoning on peut aller sur Figma. <\/p>\n\n\n\n Pour les applis wordpress n’est pas le logiciels qu’il faut <\/p>\n\n\n\n <\/p>\n\n\n\n Toujours faire une veille concurrentielle sur du design avant de faire du sketching que cela soit sur du design ou de la fonctionnalit\u00e9<\/p>\n\n\n\n Pour projet de fin d’ann\u00e9e faire veille concurrentielle persona avant faiblesse force<\/p>\n\n\n\n Info g\u00e9n\u00e9ral Design system Loi gestald<\/p>\n\n\n\n Faut-il cr\u00e9er une interface en fonctions des loi de la gestald ou on cr\u00e9e l’interface et on fait en sorte qu’elle respecte les lois.<\/p>\n\n\n\n Lorsque l’on cr\u00e9e une interface sur notre design on voit que l’on a cr\u00e9er des forme qui respecte les lois Y a-t-il certaines loi qui sont incompatible entre elles ou qui peut perdre l’utilisateur sur une m^me page ?<\/p>\n\n\n\n lois universel sauf si handicap ex daltonisme ou vision dans l’espace, dysfonctionnement cognitif<\/p>\n\n\n\n Les lois de la gestald sont universel on peut rarement les mettre en d\u00e9faut, alors que les lois de Bastien et scapin peuvent \u00eatre discut\u00e9.<\/p>\n","protected":false},"excerpt":{"rendered":" UA 01 | | J\u2019identifie les comp\u00e9tences de la conception d’interface pour le CDUI UA 02 | | Je d\u00e9couvre…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-534","post","type-post","status-publish","format-standard","hentry","category-ui-ux"],"_links":{"self":[{"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/posts\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":46,"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/posts\/534\/revisions"}],"predecessor-version":[{"id":594,"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/posts\/534\/revisions\/594"}],"wp:attachment":[{"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/media?parent=534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/categories?post=534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toolbox.xavier-dhoosche.fr\/index.php\/wp-json\/wp\/v2\/tags?post=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/toolbox.xavier-dhoosche.fr\/wp-content\/uploads\/2024\/10\/image.png\")
<\/figure>\n\n\n\n
Un site web n’est pas juste une addition de pages c’est une exp\u00e9rience, le site map ne permet pas de refl\u00e9ter ce sentiment il permet de structurer le site.
On peut ajouter une troisi\u00e8me couleur pour la partie administrateur back-off<\/p>\n\n\n\n![\"\"](\"https:\/\/toolbox.xavier-dhoosche.fr\/wp-content\/uploads\/2024\/10\/image-1-1024x644.png\")
<\/figure>\n\n\n\n
Prototype wireframe int\u00e9ressant a faire pour gagner du temps , prototype maquette derni\u00e8re \u00e9tape<\/p>\n\n\n\n
psition sur le march\u00e9
call to action<\/p>\n\n\n\n
prot\u00e9g\u00e9 oui mais on peut les utiliser libre de droit
quand on pas le temps utiliser les design system et ses guidelines (charte comment utiliser ces \u00e9l\u00e9ments)
S’assurer qu’elle soit disponible sur Figma et v\u00e9rifier sa version
sc\u00e9nario
Mode sombre
Marque blanche ou devellope une appli et on change le design system pour coller \u00e0 la demande<\/p>\n\n\n\n