La semaine en pixels – 6 janvier 2017

La semaine en pixels – 6 janvier 2017

Comme chaque semaine,  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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.

Au programme : biais de confirmation, case studies UX, expérience utilisateur mobile, performance web, AB testing, design, bilinguisme, mode d’interface réduite, surcharge cognitive, test utilisateurs, internationalisation, design de formulaires. De jolies démos de miroir en CSS et des tutoriels pour les propriétés CSS currentColor et :indeterminate, de l’opacité et des illustrations créées a partir de cercles.

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

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

#AI #Design

Algorithm-Driven Design: How Artificial Intelligence Is Changing Design, une lecture longue mais passionnante sur le design assisté par des intelligences artificielles

Les articles de la semaine

#UX #Psychologie

3 Tips for Overcoming Confirmation Bias, 3 conseils pour éviter les biais de confirmation

#UX #Mobile

How to create the best search UX on mobile, améliorer la recherche dans les applications mobile natives

 

#Performance

10 things I learned making the fastest site in the world, un petit retour sur de la performance web

#Mobile

How To Communicate Hidden Gestures in Mobile App, des astuces pour faire comprendre le design des gestes de votre interface mobile

#A/B Testing

Hehe Why most A/B tests give you bullshit results vs The Mobile Design Elements That You Have to A/B Test

#Design

Web design isn’t becoming more boring, and isn’t losing its soul – le design des sites n’est pas devenu plus chiant, ils ont juste évolué, critiquer un site fonctionnel parce qu’il n’est pas fun est un peu comme critiquer un panneau routier pour son manque d’originalité

#Brain

Why being bilingual helps keep your brain fit, un super article sur le multilinguisme et le fonctionnement du cerveau

#UX

Why Zen Mode Isn’t the Answer to Everything pourquoi le zen mode (interface minimaliste) n’est pas toujours une bonne idée

#UX

Reducing Cognitive Overload For A Better User Experience, réduire la surcharge cognitive pour améliorer l’expérience

#UX

Why you should host user testing viewing parties, résoudre les disputes internes sur les produits ou simplement promouvoir la culture UX, pourquoi vous devriez faire des “User testing parties”

#Work

Why I only work remotely. C’est intéressant mais je me demande si c’est possible dans des équipes de créa ou on veut souvent que tu sois sur place pour t’avoir sous la main dans les phases d’idéation

#Design #i18n

Design for internationalization, des conseils pratiques pour designer des systèmes qui seront traduits en plusieurs langues

#Gender

Expérimentation intéressante sur le genre neutre dans la communauté ‘Ladies’ Is Gender Neutral

#form

Form Design for Complex Applications, designer des formulaires pour des applications complexes

#UX #Case Study

Writing more effective case studies, plusieurs conseils pour vous aider à écrire des explications de projet pour votre portfolio

#Performance #Publicités

Les manques à gagner de la publicité pour les éditeurs

De l’inspiration et de jolies idées

#CSS #HTML

Effet miroir sur Codrops

Les tutoriels de la semaine

#Animations #JS

Fun with Staggered Transitions, une petite démo sympa

#Prototype

How To Use Stop Motion Animation to Make Low-fi Prototypes for Mobile Design, utiliser du stop motion pour faire des proto basse fidélité

#CSS

Using the currentColor CSS keyword, utiliser le mot clé currentColor en CSS

#Color

When two colours can be one, utiliser la transparence pour créer un plusieurs thèmes facilement

#CSS

Sloped edges with consistent angle in CSS, des techniques CSS pour créer des bords penchés

#Illustration

Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge, designer des animaux a partir de différents cercles

#CSS

:indeterminate, une pseudo-classe que vous pouvez utiliser pour styler l’état non déterminé des checkbox, boutons radio, etc.

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

#Icons

Free Icon Design Guide, un book sympa sur le design d’icônes

#Buttons

bttn.surge.sh une petite collection de boutons en CSS

#UX

Free UX Process and Documentation Kit, un kit UX avec différents livrables à adapter pour vos projets

#UX

uxpressia.com, un outil en ligne pour vous aider à générer des UX maps

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

#CSS

Sooooo cute: CSS Snow Fox

#CSS #JS

A Look Back at 2016: Round-up of Codrops Resources, les démos cools de 2016 sur Codrops

Besoin d'un design de site, d'interface ou d'application mobile ? De conseils en ergonomie ou en expérience utilisateur ? Envie de travailler ensemble ? N'hésitez pas à consulter mes réalisations et à me contacter directement.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *