PIIM THE PARSONS INSTITUTE FOR INFORMATION … · piim is a research and development facility at the new school 2013 the parsons institute for information mapping f avenue n y, ny

PIIM IS A RESEARCH AND DEVELOPMENT FACILITY AT THE NEW SCHOOL

© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING

68 Fifth Avenue New York, NY 10011

THE PARSONS INSTITUTE FOR INFORMATION MAPPING

212 229 6825piim.newschool.eduPIIM

GUI STYLE GUIDE FOR VA SCHEDULING CONTEST

VERSION 1

PRIN LIMPHONGPAND

INFORMATION DESIGNER

PARSONS INSTITUTE FOR INFORMATION MAPPING

[email protected]

JIHOON KANG

ASSOCIATE DIRECTOR

PARSONS INSTITUTE FOR INFORMATION MAPPING

[email protected]

4/15/2013

PIIM IS A RESEARCH AND DEVELOPMENT FACILITY AT THE NEW SCHOOL


68 Fifth Avenue New York, NY 10011

THE PARSONS INSTITUTE FOR INFORMATION MAPPING

212 229 6825piim.newschool.eduPIIM

INTRODUCTION This section of GUI Style Guide for VA Scheduling Contest documents the design specifications of all interface elements within the UI for the patient.

Style Guide for the Patient GUI

PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 3]


THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM

STYLE GUIDE: APPOINTMENTS

LOGO

Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>

This is the landing scren.

The user clicks on the “Make Appointment” button.

Login

Appointments

User Profiand Settings

Choose:Clinic visit, Telehealth

Choose clinic

Choose visit type & reason

Preview /confirm

Choose location (facility)

Choose appt type & reason

Preview /confirm

Clinic Visit Telehealth

Make Appt

Choose date/time

User type:Patient or

scheduler?

Appointments

Scheduler

Choose provider


Preview /confirm

Choose date/time

Submit appt

Patient

By Date/time or By Doctor?

by date/time

Choose provider

by provider

Choose date/time

Choose provider

Choose clinic

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1pm

Appointments You have 2 scheduled appointments.

RescheduleAppointment

MakeAppointment

CancelAppointment Week ListMonthUpcoming

Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17

7am

6amEST

8am

9am

10am

11am

12pm

Clinic AEKGMon 11/16, 0930 –1000 hrs

Clinic BEKG Follow-upMon 11/17, 0930 –1000 hrs

Clinic CX-ray

Clinic AEKG

Clinic BEKG Follow-up

768 px

45px

25 px

1024 px

Overall Wireframewidth: 1024px;height: 768px;

BackgroundBlack: #000000; Dark Grey: #777777Default solid color: Dark Grey: #777777

Top Menu Bar (gif object)width: 330px;height: 45px;




STYLE GUIDE: APPOINTMENTS (CONTINUED)

LOGO


lipsum

Event Details

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29


Week ListMonthUpcoming

Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17Clinic AEKGMon 11/16, 9:30am–10:00am

Clinic BEKG Follow-upMon 11/17, 9:30am–10:00am

Clinic FMental HealthFri 11/20, 1:00pm–1:30pm

Clinic CX-ray

Clinic AEKG


Clinic FMental Health

1pm

7am

6amEST

8am

9am

10am

11am

12pm


MakeAppointment

CancelAppointment


CancelAppointment

Your appointment has been scheduled.

Visit type:TelehealthMental Health (30 min)

Reason for visit:“PTSD follow-up”

Location:Clinic FFacility III

2000 Veterans Dr.US City, NY, 10001View map

Telephone:(212) 111-1111

Provider:Dr. Krissy JohnsonPsychiatrist

Date:11/20/2011

Time:1:00pm–1:30pm

Appoint TitleMyriad Pro Bold;23/27pt; White: #FFFFFF;

Upcoming ColumnMyriad Pro Regular;11/13pt; Blue: #AEDEE4;11/13pt; Orange: #FF931E;

