Mobile Experience:
App Redesign Canvas LMS
Adding functionality and intuitiveness
Overview
Client
Northwest Online Canvas LMS
Challenge
Select a currently existing mobile app that suffers from usability or design issues. Carry out a heuristics evaluation and redesign the app to provide a delightful and intuitive user experience.
Background
Northwest Online is the designated learning management system (LMS) that Northwest Missouri States uses for all of their 8,000+ student body. As a digital-first campus having an efficient and effective mobile app with everything the student-user needs as well as providing a degree of personalization is of utmost importance.
Solution
To improve user experience and search engine optimization, the solution involved using HTML/CSS to develop a new website, implementing a search bar for efficient information retrieval and optimizing the website to enhance visibility and search rankings. Additionally, the content strategy included providing relevant links to local chapters, national mental health resources, and other organizations, while dedicating a section to showcase Waubonsie Clinic's providers with comprehensive biographies and credentials.
The goal was to ensure educational and informative content while enhancing the visual appeal by incorporating additional images and overall design improvements, which were user-tested.
Scope
Design and develop a new accessible website using HTML/CSS including all of the webpages available at the time.
Goals:
A clear distinction between services offered
Easy access to appointment management
Improve overall usability and information architecture
Clear design layout and readability
Include more patient resources and SEO opportunities
Methods
Competitors’ websites that were reviewed and findings, both the good and bad components of these sites.
Following the analysis, I created some low-fidelity wireframes of the UI and the information architecture of the sitemap.
Process
Findings
To improve the site's user experience (UX), our users recommended relocating the "Peer Support information" button to a more discoverable location, such as the resources tab, rather than on the services page. Additionally, according to user feedback, the button should provide immediate access to the information instead of requiring scrolling, ensuring a seamless experience.
The second theme in our users' feedback was that it would be better to move the FAQs to their own page as they were somewhat buried.
Optimizing the site's header by reducing its size would enhance usability and eliminate obstruction, leading to an overall improved user experience.
User Testing
We used Illustrator and InVision to create high-fidelity prototypes in order to do the first few user tests of our website.
Our tests covered the home page, about us page, services page, events page, and contact us navigation. It was mostly about user journey and navigation.
The user tests were carried out through Lookback.io or in person. We set them up in 7 goal-oriented scenarios.
