L’Illusion de contraste

Comme webdesigner, j’ai pu observer assez régulièrement cette illusion d’optique qui ne manque pas de produire des incompréhensions.

L’exemple le plus trivial que l’on peut exposer ici est lorsqu’un de vos clients vous fait remarquer qu’il conviendrait d’harmoniser cette couleur orange que vous utilisez afin de ne produire qu’une seule variante d’orange. Est-ce à dire que dans notre distraction ou que dans notre volonté de varier les plaisirs nous avons sciemment produit différentes harmonies de couleurs orange assez proche les unes des autres, mais suffisamment différentes pour que l’œil les détecte ?. Après les vérifications d’usage, nous observons l’unicité de la couleur déployée à différents endroits de la maquette. Alors pourquoi cette sensation que l’on peut nous-même ressentir que la couleur ne rend pas compte de manière identique à tous endroits de la page ou de l’écran ?. (suite…)

Livres en ligne gratuits Ebooks, ePub et PDF

book-online free
En ces temps de confinement la lecture peut représenter une bonne échappatoire, si vous aimez la lecture et la littérature il existe des sites ou trouver des livres gratuits numériques, des classiques et des grands auteurs de la littérature, de quoi parfaire sa culture et ses connaissances. Si vous êtes étudiant ou féru de sciences sociales, le site québecois a de quoi satisfaire votre curiosité.
voici deux liens qui proposent des ebook gratuits, comprenez des livres au format numérique PDF ou ePub pour les tablettes
http://classiques.uqac.ca/classiques/
http://www.bouquineux.com/

Analyse et ergonomie des IHM logicielles / UX Design retour sur une semaine de formation

Au mois de Décembre j’ai pu bénéficier d’une formation sur l’ergonomie et l’UX design. Une semaine d’immersion et d’étude des différents concepts suggérés par ces disciplines. Une semaine essentiel pour comprendre ces principes qui semblent désormais inhérents au webdesign, mais une semaine primordiale pour désambiguïser des concepts tellement mal compris dans nos métiers.

(suite…)

Flexbox en production

Un petit article, pour ceux qui tardent à se mettre à Flexbox (Flexible Box) en production, et si il fallait commencer par un argument massif pour convaincre les retardataires, il suffit de regarder du côté de Bootstrap 4 qui embarque désormais cette spécification au sein de son framework. Même si on aime pas changer ses habitudes, c’est un petit effort pour bien des avantages, notamment, la prédictibilité de la mise en page face aux différents écrans, on est plus à la merci d’un float mal luné ou tout autre positionnement récalcitrant. Dans de nombreux cas, le modèle Flexbox offre une amélioration du modèle de boîte. Fini les problèmes de fusion de marge et les éléments auxquels il faut apporter le contexte BFC (Block formatting Context) pour gérer les flottants à qui on en demandait beaucoup face à se contexte des mobiles pour lesquelles ils n’avaient pas été pensé. (suite…)

Sketch, InVision, Adobe XD… la guerre des outils de prototypage pour les concepteurs UI et UX

En ce début 2018, l’arrivée d’InVision Studio nous invite a nous pencher sur ce phénomème que sont les outils de prototypage qui explosent depuis quelques temps, notamment depuis l’arrivée des contextes mobiles, on voit fleurir de nouveaux services connexes aux outils de webdesign historique tels que Photoshop ou Illustrator.

Pour qui ?

Même si les termes de concepteurs UI et UX peuvent faire penser aux webdesigner et graphistes web que ces outils ne sont pas pour eux, il n’en ai rien bien au contraire. Ces nouveaux logiciels sont partis du constat simple, que les outils de PAO n’était plus adaptés au flux de travail et à la création web. Notamment par le fait qu’ils sont limités à présenter des mockups statiques sans possibilité de mise en contexte ou d’intéragir avec elles ou même encore de laisser des commentaires en live. Côté intégrateur, il y a peu de passerelle entre les maquettes produites avec Photoshop et le code HTML, même si le logiciel de retouche d’image a fait des efforts pour exporter et extraire des informations pouvant servir aux codes CSS.
(suite…)

Gulp le couteau suisse de l’intégration web

gulp
Comment faire aujourd’hui pour ce passer de tels outils lorsqu’on prétend travailler de façon professionnel dans le domaine du web. Je parle des task runner et en particulier de “Gulp”, mais je ne suis pas sectaire peut-être certains préféreront “Grunt”, c’est la même philosophie.

