movo

movo is an app designed to make discovering, organizing, and sharing movies more natural and enjoyable.

It helps users manage their “Want to Watch,” “Watched,” and “Favorite” movies while offering personalized recommendations based on their preferences and viewing behavior.

Throughout the project, we conducted Card Sorting and Tree Testing to optimize the information architecture, followed by Heuristic Evaluation, UX Honeycomb Analysis, and Usability Testing to continuously refine the design.

This project aimed to balance user-centered information design and iterative evaluation and improvement.

Duration

2 months

Duration

2 months

Tool

Figma, UX tweak

Tool

Figma, UX tweak

Type

App, Website - Desktop, Tablet

Type

App, Website - Desktop, Tablet

Link

Figma

Link

Figma

Yellow Flower

Process

Week 1

Research

Week 2

Intial design

Week 3

Multi-platform Design

Week 4

Usability Testing

Week 1

Research

Week 2

Intial design

Week 3

Multi-platform Design

Week 4

Usability Testing

Week 1

Research

Week 2

Intial design

Week 3

Multi-platform Design

Week 4

Usability Testing

Challenge & Goal

Research & Insights

Research & Insights

Card Sorting

Tool

UX Tweak

Target

target

Paticipants

27

To optimize the information architecture, an open card sorting test was conducted using UX Tweak.
Participants grouped elements such as Genre, Country, Director, Actor, Award, etc., to visualize how they naturally categorize film information.

Many participants grouped “Director” and “Actor” together, recognizing them as a connected part of the film’s creative structure.
However, ambiguous labels like “Future” or “Last Chance” caused confusion, and national categories (Korea, America, etc.) were often mixed with genres.

Insights

01

Users tend to structure information around “movie details.”

02

Ambiguous labels increase cognitive load and cause navigation errors.

03

Regional and genre information should be clearly separated.

Design Refrection

Based on these findings, categories were redefined using intuitive and familiar wording (e.g., “Future” → “Upcoming”).
Genre and country structures were separated to reduce confusion and improve discoverability.

Card Sorting

Tool

UX Tweak

Target

target

Paticipants

27

To optimize the information architecture, an open card sorting test was conducted using UX Tweak.
Participants grouped elements such as Genre, Country, Director, Actor, Award, etc., to visualize how they naturally categorize film information.

Many participants grouped “Director” and “Actor” together, recognizing them as a connected part of the film’s creative structure.
However, ambiguous labels like “Future” or “Last Chance” caused confusion, and national categories (Korea, America, etc.) were often mixed with genres.

Insights

01

Users tend to structure information around “movie details.”

02

Ambiguous labels increase cognitive load and cause navigation errors.

03

Regional and genre information should be clearly separated.

Design Refrection

Based on these findings, categories were redefined using intuitive and familiar wording (e.g., “Future” → “Upcoming”).
Genre and country structures were separated to reduce confusion and improve discoverability.

Tree Testing

Tool

UX Teask

Paticipants

25

A tree testing study with six tasks was conducted to validate the newly restructured hierarchy.


Tasks included finding “Korean action films” or “upcoming releases.”
Results showed that information overload and overlapping categories led to confusion.

Insights

01

Excessive information causes user confusion.

02

Merging similar categories improves clarity and efficiency.

Design Refrection

Redundant layers were removed, enabling users to reach goals within two intuitive steps.
The refined sitemap reduced friction and improved task success through a clear and concise navigation flow.

Tree Testing

Tool

UX Teask

Paticipants

25

A tree testing study with six tasks was conducted to validate the newly restructured hierarchy.


Tasks included finding “Korean action films” or “upcoming releases.”
Results showed that information overload and overlapping categories led to confusion.

Insights

01

Excessive information causes user confusion.

02

Merging similar categories improves clarity and efficiency.

Design Refrection

Redundant layers were removed, enabling users to reach goals within two intuitive steps.
The refined sitemap reduced friction and improved task success through a clear and concise navigation flow.

Site map

To redefine the app’s information structure, I created a site map based on insights from both the card sorting and tree testing sessions. From the card sorting, I discovered that users tend to group information intuitively — for example, treating directors and actors as part of the same “movie details” category, and preferring simple, relatable labels instead of technical ones. The tree testing further validated this by revealing that users were able to navigate faster and more accurately when related content was consolidated under clear, goal-oriented sections. Based on these findings, I reorganized the hierarchy into five main sections: Home, Explore, My List, My Page, and Movie Detail.

Persona

woman wearing black zip-up jacket leaning on wall
Olivia

UI/UX Designer

Pain points

  • Confusing labels or menu names make it hard to know which feature to use.

  • Too much information on screen makes the interface harder to read and understand.

  • Unclear UI elements cause users to hesitate about.

  • Limited list management makes it inconvenient to organize saved or favorite movies.

Opportunity

  • Want simple and intuitive navigation to reduce confusion.

  • Users value a balance between rich information and clarity.

  • Expect clear visual cues to know what they can interact with.

  • Need more control over how they organize and personalize their content.

