<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1195114&amp;fmt=gif">
Close

Building apps with beautiful UI design | CLEVR

Published 04-09-2020, last updated 06-07-2023 2 min read
Building apps with beautiful UI design | CLEVR CLEVR Blog overview

This blog is about the 'Building Apps with Beautiful UI Design' video, presented by Chris Hodges , Mendix. You can watch the video here.

When we think of interfaces, we only think of digital examples – like apps and smartphones. But what we don't realize is that interfaces are all around us. Most things we interact with have one or two interfaces. To the end user, the interface is the product: it's what we can see and touch. Most users will understand how to use an interface just by getting on and using it.

UX design

When we think about app design, we often hear about user experience (UX) design and user interface (UI) design, which can be confusing. While UI design is an important part of the app-design process, it’s only a subset of the much wider field of UX design.

Chris Hodges tells us to look at UX design like an iceberg. While 10% of the iceberg is visible above water, 90% cannot be seen because it lies beneath the surface – it’s what gives the iceberg its structure and stability.

User experience design can be looked at in a similar way: 90% of the effort to create a great user experience for an app lies beneath the surface, in its usability design, interaction design, information architecture and user research.

Much like the iceberg, the remaining 10% is user interface design – the part that the user actually sees and interacts with. Building good apps is not just about creating a great visual appearance. It’s about what goes on beneath the surface as well.

Most designers use these four golden rules when designing user interfaces.

Control

Put your user in control
By putting users in control, we give them a sense of mastery of the user interface. They know all the shortcuts and how they can make the application work for them.

Comfortable

Make it comfortable
By building control and comfort into a user interface, you’ll make the user feel less frustrated using the application.

Cognitive

Reduce cognitive load
Cognitive load refers to the amount of processing power that a user requires to operate your interface. Good UI design requires the least possible amount of cognitive load.

Consistent

Make it consistent
If we make the UI consistent, we make the app easier to learn. There are three types of consistency to aware of:

  1. Visual consistency – how buttons look and what colors and shapes are used.
  2. Functional consistency – the interactive elements on the page and the actions that can be performed.
  3. User expectations – most users are not newbies and have prior knowledge of apps. So you don’t want to deviate too far from those expectations.

In the video, Chris Hodges shows you how to apply these four rules in your process as a developer building an app.

A big question here is: “Should designers code, or developers design?”. I think very few people can do both. But respect and understanding between designers and developers is crucial. The more we can fill in the gap between the two fields, the better the end result will be.

2023 Embrace Digital Transformation

Your Journey to Digital Transformation Starts Here!

Embrace digital transformation with our proven PLM, MOM and low-code solutions by CLEVR. We're not just offering services, we're offering expertise.

Read the latest CLEVR news, articles and updates on LinkedIn
Receive personal news and updates in your inbox
contact-icon--white Get in touch

Get in touch

Do you want to know more about our CLEVR solutions and services? Please leave your contact details in the form below, write an email or visit us in one of our CLEVR experience centers.