1 of 26

Anime Figures shopping app

Nie

2 of 26

The product:

Anime Figures shopping App is a shopping that helps users find and buy upcoming Anime figures around the world. The Anime Figures shopping App allows users to view and purchase any upcoming Anime figures with the maker's information. It also allows the user to pre-order any of the upcoming Anime figures and buy any Anime figures that are in stock.

Project overview

Project duration:

08/10/2023 to 08/20/2023.

3 of 26

The problem:

Difficult to locate customer's package by like other shopping sites

Project overview

The goal:

Design an app for people to buy their favorite anime figures, allowing users to easily buy their anime characters anywhere in the world.

4 of 26

My role:

UX designer designing an app for anime figure shopping app from conception to delivery.

Project overview

Responsibilities:

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs..

5 of 26

Understanding

the user

  • User research
  • Personas
  • Problem statements
  • User journey maps

6 of 26

User research: summary

I conducted interviews and created empathy maps to understand the users I’m designing for their needs. A primary user group identified through research was adults and teens who like Anime.

This user group confirmed initial assumptions about Anime Figure's customers, but research also revealed that buying Anime Figure in their home country was not the only factor limiting. Other user problems included area, Anime Figure type, or shipping which make it difficult to buy anime figures around the world.

7 of 26

User research: pain points

Area

It is hard to buy different kinds of anime figures in user home country

Upcoming

Anime figures app hard to look for all the upcoming anime figures around the world

Shipping

It needs a package checker to check user packages around the world.

1

2

3

8 of 26

Persona: JoJo

Problem statement:

Jojo, a college student who loves to watch anime, needs to be able to easily order different anime figures around the world. she wants to shop, but it is hard to buy the upcoming anime figures in her home country.

9 of 26

User journey map

Mapping Jojo user journey revealed how helpful it would be for users to have access to a dedicated anime figures shopping app.

10 of 26

  • Paper wireframes
  • Digital wireframes
  • Low-fidelity prototype
  • Usability studies

Starting

the design

11 of 26

Paper wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy to search and use AI chat.

Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes.

12 of 26

Digital wireframes

As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

This button at the top of the home screen makes it fast and easy for users to open the each menu.

The text AIChat and Communities allow user to view the three main theme of the app.

13 of 26

Digital wireframes

Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.

Easy access the information of the anime figures.

14 of 26

Low-fidelity prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was building and shopping app, so the prototype could be used in a usability study.

View the anime shopping app�low-fidelity prototype

15 of 26

Usability study: findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Users want know how to use the APP

1

Users want more information about anime figures

2

Users want a know the upcoming date

3

Round 1 findings

The upcoming page need more information

1

Users want to view the history of order

2

Round 2 findings

3

The app need to have guest view version

16 of 26

  • Mockups
  • High-fidelity prototype
  • Accessibility

Refining

the design

17 of 26

Mockups

Early designs allowed for some customization, but after the usability studies, I added an additional post-anime picture.

Before usability studies

After usability studies

18 of 26

Mockups

The second usability study user wants the image for each ingredient in the recipe. So, I add an image and more information about the figures.

Before usability study 2

After usability study 2

19 of 26

Key mockups

20 of 26

High-fidelity prototype

The final high-fidelity prototype presented cleaner user flows for building a shopping and information. It also met user needs for searching, view , and check an anime figures .

View the anime shopping app high-fidelity prototype

21 of 26

Accessibility considerations

Provide a clear usage for new users by adding an more information about anime figures.

Add more information about upcoming figures date, price, and name .

Use shipping tracker to show more information about the package

1

2

3

22 of 26

  • Takeaways
  • Next steps

Going forward

23 of 26

Takeaways

Impact:

The app makes users feel like anime figures shopping app really thinks about how to meet their needs.

One quote from peer feedback:

“The app makes anime fans can shop all around the world.

What I learned:

While designing the anime figures shopping app, I learn a lot about how to make the app more useful and make the flow easier for the user.

24 of 26

Next steps

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

Conduct more user research and market research to identify any new optimizations and upgrades.

1

2

25 of 26

Let’s connect!

Thank you for your time reviewing my work on the Anime figures shopping app! If you’d like to see more or get in touch, my contact information is provided below.

Email: yuanshen000022@gmail.com

26 of 26

Thank you!