KiKi Social

A misunderstood product that was leaving users frustrated and untrusting, KiKi was experiencing high and early bounce rates.

By presenting the product in a different way, improvements were made to user trust, product credibility and overall comprehension.

Project Info

  • Startup company
  • Mobile app
  • 5-week contract
  • Partnered with another designer

My Roles

  • Project Management
  • UI/UX Design
  • Research

Overview

KiKi Social's virtual currency system is what makes the app unique

KiKi stands apart from other social apps with its implementation of a digital currency called “KiKi Coins”.  

KiKi Coins are spent when inviting others to meet and they’re earned when invitations are accepted.  This concept was conceived to promote physical meetups over chats.

“We are the first social network in the world that shortens the virtual time of users and promotes experiences in the real world.”

- KiKi Social

The Problems

KiKi’s CEO and dev team presented us with four known issues:

Profiles on KiKi are too empty

KiKi incorporates a brief onboarding process in hopes of engaging users.  However, profiles end up incomplete as a result.

50% of users drop off before completing onboarding

Data shows users are bouncing very early in the onboarding process.  The KiKi team hypothesizes users don’t trust/understand the app.

KiKi’s digital currency is misunderstood

KiKi incorporates a digital currency known as “KiKi Coins”.  The KiKi team hypothesizes that this page needs a redesign.

Users need to “Always Allow” location to appear in the feed

Due to the structure of KiKi’s algorithm, the app needed a creative way to convince users share their location even when not using the product.

Research

We composed a four-part research plan to understand KiKi's issues

Usability testing to explore and identify issues with the current app

KiKi was past the launch phase so we could test with a live product.

User interviews to understand user wants, needs and expectations

Our sessions started with a brief interview before proceeding with the product testing.

Competitive analysis to identify industry/product standards (and "borrow" a few ideas)

Competitive analysis was conducted on the six most relevant competitors.

Heuristic evaluation to identify usability pain points

An analysis involving all ten of Jacob Neilsen’s usability heuristics was performed.

Synthesis

Affinity mapping provided insights:

  • Profiles were too generic to garner interest.  Users wanted to see specific interests and photos.
  • We found two potential causes for early bounce rates:
    • First, users logging in with a Google account are subjected to a longer and more confusing onboarding process.
    • Second, some users encounter an error when entering their birthdate at the initial profile creation page.
  • KiKi coins were not well explained and generally the last part of the user experience, causing confusion and a huge loss of credibility.
  • The app suffers from numerous heuristic violations that hamper the overall experience.
Presenting affinity mapping insights to the team to prioritize problems

KiKi Social is actually designed to circumvent the pain points of competitors, but users don't see the value because they don't understand the concept

User testing and interviews revealed the "why" behind some of KiKi's problems:

Planning & Solutions

Solutions had to be prioritized due to to limitations in scope

#1: Improve onboarding & profile creation experiences

Informational screens, tutorials and more profile-building pages would increase user comprehension, improve credibility, create better profiles and make a good first impression.  It would also correct the birthdate entry issue.

#2: Advocate KiKi Coins

KiKi Coins need to be well-explained and presented to users at the beginning of the experience to build understanding and trust.

#3: Get users to “Always Allow” location access

I decided to implement a user flow witnessed in another product called Zenly to convince users to share their locations.

#4: Grant users freedom to chat

Allowing users to send a message with an invitation would give them the heuristic flexibility they desired.

If users were properly informed on KiKi’s functionality, we could help the app reach its full potential

What about the bounce rates?

After discovering that signing up with Google was providing a disjointed experience, we examined the apps from our competitive analysis and discovered that none of the top competitors offered Google signup as an option.

We recommended to the KiKi team that Google signup be replaced with Apple to match competitors.  The solution was out of scope and added to the backlog for later.

Building Solutions

A new user flow laid the groundwork for UI designs:

Educational screens set better expectations for new users

A carousel would give users a preview of KiKi’s concepts to build appropriate expectations, trust and understanding.

The carousel describes the premise of the app and it’s most important features

A lengthier, more in-depth profile creation kept users engaged

New profile creation screens would capture the right information to build more appealing profiles.

Also, the birth date entry screen was redesigned to reduce bounce rates.

Steps were added to profile creation that users wanted and expected

Informational screens helped users understand how KiKi works

A “Getting Started” guide was added to the end of profile creation to educate users on functionality.

The “Getting Started” guide describes KiKi’s concepts in further detail

A swiping tutorial primed users on how KiKi's swiping behaved differently from competitors

A “Discover” (swiping) tutorial was necessary because KiKi’s nontraditional swiping methods were confusing users. A change in functionality would have been better, but this solution was much lower in effort.

Even users who had never tried a dating app had preconceived notions about what directions to swipe

A redesigned Coin page added clarity and "delight"

Appropriate hierarchy and a more explanative coin page increased user understanding.  

KiKi grants users 50 coins upon signing up, which I incorporated into a “Congratulations!” popup to create a more rewarding experience.

Testers felt the “Zenly style” user flow was too complicated

I tried a method borrowed from another app that guides users through permission screens in an attempt to increase allowed access.  Usability testing showed it was too many screens and too confusing so a simpler backup design was implemented.

The initial “Always Allow” location access flow

Simpler solution to getting users to “Always Allow” location access that takes them to their settings

Conclusion

Usability testing showed increased credibility, better understanding and positive perceptions.

Onboarding was smoother, profiles were complete and users were more likely to want to connect with others.  

User comprehension increased tremendously due to the new informational screens.  Credibility was restored by being upfront with users on the coin concept.

Being upfront with users builds the trust and credibility necessary to make a product successful long-term

What's Next?

As a 5-week project, some of the design iterations given at handoff still need to be tested for validation.

Many of the heuristic violations still need to be addressed.  I included the heuristic analysis in the handoff folder and stressed its importance to the KiKi team.

What Would I Change?

Ideally, I would make two major changes: replacing Google signup with Apple could greatly reduce bounce rates, and changing the app’s location algorithm would make allowing location access a non-issue.

What was Learned?

This project was a great lesson in collaboration and communication.  By drawing analogies and telling the story of the user, we could understand the project as a team.

I also learned that explaining the reasoning behind my designs helps validate them and facilitates discussion between team members to generate additional solutions.

Ultimately, the relationship between designers and developers comes down to impact vs effort.  While a designer may have a better grasp on impact, a developer can provide better insight on the amount of effort required to implement a design.

I found that by offering multiple solutions to a problem, many times a happy medium can be found that works well for the entire team.

Check out more of my projects below:

Questions or comments?
Contact me at petebruno1@gmail.com