You are on page 1of 12

Home Page

This is the default log-in screen
1. Breadcrumb that lists out which hospital > department the
user is in. If the user clicks on the first breadcrumb (Mount Sinai
Health Systems), they’ll be directed to the master listings page
(see page 17). Far right, the user’s name is listed with a settings
icon that will take them to the settings page (see page 16)
2. Navigation links to the 4 main pages in the site
a. Home page (currently on)
b. Survey Listings (see page 7)
c. Patient Listings (see page 11)
3. Welcome message that displays the amount of responses
from the start of the clients account. E.g., this client started their
account with QR on December 12, 2013.
4. Widgets
a. At Risk: (23 at Risk Patients) this widget represents the overall
number of respondents who have answered any question with
a 2 or lower star ranking. If the user clicks on this, they are redirected to the patient listings page with the filter set on 2 or lower
stars.
b. Trend Line: This line graph shows the average daily QR score
for the past (x) days.
c. QR score: this is the average score (out of 5 stars) from when
this particular hospital/unit was born. A donut graph depicts the
numerical value and the stars depict the star average value. As of
now, this QR score is only evaluated every quarter, but this
ranking period can change (daily, weekly, etc)
d. Gender breakdown, this widget shows the total responses
broken down by gender, and also includes people who did not
provide this information, as such wlll be show on the graph as
“N/A”. This information will reflect the current response period.
e. Age breakdown, this is a bar graph that depicts the age
breakdown in certain ranges: <20 - 30, 40-50, 60-70, 80+. This
information will reflect the current response period.
f. Insurance breakdown: this bar graph reflects the top 5 most
popular insurance providers. This information will reflect the
current response period.
5. Latest responses that are ‘free-text’.
The most recent response will be show chronilogically from the
top, with subsequent older responses below it. Only responses
for the current response period will be shown. Each response
will show the response text, the time stamp, and the patient/responder. If the user clicks on any of the text, they will be directed
to the patient detail page.

Dashboard wireframes v0.1 (Draft)

6

Question Listings

1. “143 responses since Dec 12 2013” shows the total number of
responses since the begining of the users account.
2. The user can download a CSV file that contains the daily survey data (more details to come)
4. Table filters; adjusting any of these resorts the display of the table below. A ‘clear filters’ link will clear all the filters and adjust the
date back to the current (this link will not show if no filters were
touched). For example, if a user decides to click on the gender
dropdown and choose ‘Female’, then the table below will only
calculate answers that were answered by those who selected
‘Female” in the survey.
The filters are as follows:
a) Date filter: clicking on the text box displays a calendar picker.
The default status is the current date.
b) Gender: 3 options availble, All, Female, Male, N/A. Default is All
c) Ages: Displays ranges from <20 - 30, 40-50, 60-70, 80+.
Default is All
d) Provider: List of doctors.
e) Language: Available languages are English, Chinese, Spanish,
and Russian. Default status is All
f) Score: User can select the star rating, for example, if the user
selects the 2nd star, then only answers that had 1 and 2 stars
selected as the response will be calculated into the table.
g) Insurer: User can select an insurance company in this dropdown. Default is All.
h) PTC: Permission to Call, shows users who selected the
permission to call checkbox on the mobile survey that allows the
hospitsal to call them back
5. Left column has a summarized breakdown of the patients
responses for all questions for the current period.
a) Total average score based on the current period
b) Displays the total number of 1 star, 2 star, 4 star, etc chosen
for this question in a bar graph format
c) Trend line displaying the past 7 days average score
note: adjusting the filters above will change the left column data

Dashboard wireframes v0.1 (Draft)

7

Question Listings (continued)

6. Table:
a) Question column: displays name of current questions in the
survey. The total number of responses for this question is displayed below the question title. There is a ‘See details’ link that
goes to the Question details page (Page 9)
b) Average Score column: total average score for all respondents
for the question for the current period.
c) Response breakdown column: Displays the total number of 1
star, 2 star, 4 star responses for this question
d) History column: Shows the average score of the question for
the previous X days in a spark line or histogram (TBD).
7. Table for Free-text Questions
a) Question column: displays the free-text question. The ‘See
details’ link navigates to the Free-text Question details page.
The total number of responses for this question is displayed
below the question title. There is a ‘See details’ link that goes to
the Question details page (Page 10)
8. Table for binary Yes/No Questions
a) Question column: displays the free-text question. The ‘See
details’ link navigates to the Free-text Question details page.
The total number of responses for this question is displayed
below the question title. There is a ‘See details’ link that goes to
the Question details page (Page 11)
To the right, there are two columns; Yes with the corresponding
number of answers below it, and a No column
9. Table for multiple choice Questions
a) Question column: displays the free-text question. Below are
the possible answers. The ‘See details’ link navigates to the Freetext Question details page. The total number of responses for
this question is displayed below the question title. There is a ‘See
details’ link that goes to the Question details page (Page 12)
To the right, the corresponding answer selections are in their
own column with the number of responses per answer selection
displayed below.

Dashboard wireframes v0.1 (Draft)

8

Question Details

1. Question title, a link back to the questions listing below it
2. Total number of responses for this question
3. Filters (see page 7)
4. Left column has a summarized breakdown of the patients
responses for this particular question.
note - adjusting the above filters will change the data to reflect
that.
a) Total average score based on the current period
b) Percentage change of the average score compared to the
previous day
c) Displays the total number of 1 star, 2 star, 4 star, etc chosen
for this question
d) Trend line displaying the past 7 days average score
5. Table displaying all patients responses for this question during
the current period
a) PTC column: any patient that checks off the ‘permission to
contact’ will be displayed here
b) Patient ID: each patient has an associated ID, if any of them
have notes attached (see page X), a note icon will appear next to
their ID
c) Submitted: displays time of response submission
d) Gender: shows what selection the patient choose, Female,
Male, or N/A (did not make a selection)
e) Age: shows what age the patient choose, or if none given, N/A
f) Provider: displays who the doctor/caregiver was for this patient.
Even though this feature will not be built, this column should still
be shown with all patients having N/A.
g) Language: displays the language the patient chose at the
begining of their survey.
h) Score: displays the star ranking the patient gave for this
question.
TBD) For patients that did not give a response to this question, in
the future we will provide a list of IDs.

