IRENA TOSHKOVA

UX/UI Case Study of Toy Exchange Process

UX/UI Upskill Program by Telerik Academy
Duration

Aug 2021 - Jan 2023

Tools

Figma, Maze, Zeplin

Experience the Future of Toy Exchanging

The Orbitoy app is a convenient and community-driven platform that enables families to swap toys, making playtime more accessible, affordable, and sustainable for everyone. The app allows users to list their unwanted toys, browse available toys in their area, and arrange trades that suit their needs. By connecting families within local communities, the app fosters a sense of community and promotes social responsibility.

problem

Safe and Sustainable Toy Exchange

Many families struggle with toy clutter, while others cannot afford to buy new toys or have limited access to them. Traditional ways of donating or selling toys can be inefficient or unsafe. There is a need for a sustainable and safe way for families to exchange toys and make playtime more accessible and affordable for everyone.

solution

The Sustainable and Convenient Toy Exchange Solution

Create a mobile application that is accessible to all ages. It will provide an online marketing service dedicated to second-hand toys, which as brand new for many families will be impossible to buy. It will also play a key role in the local community in encouraging people to participate in initiatives, donate or educate. With our app, families can declutter their homes, save money, and give their toys a new life, while also contributing to a more sustainable and equitable world.

Approach

Creating a Toy Exchange Ecosystem

Main strategy key points are creating a user-friendly experience, promoting sustainability, building community, and effective marketing to reach our target audience. We aim to simplify the toy exchange process, provide educational resources on environmental impact, offer social features for users to connect, and use various marketing channels to reach our desired audience.

major improvements

Home Screen Overview

Central hub for accessing and managing Key Results and Tasks, providing an overview of progress and navigation to other app sections.

Progress Tracking

Track progress towards your objectives and key results with ease. View detailed insights into your goals, update and manage your Key results, and collaborate with team members across the organization.

New Features

Global Search

Conduct thorough testing to ensure the app functions efficiently and addresses user needs and preferences.

Reactions and Comments

Develop a design that allows users to quickly search within the app.

Notifications and Reminders

Send notifications and timely reminders to help users stay on track and accomplish their objectives and tasks.

Design System

Conduct thorough testing to ensure the app functions efficiently and addresses user needs and preferences.

Major Improvements

Home Screen Overview

The updated Home Screen is designed to be a centralized hub for users to easily manage and access their key results and tasks. With an overview of progress towards goals and key results, users can track their progress in real-time and make updates as needed.

Additionally, the Home Screen includes a navigation menu for quick access to other app sections, allowing users to stay on top of their objectives and achieve success with ease. By simplifying progress tracking and goal management, the app becomes an even more powerful tool for productivity and goal achievement.

Progress Tracking

Objectives - with enhanced functionality, users can track and manage their objectives more efficiently, including real-time progress tracking and collaboration with team members and the entire organization. The latest update includes key improvements for optimizing space and functionality. Descriptions now fit into 2 lines, and all components are organized in a collapsible Overview section. Users can update Tasks directly from the OKRs details screen, and custom fields, privacy status, and OKR state have been added for more flexibility and control.

Progress Tracking

Key Results - with improved gesture options, users can easily update the status of their tasks. In addition, the task screen allows users to organize and categorize their tasks based on completion and status, tracking their progress in real time.

Progress Tracking

Tasks - improve your productivity and achieve your goals efficiently with the updated Tasks screens. Easily update task status and organize them by priority, status, and progress with just a few taps. Adding a new task is now more intuitive and effortless than ever, streamlining your workflow for maximum efficiency.

New features

Global Search

With a predictive search feature, enabling users to find what they need quickly and efficiently. With enhanced search capabilities, users can save time and increase productivity by easily locating their Objectives, Key results and Tasks.

Reactions and Comments

Users can now collaborate and communicate with their team members more effectively and efficiently. Users can react to updates and progress with a variety of emojis, express their thoughts with comments, and add some fun to their communication with Gifs. These updates make the OKR mobile app a more dynamic and engaging tool for teamwork and collaboration, contributing to increased motivation and productivity for users.

Notifications and Reminders

With this feature, users can now stay up-to-date on their OKRs and Tasks with real-time notifications. Users can customize their notification preferences, receiving reminders and updates based on their unique needs and preferences.

Experience the App Firsthand

Get a feel for the app and test its functionality and user interface
view Prototype

UX/UI Case Study of Toy Exchange Process

UX/UI Upskill Program by Telerik Academy
Duration

March - May 2021

Tools

Figma, Maze, Marvel

Experience the Future of Toy Exchanging

The Orbitoy app is a convenient and community-driven platform that enables families to swap toys, making playtime more accessible, affordable, and sustainable for everyone. The app allows users to list their unwanted toys, browse available toys in their area, and arrange trades that suit their needs. By connecting families within local communities, the app fosters a sense of community and promotes social responsibility.

problem

Safe and Sustainable Toy Exchange

Many families struggle with toy clutter, while others cannot afford to buy new toys or have limited access to them. Traditional ways of donating or selling toys can be inefficient or unsafe. There is a need for a sustainable and safe way for families to exchange toys and make playtime more accessible and affordable for everyone.

