Main goal to achieve from this exercise is identifying the 'quick-wins' from this UI/UX review and suggestions.
The 'Quick Wins'
The first impressions are 94% design related
Functionality and user experience are not everything. The first impressions are 94% design related. What's the first thing that a person sees in an app? The interface. So, a designer needs to choose among the different type of user interfaces one that would ensure that a user sticks by and enjoys browsing the app. Additionally, the brand identity (BI) applied design system will identity its characteristics.
From that, I've gathered the top 3 most basic mobile screen types and some additional considerations.
1. Design System
2. Screens (Splash Screen, Onboarding screen, Home screens)
Design System
The importance of design system
A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.
Building a Design System
What are the key steps to building a design system?
1. Conduct a visual audit
2. Create a visual design language - Colour, Typography, Sizing and spacing, Imagery
3. Create a UI/Pattern library
4. Document what each component is and when to use it
Design System example
Screens
Splash Screen
A splash screen is the first screen you see when you launch a mobile application. A perfect splash screen design attracts the user's interest with impressive illustrations, intriguing headlines, and additional components of an app UI just as the application silently gets ready behind this scene.
Other popular functions of splash screens are all about marketing.
There are several details to make lasting impression:
1. Strive for simplicity - a great splash screen consist of application's name, logo and some background image, no complex things on it.
2. Show it for no more than 3 seconds - If the application requires more time to load, add a progress bar.
3. Take action/effect on transition - when the loading is finished transition to next page in the latest style will catch an eye.
Good examples on 'Simplicity'
Onboarding Screen
The onboarding screens are a collection of screens with a purpose to demonstrate a mobile app's main features and benefits and lead users through its interface.
The form and text of an app onboarding depends on its purpose, all onboarding screens have some basic practice.
1. Familiarise a user about the app's major functions and what are they are needed for
2. Give the opportunity to make a registration
3. Collect that information to improve personalisation.
Most importantly, Show onboarding to the first-time user only. Not to the returning ones.
Captured splash/onboard screen
Combined splash and onboard screen used on the app used and a good example to compare the style and methodology.
Home Screens
The home screen is the main component of a mobile application presenting its menu and key features.
The composition of home screens is highly dependable on the app's purpose and may vary a lot because a home screen should present the most frequently used features. However, there are some common features.
And this study shouldn't stop here...
So, what's next?
I am very keen to learn more about the product and want to be part of this exciting journey. With my skills, knowledges and passion, I will be a good part of the team for sure.
Reach me out anytime, I am ready to answer any complex questions!
0411 713 626 / imagehubs@gmail.com
Young Kim