Midnight is a Terrible Time for Coffee
It’s easy to assume that folks won’t use the defaults, but some will (intentionally or accidentally.) By improving these defaults, you improve the default experience of your product.
Contents tagged “UX”
There are 56 contents with this tag:
-
-
It's pretty annoying to see the same toot repeatedly on #Mastodon because everyone is boosting it, even if it's legitimately awesome.
Currently, a boost of a toot is only posted if at least 40 other toots have been posted since the previous boost of the same toot.
There is a GitHub issue asking to allow the user to change this number, or set a duration instead:
https://github.com/mastodon/mastodon/issues/18693Please vote!
-
Navigation doesn’t have to be hidden behind a "Menu"-button. If it matters, we need to show it, and do so prominently. Some items are more important or more frequently used, so they might deserve a little bit more spotlight in your navigation.
In addition to prominent navigation options @vitalyf shows in his thread, I really like the horizontal overflow scrolling navigation, enhanced with @LeaVerou's scrolling shadows.
-
Do we really need to repeat that using an icons font is a bad idea?
This is #Mastodon UI right now:
Fonts are not loaded because of an error (from a Service Worker?):
Very welcoming for new Mastodon users… 😔
-
A Designer’s Guide to Documenting Accessibility & User Interactions
A lot of sites were not designed and developed with accessibility needs in mind. As designers, a lot of us think that “accessibility is the job of the developer team”. Accessibility becomes an afterthought for a lot of projects. Companies launch inaccessible tools, sites, services.
-
Jenni Nadler
When life gives you lemons, write better error messages
Wix reviewed and fixed 7,643 error messages that were “generic” or “not helpful”, and Jenni explains how to provide better assistance to users:
-
There's a nice little easter egg on @letterboxd's page for the awesome Everything Everywhere All at Once movie.
But you can only see it when you've seen the movie! 😅
-
How to sort the list of languages?
When asked about how to sort languages for the W3C site redesign, Richard made a great detailed answer, with a nice focus on user needs:
-
You can now filter the tags by usage frequency! 🏷🏷🏷
Can you guess which are my favorite topics? 😅
-
The Current State of Homepage UX – 8 Common Pitfalls
while the homepage may not be the predominant entrance path it once was […], it still serves a central role as an anchor for the site’s category taxonomy, and an escape route — a place to refer back to throughout the shopping session.
-
How to avoid layout shifts caused by web fonts
One common cause of layout shift is surprisingly difficult to resolve though: flashes of unstyled text (FOUT).
-
I just added buttons to quickly access previous and next content on large viewports.
Now I wonder how to make them accessible, and how to show them on narrow viewports.
-
10 Usability Heuristics for User Interface Design
Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.
-
When the skeleton screen doesn’t match the outcome, we’ve created confusion and frustration that will overcome any benefit you might have gotten from trying to handle that delay in a better way.
-
Enhancing archives navigation, step 2
In my previous article Enhancing archives navigation, step 1, I promised further archives navigation enhancements. Here they are!
-
Enhancing archives navigation, step 1
I decided years ago to remove paged navigation (aka "pagination"), because I find it not user friendly at all, and a nightmare for SEO with new content pushing one tenth of contents to another page (for a 10 items per page pagination). Now, I improved the UX even further.
-
Enhancing User Experience With CSS Animations
Another amazing resource from Stéphanie, a detailed transcript of a talk she gave for Shift Remote.
-
4 Design Patterns That Violate “Back” Button Expectations – 59% of Sites Get It Wrong
The consequences of breaking the user’s expectations of how the browser “Back” button should behave can be dire. During our usability tests, it has been the direct cause of abandonment, with users leaving test sites with much swearing and cursing (even from the calmer test users).
-
If
iTunesMusic plays in the background, there is a media control key in the Touch Bar.
This key shows the media controls.
When Music is in focus, there is another Touch Bar.
The control keys and the progress bar are inverted! 🤦♂️
-
I wish #GitHub had a different UX for repository deletion if this is a fork.
Especially if there is nothing useful (no open PR for example) on the repository to delete. "Unexpected bad things" will NOT happen in such case!
(sorry @etportis 😉 )
-
We have to stop confusing the excesses of capitalism with the hallmarks of quality. Sometimes Google aren’t better, they’re just more pervasive.
-
The Ultimate Guide to Not Fucking Up Push Notifications
Awesome article about everything you have to take into consideration when planning to use Push notifications.
-
We’re bombarded by more information than ever before. With the rise of all this information comes a rise of the amount of bullshit we’re exposed to. Death to Bullshit is a rallying cry to rid the world of bullshit and demand experiences that respect people and their time.
-
Creating distraction-free reading experiences
Distractions have always been a natural constituent of our lives. But with the rise of mobile technology, a circus of notifications, and all the noise going on around us, it’s become harder and harder to focus on a task at hand.
-
Making password managers play ball with your login form
Password managers are essential to secure internet usage, so making our login fields work with them is extremely important. This will mostly happen automatically if you follow best practices. The autocomplete attribute can make it easier for password managers to recognise your fields. Using hidden attributes can make password managers fail altogether. This can be hacked around, but I do not recommend doing so, unless absolutely necessary.
-
Soignez votre lisibilité avec des textes de largeur maîtrisée
Afin d'assurer une présentation optimale du texte pour la lisibilité, il est nécessaire de définir un nombre optimal de caractères par ligne quelle que soit la taille du texte.
-
Laisser les champs mot de passe en clair
J'avais découvert chez Luke Wroblewski[1] que la galère historique des mots de passe masqués dans les champs de formulaires Web n'est pas une fatalité, et je découvre aujourd'hui qu'il n'était pas le premier à y penser ni le mettre en œuvre. Voilà quelques ressources sur le sujet fournies par quelques-uns qui ont répondu à mon appel à références sur Twitter.
-
Le Firefox de mon MacBook Pro HD est configuré avec une taille de texte par défaut de 18px. Sur mon Mac mini branché à la TV de mon salon, c’est 24px. Si votre site m’impose une taille de texte illisible de 11px ou son design est complètement cassé bien que respectant ma préférence de taille de texte, ne comptez pas sur moi pour y rester…
-
Performance Web, ma conférence à Web UX
Pour ceux qui n'étaient pas présents à Web UX en mai 2011, et avec pas mal de retard[1], voici mes slides, ainsi que la vidéo captée par l'équipe organisatrice.
-
Retrouvons nous à Web UX et Sud Web les 26 et 27 mai
Vous le savez sans doute si vous me lisez régulièrement, sur ce blog ou via mes tweets, je suis dingue de Web, et toujours intéressé par ses moyens de mise en œuvre, usages et acteurs, et donc très intéressé par tout événement permettant de mixer tout cela. Cette année, en plus de l'incontournable rendez-vous annuel Paris Web en octobre, vous pourrez me croiser fin mai à Nîmes pour Web UX et Sud Web.
-
La navigation ne se fige plus en haut de l'écran lors du scroll
Vous l'avez peut-être constaté par vous-même, le menu de navigation de ce site[1] ne se fige plus en haut de l'écran quand vous descendez dans la page. Ce fonctionnement que j'avais trouvé très sexy s'avère poser plusieurs problèmes, donc j'ai préféré le supprimer.
-
Quand Mozilla pose une question à son utilisateur, ce n'est pas pour qu'il fasse un choix…
Je me suis enfin décidé à faire un peu de ménage dans mes collections d'extensions Firefox, et quand j'ai voulu supprimer les collections résiduelles, j'ai été surpris par la façon dont Mozilla demande confirmation, qui ne me paraît pas très ergonomique.
-
Des facettes de recherches inexploitables sur 01net.com
La recherche par facettes est très tendance en ce moment, et à raison, puisqu’elle aide vraiment les utilisateurs à préciser leurs recherches en ayant moins à tâtonner. Encore faut-il que les facettes proposées soient exploitables…
-
Donner des noms explicites aux fichiers en téléchargement
De nombreux sites proposent de télécharger des fichiers. Qu’il s’agisse de documents bureautiques, de programmes ou de tout autre format, le nom du fichier sur le serveur sera presque tout le temps conservé tel quel par l’utilisateur sur son ordinateur. L’utilisateur sera peut-être amené à conserver ce fichier parmi d’autres, pour utilisation ultérieure. Il est donc important que son nom soit explicite.
-
Des noms de fichiers à télécharger dénués de sens sur software.canon-europe.com
Je défie quiconque normalement constitué de s’y retrouver après avoir téléchargé plusieurs fichiers sur le site de support logiciel de Canon Europe.
-
Un tri incompréhensible des fuseaux horaires sur txtst.com
La géolocalisation est un service de plus en plus tendance, notamment au sein des applications Web sociales. La solution Fire Eagle de Yahoo! permet par exemple de centraliser la localisation d’une personne, et de rendre cette information disponible à toutes sortes de services. Mike Bukhin a ainsi créé Fire Eagle Badge qui permet par exemple à un blogueur d’afficher une petite carte Yahoo! Maps sur son blog pour montrer en temps réel où il se trouve.
-
Utiliser un tri significatif dans les listes
On nous propose parfois dans des formulaires de faire un choix dans une liste pour sélectionner une option. Selon la nature de l’information listée, le mode de tri devra être adapté.
-
Des formulaires qui n’en ont pas l’air sur moof.com
Moof est une n-ième application Web d’écoute de musique, mais je ne m’étendrais pas sur les fonctionnalités, là n’est pas le sujet. Une originalité de Moof, c’est qu’ils proposent directement sur la page d’accueil le formulaire de création de compte, alors que c’est en général déporté sur une page dédiée.
-
L’innovation, ça a du bon, ça fait avancer. Mais à trop innover, on perd les utilisateurs en chemin, parce qu’on leur impose de nouvelles choses qui ne sont pas identiques aux habitudes qu’ils ont prises. Comme le disait Voltaire[1], « le mieux est l’ennemi du bien ».
-
Citation d'Antoine de Saint-Exupéry
La perfection, ce n’est pas quand il n’y a plus rien à ajouter mais plus rien à supprimer.
-
Le design de Gastero Prod est-il à jeter à la poubelle ?
Alarmé par certains commentaires faits sur Twitter par des personnes dont l'avis m'intéresse particulièrement[1], je me rends compte que ce que je considère comme un design original et plutôt réussi est peut-être en fait une horreur pour tous les visiteurs. Qu'en dites-vous ?
-
Un menu de navigation toujours visible
Depuis quelques jours, le menu de navigation principal de Gastero Prod reste visible en permanence[1] même si vous descendez dans la page. Cela peut vous sembler un caprice de g33k qui tente des trucs un peu sexy, mais à l'usage, je suis extrêmement content de ce rapide ajout ergonomique !
-
Citation de Robert Hoekman, jr.
The application itself is not a goal at all, it's an obstacle between the user and their goal.
-
En ergonomie, le choix des bons symboles est primordial
Si vous devez opter pour des métaphores visuelles pour représenter des données ou des actions réalisables, faites bien attention à ne pas laisser d'ambiguïté possible, qui pourrait conduire à une mauvaise interprétation ou utilisation, et donc une perte de confiance de l'utilisateur.
-
Les carrousels en 3D sont à la mode
J'ai vu apparaître ces derniers jours des carrousels en 3D sur les pages des sites de vente en ligne Amazon et Alapage, drôle de coïncidence !
-
Certain(e)s d'entre vous préfèrent lire les commentaires sur les articles par ordre chronologique, comme c'est obligatoirement le cas avec certains outils de gestion de contenus Web, et d'autres, habitués aux forums, préfèrent suivre les enchainements de discussions[1].
-
Ergonomie à revoir : Clio Renault Sport
Bon, là je sais, on va me dire que je suis trop perfectionniste, que ça frise le harcèlement, mais que voulez-vous, il y a des choses qu'il serait tellement simple de faire comme il faut, et qui sont pourtant baclées…
-
Ergonomie à revoir : Inscription pour Apple Expo 2007
Décidément j'ai du mal avec les formulaires d'inscription, avec cette fois-ci celui pour obtenir un badge pour la prochaine Apple Expo à Paris.
-
La société SOA Software, comme son nom l'indique, est un éditeur de logiciel appartenant à la grande tendance SOA[1] actuelle. Mais peut importe, les défauts d'ergonomie que l'on peut relever sur leur site ne sont pas liés à leur activité.
-
Je suis tombé dernièrement sur un four imaginé par Rowenta qui m'a un peu surpris. Je dis bien «imaginé», parce que je n'ai jamais rien vu de semblable.
-
Ergonomie à revoir : CashStore.fr
A priori, avant même de penser à ses contenus et à leur présentation, il n'est pas franchement difficile de suivre quelques règles simples d'ergonomie pour assurer à l'internaute une navigation aisée et donc une satisfaction minimale. C'est pourtant trop souvent qu'un site propose une ergonomie bâclée, gênante, voire même parfois bloquante…
-
Est-il utile de mettre à disposition des archives par date de publication ?
Sur Gastero Prod, les archives des contenus publiés depuis le premier article du 21 janvier 2001 sont bien entendu accessibles via le moteur de recherche accessible sur toutes les pages, mais aussi depuis une page chronologique dont je me demande bien si elle a un quelconque intérêt.
-
Un problème d'ergonomie chez les petits Swiss
Le site de la compagnie aérienne suisse Swiss International Airlines présente un défaut d'ergonomie bien incompréhensible au niveau de la sélection des langues de navigation. Surtout s'agissant du site d'une compagnie d'un pays multilingue.
Stéphanie Walter
Richard Ishida
Baymard Institute
Simon Hearne
Jakob Nielsen
Tim Kadlec
Christian Holst
Heydon Pickering
Brad Frost
Adrian Zumbrunnen
Hidde de Vries
See all tags.