Home > User Experience > The ultimate guide to UI design for men and women

The ultimate guide to UI design for men and women

The ultimate guide to UI design for men and women

Speaking of screen brightness, something interesting happened: when asked to put their brightness at 50%, women increased the value a lot (they all had it set at around 25-30%), while males increased by very few or didn’t change it at all:

women on average seem to keep their phone’s brightness lower, and this confirms the idea that they have more sensibility to both shade difference and brightness.

When working in that real estate agency, the management software was only utilized by women but entirely designed by men; this led to a couple of problems I easily fixed, but which tell us about a few interesting things we can now learn and remember.

One of the most common issues was contrast: while being even more fundamental for men, that piece of software had very low focus-contrast widgets for women too, which led to eye strain after hours and hours of work.

I do not have any original screenshots (they’re also private), but I sketched them again with more or less the same colors here:

The violet-blue color wasn’t chosen randomly: I proposed a list of different UIs to the full team, and I darkened the shade till EVERYONE had no problem seeing: men were again satisfied with “too” bright colors women didn’t like at all.

In my opinion, using white themes is a wrong idea in the first place, but at the time I was only a designer and the development team hadn’t the time to redesign the full software in dark mode; If there’s the possibility, I am pretty sure women’s sight would benefit a lot from using a darker and less aggressive UI.

Exploiting peripheral vision

While women are great at peripheral vision, men are extremely good at central vision.

This has its relevance to how we perceive both color and brightness, so it should change how we design our software.

Having great central vision reduces the need for contrast in the focus area, while peripheral vision is great for perceiving what’s happening near the display’s borders.

This leads us to a single conclusion: for men it’s easier to read, but it’s harder to perceive color changes in peripheral.

How to apply this do design?

Everyone knows that we should always use bright red colors for notification icons, but we can go deeper than this.

Supposing we’re males and designing software mostly used by women, we should always try to give some more size and contrast to small UI parts we focus our eyesight on, since women would strain their eyes more than what men do.

On the other hand, if we know that most of our users are male, we should always give near-border UI parts more saturation and size, since we’re a bit blind over there.

This is why you should always hire both a woman and a man designer!

The problem with micro-motion

Another advantage men have is to easily recognize motion.

A great way to increase the perception of small UI parts is animating them, but beware: women couldn’t be able to see it move, so make it shake a bit more.

Men and Women differ not only in how their eyes work but also their physical appearance influences how they use UI.

Having different hand sizes is relevant since it will inevitably change their experience using gestures and reaching various parts of UI.

Designing for both men and women should consider the hand reach: a difference of a couple of cms could make an icon being unusable by a woman and slow down any task.

As you can see, for an average woman is harder to reach most of the UI on an iPhone 6 singlehandedly.

While the difference in the thumb length could be small, this difference increases when using more fingers in multiple gestures: designing zooming, enlarging, or other actions should take into account these things especially with larger screens.

In a future where probably touch will become standard, and screens will become larger, we must not forget that our hands will still differ from men to women, and probably not growing that much.

larger screens are coming, but larger hands too?

Pardon me for this silly pun, but vocal interfaces are becoming more popular every day, especially when Siri and Alexa came out.

As for color, brightness, and sizes, the sound is also perceived differently by men and women; again, we excel in different areas and knowing this could be helpful when designing a perfectly tailored UI.

According to a 2008 study from Johns Hopkins University, men are five and a half times more likely to lose their hearing than women, and women are better listeners to frequencies over 2000hz.

On the other hand, men seem to hear better lower frequencies (between 1000 and 2000hz).

Photo by Rahul Chakraborty on Unsplash

Supposing you’re designing an alarm or some kind of notification, you should consider these ranges because what you can hear couldn’t be heard by someone else.

In general, sound and voice (especially female) work better with women than men for many reasons:

We’ve analyzed many parts of User interfaces, from colors, sizes, and even sound.

Let’s see a list of tips you can use when designing for a specific sex or to grant equal accessibility and usability to both at the same time:



As UX and UI designers, we often do user research. We focus on traits like age, social status, and also sex, but being male or female doesn’t change our hobbies or things we like. Perception varies a lot, and designing a pleasant interface could be impossible if we can’t experience what the others are really seeing, listening, or touching.

In a complete design team, you should always have both male and female designers because their simple biology could bring to you issues you’re just unable to perceive in the first place.

Having a single designer is a bad idea, and it’s even worse if we consider these “nuances” that in the long run could make the difference between a good product and a great product. Like a tailor sews different clothing, we could design different UIs based on the user’s sex.

Source link