idnyc, native app project

Habaneros — Project 4 — Group 3 Jesse Kim Michael Lum Kyle Norek

A mobile application for promoting engagement with cultural institutions

Agenda

Research Persona MVP Development Next Steps

• IDNYC is a government issued identification card for all NYC residents

• It is free for the first year

• Benefits include 1 year memberships to 33 cultural institutions

Brand

Survey and Interview Findings

Did not hear of IDNYC 27%

Heard of IDNYC 73%

Of NYC residents surveyed

Did not apply 76%

Applied for IDNYC 24%

Of those aware of IDNYC Of those who received a card

Used benefits 12%

Have not used benefits 88%


”“It’s interesting, museum admission was the

motivating factor. That’s the reason I got IDNYC! This will help me go more often.

Ruohan Chen

”“I know there’s a website to register for benefits, but I just can’t find it.

Dayea Oh

Of those who heard of IDNYC, in the past year

Did not 3%

Visited a museum 97%

Frequency of visits in the past year

3+ times 69%

1-2 times 31%


Survey and Interview Findings Interview Findings

“”

I will add an exhibition closing date to my Google calendar so I won’t miss it.

Megan Kerman

“I am a planner for sure. I usually keep museum excursions in my personal calendar. Getting up to the UES is usually planned out well in advance.

Kim Drew ”

“I look up the exhibit online before I go.

Willa Wolfson ”

Behaviors

Kids

Free

Learning Experience

Inspiration

Relaxing

MUSEUMS

Likes

Context

Dislikes

Crowds

Money

Waiting on a line

Schedule conflict

Security rules

Exhibits

Wayfinding

Space

Hours When

How

With who

Frequency

WeekdayWeekend

AloneFriendsVisitors in town

What to SeeSpecial Exhibition

Permanent Collection

Before going

No Plan

Research

Didn’t go Money

Special Exhibition

Hours

Expectations

Informational/Learning Experience

Will match advertisements

No Expecations

Easy to Navigate around

Membership

Never

Wants/Bought

Too much money

Plan

Time

People

Lists

Analysis and Distillation

Personas

The Culture Loving Father

Roger

The Casual Museum Goer

Kate

The Art Fiend

Sayid

Personas

Info on Institutions

Info on Exhibitions &

Events

The Culture Loving Father The Casual Museum Goer The Art Fiend

User Journey

TIME

Discovery Reminder

Make Appointment Registration

Receive Card Expiration

EMOTION

“ ”There is a falloff between signing up for IDNYC and redemption of the membership benefits.

David Strauss Deputy Director, Queens Museum

Problem Statement

IDNYC stops communication with card holders at the end of the application process, resulting in a fall off between receiving the card and taking advantage of the benefits it provides.

Problem Statement

By introducing an efficient way for card holders to discover cultural institutions and to promote visitorship, IDNYC will enjoy increased participation and institutions will receive increased engagement.

User Journey

TIME App Can Provide Continuous Contact Opportunities

Discovery Reminder



EMOTION

nycEENew York City Institutions. Curated Exhibitions & Events.

By you, for you.

Story Boards

The Culture Loving Father

Story Boards

The Art Fiend

Interactive Prototype

http://invis.io/KF2ULUAH2

http://invis.io/KF2ULUAH2

MVP

Overview • Aggregated information source of cultural institutions

• User generated feed of upcoming exhibitions and events

• Account creation to allow for content submissions

• Verified accounts for institutions/publications/individuals to promote submission credibility

MVP

Institutions • Scrollable list

• Allow user to sort and filter list

• Individual institution listing will provide: descriptive information, location, admission details, IDNYC card holder information, institutional highlights, and links to exhibition and event listings

• Allow user to favorite an institution listing

MVP

Exhibitions and Events • Scrollable list of individual listings

• Allow user to sort and filter list

• Exhibitions and Event listings will provide: descriptive information, date and time, cost

• Allow user to add or remove listing to in-app calendar

• Allow user to submit new listing

MVP

My Calendar • In-app personal calendar of Exhibition and Event listings

• Allow user to view Exhibition and Event details

Sitemap

InstitutionsList

Submitan

EventInstitutionsInfo Page

InstitutionsInfo Page

