ZENLY, YOUR WORLD
Zenly is a social mapping network that uses video game technology and a 3D camera to provide each of its users with a personalized, well-rounded view of the world.
Zenly's goal is to act as a way to track your closest friends in real time.
Instead of waiting for your friends to text you their location or hoping they update their status on social media,
you can track their exact steps as they happen.
This project presents an approach to address user issues and elevate their experience by redesigning the application's interface and incorporating new features.
PROJECT OVERVIEW
Our project goal is to improve Zenly's user experience, making it smoother and more intuitive for users in Singapore. We will be redesigning the interface, adding new features, and addressing any existing challenges faced by Zenly users.
ROLE
Project Manager
TIME
8 weeks
TOOLS
Figma, Photoshop, Canva
THE PROCESS
Background
Research
•
Evaluation
•
Ideate
•
Prototype
•
Testings
Background Research
To better understand Zenly’s background, competitors, and who Zenly’s users are, we started by conducting research with the following goals:
Research Goals
Main Features
Before making changes to the application, it is improtant to identify Zenly's key features. This ensures that we maintain its unique value proposition while enhancing the user experience through redesign. Through the data gathered, we narrowed down to 3 main features.
Mapping
With Zenly's mapping feature, users can recenter their map or review recent highlights easily. They can track their past locations and share cherished memories with friends.
Searching
Zenly's search feature allows users to locate friends, view their current activities, companions, duration at a location, explore recent highlights and nearby venues like bars and restaurants.
Messaging
Zenly enables seamless connection with friends through individual and group chats, supporting up to 100 people per message. Users can easily initiate conversations, share pictures or videos with location tags.
Competitors
We conducted a thorough analysis of Zenly's primary competitors to identify their strengths and weaknesses. This analysis helped us understand what sets each service apart and why people might prefer one over the others.
Life360
Strengths:
Weaknesses:
Glympse
Strengths:
Weaknesses:
Zenly’s Users
After our thorough research, we started examining Zenly's user group which consists of mostly young adults and teenagers.
Young Adult (Age 18 - 25)
Student (Age 13-17)
Wants:
Pains:
Wants:
Pains:
User Interviews
Following that, we conducted a survey with several individuals to better understand their motivations, experiences, and challenges with using the application. This helped us gain insights into the benefits they derive from Zenly and the issues they encounter while using it.
Reasons for using the application:
Opinion on Zenly's Interface:
What They Like:
Overall User Experience:
Here are some of their responses:
User Personas
Based on what we gathered from our research and interviews, we created a persona that accurately presents who we are designing for. This persona served as a guide throughout the design process, ensuring that the solutions we developed remained firmly centered on our user's needs and preferences. Meet Michelle.
What are they thinking?
What are they saying?
What are they doing?
What are they feeling?
Evaluation and Ideate
With our user persona in mind, we brainstormed new features for our prototype and evaluated the existing design using the 10 Heuristic Principles. Our goal was to improve the user interface and experience while integrating new features seamlessly within the existing functionalities.
Some new features we decided to include are:
Task Flow
Having our goals sorted out, we proceed to craft user task and user journey to explore how the user’s would be interacting with these new features to complete key tasks. Such as getting directions to a specific friend.
Home Page
Spots friend on map
Click on friend profile
Get Directions
User Journey
Start
Home Page
Use
search
icon?
Yes
Search Page
Enter
friend's
name
No
End
Locate
friend on map
Click on friend’s profile
Friend’s Profile Page
Select
directions
icon
Choose
mode of
transport
Wireframe Sketches
After comprehending the user's interactions, we started designing Zenly's screens by sketching low-fidelity wireframes focusing on the features that we wanted to implement.
Home Page
Settings
Search
When user icon is pressed
Check in
Message
Recentre
user location
Broadcast Page
User Profile
View Story
Size changes according to slider
Add Story
Broadcast
FAQ
Slider to
adjust distance
Broadcast
Profile Page
My World
Back Button
FAQ
Show friend list
Profile Picture
My world
Edit Post
Scrollable
Brings to location in map
Like and comment
Map
Settings
Map changes according to mode of transport
Drop down to change mode of transport
GPS
MidFi Prototype
Having our ideas sketched out, we needed to make sure that the structure and flow of the app is intuitive for our users, before working on the visual design. Hence, we created a mid-fidelity prototype on Figma to conduct testings and iterate on the design as needed before moving forward with finalizing the design.
Usability Testing
Using the mid-fidelity prototype, we conducted offline tests with testers. During these sessions, we asked testers to share their thoughts and emotions as they interacted with the prototype. The testing generally had positive feedbacks except for some minor changes needed. We then proceeded to create our high-fidelity prototype and did a round of AB testings. Here are some of the changes we made from the AB testings.
1. Icon Testing
Users expressed confusion regarding the icons, as some could have multiple interpretations. For instance, the storybook icon might be interpreted as a bookmark function.
After
Before
2. Close Function Testing
Users shown a preference for the swipe-down function, particularly when closing pop-ups. They find this action more intuitive and comfortable compared to other methods.
Before
After
3. Pop Up Testing
Users find that pop ups with the light background stand up more and are easier to see.
Before
After
4. Title Wording Testing
We were going for a more hippy title but users have expressed difficulty in understanding the application and confusion regarding certain titles
Before
After
Final High-Fi Prototype
After incoporating the revisions, here is our final prototype.
Watch Video
CONCLUSION
This project taught me the importance of knowing your users and target audience well in order to create the best possible design and layout for any type of application. It also taught me that it is important of evaluating competitors and learning from them instead of just focusing solely on our application.