page_top2.png

The Product

Background

There are many communication apps in the market to connect people easily. (FB messenger, WhatsApp, SMS, Zoom...) and users need to change apps based on the preference of users and needs. (group phone calls, texts, video call)
However, confidentiality is questionable to keep the communication safe.
This product is invitation-only, to communicate easily and securely within existing communities and organizations.
With the product vision developed by the Product Manager, my responsibility was to make the product ready for the initial release through developing experience and interface and validating overall usability.

Key Features (MVPs)

Message, Voice/Video call, Screen share, Conference, contact list synchronization, Create own circles

 The Approach

persona 2.png
  1. Discovery

  • Understand the product vision, Target Users

  • Research to identity problems

  • Key persona and user sceanario

user flow 1.png

2, Concepting

  • Requirements and key functionalities

  • Define information architecture through task analysis

  • Wireframes

circle_visuals 1.png

3. Prototyping

  • Test and validate usability with clickable Prototypes based on user scenarios

  • Style Guide with reusable components for rapid creation

 01 DISCOVERY

Finding Pain Points and Gap

Research Method

  • Competitive analysis, Key User interviews, Information architecture

Key Findings

  • Multiple communication apps cause hustle for users to switch apps based on “who” and “for what”

  • People get confused with constant software updates and new features come along with the update

  • Hard to keep track of remembering which apps to be used with whom when scheduling or trying to contact

Persona and User Story

Persona and User Story

Creating persona and key user story help to understand use cases and create user flows

 02 CONCEPTING

 

Information Architecture

Define and validate the user flows to ensure the pain points are addressed to solve.

Overall User Flow

Overall User Flow

Explorations

Explore ideas of navigating users smoothly to key functionalities (MVP) and easy to discover

Wireframes

Wireframes

 

03 Prototyping

 

Update User Interface Design

Walked through all the critical scenarios based on user flow

The Flows aligned with the Information Architecture

The Flows aligned with the Information Architecture

Clickable Prototypes

Created Clickable Prototypes to validate if all cases work

Link all the buttons to ensure all cases are covered

Link all the buttons to ensure all cases are covered

 

Interface Design

circle finals.png
 
Previous
Previous

03_Brand Identity & Content Marketing

Next
Next

05_Unlocked App