woman wearing black zip-up jacket leaning on wall
Olivia

UI/UX Designer

Pain points

  • Confusing labels or menu names make it hard to know which feature to use.

  • Too much information on screen makes the interface harder to read and understand.

  • Unclear UI elements cause users to hesitate about.

  • Limited list management makes it inconvenient to organize saved or favorite movies.

Opportunity

  • Want simple and intuitive navigation to reduce confusion.

  • Users value a balance between rich information and clarity.

  • Expect clear visual cues to know what they can interact with.

  • Need more control over how they organize and personalize their content.

Design system

Research & Insights

Research & Insights

Heuristic Evaluation

To optimize the information architecture, an open card sorting test was conducted using UX Tweak.
Participants grouped elements such as Genre, Country, Director, Actor, Award, etc., to visualize how they naturally categorize film information.

Many participants grouped “Director” and “Actor” together, recognizing them as a connected part of the film’s creative structure.
However, ambiguous labels like “Future” or “Last Chance” caused confusion, and national categories (Korea, America, etc.) were often mixed with genres.

02

Match Between System and Real World
Issue

Missing information about where to watch movies

Improvement

Added viewing location details on movie pages

04

Consistency and Standards
Issue

Inconsistent card design across pages

Improvement

Unified card design across all screens

06

Recognition rather than Recall
Issue

Icons in navigation were unclear

Improvement

Added text labels for better recognition

08

Aesthetic and Minimalist Design
Issue

Cards were too dense visually

Improvement

Adjusted spacing for better readability

Design Refrection

The interface was redesigned to make interaction states more visible and intuitive.
Spacing, hierarchy, and color rules were standardized to create a user-friendly and consistent design system.

Heuristic Evaluation

To optimize the information architecture, an open card sorting test was conducted using UX Tweak.
Participants grouped elements such as Genre, Country, Director, Actor, Award, etc., to visualize how they naturally categorize film information.

Many participants grouped “Director” and “Actor” together, recognizing them as a connected part of the film’s creative structure.
However, ambiguous labels like “Future” or “Last Chance” caused confusion, and national categories (Korea, America, etc.) were often mixed with genres.

02

Match Between System and Real World
Issue

Missing information about where to watch movies

Improvement

Added viewing location details on movie pages

04

Consistency and Standards
Issue

Inconsistent card design across pages

Improvement

Unified card design across all screens

Design Refrection

The interface was redesigned to make interaction states more visible and intuitive.
Spacing, hierarchy, and color rules were standardized to create a user-friendly and consistent design system.

Preference Test

Tool

UX Tweak

Paticipants

22

A preference test was conducted to compare title designs and card UI options based on the heuristic evaluation results.
The goal was to identify which layout felt more approachable and visually balanced for users.

Three card layout variations were created based on comparative analysis with popular movie platforms.
Participants were asked which version felt the most user-friendly and visually clear.
As a result, the chosen design achieved the best balance between readability, hierarchy, and interaction visibility.

For the title section, I tested options such as “Saved,” “My List,” and “Watch List,” inspired by major streaming services like Netflix and Disney+.
Users selected “My List” as the most familiar and intuitive term, suggesting a stronger sense of personal connection and ownership.

Design Refrection

Through this preference test, I realized how small wording or layout differences can significantly influence a user’s sense of familiarity and comfort.
Even when the overall design system was consistent, users instinctively gravitated toward the version that felt emotionally closer to their daily experiences.

Preference Test

Tool

UX Tweak

Paticipants

22

A preference test was conducted to compare title designs and card UI options based on the heuristic evaluation results.
The goal was to identify which layout felt more approachable and visually balanced for users.

Three card layout variations were created based on comparative analysis with popular movie platforms.
Participants were asked which version felt the most user-friendly and visually clear.
As a result, the chosen design achieved the best balance between readability, hierarchy, and interaction visibility.

For the title section, I tested options such as “Saved,” “My List,” and “Watch List,” inspired by major streaming services like Netflix and Disney+.
Users selected “My List” as the most familiar and intuitive term, suggesting a stronger sense of personal connection and ownership.

Design Refrection

Through this preference test, I realized how small wording or layout differences can significantly influence a user’s sense of familiarity and comfort.
Even when the overall design system was consistent, users instinctively gravitated toward the version that felt emotionally closer to their daily experiences.

Final design

A preference test was conducted to compare multiple card layouts, and the most user-friendly design was adopted across all pages.

This consistency improved both usability and the overall visual coherence of the interface.

The tablet version was optimized for responsive design, ensuring usability across various screen sizes.

Additional search options were introduced, allowing users to explore movies by genre, title, or platform, in addition to the search bar.

The desktop layout follows the same structure as the tablet version but utilizes wider spacing and grid optimization to improve readability.

It allows users to browse multiple movie cards at once, enabling quick and intuitive navigation to their desired content.

Prototype