App Details Redesign

App Details Redesign

App Details Redesign

Enhanced usability, readability, and user comprehension to guide customers in making better parenting decisions for kids' phone app use.

Enhanced usability, readability, and user comprehension to guide customers in making better parenting decisions for kids' phone app use.

Overview

Overview

Pinwheel is a tech startup dedicated to helping children and youth develop healthy technology habits. It provides caregivers with tools and knowledge to ensure kids use technology safely and appropriately. During my internship, I contributed to a broader project aimed at enhancing customer satisfaction with the Pinwheel App Library, a core value proposition within the Caregiver Portal app.


This case study highlights the redesign of the App Details Card, a key feature within the App Library. The new design makes it easier for caregivers to make informed decisions about an app’s appropriateness for their child, creating a more satisfying and user-friendly experience.


I took on dual roles as a product manager and designer, and collaborated with cross-functional teams. I contributed to the design process through discovery research, information architecture, design ideation and wireframing.

Project Goal

Project Goal

Support caregivers in making informed decisions about whether an app is appropriate for their child.

Support caregivers in making informed decisions about whether an app is appropriate for their child.

My Role

My Role

Product Design

Product Managment

Timeline

Timeline

8 Weeks

Team

Team

1 Product Designer

Third-Party App

Engineering

Skills

Skills

UI Design

Information Architecture

Continuous Discovery

Design Audit

Context

Context

App Details with a safety level system to inform caregiver app selection.

App Details with a safety level system to inform caregiver app selection.

The Pinwheel App Library is a curated collection within the Caregiver Portal, designed to help caregivers choose appropriate apps for their kids.


To accommodate varying child ages and family values, each app is evaluated using a safety level system -- a set of guidelines developed by child development experts:

  • Green — General app information and helpful safeguards, such as usage limitations, login requirements, or download and management instructions.

  • Yellow — Cautionary notes, highlighting potential risks or features that may require closer supervision.

  • Red — High-risk warnings, indicating content potentially unsuitable until a child is nearly ready for unrestricted adult technology.

The Pinwheel App Library is a curated collection within the Caregiver Portal, designed to help caregivers choose appropriate apps for their kids.

Each app in the library is evaluated and rated based on guidelines developed by child development experts, featuring a red-yellow-green warning system. These labels provide detailed information highlighting potential risks (e.g. loopholes to unmonitored websites or social media access). This system enables caregivers to assess app safety and make informed decisions.

Warning Labels

Problems

Problems

App information is too overwhelming to navigate and comprehend.

Though customers appreciate the comprehensive App Details provided, the current design makes it difficult for them to quickly find, navigate, and understand the specific information they need.

Current App Details Card Design

Current App Management Flow

Fragmented information architecture is causing user navigation inefficiency.

The current design separates app details, downloading, and management across distinct pages, requiring users to navigate multiple steps to complete the process, resulting in inefficiency.

The current design separates app details, downloading, and management across distinct pages, requiring users to navigate multiple steps to complete the process, resulting in inefficiency.

Solution

Solution

A redesigned All-in-One App Details Card to better support caregivers to make informed app decisions.

A redesigned All-in-One App Details Card to better support caregivers to make informed app decisions.

Our redesign of the App Details card aimed to enhance its clarity and usability. The new design was crafted to more effectively inform caregivers about potential risks and empower them to intervene appropriately, while the all-in-one design also simplified the app management process.

Easier Information Navigation and Findability

Different types of information are organized into tabs and sections, improving navigation and helping users quickly find what matters most.

App Details Card Front Page

App Warning Details

Improved Warning Clarity and Actionability

A clear structure and visual hierarchy, enhanced by collapsible sections, make content easier to digest, allowing users to quickly understand key information. The highlighted recommendation section enables users to confidently take appropriate actions.

Streamlined App Management Workflow

Download and management buttons are integrated on the same page, allowing users to read app details, make download decisions, and manage app use seamlessly—all in one place, with minimal navigation effort.

