UX Work
Behind the scenes
Video walkthrough series for a CMS used to build document for clinical trials.
Document Builder Overview
Product video (3m)
KanBan Workflow
Product video (2m)
Building a Section
Product video (2m)
Control Advanced Properties
Product video (2m)
The examples below show the iterate steps taken to design the final interface for the Document Builder application.
Initial Wireframe
Wireframe Version 2
Final Wireframe
Final Redline
The examples below show high level architectural documents which describe high-level processes and flows for several applications and/or application features.
Document Builder Architecture
User Roles by Environment
Code Structure / Interactions
Global Search Results
The examples below are flow diagrams, which show user flows for several product features. They are used to help Product Management and Development understand a user’s flow and the options available in each step.
Patient Portal Integration
Patient Portal integrated with our mobile web app
Adding a User
Adding a Form
Associating Forms to Visits
Removing an Appointment
The examples below are several recent application interface design documents I have worked on as well as a pattern library document.
Monitor Dashboard
High level details of clinical trial's progress
Document Builder Application
Drag & Drop CMS for creating clinical trial documents
Kanban Task Management System
Used to show progress of document building tasks
NG Now Pattern Library
Pattern Library developed for a new application
The examples below are several examples of redline comps. These are used to convey exact measurements to the development team to ensure the final code written uses consistent spacing, sizing and properties for all elements in the UI. They are generally based upon rules established in the pattern library and many times will refer to the exact css property written when available.
Global Search Elements
Skyline Scanning Panel
Document Builder Application
Mobile Web App
The examples below are several examples of personas my team and I created. They were developed after we interviewed our users in order to better understand their behaviors and how they interact with our application.
Persona
Clinical Research Coordinator
Persona
Data Manager
Persona
Clinical Monitor
Persona
Clinical Research Coordinator