Mais c’est quoi un task runner ?

Les sites web répondent aux mêmes exigences que n’importe quel produit, celui d’être fabriqué selon un process de qualité itératif et complexe (minifier les CSS et JS, optimiser les images…) bref une multitude d’opérations ennuyeuses et chronophages. Vous l’aurez compris Gulp représente un gain de temps vous évitant de vous balader sur plusieurs sites pour par exemple minifier vos CSS… C’est en cela que les Task Runner sont devenus très importants dans un projet web. Il faudra pour cela se familiariser avec la console ou le terminal pour lancer les lignes de commande, mais c’est un apprentissage qui sera payant in fine. (suite…)

Non un webdesigner n’est pas un graphiste (pas que !)

Le titre est explicite je crois, un petit billet d’humeur pour expliquer ce qu’est le métier de webdesigner si mal connu finalement pour qu’on vous sorte des clichés du graphiste qui fait du web, ou alors vous coller une étiquette de webdesigner par ce que faite vaguement des maquettes pour des sites, par ce que c’est la mode en ce moment. Mais d’où tu parles comme il dise dans les médias… Je parle d’une année riche consacrée à ma VAE (Valorisation des Acquis par l’Expérience) pour obtenir une licence de webdesigner, je parle comme membre de jury délivrant une certification de webdesigner au Greta, je parle après avoir pratiqué ce beau métier depuis plus de dix ans. Je me permet donc d’expliquer à mes jeunes collègues et moins jeunes ma vision du métier. Mais comme un schéma vaut mieux qu’un grand discours, voici ma vision du métier…webdesigner(suite…)

UX design et webdesign

Parmi les apprentissages du webdesign, il se trouve un domaine qui est peu exploré en réalité, il s’agit de l’UX design, même si on a l’impression de le voir partout, de n’entendre parler que d’expérience utilisateur comme un terme marketing devenu à la mode comme une logorrhée qui n’en finit plus à l’instar du Flatdesign qui le rejoint de près. Mais derrière l’écume des choses se trouve des concepts qui ne sont pas forcément récent comme on aimerait le croire mais qui valent la peine qu’on s’y intéresse pour peu qu’on ait la curiosité de son métier.
Comme beaucoup de web designer j’ai fait de l’UX design sans m’en rendre compte et l’ergonomie pouvait me paraître une histoire de bon sens, donc pas la peine d’y voir une martingale mystérieuse comme on veut parfois nous la vendre. (suite…)

Retour d’expérience comme membre du jury au titre de web designer

Il y a quelques mois, j’ai été contacté par le Greta de Dijon pour être membre du jury. Cette sollicitation soudaine et inattendue pour moi, arrivait à un moment propice ou j’avais envie d’essayer autre chose que la routine quotidienne. Pour la première fois cette année, le Greta a ouvert ses portes à un nouveau titre professionnel dans le domaine du webdesign, complétant ainsi la matière graphique avec du web. Il a donc fallu que le Greta trouve de nouveaux jury compétents dans cette discipline, c’est ainsi qu’on ma demandé de participer à l’aventure.
Un mini formation m’a été délivrée afin de me renseigner sur ce qu’on attendait de moi et également pour me faire découvrir les nouvelles dispositions relatives au travail de jury. Le ministère du travail dont dépend le Greta a en effet durci les conditions de l’examen afin d’enrailler le nombre de recours que les candidats avaient déposés ces dernières années. Étant donné la nouveauté de cette certification au titre de web designer, le Greta ne disposait pas de jury déjà aguerri à ce nouveau titre. J’ai donc été très sollicité pendant deux semaines à la fois sur le Greta de Dijon et Beaune. (suite…)

Invision ou le mockup interactif

Présenter son travail et faire comprendre ses intentions n’est pas toujours chose aisée dans la dimension si labile du web. Heureusement la réflexion sur ce sujet a permis de voir émerger quelques outils pratiques dans ce domaine, comme InVision, un service payant en ligne qui donne la possibilité de publier son travail de manière confidentiel mais avant tout collaboratif. InVision s’inscrit même dans une démarche très en amont des maquettes graphiques, car est à l’initiative de la réflexion du projet en proposant un mode Moodboard sous forme de structure Masonry bien connu des férus du réseau social Pinterest.
invision-3(suite…)