App Management Tab

Research

Research

Existing Data Analysis

Existing Data Analysis

Observed polarized user engagement patterns.

Observed polarized user engagement patterns.

To identify potential opportunities, we reviewed Hotjar recordings of customer interactions with the App Library. From there, we observed two interesting behavior patterns:

Some users spend too little time skimming.

Some users spend too little time skimming.

Some users spent very little time, quickly skimming through the content and taking action within seconds.

Others spend too much time reading in detail.

Others spend too much time reading in detail.

Others spent a long time reading app labels and details, lingering on the page for several minutes before making a decision.

User Interviews

User Interviews

Uncover user perspectives through 3 research goals.

Uncover user perspectives through 3 research goals.

To better understand the user behavior patterns we observed, I conducted 15 user interviews through phone calls and engaged with our Facebook customer group.

  • What information do they care about in the warnings?

  • Do they understand what each warning means?

  • How important are the warnings to them? Does it affect their download decision?

Key Insights

Key Insights

Users have diverse risk priorities across different families, and they struggle to quickly identify relevant information to their specific concerns.

Users have diverse risk priorities across different families, and they struggle to quickly identify relevant information to their specific concerns.

Caregivers prioritize different concerns based on their unique values and needs (e.g. some families focus on social media access, while others prioritize internet safety). However, the current system makes it hard to quickly find risk information relevant to their priorities, forcing them to sift through comprehensive details to find what matters most.

“I was looking at [the details] and it was too broad...I’m ok with text messaging apps, but not some things where he could possibly post pictures of himself online.”

“I’m OK with text messaging apps, but not some things where he could possibly post pictures of himself online.”

Pinwheel Mom

Pinwheel Mom

Users struggle to understand the reasoning behind risk level warnings.

While detailed risk reasoning information is available, the current design makes it difficult for users to quickly interpret why certain risks are labeled with specific severity levels.

“I think I see that some of them are ‘Slightly out of bounds’ and we haven’t really known why.”

“I’m OK with text messaging apps, but not some things where he could possibly post pictures of himself online.”

Pinwheel Mom

Pinwheel Mom

Users are uncertain about the appropriate actions in response to risk warnings.

While app functionality ultimately drives download decisions, the unclear presentation and actionability of warnings prevents users from making fully informed choices about downloading and managing apps.

“I don’t know what to do with the warnings.”

“I don’t know what to do with the warnings.”

Pinwheel Dad

Pinwheel Dad

Design audit

Design audit

Discovered excessive clicks in app management workflow.

Discovered excessive clicks in app management workflow.

In addition to gathering customer feedback, we also used the App Library ourselves to identify potential opportunities. We discovered that the app download and management workflow was inefficient, with tasks like reading app details, downloading, and managing schedules requiring excessive clicks and disrupting the natural user flow. As a result, I suggested streamlining this process to improve app management efficiency for users.

Design goals

Design goals

To empower caregivers to make more informed app decisions, the redesign aims to
1) enhance information navigation and findability,
2) present more clear and actionable warnings,
3) ensure a more streamlined, efficient user flow.

To empower caregivers to make more informed app decisions, the redesign aims to
1) enhance information navigation and findability,
2) present more clear and actionable warnings,
3) ensure a more streamlined, efficient user flow.

To empower caregivers to make more informed app decisions, the redesign aims to
1) enhance information navigation and findability,
2) present more clear and actionable warnings,
3) ensure a more streamlined, efficient user flow.

Design

Design

Opportunity 1

Opportunity 1

How might we support users to quickly find relevant details without missing critical content?

Design Ideation

Design Ideation

Revamp the information architecture for the card layout.

Revamp the information architecture for the card layout.

Upon closer examination, I found that the current warning information lacked a consistent hierarchy. Warnings were mixed, with some offering general information, others highlighting technical constraints, and some focusing on healthy app use. Hence, to improve navigation, I began by redesigning the information architecture.

