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
JIHOON KANG
ASSOCIATE DIRECTOR
PARSONS INSTITUTE FOR INFORMATION MAPPING
4/15/2013
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
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]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
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
Choose visit type & reason
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 4]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
STYLE GUIDE: APPOINTMENTS (CONTINUED)
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
Appointments You have 3 scheduled appointments.
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 BEKG Follow-up
Clinic FMental Health
1pm
7am
6amEST
8am
9am
10am
11am
12pm
RescheduleAppointment
MakeAppointment
CancelAppointment
RescheduleAppointment
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 5]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
Appointments You have 3 scheduled appointments.
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:00amClinic BEKG Follow-upMon 11/17, 9:30am-10:00amClinic FMental HealthFri 11/20, 1:00pm–1:30pm Clinic C
X-ray
Clinic AEKG
Clinic BEKG Follow-up
Clinic FMental Health
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
1pm
7am
6amEST
8am
9am
10am
11am
12pm
RescheduleAppointment
MakeAppointment
CancelAppointment
RescheduleAppointment
CancelAppointment
STYLE GUIDE: APPOINTMENTS (CONTINUED)
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 6]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
Appointments You have 3 scheduled appointments.
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:00amClinic BEKG Follow-upMon 11/17, 9:30am-10:00amClinic FMental HealthFri 11/20, 1:00pm–1:30pm Clinic C
X-ray
Clinic AEKG
Clinic BEKG Follow-up
Clinic FMental Health
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
1pm
7am
6amEST
8am
9am
10am
11am
12pm
RescheduleAppointment
MakeAppointment
CancelAppointment
RescheduleAppointment
CancelAppointment
STYLE GUIDE: APPOINTMENTS (CONTINUED)
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 7]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
STYLE GUIDE: APPOINTMENTS, MAKE APPOINTMENT WINDOW
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
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
Choose visit type & reason
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
1300
Appointments You have 2 scheduled appointments.
Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
Event Details
Cancel Request
RescheduleAppointment
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
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 8]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGOLOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
The user selects “Mental health (30 mins).”
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
Choose visit type & reason
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
1300
Appointments You have 2 scheduled appointments.
Make Appointment Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
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
Appointments You have 2 scheduled appointments.
Week ListMonth
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Cancel Request
RescheduleAppointment
MakeAppointment
CancelAppointment
Visit type:Clinic Visit
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:
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
Please enter your reason for visit (optional):
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 9]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGOLOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
Entering the reason for visit is optional. The user types “PTSD follow-up.”
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
Choose visit type & reason
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
1300
Appointments You have 2 scheduled appointments.
Make Appointment Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
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
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Cancel Request
RescheduleAppointment
MakeAppointment
CancelAppointment
Visit type:Clinic Visit
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:
Mental Health (30 Minutes)
Please enter your reason for visit (optional):
?Summary
Provider Preview& con�rmDate & timeVisit type
& reason Location
Visit type:Telehealth
Please enter your reason for visit (optional):
Limit 60 characters
PTSD follow-up
Please choose the type of visit from the list below.
CancelNext »« Back
STYLE GUIDE: APPOINTMENTS, MAKE APPOINTMENT WINDOW (CONTINUED)
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 10]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
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
Choose visit type & reason
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
1300
Appointments You have 2 scheduled appointments.
Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
Event Details
Cancel Request
RescheduleAppointment
MakeAppointment
CancelAppointment
Visit type:Clinic Visit
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:
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
Visit type:TelehealthMental Health (30 min)
Reason for visit:“PTSD follow-up”
CancelNext »« Back
STYLE GUIDE: APPOINTMENTS, MAKE APPOINTMENT WINDOW (CONTINUED)
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
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 11]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
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
Choose visit type & reason
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
1300
Appointments You have 2 scheduled appointments.
Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
Event Details
Cancel Request
RescheduleAppointment
MakeAppointment
CancelAppointment
Visit type:Clinic Visit
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:
Who would you like to meet? ?Summary
Dr. Mehmet Oz
General PractitionerTelehealth
Last Appointment:1/5/2010
Any provider
ProviderPreview& confirm
Date & timeVisit type& reason
Location
Visit type:TelehealthMental Health (30 min)
Reason for visit:“PTSD follow-up”
Location:Clinic FFacility III
2000 Veterans Dr.US City, NY, 10001(212) 111-1111 Dr. Krissy Johnson
PsychiatristTelehealth
Last Appointment:1/11/2011
CancelNext »« Back
STYLE GUIDE: APPOINTMENTS, MAKE APPOINTMENT WINDOW (CONTINUED)
Provider TextMyriad Pro Regular;14/17pt; Black: #0000000;14/17pt; Purple: #074F72;
100 px
120 px
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 12]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
Appointments You have 2 scheduled appointments.
Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
Event Details
Cancel Request
RescheduleAppointment
MakeAppointment
CancelAppointment
Visit type:Clinic Visit
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:
CancelNext »« Back
When would you like to come in? ?Summary
ProviderPreview& confirm
Date & timeVisit type& reason
Location
FILTERS Location: Provider: Any ProviderAny LocationVisit type:TelehealthMental Health (30 min)
Reason for visit:“PTSD follow-up”
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
STYLE GUIDE: APPOINTMENTS, MAKE APPOINTMENT WINDOW (CONTINUED)
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 13]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
Appointments You have 2 scheduled appointments.
Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
Event Details
Cancel Request
RescheduleAppointment
MakeAppointment
CancelAppointment
Visit type:Clinic Visit
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:
?Visit type:TelehealthMental Health (30 min)
Reason for visit:“PTSD follow-up”
Location:Clinic FFacility III
2000 Veterans Dr.US City, NY, 10001(212) 111-1111
Provider:Dr. Krissy JohnsonPsychiatrist
Date:11/20/2011
Time:1:00pm–1:30pm
Visit type:
Reason for visit:
Location:
Provider:
Date:
Time:
TelehealthMental Health (30 min)
”PTSD follow-up“
Clinic FFacility III
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
STYLE GUIDE: APPOINTMENTS, MAKE APPOINTMENT WINDOW (CONTINUED)
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 14]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
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
Appointments You have 3 scheduled appointments.
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 BEKG
Clinic BEKG Follow-up
Clinic FMental Health
1pm
7am
6amEST
8am
9am
10am
11am
12pm
RescheduleAppointment
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
Clinic FMental HealthFri 11/20, 1:00pm–1:30pm
3 upcoming appointments
STYLE GUIDE: APPOINTMENTS, RESCHEDULE WINDOW
Upcoming Appointment SelectionMyriad Pro Regular;14/16pt; Purple: #074F72;Background: White: #FFFFFF;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 15]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
lipsum
Visit type:Clinic Visit
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
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
Appointments You have 2 scheduled appointments.
Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
Event Details
Cancel Request
RescheduleAppointment
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;
PIIM RESEARCHPUBLISHED FEBRUARY 15, 2013[PAGE 16]
© 2013 THE PARSONS INSTITUTE FOR INFORMATION MAPPING
THE VISUAL DASHBOARD AND HEADS-UP DISPLAY OF PATIENT CONDITIONSGUI DESIGN VOLUMEPIIM
LOGO
Title: <VA Schedule Challenge: Wireframes: Patient> | Creator: Jihoon Kang | Modi�ed: <18 March 2013> | Page <2>
lipsum
Visit type:Clinic Visit
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
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
Appointments You have 2 scheduled appointments.
Week ListMonthUpcoming
Sun 11/15 Wed 11/18 Thu 11/19 Fri 11/20 Sat 11/21 2011 Mon 11/16 Tue 11/17
0700
0600
0800
0900
1000
1100
1200
Clinic CX-ray
Clinic AEKG
Clinic AEKG Follow-up
Clinic AEKGMon 11/16, 0930 –1000 hrs
Clinic AEKG Follow-upMon 11/17, 0930 –1000 hrs
Event Details
Cancel Request
RescheduleAppointment
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“
Clinic FFacility III
2000 Veterans Dr.US City, NY, 10001(212) 111-1111
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;