NeoChat

App Design

NeoChat Mobile App Screens Mockup
Timeline
Jan - May 2022
My Role
Contribution
User Research Product Strategy UX / UI Design Usability Testing
Team
x1 UX/UI Designer x2 Mentors

Slow HTML Conversion Hinders User Growth

The ongoing flash-to-html conversion of Neopets, a pet-world website from the late 90s, causes an increased risk of losing potential and existing user engagement. Seasoned users resort to bookmarking pages and using off-site resources to effectively accomplish their goals.

How can we reduce the site's interaction complexity to nurture the existing user community's engagement?

Independent from the Neopets company, I spent 8 weeks developing a research report, followed by 8 weeks designing a solution for Neopets website users. I gained support, feedback, and insights from mentors and existing Neopets users, which heavily informed the final app solution.

Easily Stay on Top Pet-World Activity and Track Personal Goals (New Feature!)

Neopets became a safe haven for many children who still engage with the website today, and communicating with other users to quickly locate items, trade, and more is an important aspect of this pet-world experience. With the NeoChat application, avid Neopets users can more easily stay on top of site-related notifications, track their goals, and easily access interactions with other users.

Easily Stay on Top Pet-World Activity and Track Personal Goals (New Feature!)

Neopets became a safe haven for many children who still engage with the website today, and communicating with other users to quickly locate items, trade, and more is an important aspect of this pet-world experience. With the NeoChat application, avid Neopets users can more easily stay on top of site-related notifications, track their goals, and easily access interactions with other users.

Design SNAPSHOT

Avid Neopets Users are Loyal to the Franchise

After conducting a competitive analysis and sending out a survey, I rewrote my research plan, interview guide, screener survey, and interview script. Receiving nearly 40 responses, I quickly discovered that my initial assumptions about the user and method of screening with them were inaccurate, leading to unclear statistical results. Here are user findings and insights I learned from my research about the users and their behaviors:

3 behavior archetypes overview
list of popular activities
top user concerns
common work-arounds
No items found.

Seasoned Users Struggle to Maintain Regular Engagement and Play

To gain a deeper understanding of the main problems the different Neopets users faced, I conducted 11 user interviews following a second survey that received 52 responses. The following are the key insights I gained after affinity mapping and synthesizing user findings to derive key insights that would guide the solution direction:

82% of users are confused by the website navigation
73% of users have found ways to circumnavigate the site with external means
64% of users are annoyed at the inconvenience and interruption of their planned interactions
No items found.
Design SNAPSHOT

Seasoned Users Struggle to Maintain Regular Engagement and Play

To gain a deeper understanding of the main problems the different Neopets users faced, I conducted 11 user interviews following a second survey that received 52 responses. The following are the key insights I gained after affinity mapping and synthesizing user findings to derive key insights that would guide the solution direction:

82% of users are confused by the website navigation
73% of users have found ways to circumnavigate the site with external means
64% of users are annoyed at the inconvenience and interruption of their planned interactions
No items found.

3% Increase in User Engagement Proposed

Users faced difficulties while navigating the Neopets website, and some pages contain disabled activities or events. Common user concerns and usage patterns indicated that Neopets is losing potential and existing user engagement. Having access to communication features on a mobile application would allow users to readily stay connected with Neopets, and supports efforts made to user engagement.

This proposed app solution would not seek to replace, but support, the current Neopets website that is under conversion to an HTML, mobile-friendly version. This solution aims to increase the user engagement by 3% which would also positively impact user retention and related statistics.

prototype of user task flows gif
prototype of user task flows gif

Improved Ease-of-Assess to Account Activity

Key Features

  1. Push Notifications. Users won’t miss out on any important Neopets events or activity related to their account with notifications, which would be customizable.
  2. Goal Tracking. Users have exclusive access to a new, unique feature of activity and goal tracking. They can view and interact with their Neofriend’s achievements.
  3. Neoboards Forums. Users can read the latest news, forum chats, and stay informed with site updates.
  4. User Profiles. Users can quickly view other users’s profiles, easily checking on characteristics like their activity status, wishlists, and ongoing trades.
prototype of user task flows gif
Project TAKEAWAYS

Resultant App Enthusiasm

In addition to feedback from peers and mentors while sketching and wireframing, I highly valued the feedback I could receive from conducting usability testing based on my high-fidelity prototype. The following list are some of my main findings:

  • Efficiency. All usability testing participants completed the task flows with ease. They also expressed interest in the ability to view and track their goals.
  • Learnability. After review, I iterated on the design to improve the micro-interactions and copy where participants were a little uncertain.
  • Memorability. Participants enjoyed the alignment with the Neopets styling. I further enhanced the application through referencing and creating Neopets-aligned visual designs.
  • Satisfaction. Testing participants reported that the app design is convenient and that they could see themselves using it as a part of their regular Neopets routine.
Efficiency
Learnability: examples of copy and interaction updates
memorability: Neopets brand alignment
satisfaction: participant quotes
No items found.

Project Reflection

This application possesses a lot of promise for both its users and for the Neopets franchise, with an overwhelming positive participant response from its user base. A few of the participants mentioned they would have appreciated if the entire website was built out in the mobile app design, but this wasn’t possible within this project scope.

Next Steps

  1. Further build out the new, unique goal tracking feature
  2. Create more screens to add more breadth and depth to the task flows
  3. Continue to improve on the features based on usability testing
NeoChat Mobile App Screens Mockup

“I had an excellent experience with the activity and found everything very easy to understand. Chantal was helpful, kind, and very professional.”

Research participant

More projects

Let's Work Together!

If you're seeking an enthusiastic designer, reach out below to tell me about your project. I aim to respond within one business day.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.