A. Structured by Warning Categories

A. Structured by Warning Categories

Duolingo

Learn French, Spanish, Mandarin, and so much more

Violates Guidelines

App Notes & Warnings

Categories

Communication

Privacy

App Notes

Communication

Media or File Sharing Allowed

Any form of media (Photos, Videos, Audio) and files (Personal Data, PDF, Word, Text Files and etc.) with any type of content may be shared via this app.


These features can allow a child to share content that can be legitimate and healthy exchanges between friends, but has also been known to include naked photos and videos of themselves and other, crude humor, videos from popular websites and social media platforms, etc.


Recommendation:

You may want to be aware of who they have the ability to share within this app, and keep an open conversation about how they are using it.

Connects to Another App

Some controls exist to limit explicit content, privacy, or other functionality. The controls in this app are accessible to anyone using the app. No password or other parent-controlled security layer prevents changes to the settings. Your child can change any of the restrictions without your knowledge. Compliance with those boundaries is 100% on their part.

B. Structured by Risk Levels

B. Structured by Risk Levels

Duolingo

Learn French, Spanish, Mandarin, and so much more

Violates Guidelines

Violations

2

Warnings

5

Approvals

5

Warnings & Notes

More Information

Developer Site

Google Play Store Listing

C. Structured by Information Types

C. Structured by Information Types

Duolingo

Learn French, Spanish, Mandarin, and so much more

Violates Guidelines

Schedule

About

Warnings

Warnings

Factors that are unsuitable for many children and/or outside the guidelines.

Approvals

Factors that fall under the guidelines.

Approvals

4

Factors that fall under the guidelines.

Large File

120

MB

Downloads

100+

Caregivers

Category

Reading & Listening

In-app Purchase

Paid Subscription

Choosing option C as the core layout.

User research revealed that users prioritize specific types of warnings over general warning levels or categories. This insight informed the decision to adopt Option C, which provides a clear and organized hierarchy, ensuring users can easily find the information that matters most to them.

Opportunity 2

Opportunity 2

How might we make risk warnings clearer and easier to act on?

How might we make risk warnings clearer and easier to act on?

design ideation

design ideation

Enhance the structural and visual hierarchy for the information display.

Enhance the structural and visual hierarchy for the information display.

To enhance readability, comprehension, and actionability, I explored several design ideations, including different collapsible sections, text hierarchies, and display formats.

Collapsible warning display

Collapsible warning display

A. Title + Key message

A. Title + Key message

Contacts: Child Managed

Allows communication with any person your child has the contact information to add.

B. Title only

B. Title only

Contacts: Child Managed

Choosing option A for the warning display.

Choosing option A for the warning display.

Collapsible warnings with titles and key messages improve readability by allowing users to quickly find relevant information and expand for more details, accommodating both experienced and new users.

Visual hierarchy in warning descriptions

Visual hierarchy in warning descriptions

A. Bolded text for recommendations

A. Bolded text for recommendations

Media or File Sharing Allowed

Any form of media (Photos, Videos, Audio) and files (Personal Data, PDF, Word, Text Files and etc.) with any type of content may be shared via this app.


These features can allow a child to share content that can be legitimate and healthy exchanges between friends, but has also been known to include naked photos and videos of themselves and other, crude humor, videos from popular websites and social media platforms, etc.


You may want to be aware of who they have the ability to share within this app, and keep an open conversation about how they are using it.

B. Highlighted "Recommendation" section

B. Highlighted "Recommendation" section

Media or File Sharing Allowed

Any form of media (Photos, Videos, Audio) and files (Personal Data, PDF, Word, Text Files and etc.) with any type of content may be shared via this app.


These features can allow a child to share content that can be legitimate and healthy exchanges between friends, but has also been known to include naked photos and videos of themselves and other, crude humor, videos from popular websites and social media platforms, etc.


Recommendation:

