cover (1).jpg

Cura

UX design & development of an exhibition software to collaboratively curate Women's History of HIV in America.

CLIENT

History Moves

A research collaborative by a public historian, Jennifer Brier from U of Illinois at Chicago and a graphic designer, Matt Wizinsky from U of Cincinnati.

MY ROLE

UX Designer + Content Designer

• Designing the experience of the curation tool 

• Co-ordinating with developers 
• Presented the project at IASDR conference, UK

• Visualizing data into exhibition content

TOOLS

Figma, Adobe Illustrator, Adobe Photoshop, MS Office, Adobe Indesign, XCode, Whimsical, Miro. 

20170424_113511 (1).jpg

Background

History Moves is a research collaborative that brings together historians, designers, and community-based organizations to produce public history forged in participatory engagement.

It documents oral archives of women with HIV history in the form of a moving exhibition. 

History Moves collects & publishes oral histories of women living with HIV in America.

exhibition design book hiv website
process flow chart exhibition design hiv

THE EXHIBITION PROCESS

Insights for design

Developing the curation task flow

insight hiv neha mann design research process exhbition curation
th (1).jpeg
1200px-Microsoft_Office_2013_logo.svg.pn
th (3).jpeg

Building a task flow

Defining the requirements

The curation tool needs to be usable during mobile curation sessions and site visits. When the organizer/researcher visits the site to scope the capacity, they should be able to use the tool to input all the site info.

The tool should also be able to document all the collaborative decisions taken in the curation process.

exhibit preview 2.png

Introducing Cura

insight hiv neha mann design research process exhbition curation

An iOS tool to collaboratively and remotely curate exhibitions. It facilitates and documents the curation decisions in the form of an instructional manual.

Wireframing

wireframe ux ui user experience neha mann desing research android ios mobile app

Developing V1

wireframe ux ui user experience neha mann desing research android ios mobile app usability study testing

Key Features

Key tasks

Cura facilitates the curation of exhibitions through 4 key tasks – selecting a venue, selecting content, building a narrative with that content and finally planning a programme. The venue guides the curation process as the women from the study are the experts of venue and site-specific curations of these exhibitions.

0.png

Starting a new curation

When landing at the homepage, the user has the choice to start a new curation, join an ongoing one or edit a past curation. This is the workflow to start a new curation and picking a location and dates of availability.

64.png

Project set up

Once a project is set up, it visually indicates the steps of the process and how far it has been developed. It also indicates who worked on a particular section. When selecting the venue, users can view the venue information and exhibition capacity in a quick expand mode. If any exhibitions have been curated at a venue previously, the option to import the curation is re-prompted contextually. 

65.png

Selecting content

66.png

Selection of content is done at 2 levels – thematic and visual. First, a user selects topics to be displayed. This includes thematic groups of content that have been uniquely tagged. This selection is followed by filter the selected content visually, with the possibility to further highlight a particular theme.

Curating the elevations

67.png

The selected content is moved forward in 3 categories – Quote, Image and Historical – for the purpose of curating the elevations. The user can switch between tabs and populate a carousel of elevations. The content combinations are also suggested by tagging the metadata with pairs. 

Planning the program

After curation of the elevations is complete the users can move on planning a schedule for day-wise activities, speakers, guests and other program details. There is also an option to import this information from recent curations.

86.png

View in actual size

The curation can be reviewed in an AR view, where each elevation can be viewed in actual size. This can be used anywhere to simply review the elevations in full-size and drop notes where edits can be made to the curation.

85.png

Concept: On-site AR preview

87.png

When the organizer or a participant visits the venue, the on-site AR preview can be accessed. This maps the venues space and displays a 360º view of the exhibition. The drop a note function is added to this view as well.

Measures of Success


• Successful curation of 2 different venues

• Successfully editing a saved curation

• Produce printable output - instruction manual

In retrospect...

New skills

Coordinating with developers

Developing user flows with multiple user paths

Basic editing on XCode



New concepts


Understanding the middle-ground between design and development


UI constraints of a tool/developer





 

Next Steps

Remote Exhibitions

Due to the restrictions on public gatherings, History Moves is now developing solutions to publish these curations digitally.


Usability testing with participants

I stepped down from my role after designing a protocol for a usability test with the ‘master users’. It will be organized when the tool can be pushed on test flight, and downloaded by the participants and tested.






 

Frame 15 (1) (1).jpg

OTHER WORK

20130121.png
20130119.png