Artstor Cards App

 

Cards is a flashcard app that allows students to conveniently study art history images. It is synced with the Artstor Digital Library, a media database with curated collections, that allows students to study materials prepared by professors or themselves.

Download the iOS app.

 
 

RESPONSIBILITIES

Lean UX, Wireframing, Interaction Design, Prototyping, Icon Design

 
 
.png
 
 

THE CHALLENGE

Students fear studying for art history.

How do we approach studying in an efficient and enjoyable manner?

 
 
 

Selected samples of user experience research are displayed below. Techniques included user interviews, user stories, feature requirements, user flows and wireframes. A comprehensive list of user stories can be viewed here.

 
 

User Stories: Student

STORY

  1. As a student, I want to choose if the image stack loops once or infinitely. 
  2. As a student, I want to choose whether the image comes before or after the data.
  3. As a student, I want to be able to hold my phone vertically for convenience. 

CONDITION OF SATISFACTION

  1. Ability to choose between looping once or infinitely before studying.
  2. Ability to choose between image and data before studying.
  3. Fixed vertical orientation.
 
 

Feature Requirements

SUMMARY/GOALS FOR CARDS

To create an iOS app for users (i.e. students) that aids in studying media in the Artstor Digital Library.

 
 

OVERVIEW OF CARDS AND GENERAL USE

  1. User logs into Cards.
  2. User searches for an image group.
  3. User selects image group.
  4. User sees overview of images, data and description within the group.
  5. User selects quiz mode options and launches flashcards.
  6. User goes through flashcards.
  7. User finishes and sees progress.

USER PREREQUISITES

  • The user has an Artstor account.
  • The user or an instructor has created image groups for studying in Artstor Digital Library.
  • Global folders (i.e. AP® Art History and AP® images) are available to all users.
 
 
 
 

HYPOTHESIS

We created two different game modes for the user to study their material with: Flashcard and Quiz.

 
 
 

TESTING OUR HYPOTHESIS

After gaining feedback from users, they were more intrigued by flashcard mode over quiz mode. They also felt it was more entertaining and felt less like 'studying.'

 
 
 

THE SOLUTION

We gamified the studying experience by creating a mobile flashcard app. Artstor Cards emulates the traditional flashcard studying experience throughout its interface and interactions. It maximizes efficiency for users, allowing them to focus on studying instead of producing material.

 
 
 
 
 

A promotional site was also created for the app. Visit cards.artstor.org.

 
 

RESPONSIBILITIES

Design, Development

PROGRAMMING LANGUAGES USED

HTML, CSS, JavaScript