KnowledgeHub - Online Courses for Smartphone Users
The educational platform I have chosen is 'KnowledgeHub', which offers a wide range of online courses in copywriting and marketing. For this project, I am focusing on the mobile app - this is the most common tool to access educational content for many users.
I have designed three different scenarios that can be helpful for users of the 'KnowledgeHub' platform. Each of these states is designed to inform and motivate users to take further action:
1. Empty state resulting from no internet connection:
Users may often use the app in locations where the internet connection may be unstable.
The inclusion of a 'Try again' button is intended to make it easier for the user to try connecting again.
2. Empty status resulting from no courses purchased:
Informs new users that they must first purchase courses before they can use them. It also suggests the first courses that are worth purchasing to start with.
3. Empty status after all available courses have been completed:
Motivates users who have already completed all the courses available to them to continue learning by viewing new courses or repeating previously completed material.
_____________
All empty states were designed in a visually appealing way, using colour schemes and graphics consistent with the main 'KnowledgeHub' brand style. The colour scheme, based on shades of turquoise and blue, aims to convey a sense of confidence, knowledge, and optimism, which is in line with the brand voice of the learning platform.
I chose fun and light illustrations so as not to overwhelm the users and encourage them to continue using the platform.
Reviews
3 reviews
I really enjoyed reviewing your work, Michalina! You've found a great balance between humor and informativeness for empty screens, and the relevant illustrations enhance the overall message effectively. The color theme and typeface are well-suited for a platform that offers courses in tech disciplines.
Well done!
Michalina, you have a decent start here. Here's what I like. The content you chose and the illustrations go together really well. The content and illustrations for the no purchases and completed course screen are particularly fitting for the Knowledge Hub brand. I like that you gave the users an option to browse other course that may interest them in the "no courses purchased" screen.
Here's some room for improvement:
- Add more spacing for top and bottom safe areas.
- On the no internet connection screen, it may be better to separate the hierarchy of the text description and button. Consider changing this to be some brief instructional text "Please check your internet settings and try again", with a button below "Refresh".
- The "Congratulations" screen isn't really a empty state, though I see your reasoning. It's more a success state. Instead, you can add a empty state if there are no courses found in a search page
I like the copy, it is clear, much like the branding choice, it is easy to understand.
Things that you could change are the typeface, the colour, and contrast.
You might also like

Sneak

Heuristic Evaluation - Booking.com

User persona for TikTok

Empathy Map - Revolut
![UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]](https://users-content.uxcel.com/451aa544-1b86-419f-9120-5a6ac83f023f/briefs/universaltaxprofessionals-website-revamp-informational-website-thubmnail-8090-1756604786988.jpeg)
UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]