EventsInfo Page

HOME




EventsList Calender

Snug Harbor Cultural Center & Botanical GardensOpen today until 6:00pm 5.6 mi

Currently showing Fluid—Essential for Life and more, this text can continue on to two lines.

Visual Arts Performing Arts Horticulture

30Search Profile CalendarFilter

InstitutionsSorted alphabetically

VERIZON 22%4 21 PM:

InstitutionsInitial Sketch

Wireframes

Tabbed nav showing all top level pages?

Scroll list horizontally or vertically?

A-Z pagination?

Testing

Takeaways Paper Prototype

• No branding made the app feel governmental

• Information hierarchy needed refinement for smoother user experience (e.g. more intuitive jumps from lower level back to higher level screens)

Takeaways Interactive Prototype

• Refine secondary navigation and modal screens

• Provide clarification on user role when submitting new exhibition or event listings

• Key content such as admission price was absent

Testing






VERIZON 22%4 21 PM:

Institutions

VERIZON 22%4 21 PM:

Institutions Exhibitions & Events

Sorted alphabetically Filtered by

nycEE

IA was not intuitive

Changing options on a persistent bar

caused confusion

Second iteration of top level navigation

Branding introduced

Wireframes

Takeaways Interactive Prototype

• Increase button and type sizes for usability

• Apply navigation to areas that trigger natural user behavior

Testing






VERIZON 22%4 21 PM:

Institutions

VERIZON 22%4 21 PM:



nycEE






nycEE

VERIZON 22%4 21 PM:

Icons and type size increased for

better usability

Wireframes

Secondary options removed from top

level pages

Next Steps

• Design and test Account page and Search page

• Allow users to follow calendars and sync with personal calendars

• Develop companion website to allow easier submission of new Exhibition and Event listings

• Support for setting an Exhibition and Event listing to private

• Multi-language support

• Provide recommendations for businesses local to institutions (e.g. restaurants that offer discounts to those with admission tickets)

• Test introduction of incentives for multiple visits (e.g. discounts or acknowledgement)

Thank you.

Project 4 - Group 3Brand: IDNYCProject Deliverables

Contributors:Jesse Kim

Michael LumKyle Norek

Table of Contents1. Executive Summary

2. Competititve and Comparative Analysis

3. Technical Background Research - Possible platform/limitations - Accessible information through APIs - Third Party Services - Design Standards

4. User Research Process and Takeaways - Contextual Inquiry - Personas - Survey - User interviews

5. Supplemental Documents - Feature Prioritization - Annotated Wireframes - User Journey - Usability testing findings - User Flows - Scenarios - Sitemap - High Fidelity Mockup

Executive Summary

Communication between IDNYC and card holders stops at the end of the application process. IDNYC has the opportunity to introduce a digital product that will provide an efficient way for card holders to discover cultural institutions and promote visitor interest, as well as providing increased musuem engagement.

• Of those surveyed, many have heard of IDNYC but failed to apply for the card.

• Of those who have received an IDNYC card, only a few have utilized benefits.

• Evaluation of the IDNYC sign up process showed that incremental improvements could be made, but overall people were able to easily apply for the card.

• Analysis of New York City resident behavior showed strong trends towards museum engagement.

• Our response facilitates redemption of IDNYC benefits through encouraging cultural instituitons discovery and participation with a digital product.

Competitive and Comparative AnalysisFeature Comparison

Competitive and Comparative AnalysisIDNYC vs. Ticket Packages

Technical Background ResearchPossible platformiOS Native Application

75% of interviewees used iPhones. In consideration of limited resources for a development team, budget, and timeline, we decided to introduce the product as a native iOS app, and roll out to web and Android as the program matures. We decided to prusue a mobile app over a website is because IDNYC holders need this experience to be accessible on-the-go; card holders will use this mobile app to access information on cultural institutions and special exhibitions as well as use it as a reminder throughout the day.

LimitationsBecause content on exhibitions and events is user generated and often requires a significant amount of effort to input, a desktop website could potentially be more suitable for that part of the experience.

Accessible information through APIsOn the institution information page, the app displays a Google map with the institution location pinned. When a user taps on that area, the app will launch the Google map application zoomed out to show user location in relation to the institution location.

