UX DESIGN - 10 mistakes not to make 😰

SdĂ­let
VloĆŸit
  • čas pƙidĂĄn 4. 09. 2024

Komentáƙe • 60

  • @BastiUi
    @BastiUi  Pƙed 3 lety +8

    L’article utilisĂ© dans la vidĂ©o : 10ideesrecuesenuxdesign.castoretpollux.com/fr/

  • @BlackPxL
    @BlackPxL Pƙed 3 lety +57

    Par rapport au premier point sur le scroll infini : voir "The bottomless bowl experiment", une étude marrante à base de soupe (oui). La moitié des participants ont pu boire un bol de soupe, et demander à le remplir à nouveau si ils avaient encore faim. La deuxiÚme moitié des participants ont bu leur soupe dans un bol "sans fond" (un bol qui se re-remplissait automatiquement sans qu'ils ne s'en aperçoivent). Eh bien c'est cette deuxiÚme moitié qui a, au final, bu plus de soupe que la premiÚre moitié des participants. Et ils étaient surpris d'en avoir bu autant. D'autres scientifiques ont fait un parallÚle intéressant entre cette étude et le scroll infini justement.
    VoilĂ , c'Ă©tait la minute soupe.

    • @BastiUi
      @BastiUi  Pƙed 3 lety +4

      Haha j'adore l'expérience poussée au max !
      Vive les gros pleins de soupe alors đŸ„Ł

  • @quentinmartin-cocher3451
    @quentinmartin-cocher3451 Pƙed 3 lety +14

    Un vrai rĂ©gal tes vidĂ©o, c’est un plaisir de dĂ©couvrir l’ux - ui avec un si bon narrateur ! 👏👀

  • @Alrim
    @Alrim Pƙed 2 lety +3

    Pour ce qui est du mobile first, il y a un intĂ©rĂȘt technique bien expliquĂ© dans une vidĂ©o de Kevin Powell : lorsque que l'on Ă©crit du CSS, la version mobile est bien plus proche du layout naturel des Ă©lĂ©ments, et donc il est plus logique d'ajouter des rĂšgles de prĂ©sentation pour les plus grandes rĂ©solutions (desktop) que d'ensuite retirer une Ă  une ces rĂšgles pour en quelque sorte revenir en arriĂšre si on a codĂ© le desktop avant le mobile.

    • @cedrictheveneau9141
      @cedrictheveneau9141 Pƙed 6 měsĂ­ci

      Kevin Powell c’est un GOAT, par contre autant je peux comprendre pour le CSS, pour le HTML c’est plus compliqué  perso si je code Mobile First ou Desktop First, je ne vais pas penser la structure de mon HTML de la mĂȘme maniĂšre (au delĂ  de l’aspect SEO, la rĂ©partition de mes Ă©lĂ©ments dans des divs ne sera pas pareille)

  • @remistereful
    @remistereful Pƙed 3 lety +1

    Pour la derniĂšre question sur l'intuitivitĂ©, il faut peut-ĂȘtre se pencher sur la Loi de Tesla qui nous dit qu'il y a un niveau de complexitĂ© inhĂ©rent Ă  chaque systĂšme & qu'on ne peut pas rĂ©duire. Du coup j'aurais tendance Ă  dire que parfois, on peut avoir intĂ©rĂȘt Ă  rendre certain Ă©lĂ©ments moins intuitifs, mais uniformiser leur prĂ©sence Ă  l'Ă©chelle du systĂšme ce qui permet de trouver un entre deux.
    Par ex : Un bouton filtre que l'on retrouve au mĂȘme endroit sur plusieurs pages mais qui filtre diffĂ©remment selon la page. Le fait de l'avoir sur toutes les pages t'empĂȘches de le mettre vraiment en avant Ă  chaque fois, mais une fois que la fonctionnalitĂ© est bien en mĂ©moire pour les utilisateurs elle leur donne un point de rĂ©fĂ©rence trĂšs accessible.
    Enfin bref, si on on peut avoir l'intuitivité direct on ne crache pas dessus non plus !

  • @mgohin
    @mgohin Pƙed 3 lety +1

    True story, je suis tombĂ© sur ta vidĂ©o avec le Scroll infini de mon feed youtube, du coup ça a des avantages, et pas que pour la plateforme 😅
    Merci pour tes vidĂ©os 👍

  • @karim-manaa
    @karim-manaa Pƙed 2 lety +1

    12:55 petite précision et rÚgle à retenir : plus l'utilisateur à de choix, plus il va mettre de temps à choisir. Et ce temps et proportionnel au nombre de choix ! Des bisous

  • @Noah-zg1hg
    @Noah-zg1hg Pƙed 3 lety +2

    Je fais la découverte de ta chaßne et j'adore !

  • @DiGiTaLSh0tX
    @DiGiTaLSh0tX Pƙed rokem

    Je voulais juste dire que ta musique Ă  la fin (l'avant derniĂšre) ...
    => Sonic Aventure Battle 2 dans le jardin des Chao ...
    Magnifique tes rĂ©fĂ©rences 👌
    Sinon super vidĂ©o 😂

  • @mickaelperrier6379
    @mickaelperrier6379 Pƙed 2 lety

    1) Alors, 23:10 pour un mot masculin comme site, c’est soit _adaptive_ [anglais] soit _adaptatif_ [français]
    mais pas _adaptative_ [français, n.c. féminin]
    2) Erreur trĂšs commune en UX : l’affordance n’est ni une action, ni une interaction, ni mĂȘme une habitude d’interaction, ce n’est pas du cĂŽtĂ© utilisateur que c’est dĂ©finit mais du cĂŽtĂ© interface/environnement. L’affordance est un *potentiel* d’action *permis* par l’environnement Ă  un individu du fait de ses attributs. C’est pas tout Ă  fait pareil. L’affordance existe en dehors de toute interaction et ne sera pas forcĂ©ment lĂ  pour tout le monde. Par exemple, un bouton sur un site web est clickable (affordance), que la personne soit au courant ou non: donc c’est pas liĂ© aux habitudes. Ensuite, un bouton physique de manette XBox est clickable pour un humain avec des doigts, mais ne le sera pas forcĂ©ment selon le handicap d’une personne (ou pour une mouche, si on veut ĂȘtre extrĂȘme).

  • @GaetanR32
    @GaetanR32 Pƙed 3 lety

    Je dĂ©veloppe une application de Gestion des Temps et ActivitĂ©s (GTA
 oui oui je suis un thug) pour le compte de mon employeur (de l'UX aux algo) et j'ai rencontrĂ© une premiĂšre grosse difficultĂ© : aucun process mĂ©tier n'Ă©tait rĂ©digĂ© 😳
    Du coup, j'ai tenté de comprendre l'usage de la cinquantaine d'utilisateurs et celui-ci n'était pas forcément trÚs homogÚne (d'autant qu'il y a plusieurs localisations géographiques).
    Au final, les utilisateurs sont globalement satisfaits de mon travail et ceux qui le sont moins sont gĂ©nĂ©ralement ceux qui ne sont pas (encore) correctement formĂ©s aux mĂ©tiers de la GTA 🎼
    Bref, ce que je voulais dire au dĂ©part est que moi aussi, j'ai mis en place mes interfaces pour tels et tels usages et j'ai Ă©tĂ© trĂšs Ă©tonnĂ© d'en dĂ©couvrir d'autres qui fonctionnent trĂšs bien mais qui n'avaient pas Ă©tĂ© imaginĂ©s
 est-ce que mon UX design est rĂ©ussi parce que mes UI respectent tous les usages (mĂȘme ceux pour lesquels elles n'Ă©taient pas prĂ©vues) ou alors il n'est pas rĂ©ussi car on peut contourner les usages qui Ă©taient initialement prĂ©vus đŸ€”

    • @GaetanR32
      @GaetanR32 Pƙed 3 lety

      D'ailleurs petite anecdote, pour gagner du temps en dĂ©veloppements et intĂ©grations, on a imposĂ© l'utilisation d'un navigateur (Chrome) pour cette application Web
 mais en vrai, rien d'original ici car de nombreuses applications de ce type (axĂ©es sur un mĂ©tier, un process voire une entreprise) sont amenĂ©es Ă  n'ĂȘtre utilisables que sur un seul navigateur, parfois IE d'ailleurs đŸ€ź
      Mais c'est ça aussi la contrainte du budget dans ce contexte particulier ; du coup, cĂŽtĂ© UX, j'ai dĂ» mettre en place des alertes pour rappeler Ă  l'utilisateur qu'il n'Ă©tait pas sur le bon navigateur lorsqu'il n'Ă©tait pas sous Google Chrome đŸ€“

  • @tructruc9360
    @tructruc9360 Pƙed 2 lety

    Je lance la vidéo:
    - Story time!
    Cool, c'est souvent sympa les story time
    - j'Ă©tais sur une aire d'autoroute...
    Ah

  • @yangzheng5460
    @yangzheng5460 Pƙed 3 lety

    Excellente vidéo! Tellement intéressante! Je viens de découvrir ta chaine.. je m'abonne! ;)

    • @BastiUi
      @BastiUi  Pƙed 3 lety +1

      Merci et bienvenue 🙏

  • @alexandrelecorre
    @alexandrelecorre Pƙed rokem

    Ce que je ne comprends pas avec le scroll infini d'un point de vue purement technique c'est que, ok l'utilisateur si il scroll pendant 10 minutes non stop, le contenu affichĂ© va ĂȘtre immense ! Comment on fait pour gĂ©rer ça et pour pas que ça fasse planter son navigateur/son app si il y a trop de contenu ? Masquer les Ă©lĂ©ments de maniĂšre dynamique ?

  • @NATHANisANDRE
    @NATHANisANDRE Pƙed 3 lety

    La question du contraste concernant l'accessibilité.... grande question sans réponse que j'ai depuis des années.
    Si on devait se fier à ces outils, 80% des sites sur le web rateraient le test. Et question choix "esthétique" il ne nous resterais plus grand chose...

  • @Risbo__
    @Risbo__ Pƙed 5 měsĂ­ci

    Cette miniature !!đŸ€ŁđŸ€Ł j'ai cru pendant une seconde que "la tronche en biais" se mettait a l'UX đŸ€ŁđŸ€ŁđŸ€Ł

  • @toblamabor7072
    @toblamabor7072 Pƙed 3 lety

    "Trouver l'information que l'utilisateur souahite" est-ce que c'est valable partout ? car tiktok par example, on a pas forcement une information Ă  chercher, on y vas juste pour perdre de temps ou s'amuser

  • @mathieupin9702
    @mathieupin9702 Pƙed 3 lety +2

    Pour moi tu avais 10/10 !

  • @quentin8762
    @quentin8762 Pƙed 3 lety

    Je rigole et j'apprends ! Encore merci Ă  toi :)

  • @tripdraw4832
    @tripdraw4832 Pƙed 2 lety

    hyper intéressent merci

  • @enzoreda2249
    @enzoreda2249 Pƙed 3 lety +1

    Superbe vidĂ©o, grave intĂ©ressant mais parcontre c'est quoi cette quantitĂ© de pubs ? En 30min j'ai eu plus de 5 pubs 😭

    • @BastiUi
      @BastiUi  Pƙed 3 lety +4

      Ah dĂ©solĂ© pour ça. C’est CZcams qui est devenu plus intense sur les pubs depuis quelques mois. Je vais allez voir si je peux paramĂ©trer quelquechose

  • @hennuyeraurelien1159
    @hennuyeraurelien1159 Pƙed 3 lety

    Vidéos et Streams de Qualité !

  • @Nayel-Khouatra
    @Nayel-Khouatra Pƙed 3 lety

    Salut basti ui, j’ai une petite question Ă  te poser est-ce que d’apres ton niveau tu serais capable de faire une interface ui android, du style one ui 3.1 ect... et est-ce que tu aurais de conseil pour un dĂ©butant merci 👍👍

  • @JustPeterSteel
    @JustPeterSteel Pƙed 3 lety

    J'ai pris le test avant de regarder la vidĂ©o, je me suis fait avoir au mĂȘme endroit. Ça me rassure.

    • @BastiUi
      @BastiUi  Pƙed 3 lety

      Je me sent moins seul alors 😙

  • @Jay-pr7bo
    @Jay-pr7bo Pƙed 2 lety

    j'adore tes vidéos elles sont cool par contre le truc du distributeur de billet c'est vrai, l'argent etait sorti alors je suis partie sans ma carte mdr

  • @simontorzec5405
    @simontorzec5405 Pƙed 3 lety

    Merci pour cette vidéo.

  • @anthony86mars
    @anthony86mars Pƙed 3 lety

    Premiere video que j'vois, trĂ©s intĂ©ressant ! La pub relou quand mĂȘme ..

  • @loupgris4153
    @loupgris4153 Pƙed 3 lety +2

    AprĂšs avec les pagination ça fait pas tout. Les gens ça ne les empĂȘchent pas d'aller Ă  la page 27 sur des sites pour adultes mdrr

  • @louissudre
    @louissudre Pƙed 3 lety

    Pour revenir sur ton explication de l'ouest, pendant la guerre les méchants étaient bien à l'est ( a droite sur une carte) et non à l'ouest.

  • @Ray-Yami
    @Ray-Yami Pƙed 3 lety

    Oui, un.e UX designer peu aussi travailler sur les jeux-vidéos x'D

  • @oliviertsafhold8457
    @oliviertsafhold8457 Pƙed 3 lety

    Bonjour j'aime beaucoup le son pourriez vous me dire quel est le matériel/logiciel utilisé pour l'enregistrement ? Merci beaucoup

    • @BastiUi
      @BastiUi  Pƙed 3 lety

      J'ai fait une vidéo Setup sur ma chaßne ;)

  • @Mashilo
    @Mashilo Pƙed 3 lety +2

    24:10 Les Petites Presta PLOP
    HEH HEH COMPETMEN

  • @zobbizobba2088
    @zobbizobba2088 Pƙed 3 lety

    c'est quoi un toaster ?

  • @Enzo_Ouaki
    @Enzo_Ouaki Pƙed 3 lety

    👍

  • @Mr7suna
    @Mr7suna Pƙed rokem

    pour info la guerre se passait a l'est (ou alors le monde s'est inversé)
    Je pense que c'est plus le fait d'aller à l'est = retourner dans son pays (et donc prématurément, avant la fin de la guerre = majoritairement dans un cerceuil)
    Bon je sais j'ai 1an de retard et probablement deja dit dans les commentaires xD

  • @linanye4735
    @linanye4735 Pƙed 3 lety

    c'est vrai que j'ai oublié ma carte dans la machine en chine ......

  • @lndre2428
    @lndre2428 Pƙed 3 lety

    C'est drÎle parce que youtube a ajouté un scroll infinie de suggestions videos sous la video qui est visionnée

    • @BastiUi
      @BastiUi  Pƙed 3 lety

      Justement, leur but est que tu ne quittes jamais leur plateforme 😅

  • @Mrrraaou
    @Mrrraaou Pƙed 3 lety +4

    Yves Ă©tait aussi la bonne rĂ©ponse malgrĂ© son air louche 🍉

  • @xThiB0o33
    @xThiB0o33 Pƙed 2 lety

    Vive le Chef michel Dumas

  • @cedricgiraud2679
    @cedricgiraud2679 Pƙed rokem

    Ok mais l'affordance c'est pas ça du tout đŸ€” c'est la capacitĂ© que possĂšde un objet Ă  suggĂ©rer sa propre utilisation. C'est une caractĂ©ristique intrinsĂšque Ă  l'objet, pas Ă  l'utilisateur. Cela n'a aucun rapport avec l'apprentissage, c'en est mĂȘme l'inverse.

    • @cedricgiraud2679
      @cedricgiraud2679 Pƙed rokem

      Concernant l'intuitivité, le problÚme c'est que tous les systÚmes ne sont pas intuitifs, certains nécessitent un apprentissage. Regarde le site de pÎle emploi par exemple.
      C'est la mĂȘme chose dans les jeux, s'interdire de faire des rĂšgles ou des systĂšmes pour garder le jeu intuitif, c'est le risque de faire un jeu simpliste et trĂšs vite ennuyeux, donc mauvais pour l'expĂ©rience utilisateur. Les rĂšgles de jeu c'est souvent contre-intuitif par nĂ©cessitĂ© pour ĂȘtre fun, parce que la logique ludique n'est pas la mĂȘme que la logique de tous les jours.
      Donc quand on a des systĂšmes complexes, en game design on va travailler pour les rendre accessibles et comprĂ©hensibles, mĂȘme quand ils ne sont pas intuitifs, afin de maximiser l'expĂ©rience utilisateur.

  • @elp1291
    @elp1291 Pƙed 3 lety

    Le UI-tchebest m'a fini

  • @blacephalone
    @blacephalone Pƙed 3 lety

    Bon bah je vais enlever mes didactitiels.... 😂

  • @Ahrkaa
    @Ahrkaa Pƙed 3 lety +2

    00:23 Faut vraiment que j'arrĂȘte de dire de la merde en live. Quel genre de modo je suis đŸ€Ą

  • @MrgnUTube
    @MrgnUTube Pƙed 2 lety

    Le franglais JCVD sous coke des CZcamsrs / Developpeurs c'est 'bad' UX.

  • @GleekOff
    @GleekOff Pƙed 3 lety

    Je passais un bon moment mais le commentaire psychophobe ("le retard") c'était pas nécessaire donc je me casse

    • @BastiUi
      @BastiUi  Pƙed 3 lety

      Hello @darkPoint je viens de revisionner la vidĂ©o car je ne me souvenais plus de ce moment lĂ . Je n’ai pas mesurĂ© la portĂ©e de cette blague qui est Ă  l’origine une prĂ­vate joke qui vient de l'imitation de quelqu'un. Je n’ai jamais eu l’intention d’ĂȘtre dĂ©nigrant bien sĂ»r et je me rends compte de la façon dont cela a pu ĂȘtre interprĂ©tĂ©. Je suis dĂ©solĂ© si tu as Ă©tĂ© offensĂ© par ce terme. Je ferai attention les prochaines fois. Ce n'Ă©tait effectivement pas nĂ©cessaire.