Alert-microsite-coming-soon, Please be patient.

Alert-microsite-coming-soon, Please be patient.

Alert-microsite-coming-soon, Please be patient.

View Desktop version For Case Study

I know you wish you had access to a mobile version...Micro site is on the way

Coming Soon

arrow_back

Alert-microsite-coming-soon, Please be patient.

Alert-microsite-coming-soon, Please be patient.

Alert-microsite-coming-soon, Please be patient.

arrow_back

Converting Data

Into Stories

Fall 2023
Ashwin Raghavan
There's so much data about you out there and all the smart devices you have constantly collects information every second.
OVERVIEW
Chronicle - Form Project
California College of arts
Form - Project
Mentor - Shawn Sprocket
My Role
Solo Designer - Interaction Design, Visual Design, User Flows, Rapid Prototyping
Brief
Ditch the carefully curated online persona – wouldn't it be liberating to tell your true story? Imagine it: not just the triumphs, but the struggles, the stumbles, woven into a tapestry of your authentic life.
CONTEXT
02
Fabricated Narratives
Social media fuels fake narratives about people through selective sharing, manipulation of facts, and echo chambers. Misleading snippets, out-of-context quotes, and biased perspectives paint incomplete pictures, easily weaponized for online attacks or shaping public perception.
Collection of Social media posts
IMAGE
IDEA
03
Data into stories
From the phone in your pocket to the thermostat on the wall, a hidden world of devices silently gathers information. Your fitness tracker counts steps, your speaker listens for commands, and even your fridge might track your eating habits. We're surrounded by data-hungry devices, all painting a digital picture of our lives.
Available sources of datax
IMAGE
A pile of constraints

While trying to work on this problem there’s a significant set of constraints I had to work with. This is what made this challenge more exiting and worth while to solve.

Deadline - I only had a month and a half. I spent almost a couple of weeks exploring the concept and spend less time designing.

Conceptualisation - This was a vague concept and the regular approach to explore the feature’s of the application weren’t enough. I was asked to reverse engineer my concept. Work on high-feds then conceptualise.

Design system - It was crucial to establish a design system initially so that it help me design differet flows faster as the concept grows

Resources - Limited time for user research, surveys and trying the lack of team members limited this project scope to more concept oriented rather than realistic.

FEATURES
Exploring endless possibilities
This application can have many features, but given the fact that I only had limited time, I had to do an interaction design cost analysis and choose the features I ended up working on.
Interaction Design cost analysis
IMAGE
I decided to focus on three featrues that made chronicle stand out from the pack.
Migration Map
A feature that allows you to view all the chronicles you've created based on location.
Overlay Capture
Chronicle checks in on you via notifications and if you're up for it allows you to capture
AI Director
This feature takes into account your personality, your location, your time and then prompts you to capture moments, sounds and moments between the moments
This feature may work together with overlay capture.
TECHNOLOGY
04
What is CHA
Trying to create an acronym for chronicle - it was inspired from netflix’s AVA or aesthetic visual analysis where they use Image data - color, facial expression, contact to form logic into identifying the type of posters that works for them.
Contextual Human Analysis
Definition

Contextual Human Analysis is about trying to use data from personal devices to put them into context and as a consequence trying to create a story out of them.

Media - Such as Photos Videos Audio that is available at a given time or even available from the media gallery

Location - There are so many sources that gives us access to your current location that adds context to what you’re doing.

Messages/Email - There are so sources of recent messages and emails that might add context to what you’re doing.

Messages/Email - There are so sources of recent messages and emails that might add context to what you’re doing.

Using AI to create context
AI is useful when it is trying to understand certain human behaviour and it’ll be really helpful putting them into context/
What is a tale
IMAGE
What is a chronicle
IMAGE
Tale
navigate_next
context - *Walking by the beach during sunset*
calendar_today
Contains Date - DD/MM/YYYY
watch
Contains Time - 00:00
near_me
Contains Location Data
chat
Context from Messages
mood
Emotional Context
image
Contains Media
FLOW
05
The Information Architecture of the Project
The application wasn’t extensive as most of the work is done in the backend. But there were some major features that the user needs access from the home page.
Onboarding
IMAGE
AI Director flow
IMAGE
View Chronicle
IMAGE
Entire IA

After an analysis of the features that were ideated, I decided to clubs a few of them together so that the informaion archtecture is refined.

Entire IA
IMAGE
DESIGN SYSTEM
06
The Design system of the project
Creating a product that is encourages meaningful true stories requires a more softer, less masculines design approach. A type that establishes seriousness and colors that pleasently encourage you to embrace eal stories.
EXPLORATIONS
07
Initial Explorations
The messier the canvas, the cleaner the outcome. I was asked to reverse enginner my project because it was very speculative conceptualy. I started witg low-fed desgins to help me navigate the flow.
Figma-board
IMAGE
DESIGNS
08
Final Designs - Putting colorful pixels in place
And finally the designs that end up speaking everything about this application. there are three distinct areas of th application, the on boarding, the camera/capture area and then the view your chrocile area.
Onboarding

It is crucial that the user gets to understand what kind of application this is and how to use it. If he/she skips the onboarding experience. They might find it harder or bothersome when the app behaves in a certain way

It was essential to inform people about the data that’s going to be used.

Conceptualisation - This was a vague concept and the regular approach to explore the feature’s of the application weren’t enough. I was asked to reverse engineer my concept. Work on high-feds then conceptualise.

Resources - Limited time for user research, surveys and trying the lack of team members limited this project scope to more concept oriented rather than realistic.

Onboarding
VIDEO
AI Director

The AI director is your personal coach who pushes you to capture moments your'd most likely miss.

Forces you to capture key moments

Give's some with a bad sense of capturing video some perspective .

AI Director takes notes of how you fel, people aroun and cretes context later on.

AI Director
VIDEO
View Chrocnile

Chronicle generartes a lot of content and there should be a clean way to organize and view them. This is stil a work in progress.

The archive view acts like a reglar ist view

The migration map creatively displays chronicles on a map, with respect to locaiton.

View Chronicle
VIDEO
REFLECTIONS
09
What would I have done differently.
With limited time, nothing ends up being perfect. Some of the features haven't been fully explored, some of them require more refinements.
Doing it differently

Looking back and relflecting

I would ideally spend less time ideating about how the app works and focus more on the flow of the screens.

I would also consider focusing less on the visual appeal and sliglty more towards showing off the application's capability.

If I had more time, I'd improve the archive view and the migration map. The achive seems slightly disorganized and the usability of the mirgration map can be improved.

ASHWIN  RAGHAVAN ;)

V--2.2.1
last_updated_28/02/24