La semaine en pixels – 28 avril 2019

Chaque semaine, je publie un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.

Au programme : UX vs UI, comprendre les webviews, React 95, sympathie vs empathie, construire des ordinateurs avec des systèmes de billes, pourquoi ne pas « juste » utiliser Material Design, quel type de créatif êtes-vous, blocage des pop-up de demande d’accès aux notifications, astuces CSS pour des arrières plans multilignes, HTML pour débutants, les soucis de nos outils de conception et quelques belles illustrations et animations optimistes.

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

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

#Fun #Illustration

UI vs UX, une illustration xkcd qui m’a fait bien marrer

Les articles de la semaine

#UX

Sympathy vs. Empathy in UX. La majorité des professionnels dans le domaine de l’expérience utilisateur pratiquent la sympathie au lieu de l’empathie. Quelques conseils à la fin de l’article vous aideront à développer plus d’empathie à l’égard de vos utilisatrices

#Webview

Understanding WebViews. Une WebView est un navigateur intégré qu’une application native peut utiliser pour afficher du contenu Web. On les utilise sans même s’en rendre compte. La plupart des applications natives ouvrent maintenant les liens web à l’intérieur d’une WebView pour que les utilisatrices ne quittent pas leur application mais il y a d’autres cas d’usage

#Design #Outils

What design tools get wrong, une liste intéressante de ce qui pourrait être amélioré dans les outils de conception. Je suis contente de ne pas être la seule à ne pas utiliser des grilles, j’aligne avec les marges comme je le ferais dans un navigateur.

#UI Frameworks #Material Design

« Why Don’t We Just Use Material Design? » Pourquoi on ne peut pas « juste » utiliser un framework comme Material Design? Ce type de frameworks présente des solutions, mais on ne sait pas vraiment à quoi répondent ces solutions, quelle était la question de base. Soit nous déformons notre problématique pour l’intégrer dans la solution de design de Material, soit nous cherchons des problèmes qui n’existent pas, afin d’expliquer nous aussi les solutions d’interface que propose le framework. Dans les deux cas, nous sommes perdantes.

De l’inspiration, du fun et de jolies idées

#Ordinateur

turingtumble.com, une façon amusante de découvrir comment fonctionnent les ordinateurs en construisant des ordinateurs mécaniques alimentés par des billes pour résoudre des énigmes logiques.

#Créativité

My creative type is Thinker, un test un peu fun pour déterminer quel type de créatif vous êtes.

#Illustrations #Animations

The A-Z guide to optimism, un très joli projet

L’actualité webdesign

#Poursuite en justice

Accenture sued over website redesign so bad it Hertz: Car hire biz demands $32m+ for ‘defective’ cyber-revamp – Accenture est en procès avec Hertz qui demande 32 millions pour un site refait non fonctionnel. Le fait qu’ils n’ai pas proposé de responsive parce qu’apparemment  » Accenture a décidé que seules les versions de bureau et mobiles étaient nécessaires, selon Hertz.  » est plutôt inquiétant.

Tutoriels

#CSS #Accessibilité

Inclusively Hidden, différentes façons de masquer le contenu CSS en fonction de ce que vous voulez réaliser (masquer visuellement seulement, également masquer pour les lecteurs d’écran, etc.)

#CSS #Dégradé

How to create a multi-line text background effect, comment créer un effet de fond de texte sur plusieurs lignes, une astuce avec un dégradé

#HTML

Introduction to HTML;  un bon tutoriel pour apprendre le HTML

Des ressources outils et plugins pour vous faciliter la vie

#UX #Methodes

Il y a beaucoup d’outils et de méthodes UX, il n’est pas toujours facile de trouver la bonne. Voici un article que j’ai écrit avec quelques ressources pour vous aider à trouver la bonne méthode pour votre projet : Solving design problems: Finding UX tools, methods & activities

#React

Il vous faut ça dans votre vie, des composants React qui ont le design de Windows 95: Refreshed Windows95 UI components for your modern React apps <3

#Notifications

Blocking Web Sites from Prompting for Notifications blocage des pop-up de demande d’accès aux notifications (sur chrome et firefox)