solution

The Sustainable and Convenient Toy Exchange Solution

Create a mobile application that is accessible to all ages. It will provide an online marketing service dedicated to second-hand toys, which as brand new for many families will be impossible to buy. It will also play a key role in the local community in encouraging people to participate in initiatives, donate or educate. With our app, families can declutter their homes, save money, and give their toys a new life, while also contributing to a more sustainable and equitable world.

Approach

Creating a Toy Exchange Ecosystem

Main strategy key points are creating a user-friendly experience, promoting sustainability, building community, and effective marketing to reach our target audience. We aim to simplify the toy exchange process, provide educational resources on environmental impact, offer social features for users to connect, and use various marketing channels to reach our desired audience.

Strategy

Reuse and Give a Second Chance

Before going to the primary research, we wanted to analyze that similar product existing in the market. Are they helpful enough to the user to keep them engaged for the long term? Are they providing all the services that users are expecting?

Use Less and Save Money

Toy buying is no longer what it used to be. Eco-conscious parents have turned towards toy rental and toy subscription sharing services to fulfill their children's toy needs.

Declutter, Give, and Get for Less

A toy exchange, helps you declutter your home, gives those toys a good home, and lets you pick up some new ones at little to no cost. Here's how to plan a toy exchange of any size.

Stay Trendy and Eco-Friendly

Our toy subscription service offers a sustainable way for parents to keep their children entertained with the latest toy trends, while promoting reuse and sustainability.

Share Emotions for Loved Ones

Giving your children access to a world of new toys, inspire and develop children's imagination, encouraging them to explore and play with new things.

Play Together with New Friends

Sharing outgrow toys is giving a second life your beloved toy and making other people happy. It could be a start of a new friendship!

Discovery

Competitive Analysis

Before going to the primary research, we wanted to analyze that similar product existing in the market. Are they helpful enough to the user to keep them engaged for the long term? Are they providing all the services that users are expecting?

Qualitative Research

We have interviewed 10+ users in person to recognise the pattern and process they have in order to exchange toys.After analysing the data from the qualitative research, we quickly got a good overview of problems that the users have faced and what are their basic requirements.

Quantitative Research

We conducted an online survey for consumers so that we could observe a similar pattern in terms of their responses. About 30+ people took part in the survey and made this study possible.

User Persona

These insights helped us to create detailed user personas that guided the design process and ensured that the app met the needs of its intended users. Meet the main persona.

Epics & User Stories

With a predictive search feature, enabling users to find what they need quickly and efficiently. With enhanced search capabilities, users can save time and increase productivity by easily locating their Objectives, Key results and Tasks.

Journey Map

Through the journey map, we will gain a deeper understanding of the user experience and make targeted improvements to improve the overall experience. This can ensure that users can successfully exchange toys and enjoy using the app.

Ideate

Information Architecture

Based on the research, an Information architecture was formed that was intuitive for users to navigate. The app is divided into sections, each section dedicated to a specific area of functionality, such as browsing available toys, managing one's own toy lists, or connecting with other users to exchange toys.

Design

Style Guide

The primary font for the app is Poppins, a modern and elegant typeface that adds a touch of sophistication to the design. The color palette includes shades of plum purple and bittersweet, which create a bold and eye-catching aesthetic. These colors can be used in a balanced way throughout the app's interface to create a visually appealing and cohesive design.

Foundations

The style guide also includes guidelines for the app's foundational elements, such as button styles, icons, and layout grids, as well as the app's logo, which is a critical element of the brand identity. These guidelines help to ensure that the design of the app is consistent, memorable, and visually appealing to users.

Logo Design

The logo is designed to be memorable and represent the app's mission to create a fun and engaging toy sharing platform. It is playful and colorful, with oval and soft shapes. The typography matches the main font used throughout the app, creating a cohesive and professional look. The logotype symbolising “orbit” and the cycling path of toys, exchange and sharing between users.

Visual Design

Onboarding

The Onboarding screens have a minimalist and visually appealing design, using illustrations to guide visitors through a quick transition. The flow explains the summary of the toy exchange experience, ensuring a seamless introduction to the app.

Login & Register

The Login/Registration screens are designed to provide a simplified user registration experience. Users can quickly register with their phone number or email, or alternatively, they can choose to log in via their social network account. This streamlined process makes it quick and convenient for users to join our platform.

Home

The Home screen serves as a feed where users can easily browse through toy ads that are visible and accessible. In addition, the search and filter options make it easy for parents to find the specific toys they are looking for. Adding a toy to the exchange platform is also made convenient through the Plus button, located on the Feed Page.

Item Details

The Item screen allows users to view detailed information about a specific toy, and also provides the option for exchange with other users. Users can receive exchange offers through the "Incoming notifications" page, where they can accept or reject them.

Upload an Item

To upload a new toy, the process is easy and straightforward. With just a few simple steps, users can add a new item to the platform. To begin, users can navigate to the "Plus" tab on the app and follow the instructions to upload the toy.

