Intouch

A future solution to maintaining immense social networks

User Research, Product Design, UX & UI Design

Case study

intouc-cover

Overview

Intouch is a life-management application that helps you organize your social connections among friends, business contacts and acquaintances. As you known, with the Internet, we can reach out to thousands of people, but it also raises problems like privacy-protection, networking effectively, and maintaining social connections. Intouch helps you network by recalling names and other information of your contacts with unique functions, such as identifying their voices, and recording when and where you met. Also, as the information of your contacts changes, the app updates itself with their new information and notifies you, so you can keep in touch with each other better than before.

Problems

Privacy-protection

Millennials pay more attention to and control their privacy settings compared to in the past.

Networking effectively

Meet new friends and exchange contact. How many business cards should I carry today? Wait, does anyone need it?

Maintain social connections

I remember I have met him, but who he is? Name? When did we meet?

Millennials pay more attention to and control their privacy settings compared to in the past

“On fake Instagram, a chance to be real.”

Reported by New York Times, Millennials these days like to compartmentalize their social presence with multiple Instagram accounts. One is a “fake” private account, or a “finstagram,” where they share unflattering selfies, drunk pictures, and funny memes. Then they have a “real” public account, or a “rinstagram,” that they consider their official grownup profile in case their parents, teachers or employers look them up.

New York Times
privacy-1
privacy-2
privacy-3
American Press Institute

Solution

intouch-mock-1

Multi-card

The Multi-card function of Intouch allows a user to create and organize several virtual business cards with different contact information for different purposes; for example, social vs. professional. With those cards, a user can network with various people for those different purposes while also protecting personal privacy.

intouch-mock-2

Smart contact

Intouch notifies you when a contact that you haven’t met for a long time is nearby. It not only provides basic information like name, when and where you met, but also highlights their new updated information like a new job or birthday. With the information Intouch provided, you can start a comfortable conversation like you just met them yesterday.

result-1

Voice identification

Voice identification is the main method that helps users recall others' information. Since the app records and analyzes the users' voices during the signup process, the app has the ability to identify them. Besides, voice identification won't interrupt users during social conversations. Users simply glance at the result displayed on their Apple Watch.

User Flow (3)

Sketch

sketch

Wireframe

wireframe

User Testing

Testing Type Tools
Paper Prototype (1st Round) Printed Wireframe
Paper Prototype (2nd Round) Printed Wireframe
Low-Fi Clickable Prototype InVision
High-Fi Clickable Prototype InVision
Alpha Testing Web App
testing

Test Result

Paper Prototype

  • Steps doesn’t look like clickable buttons
  • "Name your card" / "Next" button is hard to reach
  • "Add Business Card" button is hard to reach
  • Most users prefer the contacts with groups feature
  • Should set a default value in "Put in Group"
  • Confused about "Received Card" function in the add section
  • "QR Code" button is included in "Share" section
  • Show more detail related to the "Frequency" feature. For example, once a week, once a month
  • In mobile design, replace checkbox with switch button
test-1

Lo-Fi Clickable Prototype

  • Horizontal card costs more space but provides less information
  • Small avatar?
  • Neglected "Edit Note" button
  • Redesign the "Receive Card" experience
test-2

Hi-Fi Clickable Prototype

  • Dark background looks like "Night Mode"
  • Add indicators that represent "Groups" in the contact page
  • Should highlight the "New Updated Information"
  • Redesign nearby page
  • Neglected "View Note" button
test-3

UI flow

Sign Up + Built First Card

ui-1

Share + Receive

ui-2

Nearby + Check Updated Info

ui-3

Voice Identification: Apple Watch

ui-4

Prototype

Learning

Nothing is perfect at the beginning

Keep interacting. Run testing with the user, talk to them and learn from them. Identify the new problems / new needs is the key to problem-solving and product-growing.

© 2020 Crafted by Alan / hello@lyzhie.com

© 2020 Crafted by Alan / hello@lyzhie.com

dribbble
linkedin