5 Tips for User Interface (UI) Design

Photo by Tran Mau Tri Tam on Unsplash

At Yasurf we do our utmost to provide clients with the nicest, most beautiful, and most efficient mobile journeys. User Interface Design (UI) is one of the disciplines that makes this possible. I would like to share some interesting tips. UI focuses on the visual design of the user interface. It is part of User Experience Design (UX); the user experience of mobile journeys.

UI is intended to help the user achieve goals using visual elements. The primary goal is to make the user understand what is expected of him or her and to let them go through a frustration-free journey.

Before we start making mobile journeys interactive, we develop wireframes. This is a blueprint for the ‘flow’ that the end-users will go through: how are the users activated, what actions they have to perform and what is the end destination they eventually travel to. Every moment within the ‘flow’ is provided with the right structure, context, and appearance to allow the user to perform the right action.

1. Start with the final result in mind

I ask my clients what their desired result is that they want to achieve with mobile journeys. Is this offering as much experience as possible, collecting money, raising awareness, or would they like to get in touch with new target groups and get to know them better? The goal is everything that determines the final interface design. Sometimes they want to prompt the user to take multiple actions; then the trick is to set up the interface in such a way that the user is taken along in a logical flow where he is told in a very accessible way with visuals what is expected of him and what actions he must take. In my working method, I ensure that the hierarchy determination and readability are placed in such a way that the user performs tasks in the desired order.

2. Use recognizable elements from everyday life

From the mobile journey, people can share online promotions, donation requests, and invitations via WhatsApp and other social media. At the moment, this is the communication channel that most Dutch people use on a daily basis. That is why we place the WhatsApp contact function on the contact page. Recognizable icons, color compositions, and illustrations help the user to understand the interface more easily and quickly and to take action.

Photo by Alexander Shatov on Unsplash

3. Boost user trust using UI and sweet spot content

The interface design should communicate the brand values of your organization in such a way that the trust of the users is strengthened. A consistent application of the corporate identity of the organization and/or the campaign ensures recognizability. Sweet spot content helps with this. This is content that is in line with your brand values and tailored to the interests and interests of your target group. Think of the tone of voice, tips, explanation, image, or video of fellow collectors, volunteers, or well-known ambassadors who are committed to your organization. They appeal to your target group and at the same time represent the brand values of your organization.

4. Center the user and make them feel seen.

The user is always central in the mobile journeys. To make an online donation request or invitation personal, attractive, and reliable, every user can make the mobile journey ‘unique’. He can put together his profile (own profile picture, motivation, target amount) on a personal page. This information is sent with the invitation to let friends donate. In addition, a user also gains insight into his own results so that he feels that he is seen and his actions matter.

Photo by Markus Spiske on Unsplash

5. Surprise and challenge the user

This can be done by adding surprising animations or game elements that enrich the user experience of the end-user. This is also known as gamification. An example of this is the mobile collection of Hartstichting, where collectors could obtain different medals (bronze, silver, or gold) based on their personal yield. A countdown clock or a progress bar of the income can be shown as an extra incentive for the mobile collector.