La semaine en pixels – 11 septembre 2015

La semaine en pixels – 11 septembre 2015

Ce contenu a été rédigé il y a 9 ans. Il se peut qu'il ne soit plus à jour.

Comme chaque semaine,  je vous propose un condensé de mes lectures et ma veille Web Design et graphisme, expérience utilisateurs, design d’interface et mobilité, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).

Au programme cette semaine : beaucoup de lectures et d’articles sur l’utilisation du burger menu, celle du soulignement, le design d’interfaces sous forme de cartes, les checkboxes et les alertes navigateur, le mythe de l’internet  » mobile « , les habitudes des utilisateurs et éviter les animations qui donnent la nausée. Cette semaine ne manquez pas une chouette bande dessinée du côté de l’inspiration et quelques démos CSS très sympathiques.

Pour plus de liens vous pouvez me suivre sur twitter. Bonne lecture :)

tl;dnr, s’il devait n’en rester qu’un ?

#Mobile

« Forget about the mobile internet » Tldnr : l’internet “mobile” n’existe plus, de plus en plus d’utilisateurs utilisent leur mobile comme moyen primaire d’accès, confortablement installés dans leur canapé, on tend vers un internet universel accessible quelque soit l’appareil de l’utilisateur

Forget about the mobile internet

Les articles de la semaine

#Burger menu #Eyetracking

The Most Recognizable Thing on the Planet – An eye-tracking study of the use of the hamburger menu on desktop websites : des tests d’eyetracking effectués sur le “burger menu” du site inbox.

The Most Recognizable Thing on the Planet - An eye-tracking study of the use of the hamburger menu on desktop websites

#Utilisabilité

The underline at the intersection of UX design and usability, souligner ou ne pas souligner les liens, telle est la question

The underline at the intersection of UX design and usability,

 

#Design

J’aime bien le design à la mode “cards”, mais c’est pas toujours facile à mettre en place surtout sur des quantités de contenu difficilement prédictibles.

le design à la mode “cards”

#Usability

Checkboxes Are Never Round, un article sur les contre-affordances et attentes utilisateur

Checkboxes Are Never Round

 

#Navigation

Audience-Based Navigation: 5 Reasons to Avoid It,  5 raisons d’éviter la navigation basée sur le groupe auquel appartient l’utilisateur, et quelques conseils si vous souhaitez tout de même mettre en place ce type de navigation

Audience-Based Navigation: 5 Reasons to Avoid It

#Animation

Designing Safer Web Animation For Motion Sensitivity, quelques conseils pour designer des animations qui ne vont pas donner la nausée à vos utilisateurs

esigning Safer Web Animation For Motion Sensitivity

#Design

Designing for User Habits and Routines, ou comment fidéliser vos utilisateurs en jouant sur les habitues et la routine

Designing for User Habits and Routines

#Design #UX

Never Use The Confirm Dialog évitez les boites de confirmation sous forme d’alerte JS

Never Use The Confirm Dialog

#Mobile

Zoom sur le mobile : Ne pas y perdre ses utilisateurs, slides de ma conférence sur la stratégie et les bonnes pratiques mobiles à l’optiday 2015

optiday-conf

#Inspiration

Inspiration vs Imitation parce que la copie n’est pas toujours une forme de flatterie

#Typography

7 Golden Rules of Combining Fonts for Mobile, 7 règles de typographie pour mobile, mais en fait vous pouvez retirer mobile du titre et les appliquer partout c’est pas mal aussi :)

De l’inspiration et de jolies idées

#Design #BD

Introvert Freelance – une bande dessinée qui relate le quotidien d’un freelance introverti. C’est fun et tout mignon.

Introvert Freelance

L’actualité webdesign

Une proposition a été faite au W3C pour des transitions de page en full CSS.

Les tutoriels de la semaine

#HTML5

Principles Of HTML5 Game Design, un petit tuto qui va vous donner envie de vous mettre au développement de jeux HTML5

Principles Of HTML5 Game Design

Des ressources utiles, outils et plugins pour vous faciliter la vie

#Navigateur

Hum, le navigateur Adblocker Browser est sorti. Ça peut être pas mal, surtout en déplacement à l’étranger où le roaming de data coût un bras pour éviter tous les Mo de publicité téléchargés en plus de l’information que l’on recherche

Adblocker Browser

Pour le fun: jeux et démos sympas et impressionnantes

#CSS

Une démo fun d’un perroquet qui change de sens et de couleur au survol

parrot CSS demo

#CSS #JS

La démo sympa de la semaine : Delivery Card

Delivery Cards demo