Appointment NotificationMyriad Pro Italic;16/19pt; Blue: #000000;Background; Yellow: #F7F4E9;

Event Details ColumnMyriad Pro Regular,Myriad Pro Bold;12/13pt; White: #FFFFFF;

Myriad Pro Regular;11/13pt; Blue: #AEDEE4;

Links HoverUnderline; Blue: #AEDEE4;

Old AppointmentHelvetica Regular;10/12pt; White: #FFFFFF;Background; Grey: #999999;Opacity: 50%

Upcoming AppointmentHelvetica Regular;10/12pt; White: #FFFFFF;Background; Grey: #999999;

Selected AppointmentHelvetica Bold;10/12pt; White: #FFFFFF;Background; Orange: #FF931E;




LOGO


lipsum

Event Details

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29



Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17Clinic AEKGMon 11/16, 9:30am-10:00amClinic BEKG Follow-upMon 11/17, 9:30am-10:00amClinic FMental HealthFri 11/20, 1:00pm–1:30pm Clinic C

X-ray

Clinic AEKG







Telephone:(212) 111-1111


Date:11/20/2011


1pm

7am

6amEST

8am

9am

10am

11am

12pm


MakeAppointment

CancelAppointment


CancelAppointment


View ButtonMyriad Pro Regular;11/13pt; Grey: #4D4D4D;Background; Gray: #666666; White: #FFFFFF;

Highlighted View ButtonMyriad Pro Bold;11/13pt; White: #FFFFFF;Background; Orange: #FFC41E; Orange: #FF931E;

Action ButtonMyriad Pro Regular;11/11pt; Grey: #4D4D4D;Background; Gray: #666666; White: #FFFFFF;Opacity: 30%;

Appointment NoticeMyriad Pro Italic;16/19pt; White: #FFFFFF;16/19pt; Orange: #FF931E;




LOGO


lipsum

Event Details

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29



Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17Clinic AEKGMon 11/16, 9:30am-10:00amClinic BEKG Follow-upMon 11/17, 9:30am-10:00amClinic FMental HealthFri 11/20, 1:00pm–1:30pm Clinic C

X-ray

Clinic AEKG







Telephone:(212) 111-1111


Date:11/20/2011


1pm

7am

6amEST

8am

9am

10am

11am

12pm


MakeAppointment

CancelAppointment


CancelAppointment


BackgroundBackground; Grey: #3C3C3B;

Background (Current Day)Background; Gray: #190C03;

Appointment TextMyriad Pro Bold;12/23pt; Green: #BED63A;

Myriad Pro Regular,Myriad Pro Bold;11/13pt; White: #FFFFFF;




STYLE GUIDE: APPOINTMENTS, MAKE APPOINTMENT WINDOW

LOGO


The user needs to choose either “I want to visit a clinic” or “I want to schedule a Telehealth session.”

The user selects “I want to schedule a Telehealth session” for the purpose of this presentation.

Login

Appointments



Choose clinic


Preview /confirm



Preview /confirm


Make Appt

Choose date/time


scheduler?

Appointments

Scheduler

Choose provider


Preview /confirm

Choose date/time

Submit appt

Patient


by date/time

Choose provider

by provider

Choose date/time

Choose provider

Choose clinic

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300




0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG

Clinic AEKG Follow-up


Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs

Event Details

Cancel Request


MakeAppointment

CancelAppointment

Visit type:Provider: Default

Service:EKG

Reason for visit:“Referred by my primary care”

Time:Mon 11/16, 0930 –1000 hrs

Location:Clinic A, Suite 403

Address:2456 Maple RoadMorristown, NJ 07960

Telephone:(973) 313-3345

?Choose what you would like to do.

I want to visit a clinic. I want to schedule a Telehealth session.

Highlighted Windowwidth: 286px;height: 456px;Blue: #AEDBE2;Background: #D0D0D0;

Highlighted LinkMyriad Pro Regular;14/17pt; Purple: #074F72;Underline; Purple: #074F72;

