Goal
Make a UI Design of a very simple chat application that is easy to use and not clustered and complicated to overwhelm the user.
Problem
Most of the chat applications we have now are not easy and simplier to users, they have e-commerce, marketing, advertisement capabilities in them, which overwhelms a new user or even a long term user.
Design System
A Design System keeps me consistent through the design of the application.
Colors
I choose these colors, the green and grey and I use the alpha value for controlling the density of the color on the sidenav and sidebar.
- The Green color is known for its nature centered ability to bring to a user and this brings comfortability and calmness to a user as nature does. The user must be at ease and expect that the application is complex.
- The dark grey color is for emphesis or to be more dominant on the page so that a user can always know where the sidenav and sidebar are located.
Fonts
I chose QuickSand for the font of the application. It brings a friendly look to the user, its not rough, sketchy nor standard but has a play-look on it. It is one of the nicest and used fonts besides Roboto.
Icons
I have used Ionicons for the icons of the application. They are easy to use, customize and very minimal, which benefits big time when importing them into your app.
Results
Conclusion
Most social media apps are complex and overwhelming in terms of content so a simple UI Design makes a huge difference.