All posts in Freebies & Giveaways

🎁 Win a free Streamline UX 2.0 Illustration Pack! – Finished

🎁 Win a free Streamline UX 2.0 Illustration Pack! – Finished

It’s almost the end of the summer holidays, people. Are you ready to go back to school, sorry, to work? Do you have all your tools, pen, paper? How about your illustrations and icon sets, are those ready as well?  This week, I have a little surprise “back to school” gift for you, courtesy to Streamline. You can participate in this contest to win one of 3 Streamline UX 2.0 illustration pack licences. How cool is that?

Continue reading

A Cheatsheet for User Interview and Follow Ups Questions

A Cheatsheet for User Interview and Follow Ups Questions

When I prepare user interviews (or usability tests), I end up coming back to the same resources again. I decided to put them all in one single place. If you follow this blog, you know it’s also kind of my “public bookmarks of resources” and “memos”. So here we go: I put together a “cheat sheet that helps write interview and follow ups questions for user research and usability test protocols” Those are fragments of questions to should help you get started writing your own questions. I organized them in different categories depending on what type of question I want to ask. I hope it will help you in some ways. You can also download them directly as .PDF if you need to print them or want to use those offline.

Continue reading

Fonts Ninja: discover and try new fonts

Fonts Ninja: discover and try new fonts

Happy new year people! Today I want to talk to you about a great tool for all the typography enthousiast designers out there: Fonts Ninja. This tool offers a Chrome extension that lets you inspect and discover the fonts used on any website and a macOS app that acts as a font manager tool to active and try those fonts within your design tools before buying them. At the end of the article there’s a social media contest with a …

Continue reading

🎁 Free UX Starter Kit and a User Research Starter Crash Course

🎁 Free UX Starter Kit and a User Research Starter Crash Course

I facilitated a workshop on: “User eXperience – starter crash course for Startups”. The audience was a nice mix between students and entrepreneurs with a project/ website. The goal was to help them discover how to build a product with a user centric approach and why startup people should focus on users needs and talk to their potential users as soon as possible.
In this article, you will find the slides of the workshop. At the end of the articles, you can download a small “UX Starter Kit for Startups” kit I created. It contains templates to build a product concept, a user journey map, a user flow kit, some mobile, tablet and desktop templates for paper prototyping and a guerilla usability testing checklist.

Continue reading

52 UX Cards to Discover Cognitive Biases

52 UX Cards to Discover Cognitive Biases

Cognitive biases are psychological thought mechanisms and tendencies that cause the human brain to draw incorrect conclusions. For better or worse, you can use them in many different ways to influence user behavior in your products and services. These biases will also impact collaboration between team members and during meetings or might influencer your user research. Whether you are creating the user experience of an interfaces or purchasing something online, it’s interesting to be aware of these biases. Laurence Vagner and I created a deck of deck of 52 cognitive bias UX cards to help people discover and understand different cognitive biases. 

Continue reading

Download the “Content is like Water” Illustration

Download the “Content is like Water” Illustration

This content is 2 years old. Remember that the following content might be outdated.This illustration is based on a quote by Josh Clark (inspired from Bruce Lee) at BDconf “The Seven Deadly Myths of Mobile” : You put water into a cup it becomes the cup. You put water into a bottle it becomes the bottle. You put it in a teapot, it becomes the teapot. The illustration explains how the content of a responsive site should adapt to the …

Continue reading

Photoshop Style Guide .PSD (and workflow)

Photoshop Style Guide .PSD (and workflow)

This is my Style Guide starter file I use when I start a Photoshop project. It contains colors, responsive typography,normal, active and hover buttons, forms, icons, tables, image alignments, ui elements, etc. I thought it could be useful and some of you wanted to see it so I decided I might as well share the .PSD file. You can download it for free on github.

Continue reading

[Freebies] Responsive Retrofitting VS Mobile First Responsive Strategy Illustration

[Freebies] Responsive Retrofitting VS Mobile First Responsive Strategy Illustration

This content is 5 years old. Remember that the following content might be outdated.The word “Responsive” has today a lot of different meanings depending on the person you ask. In his article  Responsive Strategy, Brad Frost explains the difference between Responsive Retrofitting and what he calls Mobile First Responsive. Design. This first one is, I quote: “the process of taking an existing desktop-only website, and making it responsive after the fact.” Basically what we have been doing the past few years …

Continue reading

[Freebies] Mobile Touch Areas

[Freebies] Mobile Touch Areas

This content is 6 years old. Remember that the following content might be outdated.I needed some nice touch areas icons for a presentation and ma teaching at the university so I simply made them. I based the areas on different datas I collected from different articles and books: Responsive Navigation: Optimizing for Touch Across Devices by Luke Wroblewski How Do Users Really Hold Mobile Devices? Josh Clark’s chapter “Designing For Touch” for the Mobile Book by Smashing Magazine On the top of …

Continue reading

[Update] Mobile and desktop device template Photoshop and Illustrator format

[Update] Mobile and desktop device template Photoshop and Illustrator format

This content is 7 years old. Remember that the following content might be outdated.For a responsive webdesite presentation I update my Mobile and desktop device template .PSD with some new freebies in it. The new version has still the mobile, desktop and tablet device templates as .PSD vector shapes, and I added this : a laptop template the iOS devices now come into an vector .EPS format you can open in Illustrator some exported .PNG version of the vector templates You can …

Continue reading