PromptMyriad Pro Regular;18/21pt; Dark Grey: #4D4D4D;

WindowGray: #666666; White: #FFFFFF;

Icons (gif objects)width: 95px;height: 95px;

95 px

95 px

Symbol

Base

High-light




LOGOLOGO


The user selects “Mental health (30 mins).”

Login

Appointments



Choose clinic


Preview /confirm



Preview /confirm


Make Appt

Choose date/time


scheduler?

Appointments

Scheduler

Choose provider


Preview /confirm

Choose date/time

Submit appt

Patient


by date/time

Choose provider

by provider

Choose date/time

Choose provider

Choose clinic

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300


Make Appointment Week ListMonthUpcoming


0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG




Event Details

Cancel Request

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300


Week ListMonth


0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG


Cancel Request


MakeAppointment

CancelAppointment

Visit type:Clinic Visit

Provider: Default

Service:EKG


Time:Mon 11/16, 0930 –1000 hrs



Telephone:

Choose type of visit

Please enter your reason for visit (optional):

Limit 60 characters

?Summary

Provider Preview& con�rmDate & timeVisit type

& reason Location

Visit type:Telehealth


Time for an annual physical

?

Polytrauma Rehab Center (PRC) (30 mins)Mental health (30 mins)Speech pathology (30 mins)Surgery consult (30 mins)Pre-operative check (30 mins)Post-operative check (30 mins)Dermatology (30 mins)Retinal (eye) imaging (30 mins)Radiology (x-ray) (30 mins)

Please choose the type of visit from the list below.

CancelNext »« Back

STYLE GUIDE: APPOINTMENTS, MAKE APPOINTMENT WINDOW (CONTINUED)

ButtonsMyriad Pro Regular,14/16pt; Black: #000000;Background;Gray: #666666; White: #FFFFFF;

Dropdown MenuMyriad Pro Italic,Myriad Pro Regular,Myriad Pro Bold;18/24pt; Black: #000000;Background;Gray: #666666; White: #FFFFFF;

Progress IndicatorMyriad Pro Bold;14/16pt; Black: #000000;Background; Orange: #FF931E;

Myriad Pro Regular;14/16pt; White: #FFFFFF;Background; Grey; #808080;




LOGOLOGO


Entering the reason for visit is optional. The user types “PTSD follow-up.”

Login

Appointments



Choose clinic


Preview /confirm



Preview /confirm


Make Appt

Choose date/time


scheduler?

Appointments

Scheduler

Choose provider


Preview /confirm

Choose date/time

Submit appt

Patient


by date/time

Choose provider

by provider

Choose date/time

Choose provider

Choose clinic

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300


Make Appointment Week ListMonthUpcoming


0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG




Event Details

Cancel Request

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300

Week ListMonth


0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG


Cancel Request


MakeAppointment

CancelAppointment


Provider: Default

Service:EKG


Time:Mon 11/16, 0930 –1000 hrs



Telephone:

Mental Health (30 Minutes)


?Summary

Provider Preview& con�rmDate & timeVisit type

& reason Location

Visit type:Telehealth


Limit 60 characters

PTSD follow-up

Please choose the type of visit from the list below.



Text limitMyriad Pro Italic;14/16pt; Black: #000000;

Input box textMyriad Pro Regular;18/24pt; Black: #000000;

Prompt textMyriad Pro Regular,Myriad Pro Italic;18/24pt; Black: #000000;




LOGO


