La semaine en pixels – 30 mai 2014

La semaine en pixels – 30 mai 2014

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.). Cette semaine j’ai sélectionné des articles principalement dédiés à l’expérience utilisateur et à la mobilité. Du coup côté de l’inspiration un magnifique hommage à Ghost in the Shell, et une jolie liste de plugins et outils pour vous faciliter la vie.

Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)

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

#Mobile

4 Key Takeaways from Google’s New Mobile Commerce Research une vidéo de 30 minutes sur les principes de design pour mobile chez Google. Si vous n’avez pas le temps de la voir, les 4 points clés sont résumés dans le texte.

Et si vous avez un peu de temps pour lire, je vous conseille l’ebook gratuit “Principles of Mobile Site Design“ publié par Google.

4 Key Takeaways from Google's New Mobile Commerce Research

Les articles à lire

#Video

Une série de courtes  vidéos  “UX « How-To » orientées mobile et touch par @lukew

UX "How-To

#UI

The Scroll Up Bar, masquer la barre de navigation du haut quand l’utilisateur fait défiler la page vers le bas, et la re-afficher s’il veut remonter, une idée intéressante pour gagner de la place sur mobile. Si l’idée vous plait, voici un script pour facilement la mettre en place

headeroom

#UX

8 UI/UX mistakes to avoid in your app , 8 conseils sur ce qu’il vaut mieux éviter en design d’application

8 ux mistakes

#Mobile

Mobile And Accessibility: Why You Should Care And What You Can Do About It, parce que l’accessibilité sur mobile est aussi importante que sur grands écrans

Les Nouveautés webdesign

#Logo

Google redesign son logo de 1px et fait un joli petit buzz cette semaine

De l’inspiration et de jolies idées

#Illustration

Cars Gif de jolies illustrations de gif animés de voiture

Cars Gif

#Manga

Gits2501.com 20 artistes rendent hommage à Ghost in the Shell et c’est tout simplement sublime

Gits2501.com

#Cover Concept

Fuffr est une coque de téléphone mobile qui vous permet de contrôler l’appareil depuis “l’extérieur”, un concept assez fun

Fuffr

Les tutoriels de la semaine

#Animation

De l’inspiration pour des effets d’introduction d’articles : Article Intro Effects

Article Intro Effects

#Slider #Navigation

De jolies idées d’effet sur survol sur les flèches des sliders : Arrow Navigation Styles

Arrow Navigation Styles

Des ressources utiles

#Trends

2014 internet trends : si vous avez besoin de données sur les tendances dans le web (appareils, pays, etc).

#Touch

[Freebies] Template de zones cliquables au touch (mobile, tablette, hybride)

Touch Area Freebies

Des outils  et plugins pour vous faciliter la vie

#Add-on

Vous cherchez des plugins Photoshop, Illustrator, etc ? Voici : creative.adobe.com/addons

#Events

Attending.io un outil en ligne gratuit pour créer une page d’évènement très simple et efficace

Attending.io

#iPad App

Retro, une application de visualisation pour Instagram sur iPad avec un joli design

Retro

#Inspiration

Hypershoot.com un service en ligne qui vous aide à collecter et organiser les captures de site pour vous en inspirer.

Hypershoot

#Photoshop

Say goodbye to banding un script Photoshop pour vous débarrasser des effets de ligne sur les dégradés

Say goodbye to banding

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

#Expérience

808 cube, un peu de procrastination musicale matinale

808 cube

 

Et pour finir un petit lien WTF cette semaine avec la vidéo Titcoins by Pornhub (SFW ne vous inquiètez pas)