All posts in UX, UI & Web Design

An Introduction to User Journey Map + PDF Templates

An Introduction to User Journey Map + PDF Templates

I’ve spent last Saturday mentoring and coaching some startups at a WIDE (women in digital empowerment) event. The whole day was about helping them build a more user centered product and come up with a paper prototype of some of the features so that they can test it later. In this context, I gave them a small introduction to User Journey Maps, a tool that helps designers get a visual representation of the whole experience users have with a product or a service. This article is a transcript of this introduction. I will guide you step by step on how to build a user journey map for your product or service. At the end of the article you will find the slides but also two templates to help your build user journey maps for your own projects.

Continue reading

What minimum font-size for a high-density data web app do you suggest?

What minimum font-size for a high-density data web app do you suggest?

I get quite a few emails with very specific questions about UX and UI design. Most of the time, the question is so specific that it’s hard to reply in just a few lines without understanding the context and users of the project. I can nevertheless give some generic advice in some cases. I decided to share the replies to those questions so that it will help more people. So here we go, I’ve no idea if this is going to become a “thing” on this blog and needs a specific section. For now, let’s try to keep it short and simple.
This first article is about font size and the minimum font-size for high-density data web app and my advice to help you pick the right size.

Continue reading

Solving Design Problems: Finding UX Tools, Methods & Activities

Solving Design Problems: Finding UX Tools, Methods & Activities

Involving users, audience, stakeholders, partners, internal teams and developers from the start will help us build better products and services. There’s a lot of methods available to UX designers to help us accomplish this. This unfortunately means that it’s also pretty easy to get lost and feel overwhelmed with the quantity of information available. In this article I am going to share with you my list of seven ressources I use in my daily job to find the right UX method and tool.

Continue reading

🎁 A free UX Starter Kit and a UX Starter Crash Course

🎁 A free UX Starter Kit and a UX 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

The Ultimate Guide to Not F#!@ing Up Push Notifications

The Ultimate Guide to Not F#!@ing Up Push Notifications

Push notifications became yet another tool to artificially re-engage users and force content down their throat. That’s why so many of them hate it. But there’s some interesting use cases for it I want to talk about in this article. You will also learn how to build notifications that do not ruin the experience for your users: when and how to ask for permissions and 3 rules for good notifications and how let user control what they need.

Continue reading

Color accessibility: tools and resources to help you design inclusive products

Color accessibility: tools and resources to help you design inclusive products

I wrote a quick tweet about teaching the basics of accessibility and colors to design students that go quite some attention. It brought up some interesting discussions. So I thought I would share with you all the resources, tips and tools I regularly use to build and check the color accessibility of my products in one place. Enjoy.

Continue reading

Tips to Create an Accessible and Contrasted Color Palette

Tips to Create an Accessible and Contrasted Color Palette

This content is 1 year old. Remember that the following content might be outdated.Color contrast is something really important in Design. It will help users read your text and get a clear understanding of your content. Color contrast and color accessibility scares a lot of designers too. Some are afraid that color accessibility will limit the color palette they will be allowed to use and so their creativity.  Some people think that color accessibility is “only for people with some …

Continue reading

My 2018 Portfolio redesign: UX, visual design and development process

My 2018 Portfolio redesign: UX, visual design and development process

This content is 2 years old. Remember that the following content might be outdated.You might have noticed that there was a little bit of blog redesign going on here. This is because I redesigned my portfolio last week and I’m trying to make the blog match the new portfolio redesign. For the moment it’s a MVP, full static HTML and a little bit of PHP includes. There’s some design and linguistic decisions involved. In this article, I will explain a …

Continue reading

Interface Animations and Transitions: where to get inspiration

Interface Animations and Transitions: where to get inspiration

This content is 7 years old. Remember that the following content might be outdated.In UI and UX design every little detail tends to count more and more. Providing the user with small transitions and animations between interface elements is today part of the global user experience of both native application and websites. The great “Transitional Interfaces” shall give you more details on how some small little animation can have a deep impact on user experience. And it’s our job as …

Continue reading