IA design begins with a process of researching and analyzing the target audience, as well as the goals and objectives of the website or application. This information is used to create a clear understanding of the types of content that will be included and how it should be organized.
Wireframes for desktop applications and mobile applications are similar in concept, but there are some key differences to keep in mind when designing wireframes for each platform.
Website UI design includes elements such as layout, typography, colors, and interactive elements such as buttons and forms. It also encompasses the overall design aesthetic, including the use of imagery and iconography.
The privacy of user personal information shared through the ABILIFY MYCITE System is important. Only people chosen by the user may view personal information, and the user may choose to stop sharing their information at any time. For more information about the system's privacy requirements for user, healthcare provider team, and family & friends, please review the ABILIFY MYCITE System Terms of Use, Privacy Notice, and Authorization & Consent.
My role: Lead UX Designer
Abilify Mycite
Background
The ABILIFY MYCITE® System is a brand that helps patients with bipolar 1 disorder, major depressive disorder, or schizophrenia. It offers a tool that helps patients take ownership of their treatment and foster a new connection with their healthcare team and support network. But, a brand that celebrates the power of every day must be used with great care.
UX/UI Problem
Otsuka planned the re-launch of the ABILIFY MYCITE® System healthcare provider and patient websites in early 2020 in conjunction with product enhancements and a new campaign.
I asked to evaluate the sites to understand how they compare to user expectations, ease of navigation, clarity of content, quality of user experience, and identify any areas for optimization. Interpret data and qualitative feedback. Create user stories, personas, and storyboards. Determine information architecture and create sitemaps. Create prototypes and wireframes. Conduct usability testing.
Result
I used a combination of unaided observation, in-depth probing, task-based testing with both in-person and remote interviews of patients and HCPs across both the desktop and mobile sites.