PROJECT TYPE
Solo project
MY ROLE
UI/UX designer
TOOLKIT
Figma
Jira
Atlassian
Figma, Jira, Atlassian
TIMELINE
Spring/Summer 2024
Spring/Summer 2024
DESCRIPTION
DESCRIPTION
Guides medical professionals through signing in or account setup while keeping them informed about system updates and maintenance.
Guides medical professionals through signing in or account setup while keeping them informed about system updates and maintenance.
CONTEXT
CONTEXT
To maintain security, users cannot create their own accounts on the Moberg Clinical Platform and must be invited by a supervisor. Previously, account setup was handled entirely through email, with no clear process to accept invitations in the system. Frequent platform updates also made it difficult to communicate scheduled maintenance and downtime, leaving users unaware when the system would be unavailable.
The new sign-in and account setup UI streamlines the invitation process, adds password authentication and a forgot password option, and introduces an alerts panel on the login screen for system updates. A direct link to help resources ensures users can quickly resolve issues, making access to the platform more intuitive and reliable.
To maintain security, users cannot create their own accounts on the Moberg Clinical Platform and must be invited by a supervisor. Previously, account setup was handled entirely through email, with no clear process to accept invitations in the system. Frequent platform updates also made it difficult to communicate scheduled maintenance and downtime, leaving users unaware when the system would be unavailable.
The new sign-in and account setup UI streamlines the invitation process, adds password authentication and a forgot password option, and introduces an alerts panel on the login screen for system updates. A direct link to help resources ensures users can quickly resolve issues, making access to the platform more intuitive and reliable.
The Challenge
The Moberg Clinical Platform helps clinicians monitor patients, manage neurophysiological data, and improve care in neurointensive units. It transforms complex medical data into clear, actionable insights to support decision-making.
As part of Moberg’s ongoing branding efforts, we needed to update the platform’s interface and improve the user experience.
One key challenge was the inefficient account setup process—users couldn’t create their own accounts or accept invitations. Instead, supervisors had to manually set up login credentials, adding extra steps to onboarding. Additionally, updates and maintenance lacked clear visibility, leading to user frustration and confusion when encountering unexpected downtime.
Working as the sole UX/UI designer, I collaborated closely with my supervisor to gather research insights, since I didn’t have direct access to neuro ICU intensivists. Using this information, I needed to redesign the onboarding process and improve communication, making it easier for users to access the platform while maintaining security.
How might we…
Make account setup easier and improve communication to create a smoother experience for clinicians using the Moberg Clinical Platform?
Heuristic Analysis of Existing UI
A heuristic analysis is a usability evaluation method that assesses an interface against established usability principles to identify potential issues and areas for improvement. In evaluating the login screen for Moberg Analytics Clinical Platform (formerly known as Moberg CONNECT), we analyzed its design based on Nielsen’s 10 Usability Heuristics to assess its effectiveness in providing a seamless user experience.
The visual hierarchy is unclear, making it harder for users to focus on key actions. The UI lacks consistency with branding and doesn’t provide system status updates for maintenance. There’s no inline validation for errors, which can lead to frustration, and the onboarding flow is incomplete, leaving new users without clear guidance.
Research & Guiding Insights
These insights come from desk research on existing clinical platforms and an understanding of user needs in high-pressure environments like the Neuro ICU. Effective clinical interfaces prioritize clarity, ease of access, and minimal disruption to workflow, ensuring that users can focus on critical tasks without unnecessary friction.
Design high-contrast input fields with clear labels and enable dark mode by default to reduce eye strain in ICU environments.
Accept invitations to streamline account set up, with clear guidance and error messages for a smooth login experience.
Display upcoming maintenance alerts in a dedicated space to ensure users stay informed without workflow interruptions.
Iterative Design
LOW FIDELITY PROTOTYPE
In low-fidelity ideation, I explored login layouts and system maintenance alerts to balance clarity and usability. I tested different alert placements to ensure visibility without disruption, helping refine the UI flow before high-fidelity design.
HIGH FIDELITY PROTOTYPE
Due to time restrictions, I had to jump into high-fidelity design and present my UI directly to management. I also updated the visuals to align with the brand’s new rebrand while ensuring usability in a clinical setting.
• Login form placed on the right to prioritize task efficiency, following familiar UI patterns for quick access.
• High-contrast input fields with clear labels improve readability, and dark mode by default minimizes eye strain in ICU environments.
• Maintenance alerts positioned on the left in a dedicated space, ensuring users stay informed without disrupting their workflow.
• Guided login experience with clear invitations and error handling to streamline account setup and reduce friction.
Users can access the account setup flow through the invitation link sent to their email. Once they click the link, they are directed to a registration page where they can set their First Name, Last Name, and Password. Their email and role are predefined by their administrator or workspace supervisor—the person who initially invited them. This ensures a controlled onboarding process, preventing unauthorized role changes while streamlining account creation.
DEV HAND-OFF
As the UI of the clinical platform is updated to match the rebrand, the next step for the account setup is developer handoff. This involves providing detailed documentation, reviewing interactions, and working closely with the development team to ensure a seamless implementation.
As the UI of the clinical platform is updated to match the rebrand, the next step for the account setup is developer handoff. This involves providing detailed documentation, reviewing interactions, and working closely with the development team to ensure a seamless implementation.
LOG IN & SYSTEM MAINTENANCE UPDATES
INVITATION SUCCESS AND ERROR STATES
ACCOUNT SET UP
reflection
If I had more time, I would explore more iterations in the mid-fidelity phase to refine usability before moving to high fidelity. Additionally, I would conduct thorough testing of edge cases to ensure a seamless experience across different user scenarios. This would help identify potential pain points earlier and allow for more informed design decisions before development.
The Challenge
The Moberg Clinical Platform helps clinicians monitor patients, manage neurophysiological data, and improve care in neurointensive units. It transforms complex medical data into clear, actionable insights to support decision-making.
As part of Moberg’s ongoing branding efforts, we needed to update the platform’s interface and improve the user experience.
One key challenge was the inefficient account setup process—users couldn’t create their own accounts or accept invitations. Instead, supervisors had to manually set up login credentials, adding extra steps to onboarding. Additionally, updates and maintenance lacked clear visibility, leading to user frustration and confusion when encountering unexpected downtime.
Working as the sole UX/UI designer, I collaborated closely with my supervisor to gather research insights, since I didn’t have direct access to neuro ICU intensivists. Using this information, I needed to redesign the onboarding process and improve communication, making it easier for users to access the platform while maintaining security.
How might we…
Make account setup easier and improve communication to create a smoother experience for clinicians using the Moberg Clinical Platform?
Heuristic Analysis
of Existing UI
A heuristic analysis is a usability evaluation method that assesses an interface against established usability principles to identify potential issues and areas for improvement. In evaluating the login screen for Moberg Analytics Clinical Platform (formerly known as Moberg CONNECT), we analyzed its design based on Nielsen’s 10 Usability Heuristics to assess its effectiveness in providing a seamless user experience.
The visual hierarchy is unclear, making it harder for users to focus on key actions. The UI lacks consistency with branding and doesn’t provide system status updates for maintenance. There’s no inline validation for errors, which can lead to frustration, and the onboarding flow is incomplete, leaving new users without clear guidance.
Research &
Guiding Insights
These insights come from desk research on existing clinical platforms and an understanding of user needs in high-pressure environments like the Neuro ICU. Effective clinical interfaces prioritize clarity, ease of access, and minimal disruption to workflow, ensuring that users can focus on critical tasks without unnecessary friction.
Design high-contrast input fields with clear labels and enable dark mode by default to reduce eye strain in ICU environments.
Accept invitations to streamline account set up, with clear guidance and error messages for a smooth login experience.
Display upcoming maintenance alerts in a dedicated space to ensure users stay informed without workflow interruptions.
Iterative Design
LOW FIDELITY PROTOTYPE
HIGH FIDELITY PROTOTYPE
Due to time restrictions, I had to jump into high-fidelity design and present my UI directly to management. I also updated the visuals to align with the brand’s new rebrand while ensuring usability in a clinical setting.
• Login form placed on the right to prioritize task efficiency, following familiar UI patterns for quick access.
• High-contrast input fields with clear labels improve readability, and dark mode by default minimizes eye strain in ICU environments.
• Maintenance alerts positioned on the left in a dedicated space, ensuring users stay informed without disrupting their workflow.
• Guided login experience with clear invitations and error handling to streamline account setup and reduce friction.
Users can access the account setup flow through the invitation link sent to their email. Once they click the link, they are directed to a registration page where they can set their First Name, Last Name, and Password. Their email and role are predefined by their administrator or workspace supervisor—the person who initially invited them. This ensures a controlled onboarding process, preventing unauthorized role changes while streamlining account creation.
DEV HAND-OFF
As the UI of the clinical platform is updated to match the rebrand, the next step for the account setup is developer handoff. This involves providing detailed documentation, reviewing interactions, and working closely with the development team to ensure a seamless implementation.
LOG IN & SYSTEM
MAINTENANCE UPDATES
INVITATION SUCCESS
AND ERROR STATES
ACCOUNT SET UP
reflection
If I had more time, I would explore more iterations in the mid-fidelity phase to refine usability before moving to high fidelity. Additionally, I would conduct thorough testing of edge cases to ensure a seamless experience across different user scenarios. This would help identify potential pain points earlier and allow for more informed design decisions before development.