Third Party ServicesWhen an user wants to submit an exhibition or event, the app will ask a user to sign in for credentials. Users will have an option to create an account, sign in, log in, or sign in using Facebook credentials.

Design StandardsThe app will adhere to material design guidelines for the visual elements, iOS HIG for behaviors,and natural interface designs on gestures and screen transitions.

User Research Process and TakewaysContextual Inquiry

The team visited an IDNYC application center and DMV l0ocation to perform a contextual inquiry. We analyzed the application process, application sheets, as well as interviewed applicants on site. Through this research process, we were able to gather some comparison analysis. The result is shown below.

IDNYC vs. DMV

User Research Process and TakewaysSurvey

• Of NYC residents surveyed, 73% have heard of IDNYC.• Of those, 76% did not apply.

- Main reason was because they did not have time to apply.• Of those who received a card, 88% have not used the card

- Main reason was because they did not have opportunity to use them / did not know about benefits.• Of those who heard of IDNYC, in the past year 97% visited a museum• And of those who went to museum last year, 69% of them went to museums 3 times or more.

User Research Process and TakeawaysUser Interviews

Behaviors

Kids

Free

Learning Experience

Inspiration

Relaxing

MUSEUMS

Likes

Context

Dislikes

Crowds

Money

Waiting on a line

Security rules

Exhibits

Space

Hours When

How

With who

Frequency

WeekdayWeekend

AloneFriendsVisitors in town

What to SeeSpecial Exhibition

Permanent Collection

Before going

No Plan

Research

Didn’t goM oney

Special Exhibition

Hours

Expectations

Informational/Learning Experience

Will match advertisements

No Expecations

Easy to Navigate around

Membership

Never

Wants/Bought

Too much money

Plan

Time

People

Lists

After conducting 13 interviews, we analyzed our findings by separately affinity mapping IDNYC and museum data. Pain points caused by IDNYC were not due to lack of an application or solution, but rather caused with a poor level of execution. Secondly, we found that redemption of IDNYC benefits and turning those cardholders to institution visitors was a much better area to address for improvements.

IDNYC Museums

In the museum affinity mapping, our reserach showed that admission prices and what it means to IDNYC cardholders is important. Additionally, planning a visit to a musuem breaks into two major groups: a group that does not specifically plan what they want to see, and a group that actively seeks out and exclusively focuses on special exhibitions.

User Research Process and Take-

Personas 1


Personas 2


Personas 3

Business/User Goals/Features

Business Goals User Goals

First phase will promote the 33 whomake upthe Cultural Institution Group

Increase visitor retention at all New York City institutions

Make institution discovery andlocating as easy as possible

Provide general information on all institutions

Allow a centralized repository forall special exhibitions, performances and events

Institution PageBasic info (hours, map, transportation, language support, rules)

Permanent collectionConnection to event listings

Features

Feature PrioritizationMVP

General• User generated content• Verified accounts for participating institutions/publications/individuals• Account creation allowing for public sharing of events• Sharing of all locations and events

