Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #u
RSS: #ux

#ux

  • #uxo
  • #ux-
  • #ux/ui
  • #uxdesigner
  • #ux_
  • #uxplication
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | 225
  • @b_b
    b_b @b_b PUBLIC DOMAIN 6/02/2023
    3
    @jeanmarie
    @biggrizzly
    @sandburg
    3

    Visual #design #rules you can safely follow every time
    ▻https://anthonyhobday.com/sideprojects/saferules

    You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are #safe to follow every time.

    – Use near-black and near-white instead of pure black and white
    – Saturate your neutrals
    – Use high #contrast for important elements
    – Everything in your design should be deliberate
    – Optical #alignment is often better than mathematical alignment
    – Lower letter spacing and line height with larger #text. Raise them with smaller text
    – Container borders should contrast with both the container and the background
    – Everything should be aligned with something else
    – #Colours in a palette should have distinct brightness values
    – If you saturate your neutrals you should use warm or cool colours, not both
    – Measurements should be mathematically related
    – Elements should go in order of visual weight
    – If you use a horizontal grid, use 12 columns
    – #Spacing should go between points of high contrast
    – Closer elements should be lighter
    – Make drop shadow blur values double their distance values
    – Put simple on complex or complex on simple
    – Keep container colours within brightness limits
    – Make outer padding the same or more than inner padding
    – Keep body text at 16px or above
    – Use a line length around 70 characters
    – Make horizontal #padding twice the vertical padding in buttons
    – Use two #typefaces at most
    – Nest corners properly
    – Don’t put two hard divides next to each other

    b_b @b_b PUBLIC DOMAIN
    • @sandburg
      Sandburg @sandburg CC BY-SA 6/02/2023

      #ux Finitions.
      J’ai l’impression qu’on redit toujours un peu les même choses depuis 15 ans.
      Et surtout que ce sont les pratiques de PAO qui débouchent sur le web.

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire
  • @hlc
    Articles repérés par Hervé Le Crosnier @hlc CC BY 13/01/2023
    1
    @hubertguillaud
    1

    Pourquoi le camion Tesla ne convainc pas certains chauffeurs
    ▻https://www.ladn.eu/tech-a-suivre/camion-tesla-jouet-pour-riche

    https://www.ladn.eu/wp-content/uploads/2023/01/tesla-1200x630.jpg

    Les premières livraisons de ce poids lourd de 37 tonnes au design futuriste ont commencé en décembre, cinq ans et quelques de retard sur le calendrier après sa présentation en 2017. Le véhicule a pour ambition d’être le « futur du transport routier » . Durant sa présentation, Elon Musk et son ingénieur Dan Priestly ont insisté sur le fait qu’il avait été « construit autour du conducteur » grâce notamment à sa cabine spacieuse. Mais cet argument est loin de convaincre Tomasz Oryński.
    Espace inutile

    À ses yeux, son design n’aide au contraire en rien les routiers dans leur quotidien. Il prend notamment l’exemple du siège conducteur placé au centre de la cabine, et donc loin des portes et des fenêtres. Cette position est censée donner une meilleure visibilité au chauffeur sur la route. Mais pour Tomasz Oryński, elle risque de le gêner pour payer un péage, sortir du véhicule. « Les portes de la cabine sont à l’arrière. On entre, on accroche son manteau, puis on doit faire quelques pas pour s’asseoir derrière le volant. Cela signifie que vous gaspillez l’espace de la cabine pour un couloir, en fait. Vous ne pouvez pas y placer un lit pour que le conducteur puisse se reposer, car il y a des portes à cet endroit », poursuit-il. 

    Le chauffeur évoque également les tablettes tactiles qui servent d’écrans de contrôle. Il a eu l’occasion de tester ce type de système dans d’autres modèles et estime que le tout écran entrave l’attention du conducteur sur la route. « Il faut un bouton physique que l’on peut actionner sans avoir à quitter les yeux de la route. » Le design des rétroviseurs lui semble également peu fonctionnel. Ceux-ci sont très éloignés des fenêtres, rendant leur nettoyage plus compliqué. 
    800 km d’autonomie, mais pour quoi faire ?

    Par ailleurs, le journaliste minimise la hype autour de ce semi-remorque censé permettre à l’industrie de se décarboner. Il estime que le Tesla Semi n’est pas si novateur. « L’industrie du camion roule déjà à l’électrique depuis des années. Des constructeurs qui savent comment construire un camion proposent déjà de très bons produits : Volvo FM Electric et Mercedes e-Actros », avance-t-il. Le secteur est toutefois loin d’avoir fait sa transition énergétique. En 2021, le diesel alimentait toujours 95,8 % des camions immatriculés dans l’Union européenne, contre 19,6 % des voitures neuves particulières. 

    En revanche, le Tesla Semi se distingue de la concurrence par son autonomie : il est capable de rouler 800 km non stop. Mais là encore, notre twitto s’interroge sur l’intérêt de cette autonomie prolongée. « Personne n’a vraiment besoin d’un camion qui peut rouler non-stop pendant 10 heures. Les conducteurs ont besoin de repos, de pauses toilettes pour le déjeuner… »

    Le thread de Tomasz Oryński n’est évidemment qu’un témoignage, qui plus est par un chauffeur qui n’a pas encore eu l’occasion de tester le véhicule. Mais sa publication, aimée par près de 11 000 personnes et retweetée plus de 3 000 fois, est approuvée par d’autres chauffeurs routiers. Elle illustre bien la façon dont certaines innovations ont pour ambition de transformer une industrie à coups de tech, en semblant ignorer les besoins de ses utilisateurs.

    #Tesla #Camion #UX

    Articles repérés par Hervé Le Crosnier @hlc CC BY
    Écrire un commentaire
  • @xkcd
    xkcd.com @xkcd via RSS CC BY 29/11/2022

    Faucet
    ▻https://xkcd.com/2704

    https://imgs.xkcd.com/comics/faucet.png

    xkcd.com @xkcd via RSS CC BY
    • @sandburg
      Sandburg @sandburg CC BY-SA 29/11/2022

      #ux

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire
  • @jeanmarie
    jeanmarie @jeanmarie CC BY-NC-SA 17/11/2022
    1
    @spip
    1

    Performance #web : l’intégrateur, ce héros

    J’ai envie de pousser un concept absolument nouveau : l’amélioration progressive (ah pardon on me dit que ça date de 2003). Au minimum c’est la clé d’un premier affichage éclair car on peut se passer de #JavaScript quelques secondes.
    Puis abordons le gros sujet des images : comment les charger rapidement, sans toucher aux fichiers eux-même ? Il y a eu quelques nouveautés ces deux dernières années, mais on va voir que même sur des choses que l’on peut croire acquises comme le lazy loading, il y a quelques pièges qui peuvent être contre-productifs.
    Enfin terminons avec un petit résumé sur les polices : elles tapent dans l’œil mais il faut en garder le contrôle si l’on veut un bon CLS (une des métriques Google dont on va reparler).

    Article intéressant sur les optimisations au moment de l’#intégration web. Ça parle (un peu) performance mais surtout #UX, #ergonomie, #HTML, #CSS, #javascript...

    ▻https://www.24joursdeweb.fr/2021/performance-web-lintegrateur-ce-heros

    https://media.24joursdeweb.fr/2021/12/no-preload-all-network.png

    jeanmarie @jeanmarie CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 17/11/2022

      Ya des gens qui trouvent ça enthousiasmant, comme plein de techniciens qui sont à fond dans leur petite spécialité technique, mais moi ça me terrifie, ça devrait pas exister du temps à passer sur ça :D

      Et surtout encore moins devoir s’en préoccuper à chaque intégration (plutôt que ce soit les gens qui font le CMS, langage de template, plugins de lazy, etc, et qu’ensuite pour un site précis à intégrer on n’y pense presque plus).

      RastaPopoulos @rastapopoulos CC BY-NC
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 19/11/2022

      Oui, l’article est intéressant en tant que ressources, pour choisir les plugins qu’on utilise (par ex Adaptive images qui gère le WebP et le lazy loading nativement), faire ses boilerplates persos (préchargement des polices et font-display: swap;), les optimisations côté CMS (chargement JS en asynchrone)... etc, évidemment dans l’idée d’automatiser au maximum.

      Et aussi, se rendre compte que #SPIP gère une bonne partie de tout ça <3

      jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire
  • @martin
    Martin @martin PUBLIC DOMAIN 22/10/2022

    ’God of War Ragnarok’ breaks a fundamental rule of video games
    ▻https://www.inverse.com/gaming/god-of-war-ragnarok-accessibility

    https://imgix.bustle.com/uploads/image/2022/10/20/3a15495f-8e38-4019-8600-4cb729f764be-atreus-hand.jpg?w=1200&h=630&fit=crop&crop=faces&fm=jpg

    GAME STUDIOS RARELY SHARE THE SECRETS OF THEIR SUCCESS.

    A great game can spawn countless imitators — look at Breath of the Wild or Stardew Valley — and it’s all but unheard of for a company to tell its competitors the magic formula. But accessibility is increasingly becoming a notable exception to that rule.

    God of War Ragnarok — a continuation of the 2018 adventures of the grizzled warrior Kratos and his tween son Atreus, and the ninth installment of a venerable PlayStation franchise — is the most accessible game in the series yet. To help make that vision a reality, the team at Santa Monica Studio turned to the folks at Naughty Dog, known for its boundary-breaking innovations for players with auditory, visual, and motor differences.

    In keeping with that spirit of open collaboration, Lead UX Designer Mila Pavlin says the team at Santa Monica Studio isn’t interested in keeping the 70+ accessibility innovations in God of War Ragnarok a secret.

    #jeu_vidéo #jeux_vidéo #accessibilité #handicap #jeu_vidéo_god_of_war_ragnarok #console_playstation #naighty_dog #mila_pavlin #secret_de_fabrication #secret_industriel #partage #jeu_vidéo_the_last_of_us_part_ii #ui #gui #ux #ihm #interface_homme_machine

    Martin @martin PUBLIC DOMAIN
    Écrire un commentaire
  • @nightingale
    nightingale @nightingale via RSS 9/08/2022

    Information Empowerment : A Reciprocal #Data_Literacy Case Study, Part 3
    ▻https://nightingaledvs.com/information-empowerment-a-reciprocal-data-literacy-case-study-part-3

    This is part three of a six-part series dedicated to sharing cross-functional ideas for #Design thinkers, data practitioners, business intelligence analysts, researchers, policymakers, and subject..

    #Data_Humanism #Design_Process #How_To #UX_research

    nightingale @nightingale via RSS
    Écrire un commentaire
  • @olange
    Olivier Lange @olange CC BY-SA 26/04/2022

    «Build, Ship, & Maintain Design Systems with Backlight» by (sponsored) Chris Coyier / CSS Tricks, 18.01.2022
    ▻https://css-tricks.com/design-systems-with-backlight

    « Design systems are an entire job these days. Agencies are hired to create them. In-house teams are formed to handle them, shipping them so that other teams can use them and helping ensure they do. Design systems aren’t a fad, they are a positive evolution of how digital design is done. Backlight is the ultimate all-in-one development tool for design systems.

    I think it’s interesting to start thinking about this at the end. What’s the best-case scenario for a design system for websites? I think it’s when you’ve published a versioned design system to npm. That way teams can pull it in as a dependency on the project and use it. How do you do that? Your design system is on GitHub and you publish from there. How do you do that? You work on your design system through a development environment that pushes to GitHub. What is Backlight? It’s that development environment. »

    #ux #design #system #tooling

    Olivier Lange @olange CC BY-SA
    Écrire un commentaire
  • @olange
    Olivier Lange @olange CC BY-SA 26/04/2022
    2
    @jeanmarie
    @monolecte
    2

    « Curated list of tools for content design » by Ardena Gonzalez Flahavin / Backlight.dev, 26.04.2022
    ▻https://backlight.dev/mastery/best-tools-for-content-design

    « Here are the best tools (aside from pen and paper) to help UX writers and content designers research, design and maintain content:

    · Figma
    · Notion
    · Ditto
    · Hemingway app
    · Maze
    · Miro
    · IterationX
    · Thesaurus
    · ReallyGoodEmails
    · Grammarly. »

    #ux #writing #content #design #system #tooling

    Olivier Lange @olange CC BY-SA
    Écrire un commentaire
  • @olange
    Olivier Lange @olange CC BY-SA 26/04/2022

    «Why your design system needs content design» by Ardena Gonzalez Flahavin / Backlight.dev, 07.04.2022
    ▻https://backlight.dev/blog/why-your-design-system-needs-content-design

    « If you think about it, design systems actually have a lot of content:

    1. The content that tells you what a design system is and how to use it.
    2. The content in the components themselves: buttons, form labels, error messages…
    3. The documentation describing the patterns, rules and usage guidelines.

    If it’s a more advanced system, there will likely be content design guidelines for how to write in the product—tone of voice, grammar and style guides.

    And yet, many design system teams don’t include a content designer or UX writer. If you’re still on the fence, here are 3 good reasons to make content design a part of your design system. […] »

    #ux #writing #design #system

    Olivier Lange @olange CC BY-SA
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 7/04/2022
    2
    @rastapopoulos
    @cy_altern
    2

    Designing Better #Breadcrumbs — Smashing Magazine
    ▻https://www.smashingmagazine.com/2022/04/designing-better-breadcrumbs

    Long article à propos du chemin de fer ou fil d’ariane, dont voici le TL/DR :

    As usual, here’s a general checklist of a few important guidelines to consider when designing better breadcrumbs:

    – Breadcrumbs always need to complement main navigation.
    – Breadcrumbs fit best under global navigation.
    – They could also appear above main headings.
    – The delimiter should be pointing to the right (in RTL interfaces).
    – Breadcrumbs should be visible without scrolling.
    – Avoid “disabled” breadcrumbs and turn all breadcrumbs into links.
    – The current page can be dropped if breadcrumbs live above headings.
    – Otherwise, include the current page in breadcrumbs for clarity.
    – On mobile, use accordions to display a full path if needed.
    – The parent of the current page should be visible at all times.
    – Sideways breadcrumbs might be a quite surprising and useful discovery for your users.

    #UX

    b_b @b_b PUBLIC DOMAIN
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 9/04/2022

      Position, contenus, visibilité, responsive... toute la problématique du fil d’ariane décortiquée !

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @martin
    Martin @martin PUBLIC DOMAIN 7/04/2022
    1
    @sandburg
    1

    Les joueurs de jeux vidéo sourds, aveugles ou à mobilité réduite veulent plus d’accessibilité - rtbf.be
    ▻https://www.rtbf.be/article/les-joueurs-de-jeux-video-sourds-aveugles-ou-a-mobilite-reduite-veulent-plus-d-

    https://ds.static.rtbf.be/article/image/1920x1080/2/3/8/91cb0bc2f71ca14fde6903b5acbf22efafaae67f.jpg

    Selon des estimations de Microsoft, 400 millions de joueurs présentent un handicap, soit près de 15% des joueurs de jeux vidéo dans le monde.

    #jeu_vidéo #jeux_vidéo #ubisoft #microsoft #xbox #accessibilité #ux #handicap #handicap_moteur #handicap_visuel #handicap_auditif

    Martin @martin PUBLIC DOMAIN
    • @sandburg
      Sandburg @sandburg CC BY-SA 7/04/2022

      Faut-il faire des jeux inclusifs, ou des jeux séparés en fonction des capteurs sensoriels, des capacités cognitives de chacun ?
      En vrai, je n’ai pas la réponse. Mais ce que je sais, c’est qu’on a parfois besoin d’une expérience qui utilise pleinement tous nos capteurs, toutes nos compétences pour rendre l’effet désiré et transmettre l’expérience souhaitée.
      Donc dans la continuité de cette pensée, et dit sèchement : il ne faudrait pas arrêter de produire des jeux excluants sur le plan des sens. Il faudrait en produire d’autres, à côté, qui prennent en compte cette disparité des êtres vivants.

      En complément, certains problemes d’inclusion sont souvent des problemes tech. L’oubli de généricité dans la compatibilité des joypad (&co), dans les input clavier (touche /vs/ caractère), dans les résolutions d’écran, portabilité entre OS/consoles... Ces problemes là sont des négligences de conception et d’implémentation qu’on ne trouve pas que dans l’industrie du jeu vidéo (et meme souvent moins qu’ailleurs - le jeu vidéo pardonne moins).

      Signal visuel en parallèle de signal auditif, carrément, c’est universel, c’est UX. Par contre, s’interdire des couleurs et l’imposer à tous... si ça dégrade l’expérience ce certaines, pas sûr...

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire
  • @martin
    Martin @martin PUBLIC DOMAIN 30/03/2022
    2
    @sandburg
    @gblin
    2

    What Star Wars: Squadrons can teach us about reviving classic genres
    ▻https://www.gamedeveloper.com/gdc2022/what-star-wars-squadrons-can-teach-us-about-reviving-classic-genres

    https://eu-images.contentstack.com/v3/assets/blt95b381df7c12c15d/bltbaa9b634e591b78a/62434b0308de4137929859ee/starwarssquadronsfeatured.jpg

    Expanding outward, Frazier explained that the UI team engineering the cockpit controls worked with Lucasfilm Limited to both mirror depictions of the different consoles as seen in the films, and make sure they were readable for gameplay. “We were pretending Incom, making X-Wings, or Sienar Systems, making TIE Fighters,” he said. “We also pretended to be Industrial Light and Magic working in 1977.”

    That meant using cathodes, metal plates, and material that all looked like they were stored in the back of a Van Nuys warehouse in the late ’70s to answer questions that the fictional Star Wars engineers might be asking. Frazier called out that the computer screens in the different ships (even ones that weren’t around for the first film) particularly embodied this philosophy. 

    If you play Squadrons in the highest resolution in VR, you can lean in and see the individual dots creating images in the interface. Similar details were applied elsewhere. Peer closely enough where the canopy and hull meet and you’ll see scuffs in the paint that line up roughly with where a pilot would be repeatedly grabbing the hull to pull themselves in and out of the ship.

    #jeu_vidéo #jeux_vidéo #star_wars #jeu_vidéo_star_wars_squadrons #postmortem #gdc_2022 #game_developers_conference_2022 #jeu_vidéo_star_wars_tie_fighter #jeu_vidéo_star_wars_x-wing #ian_frazier #ihm #interface_utilisateur #ux #culture #vr #réalité_virtuelle #ea_motive

    Martin @martin PUBLIC DOMAIN
    Écrire un commentaire
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 8/02/2022
    8
    @arno
    @monolecte
    @7h36
    @biggrizzly
    @b_b
    @spip
    @baroug
    @astier
    8

    Form design: from zero to hero all in one blog post – Adam Silver – Designer, London, UK.
    ▻https://adamsilver.io/blog/form-design-from-zero-to-hero-all-in-one-blog-post

    Don’t mess with labels
    Crafting questions
    Style and microcopy
    Form validation
    Flow and order
    Go faster
    Field design

    #conception #web #intégration #formulaire #ergonomie #UX #bonnes_pratiques

    RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 20/02/2022

      Intéressant !

      Don’t mark required fields, mark optional ones.

      Avec des liens vers une collection de composants ▻http://nostyle.herokuapp.com/components, dont un autocomplete, un date picker et un password reveal qui pourrait être utile pour ce ticket #SPIP ▻https://git.spip.net/spip/spip/issues/4872

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @sandburg
    Sandburg @sandburg CC BY-SA 2/11/2021

    La calculatrice windows 10, c’est quand même le plus bel exemple de comment se planter à prendre en compte les besoins utilisateurs (#ux).
    Avec leurs modes Scientifique, Programmeur. Ils empêchent les calculs a virgule en même temps que la vue hexadécimale.
    Et ils n’ont pas prévu que switcher de mode conserve les valeurs ou les calculs.

    Sandburg @sandburg CC BY-SA
    • @sandburg
      Sandburg @sandburg CC BY-SA 6/03/2022

      ▻https://github.com/microsoft/calculator

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire
  • @nightingale
    nightingale @nightingale via RSS 28/09/2021

    Why #mental_models Matter in Data Visualization
    ▻https://nightingaledvs.com/why-mental-models-matter-in-data-visualization

    My three year-old son once told me, “I know how computers work: when you press a button on the keyboard, it pulls a string inside..

    #How_To #user_experience #UX

    nightingale @nightingale via RSS
    Écrire un commentaire
  • @tetue
    tetue @tetue CC BY 27/08/2021
    14
    @mad_meg
    @jeanmarie
    @biggrizzly
    @monolecte
    @reka
    @7h36
    @simplicissimus
    @rastapopoulos
    @sombre
    @fsoulabaille
    @grommeleur
    @vazi
    @fitzlombard
    @02myseenthis01
    14

    Lignes de désir
    ▻http://romy.tetue.net/lignes-de-desir

    Sinueux est le chemin de l’UX design. Souvent reproduite pour introduire au design d’expérience , l’image suivante illustre bien l’importance de la conception orientée utilisateur (UX design). L’on y voit une personne qui, au lieu d’emprunter le chemin prévu, à angle droit, préfère couper en diagonale, à travers la pelouse, comme bien d’autres avant elle, au point d’avoir tracé un sentier de terre battue. Les urbanistes nomment ligne de désir ces sentiers graduellement tracés par érosion suite au passage…

    http://romy.tetue.net/IMG/jpg/interface-vs-usage.jpg

    #Conception_web #LigneDeDesir #DesirePath #UX #UXdesign #OSUoval

    tetue @tetue CC BY
    Écrire un commentaire
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 15/07/2021
    8
    @arno
    @tetue
    @simplicissimus
    @7h36
    @biggrizzly
    @fil
    @gblin
    @sombre
    8
    @tetue

    Système de Design de l’État
    ▻https://www.systeme-de-design.gouv.fr

    https://systeme-de-design.gouv.fr/src/img/systeme-de-design.gouv.fr.jpg

    Le tout nouveau design system de l’État français, signalé par @tetue dans son article : ►https://seenthis.net/messages/922369

    Avec une charte, des éléments de base, et des composants.

    #design_system #conception #web #UX #interface #France

    RastaPopoulos @rastapopoulos CC BY-NC
    • @pierrick
      Pierrick @pierrick ART LIBRE 15/07/2021

      Charte, éléments de base et composants qui sont en discussion sur le logiciel wiki « Confluence » de la société australienne côtée au NASDAQ « Atlassian » (qui a racheté « Trello » il y a quelques années).
      Marrant de voir dans l’url du wiki le gouvernement français devenu simple sous-domaine de cette société. Un présage de demain ?
      ▻https://gouvfr.atlassian.net/wiki/spaces/DB/pages/217251899/Fondamentaux+identit+de+l+tat

      Pierrick @pierrick ART LIBRE
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/07/2021
      @touti

      et ping @touti pour sa liste de services de l’état qui dépendent de services tiers qui surveillent etc

      RastaPopoulos @rastapopoulos CC BY-NC
    • @pierrick
      Pierrick @pierrick ART LIBRE 15/07/2021
      @touti

      @touti Il y a aussi celui-ci, avec « Slack ». ▻https://gouvfr.slack.com

      Pierrick @pierrick ART LIBRE
    • @tetue
      tetue @tetue CC BY 16/07/2021

      #GovDesign

      tetue @tetue CC BY
    Écrire un commentaire
  • @martin
    Martin @martin PUBLIC DOMAIN 14/07/2021
    1
    @arno
    1

    The worst volume control UI in the world | by Fabricio Teixeira | UX Collective
    ▻https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950

    https://miro.medium.com/freeze/max/500/1*Hd6mWoraRdfF2e4d2XkDRA.gif

    A group of bored developers and designers has decided to start a thread on reddit to figure out who can come up with the worst volume control interface in the world:

    #interface_utilisateur #gui #ux #volume_sonore #original #absurde #inspiration

    Martin @martin PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 14/07/2021

      #lol #UX

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 11/06/2021
    11
    @gblin
    @arno
    @biggrizzly
    @mad_meg
    @7h36
    @colporteur
    @jeanmarie
    @ericw
    @simplicissimus
    @sombre
    @02myseenthis01
    11

    Un intéressant article fouillé sur les techniques de #propagande comportementales utilisées par la startup nation. (En dépit du titre, ça ne parle pas que de #nudge.)

    ▻https://www.franceinter.fr/comment-le-nudge-a-conquis-la-macronie

    #UX

    ▻https://cdn.radiofrance.fr/s3/cruiser-production/2021/06/821554d4-9f65-48da-819c-8c37a0f26bbf/640_doc_2.webp

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @arno
      ARNO* @arno ART LIBRE 11/06/2021

      Oui, après si tu lis le seul exemple complet de notule (4 pages) sur la préparation au reconfinement, fourni dans l’article, tu te rends compte que c’est pas non plus de la manipulation super-élaborée, à base de concepts super-disruptifs qui te manipuleraient au niveau des fonctions cachées de ton subconscient qu’on te cache… c’est un putain de marketing à deux balles, chié par une équipe de pubards qui ont vaguement brainstormé deux heures en se faisant des lignes de coke pour se kickstarter au niveau de la créativité coco.

      Je dois avouer que j’ai un peu de mal à percevoir l’aspect innovant et nouveau dans ce document qui numérote 1, 2, 2, 3, 4, et s’autorise pour 5000 euros à titrer un paragraphe « Imager un wording… ».

      L’autre aspect (assez classique dans les médias), c’est de développer longuement l’aspect « soft power » d’une forme nouvelle de communication, et de ne jamais aborder les aspects « hard power » qui les accompagne : le masque si tu le portes pas, c’est 135 euros, la bouteille de rosé à la plage c’est 405 euros, la réforme de l’assurance chômage c’est à coup de LBD dans la gueule, et la déclaration des impôts c’est obligatoire et si tu fais pas dans les temps et dans les règles y’a toujours moyen de te coller des pénalités qui font rêver. Alors à côté de ça, l’impact d’imag[in]er un wording disruptif, je demande un peu à voir.

      ARNO* @arno ART LIBRE
    • @stephane
      Stéphane Bortzmeyer @stephane CC BY-SA 11/06/2021
      @arno

      @ARNO* Globalement, le port du masque est assez respecté à Paris mais, même s’il n’y a que 1 % de négligents et d’égoïstes, cela fait du monde et les amendes sont en quantité négligeable (jamais vu de contrôle dans les transports en commun). Donc, des méthodes de « soft power » sont toujours utiles.

      Stéphane Bortzmeyer @stephane CC BY-SA
    Écrire un commentaire
  • @olange
    Olivier Lange @olange CC BY-SA 12/05/2021

    « Form design — Best practice, research insights and examples » by Geri Reid
    ▻https://gerireid.com/forms.html

    « Working on a design system for a bank has taught me a lot about forms. I’ve watched testing in our labs. I’ve worked alongside experts from specialist accessibility organisations. I’ve seen forms tested by disabled people and users of assistive technology. I’ve also read a lot of research.

    From all this learning I’ve formed my own forms best-practice guidelines. I thought it would be useful start recording it. Here’s my work in progress. I do UI/UX so I’m coming at this from a designer’s perspective. »

    #ux #forms #css #webComponents #reference

    Olivier Lange @olange CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 18/04/2021

    Système de Design de l’État
    ▻https://systeme-de-design.gouv.fr

    Le « design system » pour les sites officiels gouv.fr
    La doc : ▻https://gouvfr.atlassian.net/wiki/spaces/DB/overview

    Sur la notion de « design system » voir aussi :
    – un petit tour d’horizon : ▻https://www.usabilis.com/design-system

    Un Design System s’apparente à une bibliothèque de composants, visuels et principes au code réutilisable. Ce kit évolutif offre un référentiel UX et UI pour les designers et les développeurs

    – quelques exemples complets :
    . la région Occitanie : ▻https://zeroheight.com/51aa4cb6d/p/29be13-charte-ditoriale
    . une compagnie d’assurance : ▻https://www.design.foyer.lu/index.html
    – une tentative d’annuaire des design system d’entreprises françaises : ▻https://www.designsystems.fr/liste-des-designs-systems-francais

    #design_system #UX #charte_graphique #interface_utilisateur #UI #élément_réutilisable

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 14/02/2021
    3
    @tofulm
    @rastapopoulos
    @monolecte
    3

    Quant-UX - Prototype, Test and Learn - 3.0.60
    ▻https://quant-ux.com/#

    Quant UX is a free research, usability & UI prototyping/wireframing tool to quickly test your design and analyse interactive prototypes. Our visual analysis makes it easy for you to find and quickly fix pain points in your UI design.

    Un outil open-source de maquettage avec possibilités d’interactions utilisateurs et d’analyses de celles-ci

    Le repo Github : ▻https://github.com/KlausSchaefers/quant-ux

    #prototype #maquette #web_dev #outil_web #conception #ergonomie #UX #interface #adobe_XD

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/02/2021

      Beaucoup plus gros que Penpot signalé dernièrement : ►https://seenthis.net/messages/900030
      Mais moins tourné vers le travail d’équipe je crois, par contre ça permet de vraiment faire des tests utilisateurices « pro », avec des conditions, des tests à valider, des stats, des heatmaps, etc.

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 3/02/2021
    8
    @jeanmarie
    @rastapopoulos
    @arno
    @marcimat
    @gblin
    @7h36
    @alexcorp
    @monolecte
    8

    Penpot - Design Freedom for Teams
    ►https://penpot.app

    Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG).

    (= un remplaçant d’Adobe XD open-source)

    Le repo Github : ▻https://github.com/penpot/penpot (comprend aussi un docker pour installation serveur)

    #penpot #adobe_XD #prototype #maquette #web_dev #outil_web

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/02/2021

      #web #conception #ergonomie #UX #interface

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @vlentz
    vlentz @vlentz CC BY-SA 26/01/2021
    3
    @biggrizzly
    @rastapopoulos
    @jeanmarie
    3

    « Les bonnes pratiques Opquast ne sont pas que des bonnes pratiques. Ce sont des règles.

    Vous pouvez les respecter ou pas, mais vous devez les connaître. Chaque mot est discuté. Chaque élément est argumenté. C’est du solide, et sauf erreur de notre part il n’y a pas d’équivalent mondial à cette liste de règles (vérifiables, transversales, utiles, universelles, durables). »

    ▻https://www.opquast.com/la-fin-des-bonnes-pratiques-opquast

    #opquast #UX

    vlentz @vlentz CC BY-SA
    • @tintin
      gwyneth bison @tintin 26/01/2021

      #pratiques

      gwyneth bison @tintin
    Écrire un commentaire
  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 12/12/2020
    9
    @tetue
    @arno
    @grommeleur
    @7h36
    @monolecte
    @rastapopoulos
    @tintin
    @alexcorp
    @cy_altern
    9

    Dans l’excellente série « 24 jours de Web » que tous les webmestres lisent (j’espère), le numéro d’aujourd’hui est consacré à démolir ces ridicules formulaires Web écrits par des control freaks fascistes qui vous reprochent votre adresse de courrier électronique, votre prénom, ou votre département de naissance.

    ▻https://www.24joursdeweb.fr/2020/concevoir-des-formulaires-inclusifs

    #développement_Web #RGPD #djandeur

    https://media.24joursdeweb.fr/2020/11/13-form-erreur-430x68.png

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/12/2020

      #conception #web #formulaire #UX #interface #inclusivité

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | 225

Thèmes liés

  • #ux
  • #design
  • #ux-design
  • #ergonomie
  • #product-management
  • #web
  • industryterm: product
  • #agile
  • #ui
  • #conception
  • #interface
  • #user-experience
  • #accessibilité
  • company: google
  • #blockchain
  • #dapps
  • #formulaire
  • #interface_utilisateur
  • #jeux_vidéo
  • #system
  • #product-development
  • #informatique
  • #forms
  • #spip
  • position: product manager
  • #ui-design
  • #jeu_vidéo
  • #ui
  • #bonnes_pratiques
  • #artificial-intelligence
  • #intégration
  • #web-design
  • #outil_web
  • #user_experience
  • #product-design
  • #user-experience-design
  • technology: artificial intelligence
  • #design_system
  • #html
  • #landing-pages