tyme


Delivering the Delight of Memory

A digital time capsule app that encourages users to cherish their precious moments.


 → ui/ux, interaction design, product design, visual design

 

Timeframe

September 2018 - December 2018 (4 months)

Tools

Adobe Illustrator, Adobe XD, Invision, Principle

Role

Ideation, Research, Designing, Prototyping & Interactions

 

"Time capsules provide one of the best means to address the collective need for belonging, past and future."

—  Erik Ragno for The Atlantic


 

Problem

The current culture of people not treasuring moments due to a fast paced lifestyle and the constant access/availability leading to instant gratification therefore not cherishing a moment.

Outcome

modern time capsule - an IOS based application which allows users to record their memories along with details that make the specific moment then bury them for a delightful surprise when opened.

 

The Interactive Prototype

The high fidelity prototype brings the user through the process of onboarding, then introduces them to the process of capturing a moment and possible user scenarios.

 

Initial Research & Ideation

How might we create a habit of decaying memories and get users to look forward to them? How can the user be notified of a memory? How can data be shared and visualized? Through secondary research, a market analysis, an analysis of HMW peer papers and crazy 8 workshop papers a list of requirements, a user flow diagram and low fidelity wireframes were created based on the answers to "what, why, how and who".

 

What?

  • An application on mobile and optional attachment to a smart glasses
  • User recorded memories/experiences for later access, a time capsule collection 

Why?

  • The culture of people not treasuring moments due to the fast paced and hustle lifestyle
  • Cancel instant access/availability then gratification
  • Digitalization of memories

How?

  • By tracking videos, photos and audio to decay and collect memories 

Who?

  • Users in the younger adult range (20s-mid 30s) as they tend to lead a more rushed lifestyle

 

User Flow & Requirements
Low Fidelity Wireframes (1)
Low Fidelity Wireframes (2)
Low Fidelity Wireframes (3)
Low Fidelity Wireframes (4)

User Flow & Requirements Low Fidelity Wireframes (1) Low Fidelity Wireframes (2) Low Fidelity Wireframes (3) Low Fidelity Wireframes (4)

 

Considering the users and the intentions of the applications I was able to determine the requirements and features.

Requirements

  • Customisable — users must be able to make their memories feel personal and comfortable
  • Ease of use — allow the user to quickly record and re-visit
  • Bring delight — motivate the individual to capture their moments


 

Mid Fidelity Wireframes

After doing the initial low fidelity wireframes, I transferred my ideas digitally with more details. I visualized my initial ideas while also making adjustments based on the on-screen values and organization across all the screens - I also thought of variations available for screens such as displays of memories and additional options for tracking. I narrowed down the main sections of the system into: the onboarding process, the memory collection, a capturing camera, and the user profile. 

 

Visual Design — Mood Boards

I created four mood boards based on different paths I felt the app could take. I chose to continue in the direction of the third mood board with the keywords “nostalgic, soft, comfortable, unique and eccentric” were chosen as it resonated with the message and intention of the application.

Mood Board 1
Mood Board 2
Mood Board 3
Mood Board 4

Mood Board 1 Mood Board 2 Mood Board 3 Mood Board 4

 

Visual Design — Challenge

During the translation of the mid fidelity wireframes to high fidelity and the creation of the branding, I felt that the design created did not fit the direction that I had envisioned for the app stylisation. I felt that it was not excitement inciting, boring and was not user friendly. I wanted to change it up without the loss of the nostalgic feeling I wanted to convey.

 

Visual Design — Revision

After being unsatistfied with visual design of the app, I did some exploration of concepts.The revisions looked into a more modular and sleek look, playing with more colours, and the use of free flowing shapes and lines, plus a mature and calming style using circles. I chose to move forward with the second style as it captured the intent of the application best.

Exploration 1
Exploration 2
Exploration 3

Exploration 1 Exploration 2 Exploration 3

 

Interactions

In terms of animation I wanted to communicate the soft and relaxed feeling. This involved many elements fading, drifting on and off the screen throughout the user's interactions with the app. The colours, movements, typefaces and forms would also be customised based off of the user's input into the system.

Intro screen

Capture

Add feelings

Notification

 

Marketing

The marketing website brings in potential users and may expand the customer base. Since the intention and workings of the app may not be understood by simply hearing or reading the name of the app, it is essential that the users leave the site with a clear understanding of the features and benefits of the application.



 

Reflection

Working on tyme I was able to try new tools such as Origami and Principle and learn how to use them, I think documenting each stage from ideation to the final through my process website showed how the idea of a time capsule developed into a product. Looking back, I would fix and improve some of the animations created plus create visualizations for the optional smart object.


 

 

Using Format