Contents tagged “UX”

There are 42 contents with this tag:

screenshot of Effective Skeleton Screens

Tim Kadlec avatar Tim Kadlec wrote

Effective Skeleton Screens

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

If iTunesMusic plays in the background, there is a media control key in the Touch Bar.

Screenshot of the Touch Bar with media control key highlighted

This key shows the media controls.

Screenshot of the Touch Bar with media controls highlighted

When Music is in focus, there is another Touch Bar.

Screenshot of the Touch Bar with Music app controls highlighted

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!

The UI for repository deletion on GitHub

(sorry @etportis ;-) )

screenshot of Listen To Me And Not Google

Heydon Pickering avatar Heydon Pickering wrote

Listen To Me And Not Google

We have to stop confusing the excesses of capitalism with the hallmarks of quality. Sometimes Google aren’t better, they’re just more pervasive.

screenshot of Death to bullshit

Brad Frost avatar Brad Frost wrote

Death to bullshit

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.

screenshot of Creating distraction-free reading experiences

Adrian Zumbrunnen avatar Adrian Zumbrunnen wrote

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.

screenshot of Making password managers play ball with your login form

Hidde de Vries avatar Hidde de Vries wrote

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.

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.

Lâchez prise !

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…

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.

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.

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.

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.

Respecter les usages courants

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

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 !

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.

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 : SOA.com

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

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…

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.

See all tags.