Prototyping

To understand the essential features of the Feedback Platform Application, we wrote down user stories, and categorised each of them into 3 main features:

1. Discover Dance Videos
2. Dance Communities
3. Dance Challenges

For example, for discovering dance videos, the following are some user stories:

• As a user, I can view videos according to the dance genre
• As a user, I can mark comment, reply, or video as helpful (help a person to gain points)
• As a user, I can see trending dance videos

With these requirements set, I was tasked to design the UI.

UI Design

To quickly get started, I used Sketch and the Apple Design UI Library. For every new UI design I do, I spend a good 4-6 hours trying to get the right colour scheme and also how each of the components will look like.

My design was heavily inspired by YouTube, the master of user-uploaded video community platform. I used a dark theme to emphasise the videos, while focusing on the video thumbnails. I figured that stories would be a good way to easily (or lazily) discover dance videos by various video channels.

With this screen, our point was to get dancers to widen their horizon by discovering all sorts of dance genres, and also to provide them with a one-stop platform for all dance videos. They can learn and get motivated from other dancers by giving or receiving feedback via comments on the dance videos they upload.

The main point of dance communities was to allow dancers to find other similar dancers, learn from them, or even practice dance together once they get to know them. Communities can either be private (for small teams) or public (for idol groups and fans). They can easily catch-up on their communities' updates, receive or give feedback and participate in dance challenges.

To encourage and motivate dancers to challenge themselves, they can participate in challenges that interest them. For example, one of such programme would be to submit their dance cover via the app and the chosen few dancers will get the chance to meet and dance alongside their dance idols!

Introductory Video

Enjoy a video that summarises the features. This video was made in iMovie, using a series of animations by Rotato.xyz. At this point in time, I was still using the free version of Rotato but I have since bought it to support them!

<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://player.vimeo.com/video/372089616' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

Thank you for reading and I hope you have enjoyed this series!