La semaine en pixels – 13 février 2015

La semaine en pixels – 13 février 2015

Ce contenu a été rédigé il y a 10 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 : une expérimentation sur le fold, des call to action efficace, une expérience d’automatisation de tinder, la guerre de bulles vers chez les Apple Adicts, de la mobilité, le making off de Monument Valley, des tutoriels CSS de positionnement et de masques, de jolies animations, un livre gratuit sur le design d’interactions, une checklist pour vos projets UX et des outils pour le SVG.

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

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

#Fold

I am the fold – une expérience en ligne pour montrer à quel point le concept de “fold” (ou ligne de flottaison est arbitraire

I am the fold

Les articles de la semaine

#Design

Are We Designing Nutrition Labels All Wrong?  Une expérience sur le design des informations nutritionnelles sur les emballages alimentaires, je vous conseille de lire également les commentaires qui pointent très bien du doigt les danger la sur-simplification pour une partie des utilisateurs

#Tinder

Et pendant ce temps là, certains automatisent leur process sur Tinder. Perso je suis totalement fan :D

tinder automatisation

#Design

Mastering The Call To Action – Words, Color, Size & Location une très bonne lecture sur l’optimisation de ses boutons de call to action

Mastering The Call To Action – Words, Color, Size & Location

#Apple #Design

It’s Kind of Cheesy Being Green – Apple is petty sometimes une analyse très intéressante sur la décision de design d’Apple d’afficher en vert les messages qui ne proviennent pas de son propre écosystème

It’s Kind of Cheesy Being Green - Apple is petty sometimes

#Mobile

10 Signs You Should Break Up With Your Mobile Website, la Saint Valentin approche à grands pas, mais il est peut-être moment de rompre avec votre site mobile. Un article très joliment écrit :)

10 Signs You Should Break Up With Your Mobile Website

De l’inspiration et de jolies idées

#Game

Le making of de Monument Valley est magnifique

monument valley making of

#Video #3D

AMAZING 3D real time face mapping – du face mapping en 3D et temps réel, magnifique et un poil flippant en même temps <3

AMAZING 3D real time face mapping

#Case Study

MetroMob, un case study très sympa

#CSS #Feedback

Des petites animations au clique et tap de boutons

Tap click animations

#Photos

Hoyss.tumblr.com le joli tumblr photo de la semaine :)

Hoyss.tumblr.com

#Fun #Exprience

Bon, maintenant moi aussi je veux un Makey Makey pour mon anniversaire (ou avant, octobre c’est loin). Tant de possibilités !!

Makey Makey

Les tutoriels de la semaine

#CSS

Le positionnement CSS expliqué en GIFs animés

CSS position

#CSS

Easy Textures with CSS Masks, des masques en CSS, de quoi ouvrir de jolies possibilités en terme de design

#Animations

Screencast: UI Animation Reviews avec des exemples d’animation de formulaire

Des ressources utiles

#UX

Free e-book: Interaction Design Best Practices, un nouvel ebook gratuit chez UXpin qui parle du design d’interactions

Free e-book: Interaction Design Best Practices

#UX

UX Project checklist

UX Project checklist

#Typography

Dashes in Web Typography les entités HTML pour différents tirets

Dashes in Web Typography

Des outils  et plugins pour vous faciliter la vie

#SVG #Icons

Transformicons – des icônes animées en SVG et CSS qui se transforment au clique

Transformicons

#SVG

SVG News rassemble des articles et demos sur les nouveauté SVG

SVG News

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

#CSS

Des particules en CSS <3

Des particules en CSS

#CSS

Une pièce de miroirs en 3D tout en CSS

CSS 3D room