Evangeline Ng
Product Designer
a.png

Blog

How Visual Design can improve User Experience

How visual design skills solve problems in the UX World
Design a primary search button and a secondary search button

Design a primary search button and a secondary search button

Avoid placing two filled buttons
Outline and filled buttons
Treatment in UI
Thank you

How Visual Design can improve User Experience

1. Use Visual Hierarchy

This is achieved through the elements of design: size, shape, color, line, weight, type, space..

We then play around with these elements in UI, by deciding which of the components require the most prominence and priority, and which takes a step back.

2. Get used to the word "Treatment"

My design mentor would often tell me to work on the treatment of, lets say a button.

Versions 1 and 2 of the design mistakes I've made and she told me to

a. Think about what I want to emphasize on (Primary button), and which should recede in the background (secondary button).

b. Work on the treatment of the secondary button as it is fighting for dominance

3. There is always room to improve

I thought I was set after I have read Google Material Guidelines but at work, i realised there is always room for improvement, depending on the situation and context.

Hope this helped improve your UI skills!

Evangeline NgComment