Dashboard wireframes v0.1 (Draft)

9

Question Details, Free Text

1. Question title, a link back to the questions listing below it
2. download CSV
3. Filters (see page 7)
4. Table
Similar to the table in question details page (Page X)
exceptions:
a) Overall survey score displays the average score of the patients
total responses
b) Text displays the patients free-text response.
Note: Depending on engineering feedback, pagination may be
needed for this page.

Dashboard wireframes v0.1 (Draft)

10

Question Details, Yes/No

1. Question title, a link back to the questions listing below it
2. download CSV
3. Filters (see page 7)
4. Table
Similar to the table in question details page (Page X)
exceptions:
a) Overall survey score displays the average score of the patients
total responses
b) Yes/No answer choice shown
5. Bar chart showing the respondants answer choices
Note: Depending on engineering feedback, pagination may be
needed for this page.

Dashboard wireframes v0.1 (Draft)

11

Question Details, Multiple-Choice Text

1. Question title, a link back to the questions listing below it
2. download CSV
3. Filters (see page 7)
4. Table
Similar to the table in question details page (Page X)
exceptions:
a) Overall survey score displays the average score of the patients
total responses
b) Multiple choice selection shown.
5. Bar chart showing the respondants answer choices
Note: Depending on engineering feedback, pagination may be
needed for this page.

Dashboard wireframes v0.1 (Draft)

12

Patient Listings

1. Question title and text that displays the date range of the current period. There is also a dynamic link below it.
2. Widgets
a. Gender breakdown, this widget shows the total responses
broken down by gender, and also includes people who did not
provide this information, as such wlll be show on the graph as
“N/A”. This information will reflect the current response period.
c. Age breakdown, this is a bar graph that depicts the age
breakdown in certain ranges: <20 - 30, 40-50, 60-70, 80+. This
information will reflect the current response period.
d. Insurance breakdown: this bar graph reflects the top 5 most
popular insurance providers. This information will reflect the
current response period.
3. Filters (see page 7)
4. Table
a) PTC: If a patient has checked the box ‘allow to be contacted’
on the survey, a checkbox will appear next to their patient ID.
b) Patient ID: Displays associated ID for each patient. If a patient
has notes (Page X) written about them by a user, a note icon
appears nex to their ID.
c) Submission date/time of when the user completed the survey
d) Gender: shows what selection the patient choose, Female,
Male, or N/A (did not make a selection)
e) Age: shows what age the patient choose, or if none given, N/A
f) Language: displays the language the patient chose at the
begining of their survey.
g) Total Average Score: displays the average score of the patients
total responses
h) Response breakdown: displays the number of given stars the
patient gave for all questions.
i) Skipped: displays the number of questions the user did not
answer
j) Contact: displays the phone number that was used to text the
survey to the patient.
k) Insurer: displays the insurance company the patient provided
in the survey.
l) Provider: displays who the doctor/caregiver was for this patient.
Even though this feature will not be built, this column should still
be shown with all patients having N/A.
:

Dashboard wireframes v0.1 (Draft)

13

Patient Details

1. Patient ID is shown here, a back button below allows the user
to navigate to the previous page, since there are a few possible
pages the user could have navigated from, this is not a ‘static’
link.
2. Patient information
a) avatar, graphic depicts whether the respondent choose Female, Male, or N/A.
b) gender: displays the gender the patient selected, if none was
chosen, ‘N/A’ shows.
c) insurer: displays the insurance company the patient selected, if
none choses, ‘N/A’ shows.
d) language: displays the language the patient chose to complete
the survey.
e) Provider: displays the caregiver/doctor associated with this
patient. This feature will not be immediately built, but this data
point should still be shown even though all patients will have ‘N/A’
as the provider info.
f) Contact info: Displays the phone number and whether this
patient gave permission to contact.
g) time stamp of when the user completed the survey, also display anchor links to previous survey responses.
3. Notes
a) free text box and submit button: User can add notes in this
text box (no character limit). Hitting the ‘save note’ button will
save and add their text below (b)
b) notes: all notes entered in the text box (a) will be displayed
here chronilogically from the top-bottom (recent-oldest). there
will be an adjoining time stamp, and the name of the person who
entered the text. If the associate note was written by the current
logged in user, then ‘You posted this’ will display rather than the
username. At the moment, there will be no method to delete/edit
the note.
4. Table
a) Total average score based on the patients entire survey responses for the current period.
b) Displays the total number of 1 star, 2 star, 4 star, etc chosen
for this question
c) Question column: displays the question
d) response column: displays the response given for the question
e) previous survey responses.

Dashboard wireframes v0.1 (Draft)

14

Patient Details (continued)

5. Free-text answers
6. Table - previous survey responses (not shown)
If a user has completed a survey before, they will be show below
the most recent survey responses

Dashboard wireframes v0.1 (Draft)

15

Preferences/Settings

User has the ability to:
Update their email, phone, and password*
Edit their notification prefernces
- how often summary emails are sent
- When a text should be sent
*password field can be unmasked (rather than using a confirmation text field). Password must be changed every X amount of
days.

Dashboard wireframes v0.1 (Draft)

16

Master Listings

Master listings page that displays the available hospitals/departments the user has access to.

Dashboard wireframes v0.1 (Draft)

17