La semaine en pixels – 25 juillet 2014

La semaine en pixels – 25 juillet 2014

This article is also available in English: us us

Ce contenu a été rédigé il y a 3 années. Il se peut qu'il ne soit plus à jours.

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

Responsive logos

Les articles de la semaine

#Performance

How to create the illusion of faster web pages (while also creating actual happier users)

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/ )

Top patterns and anti-patterns for first time user experiences

#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

3 Tricks to Make Users Think Your App Loads Faster

#Mobile #UX

Hot User Input Design Patterns for Mobile des idées pour des schémas d’interaction utilisateur/écran mobile

Hot User Input Design Patterns for 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

How to Define Visitors’ Eye Path to Lead Them to the Conversion Goal

#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

elements of design

#Portfolio

Gardenstudio.com.br un magnifique portfolio illustré et coloré

garden

#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.

generic logos

#Prototype

Une super idée pour faire du prototype en papier: ironPhone — custom made sketch preview tool

iphone custom prototype

#Product #3D

My.deejo.fr vous ne verrez pas de façon plus sexy de customiser un produit cette semaine

deejo

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

raumrot

#SVG #Pattern

Patternbolt, une collection de patterns de fond en SVG

pattern bolt

#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

mario media queries

#Comics #CSS

Marvel meets CSS –  The Avengers – CodePen

avengers en CSS

 

#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

Vous souhaitez des conseils en ergonomie ou en expérience utilisateur ? Un design de site, d'interface ou d'application mobile ? Envie de travailler ensemble ou de m'inviter à donner une conférence ? Consultez mes réalisations ou contactez moi directement.

Les commentaires sont fermés.