KINDREDNOTES

UXR & UX Design

“I was extremely pleased with the results. I would recommend Annie (Yining) to anyone looking for UX/UI design services.”

— Shelley Moore - Founder of KindredNotes


BRIEF

A MOBILE EXPERIENCE ENABLE USERS SPREAD KINDNESS AT THE FINGERTIPS

KindredNotes is a Vancouver based start-up that aims to connect people around the world through sending and receiving kind notes. Even though there is an working website, the company hasn’t releasing an app yet. Our goal was to take a mobile-first approach to design an engaging experience for users sending and receiving notes in a deep psychological level and also be able to see their impact to the world.


Research Process

DEFINE AND UNDERSTAND USERS' BEHAVIORS

First challenge is to find the liking and behavior of the users, and through 20 responses and 6 interviews, we learn that users fall to the age of 25 to 34, they like to type something short and quick with a positive tone and they would be happy to have a reward system (such as In-App services).


User story

IMAGINING THE USERS' EXPERIENCE

I focused on creating a user story and user scenario to understand their experience. I wanted to allow users to tell us how they wanted their app delivered. If users can tailor it to fit their mentalities and interests, they are more likely to stick to the service.

Meet Doris!

doris

Doris is a 26-year-old illustrator who likes to read before going to sleep. She likes her job because she can work from home. However, she feels lonely sometimes and wish someone could encourage her. One day, after a long day, she especially urged for some comfort. While googling the keyword ‘how to get motivated’, she found KindredNotes that for people to spread kindness online…she was curious and would like to know more…


User scenario & storyboard

Doris's day

Doris's day

Doris's day

Doris's day

CREATE VALUE WITH IN-DEPTH CONNECTION

Before, people connect to each other but only talk about superficial things. Now, KindredNotes connects users with topics that they really care. The value of it is through the simple gesture, we can share in-depth understanding with great positivity power, but still able to keep the space and privacy that people need.

It's all blue


Information Architecture

define the logical structure of the app

Information Architecture

User flow & MVP

Get the best experience user want to have

MVP

Lo-fidelity wireframes

Kick off and test the theory

lo-fi

user testing

TESTING TO FIND THE TRUE VALUE OF THE PRODUCT

After user testing, there are some improvements made, such as received and sent notes should all go under the same categories. Better to have avatar to recognize which section the user is at. They would like to know the impact of their messages. It is good to have a notification shown that reply is sent successfully, etc.

user testing

high-fidelity wireframes

final design

Final Design

CHECK OUT THE PROTOTYPE