Complete overhaul and redesign of the current iPad medical charting application.
Redesigning the chart had two main goals:
1: Improve the UI layout with new inputs, tools, functionality, and navigation.
2: Simplify the data input workflow to speed up the process of completing the chart. Reduce the cognitive burden for the user.
As lead designer, I oversaw the design efforts of 3 front-end developers and 1 project manager. I also provided additional support to troubleshoot/refine the interface and interactions.
10 months
Figma, Zeroheight, Invision
Medical staff, nurses, technicians and specialists.
User Survey Feedback
Users didn’t speak as fondly of the product as stakeholders did.
UI was outdated, performance slow, and workflows did not map to needs well. shifted perspectives on ui, persuading product leadership to pivot from a table format model to utilize more native iOS component inputs and new data grouping experience.
The current medical chart app is not an intuitive charting experience with an outdated UI layout, cumbersome workflows with lots of scrolling.
The interview process was repeated with Nextech customers from local specialized dermatology clinics to get their perspective on the product and how it met their wants and needs.
In order to establish a shared understanding across the team, I interviewed 3 stakeholders, 1 lead technical owner, and 3 team developers for all insights and current issues.
300+ wireframes and Hi-Fi mockups, multiple interactive prototypes were delivered over the course of 10 months. An ongoing process of sprint planning, requirement gathering, designing, validating, iterating, and handoff.
Rapid exploration: You’ll find my desk, or a nearby whiteboard, full of wires & notes.
Design System: Utilize more native iOS components for cleaner ui layout and leverage existing workflow patterns users already are familiar with Apples iPhones and iPads.
Survey sent out to live customers for testing and feedback gathering. This checklist is to ensure that the newly developed features outlined within this document meet the needs for every practice. Feedback was vital in the development of the design to validate every new feature/function.
The current table format is limited in function and visual selections. Requires extra clicks to remove or add new selections. Does not allow quick access to jump to the beginning or end of a chart. The biggest user complaints were, that inputs will only allow the user to select one choice, clunky UI, and time-consuming for the user to complete the chart.
When tables are expanded or in edit mode, the rows are featured as tabs on the left-hand side. Indicators will display notifying users that data has been answered for that tab. Navigate through the sections either by swiping through the sections, or by selecting the section at the top.
Answers will be shown per row with bubbles of selected answers. Sentence formatting has been removed so users can easily see what has been answered without having to read through all the text if applicable.
Complete re-design of the image capturing feature with new 2D & 3D graphics, tools, and workflow. I combed the legacy input fields and medical information to determine what data users were leveraging and what would be the most relevant and useful for the new layout.
performance and measure customer outcomes.
Key points:
