Mimo is an App for online-learning, and I have designedly added the guide page into the App this time. In my opinion, a good design can guide users and help them understand the product characteristics and approaches in the least efforts. Therefore, the guide page really matters as it can not only leave the first impression on users, but also provides the instructions and help for users. After that, I will try other ways to make the guide page “live”, here let’s look at how it looks like!
Firstly, let’s take a quick look at the GIF:
Click here to view this project online: http://run.mockplus.com/7vhSVATDKmJt72y2/index.html
And here is the UI Flow in large size for it:
The main pages of this prototype include: Start, Sign up/In, Courses, Bookmarks, Settings, etc.
All the above pages can be downloaded from here.
All pages of the album (10 pics in total) can be downloaded from here.
Enjoy it!
A free prototyping tool to create wireframes or interactive prototypes in minutes.
A free UI design tool to design, animate, collaborate and handoff right in the browser.