UX DESIGN - 10 mistakes not to make 😰

āđāļŠāļĢāđŒ
āļāļąāļ‡
  • āđ€āļœāļĒāđāļžāļĢāđˆāđ€āļĄāļ·āđˆāļ­ 31 āļ˜.āļ„. 2024

āļ„āļ§āļēāļĄāļ„āļīāļ”āđ€āļŦāđ‡āļ™ •

  • @BastiUi
    @BastiUi  4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +8

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

  • @BlackPxL
    @BlackPxL 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +58

    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  4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +5

      Haha j'adore l'expÃĐrience poussÃĐe au max !
      Vive les gros pleins de soupe alors ðŸĨĢ

  • @quentinmartin-cocher3451
    @quentinmartin-cocher3451 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +14

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

  • @remistereful
    @remistereful 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +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 !

  • @karim-manaa
    @karim-manaa 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +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

  • @Alrim
    @Alrim 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +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 10 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

      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)

  • @DiGiTaLSh0tX
    @DiGiTaLSh0tX āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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 😂

  • @mgohin
    @mgohin 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +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 👍

  • @Noah-zg1hg
    @Noah-zg1hg 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    Je fais la dÃĐcouverte de ta chaÃŪne et j'adore !

    • @BastiUi
      @BastiUi  3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Merci et bienvenue

  • @mickaelperrier6379
    @mickaelperrier6379 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      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 ðŸĪ“

  • @yangzheng5460
    @yangzheng5460 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

    • @BastiUi
      @BastiUi  3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      Merci et bienvenue 🙏

  • @tructruc9360
    @tructruc9360 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

  • @alexandrelecorre
    @alexandrelecorre 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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...

  • @Nayel-Khouatra
    @Nayel-Khouatra 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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 👍👍

  • @toblamabor7072
    @toblamabor7072 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    "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

  • @myakim89
    @myakim89 5 āļ§āļąāļ™āļ—āļĩāđˆāļœāđˆāļēāļ™āļĄāļē

    Au QuÃĐbec le guichet ne te donne pas l'argent tant que tu n'as pas retirÃĐ ta carte de la machine.

  • @quentin8762
    @quentin8762 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

  • @tripdraw4832
    @tripdraw4832 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    hyper intÃĐressent merci

  • @mathieupin9702
    @mathieupin9702 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    Pour moi tu avais 10/10 !

  • @Risbo__
    @Risbo__ 9 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    Cette miniature !!ðŸĪĢðŸĪĢ j'ai cru pendant une seconde que "la tronche en biais" se mettait a l'UX ðŸĪĢðŸĪĢðŸĪĢ

  • @enzoreda2249
    @enzoreda2249 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +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  4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +4

      Ah dÃĐsolÃĐ pour ça. C’est TH-cam qui est devenu plus intense sur les pubs depuis quelques mois. Je vais allez voir si je peux paramÃĐtrer quelquechose

  • @JustPeterSteel
    @JustPeterSteel 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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  3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Je me sent moins seul alors 😙

  • @hennuyeraurelien1159
    @hennuyeraurelien1159 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    VidÃĐos et Streams de QualitÃĐ !

  • @anthony86mars
    @anthony86mars 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Premiere video que j'vois, trÃĐs intÃĐressant ! La pub relou quand mÊme ..

  • @loupgris4153
    @loupgris4153 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +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

  • @Sergio_moto
    @Sergio_moto 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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

  • @Mashilo
    @Mashilo 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    24:10 Les Petites Presta PLOP
    HEH HEH COMPETMEN

    • @BastiUi
      @BastiUi  4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      ÂĐPONCE

  • @louissudre
    @louissudre 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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.

    • @BastiUi
      @BastiUi  3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      Bien vu

  • @EmilyetFlorent
    @EmilyetFlorent 3 āļŦāļĨāļēāļĒāđ€āļ”āļ·āļ­āļ™āļāđˆāļ­āļ™

    👍ðŸŧ👍ðŸŧ👍ðŸŧ👍ðŸŧ

  • @zobbizobba2088
    @zobbizobba2088 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    c'est quoi un toaster ?

  • @oliviertsafhold8457
    @oliviertsafhold8457 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

    • @BastiUi
      @BastiUi  3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      J'ai fait une vidÃĐo Setup sur ma chaÃŪne ;)

  • @Ray-Yami
    @Ray-Yami 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

  • @Enzo_Ouaki
    @Enzo_Ouaki 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    👍

  • @linanye4735
    @linanye4735 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

  • @Mr7suna
    @Mr7suna 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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

  • @Mrrraaou
    @Mrrraaou 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +4

    Yves ÃĐtait aussi la bonne rÃĐponse malgrÃĐ son air louche 🍉

  • @lndre2428
    @lndre2428 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

    • @BastiUi
      @BastiUi  4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

  • @Ahrkaa
    @Ahrkaa 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    00:23 Faut vraiment que j'arrÊte de dire de la merde en live. Quel genre de modo je suis ðŸĪĄ

  • @xThiB0o33
    @xThiB0o33 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Vive le Chef michel Dumas

  • @elp1291
    @elp1291 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Le UI-tchebest m'a fini

  • @blacephalone
    @blacephalone 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

  • @cedricgiraud2679
    @cedricgiraud2679 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    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 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      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.

  • @MrgnUTube
    @MrgnUTube 2 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Le franglais JCVD sous coke des TH-camrs / Developpeurs c'est 'bad' UX.

  • @GleekOff
    @GleekOff 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

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

    • @BastiUi
      @BastiUi  3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      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.