How Psychology is Important in UX Design

October 6th, 2017 in Design, UX ux ux design

Psychology is important to UX design. This may not seem an immediately obvious truth since Freud or Jung might seem distant relatives of Bill Gates or Steve Jobs.

The fact is, however, that in all branches of design focus on the responses our products will provoke. In this way, all designers are necessarily psychologists – they must understand and predict why and how what they build will affect their audience.

In UX and web design, a lot of this comes to revolve how people tend to respond to layout, typography and graphical elements. Get the mix and balance right, and your visitors will be more likely to return or become customers; get it wrong and you’ll turn them off – they may not be able to say why, but a psychologist would.

 

Psychology in Colour

In what ways can a designer use psychology to improve their work, then? For starters, they can think about colour. There’s a wide range of studies concerning how humans react to colour, but as a rule, we are attracted to bright and vibrant ones. To that end, designs which feature more exciting colours will be more successful.

Likewise, men and women react differently to colour. Which gender, if either, is your primary audience? Many studies show that men are less good at discerning different shades of colour than women, while simultaneously tending to be better at tracking fast-moving objects.

Colour has other effects, too. For example, the evidence shows that red or orange is most effective for boosting conversion, whilst red-themed websites can use green to achieve the same effect. A good designer knows their colour theory back to front and can get you the results you need merely through the judicious application of that knowledge.

 

Psychology in Text

Text, too, is important: words don’t just communicate their own meanings. Their layout will influence your site’s message, too. Take, for example paragraphing: space them out properly and users’ eyes will glide across them; put them too close together, or make each too long, and instead, those eyes will glaze over.

Too much text is a turn-off, but so is small text. At the risk of being the pot to call the kettle black, aim, for simplicity with your copy: keep thing straightforward and well spaced, and your users will respond positively.

We’re used to thinking of psychology as a tool for managers and leaders, whose job is to cajole and persuade members of a team. Think of designers, too, as professional persuaders: their job is to convince your visitors to stay long enough to engage with your company.

To do that, they need to understand humans in all their complexity and quirkiness. And that’s why psychology is so important for UX design.

 

Contact Image Plus for Web Design

If you’re unsure about UX or need help to design your website or drop-down menu then then speak to our experts. Our Web Developers are based in Coventry, Warwickshire and are always ready to help. Please feel free to contact us and speak to one of our website design specialists.

Contact us on 024 7683 4780 or send us an email at info@image-plus.co.uk.

Top 5 UX Design Tips for Dropdown Menus

October 2nd, 2017 in Design, UX design tips ux ux design ux design tips

The dropdown menu has long been a venerable entry in the web developer’s toolkit. It is so widely used because it can be terribly useful: the dropdown menu tucks away all your pages until a user hovers over a button; that gives you a lot more space for your content.

Most commonly, the dropdown menu appears as a bar of navigation labels at the top of a website; hover over any particular label and a further list of labels will appear, offering instant access to a range of pages within that category. Very often, items in that list will in turn ‘drop down’ further lists.

The trouble is that dropdown menus can also pose challenges to a savvy web developer. Because they can offer feature so many labels, and once collapsed take up so much space, they can also look quite ugly … unless, that is, you follow our top tips.

 

Make Hover States Obvious. If your dropdown menu is to work, your user needs to know where they are in it. Use colour and highlighting to make that clear.

Padding Is Not A Dirty Word. You’re not a writer, or a musician making your difficult second album: don’t be afraid to pad things out. Put space between your menu’s buttons.

Mark Those Sub-Menus. If one of your menu’s labels expands a further menu – a section within a section – mark it appropriately, with an arrow, a dot or other icon.

Animate! Menus don’t have to be dull or static – in fact, dropdowns are so common they can become dull without a bit of subtle animation to spice up their transitions.

Explore The Alternatives. Many web develops decry dropdowns – particularly if you want a responsive website for mobile devices. Look into scrolling panels and hamburgers.

Consider The Click. Usually dropdown menus operate simply via hover – but depending on your application clicking to open a submenu, or to hide a menu, could make sense.

Make It Seamless. There shouldn’t be any lag at all between click or hover and the appearance of your menu – it should load immediately. You owe your user slickness.

Say No To Tooltips. Tooltips – those often helpful labels which appear when hovering over an item – can be good. With dropdowns, they get in the way. Eliminate them!

Style Consistently. Make your menu a part of your website. It might not always be on show, but when it is give it the same fonts, colours and feel as the rest of your site.

Be Ruthless With Your Content. The dropdown menu can go on forever – but that doesn’t mean it has to do so. Only have the number of pages you absolutely need.

 

Dropdowns have detractors. But follow theses rules of thumb and you’ll have success.

 

Contact Image Plus for Usability and Website Redesign

If you’re unsure about UX or need help to design your website or drop-down menu then then speak to our experts. Our Web Developers are based in Coventry, Warwickshire and are always ready to help. Please feel free to contact us and speak to one of our website design specialists.

Contact us on 024 7683 4780 or send us an email at info@image-plus.co.uk.