UX/UI Improvement

I helped the user to have a clearer understanding of the Split Settings options with simple previews.

Operating system, Computer, Product, Rectangle, Azure, Font, Screenshot, Line, Software

PROBLEM

Logic split settings presenting doubts among the users

The information displayed on the Logic Split Settings poorly conveyed their function. Having only text inside the buttons confused the users and made it hard for them to envision the outcomes.

SOLUTION

Visual tools to make it clearer

With illustrations the options are much clearer for the user, instantly depicting in a simple way what will happen once they choose a split option.

Operating system, Product, Computer, Rectangle, Font, Screenshot

Adding animations for flawless understanding

While thinking of possible ways to help the user understand the options, I came up with the idea of animating the illustrations when the user hovers over each button. It’s a dynamic way of portraying the previously static information, erasing all possible confusions for the user.

Juan Cabrera

Product Designer | UI/UX Designer | Multimedia Designer

Forehead, Nose, Smile, Hairstyle, Eyebrow, Eye, Mouth, Neck, Eyelash, Jaw