Tous les articles dans UX, UI et Web Design

Illustration et tatouages temporaires : de jolies idées

Illustration et tatouages temporaires : de jolies idées

Une fois n’est pas coutume sur le blog je vais vous parler « mode », tatouages et illustrations, le tout dans le même article. C’est en cherchant sur Pinterest des modèles de tatouages que je suis tombée par hasard sur le site de Spirit Ink et ai ainsi découvert l’univers illustré et très créatif du tatouage temporaire. Si je vous dis « tatouage temporaire » que l’on colle à l’eau vous allez surement penser aux tatouages que nous nous amusions à collectionner et coller …Lire la suite

Créer facilement une palette de couleurs accessibles

Créer facilement une palette de couleurs accessibles

L’accessibilité des couleurs et les contraintes liées au contraste ont souvent mauvaise presse auprès des designers. Certains craignent que les contraintes d’accessibilité des couleurs limitent leur palette et par la même occasion leur créativité. D’autres pensent (à tort) que l’accessibilité des couleurs n’est réservée qu’à une infime partie de la population atteinte de handicaps visuels comme le daltonisme, hors de la cible de leur site. Pourtant le difficultés liées au manque de contraste concernent et concerneront à un moment donné …Lire la suite

Prototype et style tile sur 24 jours de Web

Prototype et style tile sur 24 jours de Web

Je suis une grande fan des calendriers de l’avent numériques comme vous le savez peut-être déjà, c’est donc avec un grand plaisir que j’ai cette année accepté de participer à 24 jours de web. Ça faisait un petit moment que je voulais parler des style tiles et du processus de design sur le projet Pandasuite, j’ai donc sauté sur l’occasion. L’article vous montre mon processus de design et de travail sur ce projet en particulier : wireframe (non envoyés au …Lire la suite

Paris Web 2013 – retour sur la première journée

Paris Web 2013 - retour sur la première journée

Je peux cependant vous partager les notes de certaines des conférences auxquelles j’ai assisté. Ce billet (déjà très long) est dédié à la première journée, et je ferai un second billet pour la journée de vendredi dès que j’ai un peu de temps. (Note: ces notes ont été prises à l’iPad et relues à 23h, il reste peut-être des coquilles n’hésitez pas à me les signaler) La folle journée, ou les fourberies d’un projet La journée s’est ouverte sur une …Lire la suite

[À voir] Photoshop you are a liar – par Josh Brewer

[A voir] Photoshop you are a liar - par Josh Brewer

Je viens de regarder la conférence que Josh Brewer a donné à Düsseldorf à Beyound Tellerand intitulée “Photoshop you are a liar” et je suis bluffée : 38 minutes de chant à la guitare (oui oui il chante sa conférence) durant lesquelles il revisite des concepts du webdesigner en se basant sur des exemples concrets du redesign de Twitter auquel il a participé. En vrac quelques idées à retenir : l’importance du code pour un webdesigner : il est souvent …Lire la suite

[Test] Dunked – créer rapidement un portfolio sans avoir besoin de coder

[Test] Dunked - créer un portfolio sans avoir besoin de coder

J’ai eu une invitation pour la beta privée de Dunked, le service lancé par Orman Clark qui propose la création d’un portfolio en ligne, sans avoir besoin d’écrire une seul ligne de code. Il existe déjà plusieurs service de ce genre come carbonmade.com ou encore behance.net/prosite (je n’en ai testé aucun). Des pages et des projets, pas besoin de beaucoup plus Dunked propose deux types de contenus (pour le moment?) : des pages, et des projets. Les pages sont de …Lire la suite

The Walking Web, le podcast francophone qui parle de webdesign

The Walking Web, le podcast francophone sur le webdesign et la création numérique

Ça fait un petit moment que je voulais faire un article sur The Walking Web, la sortie de l’épisode 4 sur les portfolios auquel j’ai été gentiment invitée me donne donc l’occasion toute trouvée. The Walking Web est un podcast francophone où plusieurs designers sont réunis durant 1h/1h20 d’enregistrement autour des thèmes du design, du web et de la création. L’équipe est composée de 6 designers et directeurs artistiques représentés sous des traits zombiesques. Vous l’aurez compris le titre est un …Lire la suite

[Photoshop] extraire un calque / groupe dans un nouveau fichier (.PSD ou .PNG) au pixel près

Le titre n’est pas très explicite,  je vais vous expliquer le concept en image. Imaginez que vous ayez une composition avec pleins de calques dans tous les sens, mais que vous souhaitez en extraire qu’un seul morceau , que ce soit un calque ou un groupes de claques (une icône, une image, un bouton, etc) pour l’utiliser dans une interface ou ailleurs. Comme explicité dans les commentaires, il m’arrive souvent d’avoir à extraire un “morceau” (appelons le comme ça) de .PSD perdu au …Lire la suite

Baymardcom : des articles dédiés à l’ergonomie, expérience utilisateur et au e-commerce

Baymardcom : des articles dédiés à l'ergonomie, expérience utilisateur et au e-commerce

J’ai aujourd’hui découvert le site baymard.com, un petit institut de recherche en ergonomie et utilisabilité. Ils proposent une partie “Blog” sur leur site web qui rassemble plus de 101 articles consacrée à l’ergonomie  l’expérience utilisateur, le webdesign et l’e-commerce basé sur leurs recherches. Quelques exemples de publications : Mobile Form Usability: Avoid Splitting Single Input Entities  6 Ways to Get More Out of Your Order Confirmation Page 8 Limitations When Designing For Mobile Add Descriptions To Checkout Form Labels (92% Get It …Lire la suite

Bonnes pratiques graphiques pour l’ergonomie et l’accessibilité web par Romy Duhem-Verdière

Bonnes pratiques graphiques pour l’ergonomique et l’accessibilité web par Romy Duhem-Verdière

En octobre 2012 à Paris Web, Romy Duhem-Verdière (@tetue) nous a présenté un super atelier sur les bonnes pratiques graphiques pour l’ergonomie et l’accessibilité web. Nous avons étés divisés en 3 groupes : critères d’ergonomie (mon groupe ^^), critères Opquast et critères Accessiweb. Le but était de fournir des repères pour la création de charges graphiques ergonomiques et accessibles. Nous avons ensuite discuté tout au long des slides différents points, de la taille des polices, les contrastes des couleurs à l’accessibilité des …Lire la suite