Once the user submits the type of visit, the system displays appropriate locations for the service requested by the user (patient.

The user can select a speci�c location or any location. Choosing “Any location” will return more available time slots.

The user clicks “View Map.”

Login

Appointments



Choose clinic


Preview /confirm



Preview /confirm


Make Appt

Choose date/time


scheduler?

Appointments

Scheduler

Choose provider


Preview /confirm

Choose date/time

Submit appt

Patient


by date/time

Choose provider

by provider

Choose date/time

Choose provider

Choose clinic

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300




0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG




Event Details

Cancel Request


MakeAppointment

CancelAppointment


Provider: Default

Service:EKG


Time:Mon 11/16, 0930 –1000 hrs



Telephone:

Where would you like to go? ?Summary

Clinic GFacility IV

5000 Hospital Ct.US City, NY, 10000(212) 222-2222

Last visit: 9/10/2009

7.2 miles from your homeView map

Clinic FFacility III

2000 Veterans Dr.US City, NY, 10001(212) 111-1111

Last visit: 10/24/2010

2.8 miles from your homeView map

Any location

ProviderPreview& confirm

Date & timeVisit type& reason

Location

My home

Requires approved software/security settings

Last session: 5/5/2011





Location TextMyriad Pro Regular;14/17pt; Black: #0000000;14/17pt; Purple: #074F72;

Myriad Pro Italic;14/17pt; Black: #000000;

Progress IndicatorOutline; Grey: #006837;

Window Summary TextMyriad Pro Regular,Myriad Pro Bold,Myriad Pro Bold Italic;12/13pt; Black: #000000;

160 px

100 px




LOGO


The user selects the provider for the appointment. The user may choose a speci�c provider or any provider. Choosing “Any provider” will increase the number of available time slots.

Login

Appointments



Choose clinic


Preview /confirm



Preview /confirm


Make Appt

Choose date/time


scheduler?

Appointments

Scheduler

Choose provider


Preview /confirm

Choose date/time

Submit appt

Patient


by date/time

Choose provider

by provider

Choose date/time

Choose provider

Choose clinic

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300




0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG




Event Details

Cancel Request


MakeAppointment

CancelAppointment


Provider: Default

Service:EKG


Time:Mon 11/16, 0930 –1000 hrs



Telephone:

Who would you like to meet? ?Summary

Dr. Mehmet Oz

General PractitionerTelehealth

Last Appointment:1/5/2010

Any provider



Location




2000 Veterans Dr.US City, NY, 10001(212) 111-1111 Dr. Krissy Johnson

PsychiatristTelehealth

Last Appointment:1/11/2011



Provider TextMyriad Pro Regular;14/17pt; Black: #0000000;14/17pt; Purple: #074F72;

100 px

120 px




LOGO


lipsum

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300




0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG




Event Details

Cancel Request


MakeAppointment

CancelAppointment


Provider: Default

Service:EKG


Time:Mon 11/16, 0930 –1000 hrs



Telephone:


When would you like to come in? ?Summary



Location

FILTERS Location: Provider: Any ProviderAny LocationVisit type:TelehealthMental Health (30 min)


Location:Any location

Provider:Any provider

Tue, 11/17

>

PMUnavailable

Wed, 11/18

PMUnavailable

Thu, 11/19

AMUnavailable

Fri, 11/20

AM2 Available

PM1 Available

AMUnavailable

AM1 Available

PM1 Available

PM

1:00pm–1:30pmClinic F

Facility IIIDr. Krissy Johnson

3:30pm–4:00pmClinic G

Facility VIDr. Mehmet Oz

Close

Go to: mm/dd/yyyy


Date SelectionMyriad Pro Regular;16/18pt; Grey: #999999;Background; White: #FFFFFF;

Selected DateMyriad Pro Bold;16/18pt; Black: #000000;

Myriad Pro Regular;16/16pt; Purple: #074F72;12/12pt; Grey: #4D4D4D;Background; Grey: E6E6E6;

Date TextMyriad Pro Regular;15/17pt; Grey: #4D4D4D;

Date ButtonMyriad Pro Regular;16/18pt; Black: #000000;Background; White: #FFFFFF;

Myriad Pro Regular;16/18pt; Grey: #666666;Background; Grey: #CCCCCC;

PromptMyriad Pro Bold;14/16pt; Grey: #4F7477;

Myriad Pro Regular;18/24pt; Black: #000000;




LOGO


lipsum

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300




0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG




Event Details

Cancel Request


MakeAppointment

CancelAppointment


Provider: Default

Service:EKG


Time:Mon 11/16, 0930 –1000 hrs



Telephone:

?Visit type:TelehealthMental Health (30 min)





Date:11/20/2011


Visit type:

Reason for visit:

Location:

Provider:

Date:

Time:

TelehealthMental Health (30 min)

”PTSD follow-up“


2000 Veterans Dr.US City, NY, 10001(212) 111-1111View map

Dr. Krissy JohnsonPsychiatrist

11/20/2011

1:00pm–1:30pm

SummaryHere is the summary of your appointment request. Please press the “Submit” button after verifying the information.

Preview& confirm

Date & timeLocation Provider

Recommended arrival time is 30 minutes prior to the scheduled appointment.

Visit type& reason

CancelSubmit« Back


NotificationMyriad Pro Italic;16/19pt; Black: #000000;Outline; Dark Red: #534741;

Preview TextMyriad Pro Regular,Myriad Pro Bold;16/16pt; Black: #000000;

LinkMyriad Pro Regular,14/16pt; Purple: #074F72;




LOGO


lipsum

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29



Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17Clinic AEKGMon 11/16, 9:30am–10:00am

Clinic BEKG Follow-upMon 11/17, 9:30am–10:00am


Clinic CX-ray

Clinic BEKG



1pm

7am

6amEST

8am

9am

10am

11am

12pm


MakeAppointment

CancelAppointment

Cancel

You have not selected an appointment which you would like to reschedule. Please select an upcoming appointment which you would like to reschedule.

?Clinic AEKGMon 11/16, 9:30am–10:00am

Clinic BEKG Follow-upTue 11/17, 9:30am–10:00am


3 upcoming appointments

STYLE GUIDE: APPOINTMENTS, RESCHEDULE WINDOW

Upcoming Appointment SelectionMyriad Pro Regular;14/16pt; Purple: #074F72;Background: White: #FFFFFF;




LOGO


lipsum


Provider: Default

Service:EKG


Time:Mon 11/16, 0930 –1000 hrs



Telephone:(973) 313-3345

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300




0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG




Event Details

Cancel Request


MakeAppointment

CancelAppointment

CancelYesSubmit

Please select the reason for cancelling the appointment.

Choose the reason for cancellation

WeatherTravel di�cultyUnable to keep appointmentDeath in familyTransfer OPT Care to other VAOther

STYLE GUIDE: APPOINTMENTS, APPOINTMENT CANCELLATION WINDOW

Dropdown MenuMyriad Pro Italic,Myriad Pro Regular,Myriad Pro Bold;18/24pt; Black: #000000;Background;Gray: #666666; White: #FFFFFF;




LOGO


lipsum


Provider: Default

Service:EKG


Time:Mon 11/16, 0930 –1000 hrs



Telephone:(973) 313-3345

November 2011

M T W T F SS

2 3 4 5 6 7

9 10 11 12 13 14

17 18 19 20 21

23 24 25 26 27 28

30

16

1

8

15

22

29

1300




0700

0600

0800

0900

1000

1100

1200

Clinic CX-ray

Clinic AEKG




Event Details

Cancel Request


MakeAppointment

CancelAppointment

No

Are you sure you want to cancel the following appointment?

Yes

Visit type:

Reason for visit:

Location:

Provider:

Date:

Time:

Reason for Cancellation:

TelehealthMental Health (30 min)

”PTSD follow-up“



Dr. Krissy JohnsonPsychiatrist

11/20/2011

1:00pm–1:30pm

Travel di�culty Edit

STYLE GUIDE: APPOINTMENTS, APPOINTMENT CANCELLATION WINDOW (CONTINUED)

NotificationMyriad Pro Italic,16/19pt; Black: #000000;Outline; Dark Red: #534741;

Preview TextMyriad Pro Regular,Myriad Pro Bold;16/16pt; Black: #000000;

Documents

PIIM THE PARSONS INSTITUTE FOR INFORMATION … · piim is a research and development facility at the new school 2013 the parsons institute for information mapping f avenue n y, ny