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

Building Apps with Beautiful UI Design

Remco Wierenga
Remco Wierenga

Mendix

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.

New call-to-action

Remco Wierenga

Remco Wierenga

Remco Wierenga currently works as a UI/UX Designer at Flowfabric. Before that, he earned his stripes as a Visual Designer, Illustrator and Front-end Developer.

Related posts

20 Performance tips for Mendix

A few years ago in 2016, I wrote a top 10 performance tips for Mendix. That list contains tips for Mendix developers to build good performing apps is ...

Read More

4 Reasons to switch to a multi-tenant architecture with Mendix

In this blog post I want to look at some advantages and disadvantages of multi-tenant apps and provide tips on how to mitigate the risks associated ...

Read More

Security and low code; did you lock the door?

Security is becoming more important. So it is not surprising that security is always a topic when I am talking to clients. I always emphasize that ...

Read More