All posts in Freebies & Giveaways

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

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 4 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 6 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

Mobile and desktop device template .PSD

Mobile and desktop device template .PSD

This content is 7 years old. Remember that the following content might be outdated.For a responsive webdesite presentation I needed some simple mobile device templates, so I created this set for : Galaxy Nexus and Nexus 10 for Android, iPhone and iPad for iOS and a desktop screen It’s a .PSD file, each device is composed of Photoshop vector shapes so that the size can be modified without lost. You can download the whole files for free here : (the …

Continue reading

Android Photoshop script to export to ldpi hdpi and xhdpi

Android Photoshop script to export to ldpi hdpi and xhdpi

This content is 8 years old. Remember that the following content might be outdated.[UPDATE] These actions are pretty old now, you might want to take a look at the update Android Photoshop actions to export to mdpi hdpi xhdpi xxhdpi and xxxhdpi When I create Android Apps, I usually start with mdpi, and then export to ldpi, xdpi and xhdpi to follow android guidelines. It’s a pretty long job, there are tools like assets studios  but if you give those …

Continue reading