Ressources du dimanche (22) : ressources web de juin

Hello ! Alors que je subis une petite accélération « d’avant-vacances » : finir mes sprints et avancer mes commandes comme il le faut avant la plage et ma déconnexion totale….. Je tiens à faire un récap des éléments à retenir pour ce mois de juin qui fut assez riche. Vous trouverez des articles et des ressources dignes d’intérêt et qui, je l’espère, vous permettront d’avancer sur vos réalisations. Bon travail à tous, bien sûr !

Revue web : ressources web de juin

Un petit récap pour cette liste de ressources web de juin. En quelques points, j’ai préparé ci-dessous une liste issue de ma veille sur ce mois passé, sous la pluie, avec la veste chaude… étrange tunnel ! En terme de contenus web, c’était encore une fois, passionnant, foisonnant et emballant. Plusieurs événements

1 – Web designers, can you speak web?

Pour commencer, un article de Chen Hui Jing sur notre capacité à parler de notre métier, du web et des médias plus en général. Comme les navigateurs qui finalement pourraient être comparés au medium de peinture.

Lire l’article Web designers, can you speak web?

webdesigner_speak_web

2 – Product Design Industry

 Le design joue un rôle primordial à 38 % dans les plus grandes sociétés, et 65 % dans les startups. Et encore plein d’autres chiffres dans cette prez impeccable de Invision. Lisez-la !

Voir le rapport design de Invision.

product-design-report

3 – Reimaging Google Font

Avez-vous raté le setup du site de Google pour les fonts ? Pour ma part, je l’ai découvert par la force des choses en allant y chercher une police. Je vous partage le lien vers la présentation de la refonte du site.

Voir le nouveau site de Google Font

reimaging-google-font

4 – Designer avec nos développeurs

Ah ! le fameux débat sur les designers qui doivent (ou pas) savoir coder …. Un petit article qui me paraît exposer un très bon point de vue. 🙂

Lire l’article Design with your developer

design-with-developer

5 – First time User experiences

Voici le tumblr de Krystal Higgins, présentant une collection d’user experiences, bonnes et moins bonnes. Un très bon moyen de les voir, les tester à notre tour et d’en évaluer quelques-uns.

Aller voir le tumblr FirsttimeUX

firsttimeux-blog

6 – Mega Boilerplate

La nouvelle version du framework Boilerplate. Voici un outil très bien fait, accessible et facilitant pour le début de la mise en production d’un site. On choisit les composants du site, le langage et on télécharge le package.

Voir la ressource megaboilerplate

mega-boilerplate

7 – Understanding JavaScript Promises, Pt. I: Background & Basics

On continue avec un article nous présentant les nouvelles promesses de Javascript. Très intéressant et bien présenté !

Lire l’article Understanding Javascript promises

understanding-javascript

8 – Comment perdre 47 % des utilisateurs après une refonte de site

A présent un article sur les conséquences pour l’utilisateur d’une refonte de site web. Plutôt osé de partager une expérience d’UI négative… Mais ce témoignage, de par sa présentation précise et sans nuance, nous éclaire sur les erreurs à ne pas reproduire (notamment pour les icônes).

Lire l’article How we lost 47 of your users after a redesign

dont-lost-your-clients-after-a-redesign-blog de Catepeli

9 – SLIDEBAR

Voici une ressource très utile pour nous aider à prototyper de manière formelle mais concrète le comportement du menu en mobile. La démo en nous proposant différentes animations nous aide à tester et visualiser le menu en action. Et après… une petite installation via le npm , et hop ! Trop cool.

Voir la ressource Slidebar

slidebar-framework

10 -Le développement UI avec React

Alors la librairie React, maintenant. Un article pour se faire une idée, son histoire, et un témoignage de recherche et d’utilisabilité. Pour ma part, je ne m’emballe pas sur cette ressource, je me pose encore quelques questions sur la clarté de la bibliothèque.

Lire l’article React in-depth: An exploration of UI development

react-in-depth

11 – Wyre: Web Layout Flowcharts

Une petite ressource UI pour nos wireframes. Ces fiches wireframées vous permettront de réaliser rapidement quelques flowcharts, parcours users… Elles sont de formats cartes, et peuvent être utilisées comme telles. Pour ma part, elles mes servent pas mal pour structurer les interactions et poser les concepts d’interfaces de base. A vous de jouer.

Aller voir la ressource Wyre Web Layout Flowcharts

wireframe-flowcharts

12 – Freebie: The Art Tools Icon Set (AI, SVG & PNG)

Voici un package d’icônes sympas sur une thématique artistes.

Aller voir la ressource  Arts Tools Icon Set

art-tools-icons

13 – The Free Barista & Coffee Lover Flat Line Icon Set

Pour finir sur une note funny, un autre package d’icônes sur la thématique du café. Un petit plaisir en plus.

Aller voir la ressource barista-coffee-lover-flat-line-icon-set

icon-coffee-barista

 

Voici donc ma petite sélection de ressources web de juin. Des ressources et des articles pour revenir sur quelques points qui me semblent importants et qui vous permettront d’affiner notre travail et s’améliorer.

Categories:
Date:
  • 10/07/2016
Share:
%d blogueurs aiment cette page :