Frame 149.png

LOOP is a project started from Daily UI Challenge. With the thought of not just being a Figma skill practice, I pushed a bit forward with competitive analysis.

Duration

Jan 2021 (around 2 weeks)

Category

Daily UI Challenge, competitive analysis, wireframe, style guideline, prototype

Role

Visual Designer, UI Designer

Google Pixel 2 - 12.png
Google Pixel 2 - 40.png

Overview

This is my first time trying to create a Music App, I am quite curious about how other apps do their works. I checked App Annie (a Mobile data and analytics company) to figure out which app is most used in Taiwan's market. Then I will apply the must-have functions in my design.

Process of this project

Frame 143.png

Research

Competitive Analysis

The problem I want to solve in this stage is what should I include on the HOME page. The first step is to know what's out there in the market. Therefore, I go on the App Annie website to acquire music app analytics and data.

Frame 141.png
Frame 142.png

Must-have

  • Recommendations by user preference

  • Playlists

  • New Release

Key Takeaways

  • Personalization is the most important feature in all music apps.

  • To all the features be reached easier, the tab bar is the better way to list features.

  • Apart from must-haves, Charts could be useful for users.

Design

Wireframe

Frame 144.png

Design

Style Guideline

Frame 116.png

Design

Prototype

Frame 145.png
Frame 147.png
Frame 146.png
Frame 148.png

Reflection

If I could do it again?

After finished this project in January, I have been through a UX/UI internship (Mar/April 2021) and working on Google UX Certificate Program from May 2021.

 

So, what I can do to improve this project?

Design Thinking & User-Centered Design

I learned about the Design Thinking process and UCD(User-Centered Design) in the first course of the Google UX Certificate Program. The first thing I realized is I only thought about Me and other companies' apps rather than the user's need. If I could do it again,

1.A Survey and Interviews could help me to know the user better.

2.use Persona and HMW (How might we) to put me in the user's shoes.

Explore different UI style

At that time, I was a newbie in UX/UI world. Without considering too much, I choose the dark theme as the music app style, cause all the competitors doing so. The style is just safe but didn't have an identical brand vibe. 

More UX/UI Works

Daily UI Collections

UI Design, Figma Practice

Home

Care For Cook

RWD web design

Illustration