La semaine en pixels – 25 juillet 2014
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.). Cette semaine redécouvrez le pouvoir du SVG avec des articles pour comprendre le format et une démo de logos qui s’adaptent à la taille de l’écran. Dans les articles ça parle de perception de la performance et de première expérience des utilisateurs avec un produit. Enfin de jolies vidéos et une petite demo d’un mario responsive devraient vous permettre de procrastiner tranquillement ce matin.
Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#Logo
Responsive logos un concept sympa qui montre des logos responsive qui changent en fonction de la taille de l’écran
Les articles de la semaine
#Performance
How to create the illusion of faster web pages (while also creating actual happier users)
#User experience
Top patterns and anti-patterns for first time user experiences, le top des patterns et anti-pattern de première expérience utilisateur avec une interface (basé sur http://firsttimeux.tumblr.com/ )
#Interactions
Designing interactions: start by writing a conversation commencer le designer d’interaction par une conversation, une idée assez intéressante
#UX
3 Tricks to Make Users Think Your App Loads Faster à défaut d’une interface vraiment rapide, 3 astuce pour le faire croire à vos utilisateurs
#Mobile #UX
Hot User Input Design Patterns for Mobile des idées pour des schémas d’interaction utilisateur/écran mobile
#Conversion
How to Define Visitors’ Eye Path to Lead Them to the Conversion Goal ou comment diriger l’oeil de l’utlisateur sur la page pour améliorer la conversion
#SVG
@chriscoyier a rassembler une grosse liste d’articles traitant du SVG, vous aurez de quoi lire tout l’été !
Les Nouveautés webdesign
#Airbnb
Airbnb répond aux critiques de son logo dans une infographie
De l’inspiration et de jolies idées
#Video
Elements of Design une courte vidéo sur les éléments qui font du design ce qu’il est
#Portfolio
Gardenstudio.com.br un magnifique portfolio illustré et coloré
#Logo
Generic and overused logos des exemples de visuels de logos génériques et sur-utilisé qui semblent tout droit sortir des plateformes de crowdsourcing de design.
#Prototype
Une super idée pour faire du prototype en papier: ironPhone — custom made sketch preview tool
#Product #3D
My.deejo.fr vous ne verrez pas de façon plus sexy de customiser un produit cette semaine
Les tutoriels de la semaine
#Responsive
Responsive Images: Use Cases and Documented Code Snippets to Get You Started des exemples de code pour les images responsive, attention ça donne vite mal au crâne
Des ressources utiles
#Photos
Raumrot une sélection de photos gratuites d’utilisation (CC-by) et classées par catégories
#SVG #Pattern
Patternbolt, une collection de patterns de fond en SVG
#Forms
No JS Mini Demos par @scottohara, des démos de ce qu’on peut faire en pure CSS sur les formulaires HTML5
#Android #Sketch
Android L Tablet UI Template (.sketch) une template pour les tv connectés d’Android sous Sketch
Pour le fun: jeux et démos sympas et impressionnantes
#Media Queries
Morning procrastination: Media Query Super Mario (attention y a du son) <3
#Comics #CSS
Marvel meets CSS – The Avengers – CodePen
#GoT
Le making of de certaines scènes de Game of Thrones en 3D sur fond vert : Game of Thrones, Season 4 – VFX making of reel