10
Loft on the World Stage - Newsroom CDRT’S UI/UX OVERVIEW & DESIGN DOCUMENT

CDRT | Clinical Diagnosis & Research Tool

Embed Size (px)

Citation preview

Page 1: CDRT | Clinical Diagnosis & Research Tool

Loft on the World Stage - Newsroom

CDRT’S UI/UX OVERVIEW & DESIGN DOCUMENT

Page 2: CDRT | Clinical Diagnosis & Research Tool

The Clinical consultation, notes and observations are the lynch pin of recording patient interaction. The conversion of this information into meaningful diagnostics is time consuming and often restricted in scope to reference materials that only the individual clinician knows about.

Using the Clinical Diagnostic Research Tool (CDRT) a clinician is able to record their consultation and then have those notes used to search reference material included in a trusted, high value collection defined by a peer group. This will accelerate the diagnostic process by providing the clinician with a larger, more appropriate set of research while in process instead of having to dedicate extensive time to the discovery of content.

The Problem

Our Solution

Page 3: CDRT | Clinical Diagnosis & Research Tool

Our UX / UI Approach

Our design approach is simple. Talk, draw and plan is the best way to put yourself in the shoes of an user. Loft wanted to create effective experience which are visually apparent, although still giving our users a sense of control. In CDRT, Loft iterated through a bundle of design task flows to create the simplest process for our users to pace through CDRT successfully to reach their outcomes.

Loft identify numerous different design obstacles, define and refine use cases to make it easier for the user. Sketch and draw wireframes to build the foundation assets of CDRT.

UX / UI Design | Leading Guiding Principles

The foundation of CDRT is shaped by a few key design principles which Loft have executed throughout the process. It is important to maintain a strict high level of consistency throughout the platform, which familiarises the experience to users.

• Design the user experience in the context of completing users goals and business objectives.

• User’s self-confidence in CDRT is extremely vital, especially how the user navigates through the

process of recording observations and finding research material.

• Leverage similar UI design patterns to reduce the learning curve and maximise simplicity throughout the application.

Page 4: CDRT | Clinical Diagnosis & Research Tool

Login

The fast and secure way for users to login to CDRT. Users are able to register an account with the system, using their email address.

The purpose of this screen is to direct users to the next steps in signing up. Some users might not expect to leave the current screen to validate their login details. Loft have added in this extra step to ensure that users have entered in their correct information and for additional security reasons to check there email address.

This is a perfect example of reusing existing UI design patterns to ensure that the logging process is successful. These patterns are generally used across typical tablet applications. Users don’t want a waste time signing in.

Page 5: CDRT | Clinical Diagnosis & Research Tool

Profile

Profiles are maintained separately from Identity so as to maintain complete flexibility with the Profile content. Profiles are core to a User’s experience and are used to extend collaborative and comparative behaviours, assign social weighting to content and enable review of generated content.

The profile section acts as a main area to manage content for individuals. Users don’t have the ability to interact with other users, only reference material. Loft wanted to designed a space where users have the ability to insert information if they want, however the primary goal is for users to focus driving the reference material.

Page 6: CDRT | Clinical Diagnosis & Research Tool

Social Mechanics

To leverage collaboration and comparison within the diagnostic process an effort has been made to focus on simple and effective decision making social mechanics. These mechanics will operate in a unobtrusive fashion allowing a user to accept or discard any interaction presented.

The comments pop up window acts as a main method for users to interact with reference material. We wanted to keep this window separate from the main timeline of results. This makes it easier for users to know where they are at in the process.

For the first couple of times new users start to interact with the application, a number of ‘walkthrough’ messages appear to educate new users of the results of their actions. We want to implement these messages to increase the early adoption into new processes. Once users become familiar with these messages, users have the ability to turn them off.

Page 7: CDRT | Clinical Diagnosis & Research Tool

Consult

The primary organisational structure within the applications described process, the Consult provides the context for all activity.

This visual layout provides users with a base understanding. Users should not have to tap or seek status information. Rather, Loft has designed in a way where they are able to glance at their work consult folder to gather a least an approximation of where that consult is at.

Users need the ability to easily name their consult folder. Loft purposefully design it in this way to ensure users focuses on one task at a time without getting distracted by secondary elements.

Page 8: CDRT | Clinical Diagnosis & Research Tool

Observe

The user must be able to perform unstructured data collection during a Consult.

Due to the large number of observations, we wanted to keep users aware, informed and in control. Users can easily scroll up and down, rearrange and delete observations to suit their needs.

Loft’s primary objective was to make it easy for users to create multiple forms of formulations. Loft create, a clear visible workflow that enables users to understand where they are in the process.

Page 9: CDRT | Clinical Diagnosis & Research Tool

Formulate

The user is able to arrange their Observations into multiple Formulations, effectively showing their ‘working’ in combining Observations into potential diagnoses.

Loft reused similar assets from the observe section to maintain a level of consistency. Loft designed visual structures in the same position to establish a regularity space between observations and formulations. Users will iterate through these sections quite frequently. From our user research, Loft found out by keeping similar characteristics users will perform their iterations quicker.

Page 10: CDRT | Clinical Diagnosis & Research Tool

Research / Findings

The user uses Formulations to pull connected, positively weighted reference material from the Corpus and returning it to support research and assist in correct diagnosis.

Once users have built a library of formulations to test, they will start to perform searches against them. Users main objective is to validate the reference material returned. Loft needed to design an environment where it is simple and natural to interact with the reference material.