This project was aimed to improve the usability and user-friendliness of the company's educational technology products.
About Project
The aim of this project for Agilix was to improve the usability and user-friendliness of the company's educational technology products. This would involve understanding the needs and goals of the users of the product, as well as the specific context in which the product will be used, and then designing an interface and user flow that is intuitive and easy to use.
Responsibilities
Prototyping
Wireframing
User Research
Iterating on designs
Identifying user pain points
Problem
Users felt that the Agilix website did not cater well to its products and how they work. Users want a design that is easy to navigate and flow through, that also highlights what the company offers and how the products work together to build an efficient LMS.
Solution
Create a design that is easy to navigate and highlights each product that Agilix supports. Apply UX principles to design a visually pleasing website and responsive designs so that users feel comfortable and can flow through each section easily.
Pain Points
Difficulty finding information
Confusing and cluttered layout
Inconsistent themes
User Persona
Todd Bowles
Demographics:
Age: 34
Gender: Male
Occupation: High School Science Teacher
Location: Cleveland
Background:
Todd is a science teacher at a large suburban high school.
He has been teaching for 10 years and is passionate about his work.
He is always looking for new and innovative ways to engage his students and improve their learning outcomes.
Goals and Needs
Todd is looking for a learning management system that can help him easily create and deliver interactive and engaging lesson content.
He needs a system that can help him easily track student progress and provide feedback.
He wants a system that is easy to use and navigate, so he can spend more time focusing on teaching and less time on administrative tasks.
He wants a system that is mobile-friendly, so he can access it from anywhere.
Frustrations:
Todd is frustrated by learning management systems that are difficult to use or navigate.
He is frustrated by systems that are not mobile-friendly and can't be accessed from her phone or tablet.
He is frustrated by systems that do not integrate with other tools she already uses.
Industry Research
There is a growing body of research on the user experience (UX) of education technology (edtech) companies. Some specific findings from recent studies include:
The need for user-centered design: A study by the University of California, Berkeley found that edtech companies that take a user-centered approach to design, by involving users in the design process and gathering feedback on the usability of their products, are more likely to produce successful and widely adopted products.
The importance of simplicity and ease of use: A study by the University of Maryland found that edtech products that are simple and easy to use are more likely to be adopted and used effectively by teachers and students. This includes reducing the number of clicks or steps required to complete a task, and reducing the cognitive load on the user.
The importance of mobile compatibility: A study by the University of California, Berkeley found that as more and more users access edtech from mobile devices, mobile compatibility is becoming increasingly important. This includes designing interfaces that are optimized for small screens and touch input, and providing offline access to content and functionality.
Competitive Analysis:
Competitors did not do a good job of highlighting their current products and what they exactly do. Our aim was to make sure that users knew exactly what was being offered, and were able to access and request a demo easily.
User Interview
What difficulty to you find in navigating through the website?
What products does Agilix offer, and what do you know about each?
How do you feel about the overall information architecture of the page?
How would you describe the ease of navigation?
Site Map
When I created the site map for my UX case study, I aimed to provide a clear and concise overview of the website's structure and organization. I started with the homepage and included the main sections of the site, such as the products menu and about us. I also included sub-pages or sub-sections within each section to show the hierarchy of information.
To make the site map easy to understand, I used clear labels for each page or section. I presented the site map as a visual diagram, which helped to illustrate the relationships between different pages and sections.
Low Fidelity Wireframes
After conducting user interviews, I utilized low fidelity wireframes to quickly iterate on different design ideas and identify potential issues and opportunities for improvement. By focusing on overall layout and structure instead of details, I was able to create a user-friendly and scalable interface that met the needs of my target audience. The use of low fidelity wireframes helped me to stay true to my design vision and ultimately create a successful product.
Hi-Fi Mockups
I created high fidelity mockups, which helped me to showcase a realistic representation of the final product's design. By incorporating a higher level of detail, such as typography, colors, and images, the mockups provided a clear visual representation of the user interface and user experience.
Changes from the First Draft
When working on this project, I made several changes from the first draft. I analyzed user feedback and conducted additional research to identify areas that needed improvement. Based on this information, I made changes to the user interface, including updating the layout, changing the color scheme, and adjusting the font style. I also modified the user flow to make it more intuitive and streamlined. Additionally, I incorporated new features and functionalities that were not included in the initial design. These changes were made to ensure that the final product was user-friendly, effective, and met the needs of the target audience.
After conducting the interviews, it was important that all four of Agilix’s products were shown on the home page in a clear manner. However, the initial design did not do a great job of color contrasting and highlighting all of the products as one. In the iterated mockup, all four products are shown with descriptions of each.
The call to action buttons were different colors, which could potentially confuse users. Along with this, there was a lot of unnecessary traffic in the hero section, so it was cleaned up by deleting the image and creating a new section for the company statistics.
After conducting user research, a lot of color and contrast would not be ideal for the target audience, so I changed this section to include less color and contrast, while also keeping the sleek minimalistic style.
What I would do differently
More research and implementation of accessibility
I could have conducted a more indepth competitive analysis to create a design that would stand out amongst the others.
Conduct a usability study to see how users interact with the design.
Style Guide
Typography