More Screens

With over 70 screens available, users can access various functions such as settings, notifications, user profiles, and messaging. The extensive collection of screens ensures that users have all the necessary features at their fingertips, making the toy exchange app a one-stop-shop for all their toy exchange needs.

Experience the App Firsthand

Get a feel for the app and test its functionality and user interface
view Prototype

UX/UI Case Study of Toy Exchange Process

UX/UI Upskill Program by Telerik Academy
Duration

Aug 2022- Jan 2023

Tools

Figma, Maze, Coda

Experience the Future of Toy Exchanging

The Orbitoy app is a convenient and community-driven platform that enables families to swap toys, making playtime more accessible, affordable, and sustainable for everyone. The app allows users to list their unwanted toys, browse available toys in their area, and arrange trades that suit their needs. By connecting families within local communities, the app fosters a sense of community and promotes social responsibility.

problem

Safe and Sustainable Toy Exchange

Many families struggle with toy clutter, while others cannot afford to buy new toys or have limited access to them. Traditional ways of donating or selling toys can be inefficient or unsafe. There is a need for a sustainable and safe way for families to exchange toys and make playtime more accessible and affordable for everyone.

solution

The Sustainable and Convenient Toy Exchange Solution

Create a mobile application that is accessible to all ages. It will provide an online marketing service dedicated to second-hand toys, which as brand new for many families will be impossible to buy. It will also play a key role in the local community in encouraging people to participate in initiatives, donate or educate. With our app, families can declutter their homes, save money, and give their toys a new life, while also contributing to a more sustainable and equitable world.

Approach

Creating a Toy Exchange Ecosystem

Main strategy key points are creating a user-friendly experience, promoting sustainability, building community, and effective marketing to reach our target audience. We aim to simplify the toy exchange process, provide educational resources on environmental impact, offer social features for users to connect, and use various marketing channels to reach our desired audience.

major improvements

Improved Usability

The new design should make it easier for users to understand the purpose of the form and complete it quickly and accurately.

Accessibility Compliance

The form has been updated to meet accessibility standards, ensuring that all users, including those with disabilities, can easily navigate and interact with the form.

Visual Enhancements

All visual elements, such as typography, colors, and icons, have been refined to improve readability, clarity, and overall aesthetics. This creates a visually appealing and engaging experience for users.

Simplified Layout

The redesigned form will have a more intuitive and user-friendly layout, making it easier for users to navigate and complete.

Initial Implementation

The form lacked consistency with the platform's design, with mismatched typography, colors, and field styles. Additionally, the Confidence level label and Check-in date field were confusing for users. Custom fields were also not appropriately organized, making them difficult to use. Overall, the initial design needed significant improvements to ensure an optimal user experience.

Key Result Details

The process of completing a Key Result can be set to two different types: one that track each step of progress toward achieving, and another that reports achievement with a simple yes or no. By default, the form is set to contain 3 Confidence levels, buttons, but up to 11 Custom levels can be created, which makes the interface look cluttered. Also, there can be different and a large number of custom files, which makes the form difficult to track.

To address this issue, several iterations and tests were carried out to refine the design and improve usability.

First Iterations

Initial iterations aimed to explore component placement to find the most efficient design. The main focus was on Current value, Confidence level, Update date and others. These interactions aimed to identify the most user-friendly and intuitive placement of each component for optimal usability and accessibility.

First Usability Testing

We conducted 2 rounds of unmoderated usability testing to gather feedback from users. The first round was held with colleagues across the company, within 2 weeks, using Maze, 37 respondents participated. This was a critical step in the design process to ensure that the Key Result form was user-friendly and accessible. The feedback gathered from the test helped us identify areas of improvement and make necessary changes to the form.

Test Results

A majority of users found the updated Key Result form to be easy to use, with 57% of respondents with 16 out of 36 respondents giving it a score of 5 out of 5 for ease of use. In addition, a significant number of users (44%) reported that the experience met their expectations, with 16 out of 36 respondents giving a score of 8 out of 10 or higher.

The results suggest that the new form is meeting the needs and expectations of a large number of users, which is a positive outcome for the project. Based on this feedback, we will continue to iterate and improve the form to ensure that it meets the needs of all users.

Final Iterations

The form has been improved based on user feedback with increased visibility of KR owners and Current value, addition of a More options accordion for the extra fields, information on who will receive notifications about the update, and placement of required Custom fields in the main section.

Second Usability Testing

In the second usability testing with clients in 2022, 37 respondents participated. Of the 23 respondents who answered the question on satisfaction with updating Key Results, 65% (15 users) gave a score of 4 out of 5. Most respondents (44%/12 users) said they need 2 or 3 confidence levels for their Key Results. The "More options" label for additional update options was selected by 63% (15 testers), and 75% (18 of 24 respondents) expected it to be in that position. This feedback will help improve the Key Result form's usability and accessibility.

After the tests were completed and feedback was gathered and analyzed, the final version of the Key Result form was implemented and made available for use by customers.

Experience the App Firsthand

Get a feel for the app and test its functionality and user interface
view Prototype