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

 
  • #u
RSS: #ux

#ux

  • #uxo
  • #ux-
  • #ux/ui
  • #uxplay
  • #uxplication
  • #uxdesigner
  • #ux_
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | 225
  • @omgubuntu
    OMG ! Ubuntu ! @omgubuntu via RSS CC BY 19/06/2025

    #UxPlay Control Extension Makes #airplay Sharing Easier to Use
    ▻https://www.omgubuntu.co.uk/2025/06/uxplay-control-gnome-shell-extension

    If you want an easier way to control UxPlay on Ubuntu (or any other Linux distribution using GNOME Shell), there’s a new extension to help. The UxPlay Control GNOME Shell extension does exactly what it says it says: it gives you control over over UxPlay. It does this by adding a small applet to the top panel. From there, you can easily start and stop AirPlay server sessions as/when you need. You can also access a GUI Preferences panel from which to dial in your preferred behaviour. But if you’re looking at be a bit weird, thinking “what’s UxPlay?”, I’ll […] You’re reading UxPlay Control Extension Makes AirPlay Sharing Easier to Use, a blog post from OMG! Ubuntu. Do not reproduce elsewhere without (...)

    #News #Apple #GNOME_Extensions #utilities

    OMG ! Ubuntu ! @omgubuntu via RSS CC BY
    Écrire un commentaire
  • @aurelieng
    aurelieng @aurelieng via RSS CC BY 21/03/2025

    ►https://www.researchgate.net/publication/388629030_Einfluss_von_Usability_auf_das_Arbeitsengagement_und_die_emo
    ►https://www.researchgate.net/publication/388629030_Einfluss_von_Usability_auf_das_Arbeitsengagement_und_die_emo

    — Permalink

    #work #engagement #usability #exhaustion #emotions #burnout #software #design #UI #UX

    aurelieng @aurelieng via RSS CC BY
    Écrire un commentaire
  • @aurelieng
    aurelieng @aurelieng via RSS CC BY 23/02/2025

    ‘The tyranny of apps’: those without #smartphones are unfairly penalised, say campaigners
    ▻https://www.theguardian.com/money/2025/feb/22/the-tyranny-of-apps-those-without-smartphones-are-unfairly-penalised-sa

    — Permalink

    #app #UX #inequality #web

    aurelieng @aurelieng via RSS CC BY
    Écrire un commentaire
  • @fil
    Fil @fil 23/04/2024
    7
    @monolecte
    @b_b
    @simplicissimus
    @7h36
    @rastapopoulos
    @reka
    @alexcorp
    7

    Map UI Patterns
    ▻https://www.mapuipatterns.com

    #cartographie #web

    Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/04/2024

      #ergonomie #UX #bonnes_pratiques

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 8/04/2024
    2
    @monolecte
    @biggrizzly
    2
    @b_b

    Designing better target sizes
    ▻https://ishadeed.com/article/target-size

    via @b_b

    #intégration #web #ergonomie #clic #UX #accessibilité #CSS

    RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @omgubuntu
    OMG ! Ubuntu ! @omgubuntu via RSS CC BY 4/03/2024

    #How_To Mirror Your #iphone’s screen on Ubuntu Desktop
    ▻https://www.omgubuntu.co.uk/2024/03/how-to-mirror-your-iphone-ipad-to-ubuntu

    Want to mirror your iPhone screen on your Ubuntu desktop? There’s a free, open-source app you can install from the Ubuntu repos to do exactly that. If you’re looking to mirror your iPhone or iPad to Ubuntu #UxPlay is the easy way to do it — and it’s free, open-source software The app is called UxPlay and once it’s installed you can quickly share your iPhone or iPad screen to Ubuntu (with audio) — and you don’t need to install an app on your #Apple device to use it. Whatever shows on your Apple device screen is streamed to your […] You’re reading How to Mirror Your iPhone’s screen on Ubuntu Desktop, a blog post from OMG! Ubuntu. Do not reproduce elsewhere without (...)

    #Mirroring

    OMG ! Ubuntu ! @omgubuntu via RSS CC BY
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 25/10/2023
    3
    @marcimat
    @arno
    @jeanmarie
    3

    #Transition #animations: a practical guide | by Dongkyu Lee | Oct, 2023 | #UX Collective
    ▻https://uxdesign.cc/transition-animations-a-practical-guide-5dba4d42f659

    https://miro.medium.com/v2/resize:fit:1100/1*4e0H-Ej4oixTlBtJaZqUBw.gif https://miro.medium.com/v2/resize:fit:640/1*SzelHcIP8R-w3eku3P04Bg.gif

    6 principles for better transition animations

    – Fade in and out with opacity
    – Scale to add liveliness
    – Maintain consistent directionality
    – Balance speed
    – Prioritize, order, and group
    – Establish spatiality

    According to some articles, a speed from 100ms to 500ms is ideal and suitable for most cases.

    #css

    b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @lyco
    Lyco @lyco 1/08/2023
    1
    @colporteur
    1

    Ukraine is now the most mined country. It will take decades to make safe.
    ▻https://www.washingtonpost.com/world/2023/07/22/ukraine-is-now-most-mined-country-it-will-take-decades-make-safe

    About 30 percent of #Ukraine, more than 67,000 square miles [175 000 km2 ~ la Floride, dont 30% de sol agricole], has been exposed to severe conflict and will require time-consuming, expensive and dangerous clearance operations, according to a recent report by GLOBSEC, a think tank based in Slovakia.

    [...] Ukraine’s contaminated territory is so massive that some experts estimate humanitarian clearance would take the approximately 500 demining teams in current operation 757 years to complete.

    [...] Demining is not just slow, it’s also expensive. The World Bank estimates that demining Ukraine, which costs between $2 and $8 per square meter, will cost $37.4 billion over the next 10 years.

    #mines #uxo

    Lyco @lyco
    • @lyco
      Lyco @lyco 2/08/2023

      In Ukraine, Amputations Already Evoke Scale of World War I
      ▻https://www.wsj.com/articles/in-ukraine-a-surge-in-amputations-reveals-the-human-cost-of-russias-war-d0bca32

      Tens of thousands estimated to have lost limbs since the start of the war, a toll not seen in recent armed conflicts in the West

      Lyco @lyco
    Écrire un commentaire
  • @simplicissimus
    Simplicissimus @simplicissimus 23/02/2023
    4
    @monolecte
    @arno
    @7h36
    @sandburg
    4

    https://pbs.twimg.com/media/FppFmDaXwAACxJU?format=jpg&name=large#.jpg

    relevé par Baptiste Coulmont @coulmont sur l’oiseau bleu…
    ▻https://twitter.com/coulmont/status/1628690741185634306

    Simplicissimus @simplicissimus
    • @olaf
      Olaf @olaf 23/02/2023

      #it_has_begun :-)

      Olaf @olaf
    • @whilelm
      WhilelM @whilelm CC BY 23/02/2023

      Va falloir avoir le bac pour prendre le métro

      WhilelM @whilelm CC BY
    • @sandburg
      Sandburg @sandburg CC BY-SA 23/02/2023

      C’est quoi le bug ? Ce document commence en français et n’est que sous titré en anglais, et même pas partout (les mois).
      L’anglais, c’est en CM1 minimum.
      EDIT : ok, j’ai compris, plus besoin de commenter

      Sandburg @sandburg CC BY-SA
    • @simplicissimus
      Simplicissimus @simplicissimus 23/02/2023

      Du 6/03 au 26/06, tu vas à Roissy tous les lundis à 23h.

      Quand peux-tu y aller au départ de Châtelet-Les Halles ? au départ de la Gare du Nord ? et donc, quand dois-tu prendre une solution alternative et laquelle ?

      Simplicissimus @simplicissimus
    • @sandburg
      Sandburg @sandburg CC BY-SA 23/02/2023

      Ah l’ UX, vaste sujet.

      A Bruxelles, ils ont cet affichage pour les métros à l’approche. Vas-y comprendre sans explications. Je vous laisse deviner.
      Vous êtres sur un quai de « Louise » .

      https://i.ibb.co/LNVZtTK/Bruxelles-metro-wtf.jpg

      Sandburg @sandburg CC BY-SA
    • @simplicissimus
      Simplicissimus @simplicissimus 23/02/2023

      le prochain, à l’approche, toutes les stations jusqu’à Elisabeth
      le suivant, dans 3 minutes, idem

      (par contre, on se fiche pas mal d’où il vient - normalement…)

      de ce point de vue, je trouve l’affichage dans le RER A à Paris plutôt bien fait

      Simplicissimus @simplicissimus
    • @sandburg
      Sandburg @sandburg CC BY-SA 23/02/2023

      Oui, c’est ca.

      Donc le panneau du haut est inutile et confondant.
      Savoir où se trouve les rames ne sert à rien (on n’est pas le gestionnaire, on est l’usager).
      (moi, c’est pas le cas, mais) Normalement, si on vient de Paris, on ne doit pas comprendre les loupiottes et on peut croire qu’ils s’agit des stations desservies. (surtout si on est un dimanche matin à 7h, on pourrait imaginer être en service minimum)
      Ajouter à cela qu’il ont 2 lignes aux noms différents dont 60% est commun. En plus numérotées 2 et 6.
      Ca se voit pas là , mais elles forment une boucle sur elle-même.
      Et le temps d’attente n’a pas d’unité. Dont est ce le chiffre a gauche ou à droite ? Surtout dans ce cas de destination identique, on pourrait tellement naturellement lire dest. Elisabeth dans 2, 6 et peut être 3 minutes.

      Tu as trouvé du 1er coup, mais je suis certain que tu es un cas rare (j’ai fait le test avec des collègues, ils ont tous eu des interprétations différentes.)

      Pour moi : bad #UX #badUX

      Sandburg @sandburg CC BY-SA
    • @sandburg
      Sandburg @sandburg CC BY-SA 24/02/2023

      Il y avait celui là aussi.
      Combien devrais-je payer si je reste 5h23 ?

      https://i.ibb.co/vv4GHGh/Bad-UX-Prix-Parking.jpg

      Sandburg @sandburg CC BY-SA
    • @simplicissimus
      Simplicissimus @simplicissimus 24/02/2023

      et, ce n’est pas une blague…
      la source (novembre 2022) mentionne qu’il s’agit du tarif de stationnement dans un grand CHU
      ▻https://twitter.com/MahmoudZureik/status/1594337585744289793
      et dans les commentaires, on trouve un autre exemple du même tonneau pour un parking de Toulon Métropole

      visualisations graphiques :
      • prix du 1/4 d’heure
      • prix fonction de la durée

      https://pixelfed.zoo-logique.org/storage/m/_v2/493806419159965724/0fca8ea69-e1c06b/49HS41MY8t5u/s31iILxL8MTfoXViBK4nUiKRasdEgYbDbB4wHZLm.jpg

      c’est visiblement un mode de tarification utilisé par le gestionnaire du parking ; je vois les prix 2021 du parking à Nevers dont l’opérateur est le même

      https://pixelfed.zoo-logique.org/storage/m/_v2/493806419159965724/0fca8ea69-e1c06b/RCimaf4OUDbk/Vf2t6hZ6xcJRrCCjh1FqhbmlsEUfNaDjWtVY1ZXA.jpg

      source : ▻https://www.nevers.fr/sites/default/files/Fichiers/Votre%20mairie/Finances%20-%20DSP%20-%20comptes/DSP%202021/Tarification%20parkings%20Indigo%202021.pdf

      je n’ai pas refait les graphiques, mais on a la même mécanique avec un coût du quart d’heure supplémentaire qui se balade : 40, 30, 50, 40, 60, etc. (en centimes) avec un pic aux heures rondes

      on le voit, le tarif de Nevers est directement compréhensible – mais compliqué – ce n’est donc pas qu’une question d’UX, mais plutôt de conception du tarif

      j’imagine qu’il y a dans l’équipe de l’opérateur un spécialiste du yield management, tout fier de son optimisation. Pour cela, ce serait intéressant de voir la distribution des temps de séjour des véhicules et d’y repérer, éventuellement, les effets de seuil aux heures rondes

      Simplicissimus @simplicissimus
    • @sandburg
      Sandburg @sandburg CC BY-SA 25/02/2023

      C’est un peu une question d’UX quand même. Même si je suis d’accord, vu la platitude des tarifs, ils auraient pu commencer par simplifier (tout ca pour ca ??? dirait-on), au risque de devoir convaincre 1 ou 2 comptables.
      Mais tu vois, les plans de métro schématiques inventés par Harry Beck qui ont révolutionné les plans de métro dans le monde entier. On pourrait dire, comme tu dis, que ce sont les data qui sont compliquées et qu’on ne peut rien y faire. Mais en fait non, on peut représenter les spaghetti, il faut deja s’en convaincre et trouver des astuces (linéarisation des courbes, déformation de l’espace, tassement des distances, couleurs, notations...).
      Pareil la, je ne suis pas inventeur de concepts de représentation, mais un simple tableau avec heure en Y, quarts d’heure en X, ça pourrait le faire, non ? Ou plus fun, une pendule en colimaçon, ou un tableau en drapeau. C’est là qu’il ne faut pas jeter l’éponge. Et en ayant une bonne représentation, tu te retrouverais avec des emails de gens qui comprendrait enfin la stupidité de tes tarifs... ah ah
      #carto

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 6/02/2023
    8
    @jeanmarie
    @biggrizzly
    @sandburg
    @gblin
    @rastapopoulos
    @hassan_nya
    @ericw
    @cy_altern
    8

    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
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 7/02/2023

      #saferules #design_system #webdesign

      cy_altern @cy_altern 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
    15
    @mad_meg
    @jeanmarie
    @biggrizzly
    @monolecte
    @reka
    @7h36
    @simplicissimus
    @rastapopoulos
    @sombre
    @fsoulabaille
    @grommeleur
    @vazi
    @fitzlombard
    @02myseenthis01
    @sandburg
    15

    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
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | 225

Thèmes liés

  • #ux
  • #design
  • #ergonomie
  • #web
  • #ux-design
  • #product-management
  • #agile
  • #conception
  • industryterm: product
  • #ui
  • #interface
  • #accessibilité
  • #user-experience
  • #bonnes_pratiques
  • #ui
  • #interface_utilisateur
  • #blockchain
  • #formulaire
  • #dapps
  • #intégration
  • #design_system
  • #artificial-intelligence
  • #jeux_vidéo
  • #system
  • company: google
  • #jeu_vidéo
  • #informatique
  • #how_to
  • #spip
  • #usability
  • #a11y
  • #leadership
  • #gui
  • #landing-pages
  • #ihm
  • #facebook
  • #tooling
  • #non_classé
  • #cybersecurity
  • #marketing