Vision Cards

Tools for reflection and decision-making.

Team

with Edwin Cho and Krystal Tung

Time

3 weeks, CMU Protoyping Studio Spring 2019

Role

Conceptual Design, Interaction Design, Visual Design, Usability Reserach

Tools

Illustrator, Photoshop, InDesign, Figma

Project Objectives

Our brief was fairly open-ended: Develop a concept, create a prototype, and use two rounds of A/B testing to iterate.

The Outcome

A deck of 52 cards with words and imagery to guide self-reflection, a journal guide, and a companion mobile app. 

box_mockup
alltogether

Concept Development

Before starting the project, we had a loose idea about creating a tool for reflection. 

We wanted to support a more open-ended contemplation process to help people better understand and conceptualize the challenges they face in their daily lives. With this in mind, we landed on this guiding question:

How might we provide a more open-ended process for reflection?

Because of the short timeline of this project, we decided to create a card deck. We took a look at a number of different reflective card decks to guide our development and ideation process. 

moodboard

After looking at a number of inspirations, we landed on a style that we liked — eclectic.

We wanted a card deck that brought together a few different visual styles, but one that was united under a central theme. Our theme would be words in different languages with no English equivalent that describe emotions and feelings. We felt that  this would allow for more diverse interpretation and processing.

Prototyping

We selected ~60 words from various languages and decided to develop imagery that we felt symbolized these words.

prototype_1

v1 card front and backs

We also wanted to create a guided worksheet that would help people use the cards.

protoype_1worksheet

v1 guided reflection journal

With our first round of testing in mind, we created 2 different versions of our card deck and 2 different versions of our worksheet. 

Testing

We began by testing with 10 people. We wanted this round of testing to be fairly open-ended, hoping to get a general sense of how people might use the card deck. 

testing-1
testing-2

We had two key insights from this round of testing:

01 Words and imagery should be separated.

Each card had a single word on one side and imagery supporting that word on another. A number of testers felt a disconnect between the image and word–the visual imagery did not always align to their perceptions of the images my team created.

02 Users like the 3-card guided worksheet.

On the whole, people felt that the worksheet provided better guidance in helping them find insights into their stressors. 

In preparation for our second round of A/B testing, we iterated our card deck based on feedback. We separated words and imagery, created a few different versions of a card backing, and developed two different guided journals.

worksheetv2

v2 worksheets - 2 versions for testing

prototype2_cardbacks

card back explorations for testing

Final Product

Our final deck contains 52 images and word cards. To convey qualities of mysticism and spirituality, we decided to use a deep purple color for our card backs. We also included a 3-card guided reflection journal and instructions with the deck.

final-proudct-1
final-product-3-no-shadow

imagery cards

final-product-card-backs

word cards

We also included a mobile app for users on the go.

app-1

app home and card search

app-2

journal entry using digital and physical cards

visionuse3
visionuse1
error: