Companion Views: Cohesive Multi-View UX

Often simple HTML controls are enough for users, to interact with 1000words.js views. Please see examples here: Detectives   Train Schedule

But it is equally possible to use one or more graphical views to create interesting interactions for users.

Below is a demo of a physician's assistant looking at the doctor's notes from a patient visit. The doctor has:

1. Prescribed a medication and both tasks related to that are complete
2. Asked to choose a hospital and date for the upcoming procedure and some requirements that the hospital needs to meet
3. Instead of HTML controls, we could use a graphical view where the hospitals are shown on a map-like view in relation to the patients home

Zoom into appointment details → Read doctor's notes

Click on 'Choose Hospital' Task → Companion View shows up on right

Click on nearest hospital → Check availability of Inhouse Lab, ICU and Imaging

If all three not available, check other hospitals until suitable one found ↻

Click top right circle on selected hospital to confirm → SelectionConfirmed event → App → change Task data Task updates to green (complete)

App → Close two companion views on the right