You may want to be aware of who they have the ability to share within this app, and keep an open conversation about how they are using it.

Choosing option B for the visual hierarchy.

Choosing option B for the visual hierarchy.

Warning details were broken into individual sentences, with key recommendations highlighted, to improve clarity, understanding, and actionability.

App Details card display style

App Details card display style

A. Full Page

A. Full Page

B. Pop-up Modal

B. Pop-up Modal

Choosing option A for the card display style.

Choosing option A for the card display style.

I opted for a full-page display over a pop-up to maximize space, allowing for larger fonts and better text arrangement, which improves readability.

Opportunity 3

Opportunity 3

How might we make the app management process more efficient?

Design ideation

Design ideation

Integrate buttons into the card page.

We integrated the app management flow directly into the app details page by adding an "Install/Uninstall" button and a "Schedule" tab. This allows users to manage the app and select modes immediately after reading the details, resulting in a smoother user flow and transition.

High-Fi Designs

High-Fi Designs

App Details Page Layout — Enhanced Information Navigation & Findability

App Details Page Layout — Enhanced Information Navigation & Findability

Before

A pop-up modal with flat, scrollable layout stacks all types of information vertically, making it overwhelming and difficult to navigate.

After

A full-page layout with information organized into tabs and sections improves navigation, helping users quickly find what matters most.

App Information Display — Improved Warning Clarity and Actionability

Before

Insufficient hierarchy due to similar font size and weight, making the text difficult to read and comprehend.

After

Improved readability and efficiency through clearer visual hierarchy (color, typography, and highlighted recommendations) in collapsible sections.

App Download & Management Flow — Increased Navigation Efficiency

Before

Required multiple clicks/taps and switching between modals, making app management cumbersome.

After

Management options and a scroll-to-top button integrated on the same page, enabling users to read app details, make download decisions, and manage app use seamlessly, all in one place, eliminating excessive navigation.

Impact

Impact

Positive user feedback.

Positive user feedback.

In a preliminary round of feedback, caregivers found the new design more visually engaging and clear. They noted that the information was easier to comprehend and expressed interest in seeing the design implemented.

Internal stakeholder buy-ins.

Internal stakeholder buy-ins.

The App team has expressed strong support for the redesign, recognizing its potential to help customers make more informed decisions. Based on their prior interactions with users, they acknowledged that the current labeling system falls short in effectively conveying critical information to parents. The new design addresses these gaps and is seen as a valuable improvement.

Next Steps

Next Steps

Moderated usability tests.

Moderated usability tests.

Additional insights are needed from users interacting with the new designs through moderated usability tests to uncover issues and iterate on the designs.

Label re-evaluation and re-organization.

Label re-evaluation and re-organization.

The current warning labels vary in the information they provide. With the new design featuring multiple information display areas, the team will reevaluate and reorganize these warnings to ensure they are neatly sorted into the appropriate sections.

Reflections

Reflections

Be flexible with asking broad questions during user interviews.

Be flexible with asking broad questions during user interviews.

In the early interviews, I began with specific questions that aimed to test my hypotheses but struggled to uncover clear patterns in the responses. After recognizing this, I shifted to broader questions, which allowed users to share more freely and helped me uncover new opportunities and insights that were more aligned with their needs and experiences.

Show users something concrete. Don’t let them imagine.

Show users something concrete. Don’t let them imagine.

In design, users often struggle to articulate their needs or envision improvements, especially when they are accustomed to the current experience. Asking them to imagine changes can lead to unclear or misleading feedback. Instead, showing users concrete examples or concepts allows them to react more effectively, providing clearer insights into their preferences and needs. This approach can be especially valuable in iterative design, where quick feedback and progress are key.

Let’s Connect!

© 2025. Designed by Jane (Yuqing) Guo

Let’s Connect!

© 2025. Designed by Jane (Yuqing) Guo

Let’s Connect!

© 2025. Designed by Jane (Yuqing) Guo