Institutions• Map view or list view• Filter by category and proximity, and types (Childrens, History, Horticulture, Performing Arts, Science, Visu-

al Arts, Wildlife, • Institution Page includes,

- Basic info (hours, map, transportation, language support, rules)- Permanent collection- Connection to event listings

Exhibitions and Events• Single entry per event• Event data dependent on entry• Keyword search• Allow for tagging and filtering• Create a calendar of favorite/saved events• Set private or public option for both events and calendars• Feed of highlighted events

- By popularity through social indicators (e.g. trending topics)- By trusted recommendations- By ranking

Should Haves• Recommendation/Commenting/Rating

system• Near location/event notification• Event notification/reminder• Map showing nearby businesses (e.g. bars,

restaurants)• Highlight those with institution deals/dis-

counts• Highlight child friendly locations or events

Could Haves• Museum floorplan showing location of event• Provide school group schedules to anticipate crowds• Buy or renew memberships• Allow submissions to public calendars• Allow public calendar creators to pin events• Indicate when there is free admission or suggested dona-

tion• Multi-language support for app• Allow filtering of events by language• Allow users to provide real time updates on crowds or

line length• Universal ID system for IDNYC/Membership holders• Share current location• Incentivize repeat visits (gamification or discounts)• Allow for photosharing

Discovery Reminder



EMOTION

TIME


EMOTION

TIME

User Journey

Current

With App




Staten Island Children's MuseumOpen today until 6:00pm 5.6 mi



Staten Island Historical SocietyOpen today until 6:00pm 5.6 mi





nycEE

VERIZON 22%4 21 PM: Swipe left to access exhibition and my calendar

Search result will pull up institution informationexhibition information and my calendar input.

Access profile, will prompt you to log in where you can view my calendar and Submit event

Sort institutions byAlphabeticallyProximityPopularity

1.

3.

4.

2.

5.

1.

2.

3.

Filter byspecificcategoryand indidual borough

4.

5.

VERIZON 22%4 21 PM:

nycEENew York City Institutions.

Curated Exhibitions & Events.

By you, for you.

1.

Logo centered

2.

3.

App expectationApp Tagline

1.

2.

3.

Annotated WireframesLoading Page

Institutions Page






nycEE

VERIZON 22%4 21 PM:

Filter by category

Filter by borough

Bronx Brooklyn

Manhattan Queens

Staten Island

Childrens

Performing Arts

Film

History Wildlife

Science

Visual Arts

1.

Filtered drop down menuFilter by specific categoryFilter by individual boroughs

2.

3.

1.

2.

3.

Institutions Filter by Options






VERIZON 22%4 21 PM:

by proximity

by popularity

1.

1.

2.

Institution sorting drop down menu, allows users to sortby proximity, popularity and alphabetically

2. 3. 4. 5.

3.

4.

5.

Search result will pull up institution information, exhibition informationand my calendar input.Filter by specific category and individual borough

Access profile, will prompt you to login where the user can view my calendar and submit event.View my calendar and submit event.

Institutions Sort by Options

Exhibitions & Events

Through July 21Exhibition Number One

Through July 21Exhibition Number Two

Through July 21Exhibition Number Three

See more…

Highlights

Image description and credit. Pro reque eloquentiam ei, eum brute putant in. His te omnis iracundia, nihil dicant duo ne.

Image description and credit. Pro reque eloquentiam ei, eum brute putant in. His te omnis iracundia, nihil dicant duo ne.

1000 Richmond Terrace, Staten Island, NY 10301

M2 M7 M10 M100 M101

(212) 555-5555

snug-harbor.org

Snug Harbor Cultural Center & Botanical Gardens

Longer description about the institution. Pro reque eloquentiam ei, eum brute putant in. His te omnis iracundia, nihil dicant duo ne, ut mei apeirian suavitate. Omittam praesent pertinacia quo ne, omnesque assentior voluptaria eu vix, nibh atomorum instructior nec in. Ferri feugait vituperata vis eu.


Open today until 6:00pm

Close Favorite

1.

2.

3.

4.

5.

1. Institution hours of admission drop down menu.

2. User clicks phone number, and prompts them to call institution.

3.

4.

5.

6.

User clicks website link, and them to specific institution site.

User can swipe left to view more highlights of specific museum.

User clicks exhibition and events page to access listed events.

User clicks close to go back to home navigation.

6. 7.

7. User can favorite a exhibition/event to be populated in my calendar.

Institutions Info Page

Monday, April 30, 2015

Tuesday, May 1, 2015

Jacob Lawrence's Migration Series and Other WorksMuseum of Modern ArtPosted by MoMA

Exhibit Just Opened

April 23—September 7

Eric Foner - Gateway to Freedom: The Hidden History of the…Brooklyn Historical SocietyPosted by Michael Lum

Lecture

7:30-9:30pm

Afrofuturism: Born in FlamesBAMPosted by Kim Drew

Film

7:00pm

Opening


Institutions My CalendarExhibitions & Events

nycEE

VERIZON 22%4 21 PM:

nycEE


Institutions My CalendarExhibitions & Events

VERIZON 22%4 21 PM: Select specific exhibition to view full detail page

Add a event for others to view

1.

2.

1.

2.

Jacob Lawrence's Migration Series and Other Works

In 1941, Jacob Lawrence, then just 23 years old, completed a series of 60 small tempera paintings with text captions about the Great Migration, the multi-decade mass movement of African Americans from the rural South to the urban North that started around 1915. Within months of its making, the series entered the collections of The Museum of Modern Art and the Phillips Memorial Gallery (today The Phillips Collection), with each institution acquiring half of the panels. Lawrence’s work is now an icon in both collections, a landmark in the history of modern art, and a key example of the way that history painting was radically reimagined in the modern era. One-Way Ticket: Jacob Lawrence’s Migration Series and Other Visions of the Great Movement Northreunites all 60 panels for the first time at MoMA in 20 years.

The exhibition is accompanied by a book, Jacob Lawrence: The Migration Series, copublished with The Phillips Collection, Washington D.C. With the opening of the exhibition, MoMA has created a rich multimedia website that explores each of Lawrence’s Migration panels, accompanied by a range of visual, auditory, literary, and documentary materials. The exhibition is also accompanied by a film series in MoMA's theaters in June. Download a brochure of related programming.

Snug Harbor Cultural Center & Botanical Garden

Visit event on website | Report this entry

April 23—September 7Free with admission

Posted by Snug Harbor

Exhibit Just Opened

VERIZON 22%4 21 PM:

Close Add EventShare

Click to go back to institution page

Visit the event on institution website

Report a posting based on lack of credibility, vulgar and incorrect information

Add this event to my calendar to view and save later

Share this article on social media and email

Close article and return back to exhibition & events list

1.

2. 3.

4.5.6.

1.

2.

3.

4.

5.

6.




Snug Harbor Cultural Center & Botanical Garden

Visit event on website | Report this entry

April 23—September 7Free with admission

Posted by Snug Harbor

Exhibit Just Opened

VERIZON 22%4 21 PM:

Close Add EventShare

Click to go back to institution page

Visit the event on institution website

Report a posting based on lack of credibility, vulgar and incorrect information

Add this event to my calendar to view and save later

Share this article on social media and email

Close article and return back to exhibition & events list

1.

2. 3.

4.5.6.

1.

2.

3.

4.

5.

6.

Exhibitions & Events Info Page

Exhibitions & Events Page

May

April

30Thu

Jacob Lawrence’s MIgration Series and Other…Museum of Modern Art10:00am-6:00pm

Exhibit

1Fri

Afrofuturism: Born In FlamesBrooklyn Academy of Music7:00-9:00pm

Film

8Fri

Eric Foner - Gateway to Freedom: The Hidden…Brooklyn Historical Society7:30-8:30pm

Lecture

8Fri

Lecture

nycEE

My CalendarExhibitions & Events

VERIZON 22%4 21 PM: 1.

2.

My calendar populated of future listings

List of saved upcoming events, brings the user to description page1.

2.

My Calender - Empty

My Calender - Full

You don’t have any events saved yet!

Check out the Exhibitions & Events area to browse

for things you would like to add to your calendar.

nycEE

My CalendarExhibitions & Events

VERIZON 22%4 21 PM:1. My calendar page, prior to adding saved exhibitions and events

1.2. User click open area, bringing them back to exhibitions/events page

2.




Close

Museum of Modern Art

April 23—September 7

Exhibit Just Opened

VERIZON 22%4 21 PM:

Please sign up with your email address or login with your Facebook account to submit events for the public feed.

or

Login with Facebook

Log in

Sign up

E-mail

Name

Password

Already signed up with your email addrees?

1.

2.

3.

4.

1.

2.

3.

4.

5.

5.

New user sign-up form fieldSubmit sign-up after filling out fieldsUser login option through social mediaCurrent user loginClose button, brings you back to event submission page

Start

End

Date and Time

Description

Event info

Exhibition or Event Title

Institution

Type

Admission

URL

+ Add Picture

Don’t see an upcoming exhibition or event?

Add it to the public feed!Fill out the form below to share with

everyone on nycEE.

Submit Exhibition or Event

VERIZON 22%4 21 PM:

Cancel Submit

1.

2.

3.

4.

5.

Submit institution photoInput exhibition/event title

Specific institution, brings you to institution option

Type of exhibition selection

Input admission cost data

Input exhibition/event URL, to go to event website page

Date and time modal box pop up for input

Input exhibition/event starting and ending period

Description modal box pop up, input exhibition/event title

Submit new event button, populates data into events/exhibitions list page

Cancel button brings user back to events/exhibitions listing page

6.

7.

8.

9.

10.

11.

1.

2.3.

4.5.

6.

7.

8.

9.

10.11.

Sign Up Modal

Submit an Event Page

Event info

Title

Institution

Type

Admission

URL

+ Add Picture

Don’t see an upcoming exhibition or event? Add it to the public feed!Fill out the form below to share with everyone on nycEE.

Close Submit

American Museum of Natural History

Bronx County Historical Society

Bronx Museum of the Arts

Brooklyn Academy of Music

Brooklyn Botanic Garden

Brooklyn Children's Museum

Brooklyn Museum

Carnegie Hall

David H. Koch Theater

El Museo del Barrio

Flushing Town Hall

Jamaica Center for Arts & Learning

Lincoln Center for the Performing Arts

Metropolitan Museum of Art

Museum of Jewish Heritage

Museum of the City of New York

Museum of the Moving Image

New York Botanical Garden

New York City Center

New York Hall of Science

P.S. 1 Contemporary Art Center

Public Theater/New York Shakespeare

Festival

Queens Botanical Garden

Queens Museum of Art

Queens Theatre in the Park

Snug Harbor Cultural Center & Botanical

Garden

Staten Island Children's Museum

Staten Island Historical Society

VERIZON 22%4 21 PM:

Institution

1.

2.

1.

2.

Back button brings the user back to event submission page

User selects specific institution

Submit an Event Page - Institution Options

Submit an Event Page - Type of Events/Exhibitions1.

2.

Back button brings the user back to event submission page

User selects specific exhibition/event type1.

2.

Title

Location

Type

April 30, 2016 7:00pm

End

Date and Time

Description

Cancel Submit

Submit Exhibition or Event

VERIZON 22%4 21 PM:1.

2.

Starting and ending period of exhibition submission

Description of exhibition/event entry field

1.

2.

3. 4.

3.

4.

Cancel button, brings user back to exhibition/event listings

Submit button brings user to populated entry fields

Submit an Event Page - Date Wheel

Usability Test Findings

Paper Prototype Takeaways• No branding made the app feel governmental• Information hierarchy needed refinement for smoother user experience (e.g. more intuitive

jumps from lower level back to higher level screens)

Interactive Prototype Takeways• Refinement of navigation and modal screen access • Provide clarification on user role when submitting new exhibition or event listings• Key content such as admission price was absent

Tap Hours

To ExpandTap

Phone N

umber

TapU

RLTapM

ap

TapFavoriteButton

Swipe H

ighlightC

arousel

TapShareButton

Browser

AppM

apsApp

Share Modal

ScreenShare M

odalScreen

SortFilter

Category

BoroughAlphabetically

Proximity

Popularity

Login

BySocialM

edia

ByN

ewAccount

ByExistingAccount

Submit

My

Calendar

Events &Exhibitions

ListSw

ipeSw

ipeInstitutions

List

Sorted &Filterd

InstitutionsList

Tap Submit

Event Button

Fill O

utForm

Fields

TapExhibtion &Event C

ard

TapAdd Event/

Remove Event

Button

TapInsitutions

Logo &N

ame

SortFilter

LocationType

AlphabeticallyProxim

ityPopularity

TapInstitutions

Filtered Options

Main Level

ExhibtionPage

ExhibtionList

Page

TapEventLink

InstitutionsList

Scroll

Tap Saved Exhibtion or

Event

PhoneApp

Browser

App

Tap ReportButton

TapShareButton

User Flow

Storyboards

Roger - The culture loving father

Sayid - The art fiend

InstitutionsList

Submitan

EventInstitutionsInfo Page


EventsInfo Page

HOME




EventsList Calender

Sitemap

3 major pages, 2 level deep at most

100%9:41 AM

100%9:41 AM

100%9:41 AM

100%9:41 AM

High Fidelity M

ockups

idnyc, native app project

Design

aware of idnyc

year benets

problem statement idnyc

card holders

identication card

institutions info

membership benets

card expiration emotion