sample wireframes

7/25/2019 sample wireframes

1/12

6Dashboard wireframes v0.1 (Draft)

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 rst b readcrumb (Mount Sinai

Health Systems), theyll be directed to the master li stings page

(see page 17). Far right, the users 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 redi-rected to the patient listings page with the lter 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 reect the current response period.

e. Age breakdown, this is a bar graph that depicts the age

breakdown in certain ranges:


2/12


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 le that contains the daily sur-

vey data (more details to come)

4. Table lters; adjusting any of these resorts the display of the ta-

ble below. A clear lters link will clear all the lters and adjust the

date back to the current (this link will not show if no lters 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 lters are as follows:

a) Date lter: 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


3/12


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 dis-played 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 arethe possible answers. 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 12)

To the right, the corresponding answer selections are in their

own column with the number of responses per answer selection

displayed below.


4/12


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 lters will change the data to reect

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 o 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.


5/12


Question Details, Free Text


2. download CSV


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.


6/12


Question Details, Yes/No


2. download CSV


4. Table


exceptions:


total responses

b) Yes/No answer choice shown

5. Bar chart showing the respondants answer choices




7/12


Question Details, Multiple-Choice Text


2. download CSV


4. Table


exceptions:


total responses

b) Multiple choice selection shown.

5. Bar chart showing the respondants answer choices




8/12


Patient Listings

1. Question title and text that displays the date range of the cur-

rent 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 reect the current response period.

c. Age breakdown, this is a bar graph that depicts the age

breakdown in certain ranges:


9/12


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 staticlink.

2. Patient information

a) avatar, graphic depicts whether the respondent choose Fe-

male, Male, or N/A.

b) gender: displays the gender the patient selected, i f 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 buil t, 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 dis-

play 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 d isplay rather than theusername. 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 re-

sponses 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.


10/12


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


11/12


Preferences/Settings

User has the ability to:

Update their email, phone, and password*

Edit their notication prefernces

- how often summary emails are sent

- When a text should be sent

*password eld can be unmasked (rather than using a conrma-

tion text eld). Password must be changed every X amount of

days.


12/12


Master Listings

Master listings page that displays the available hospitals/depart-

ments the user has access to.

Documents

sample wireframes