Designing VIA's User Interface for AI-Enhanced Academic 
Essay Grading
VIA  |  Startup
My role: Research, Design, and Product Strategy
The VIA project aimed to address the challenges of time-consuming and inconsistent grading processes in academic settings through an AI-powered tool. The primary objective was to develop a user interface that enabled educators to interact efficiently with the AI, making the grading of student essays more streamlined and fair.
Project Details
Project/Challenge Goals
• Research and design an intuitive user interface tailored to educators' needs for the VIA AI tool.
• Ensure seamless integration of the interface with the AI's capabilities.
• Create a design that simplifies the grading process, making it more efficient and user-friendly.
Key Performance Metrics
• Reduction in grading time for educators.
• User satisfaction and ease of use of the interface.
• Adoption rate of the VIA tool among educators.
• Quality and usefulness of AI-generated feedback and suggestions.
Target Audience
• Educators involved in grading academic essays.
Device Choice Options
• Web-based interface accessible on computers and tablets.
Suggested Tasks
• Conduct thorough research, including interviews with educators, to understand grading processes and challenges.
• Design a prototype interface with essential features like a grading progress dashboard, essay and rubric import system, and AI feedback reception.
• Ensure clarity and simplicity in the UI design for ease of adoption by educators with varying tech proficiency.
• Collaborate closely with AI developers to present AI suggestions in an understandable and actionable format.
• Perform iterative user testing with educators to refine the interface based on real-world feedback.
Guiding Questions
• What are the primary challenges educators face with current grading processes and tools?
• How can the interface be designed to be intuitively understandable for educators with different levels of tech-savviness?
• In what ways can the AI's capabilities be best integrated into the interface for maximum efficiency and effectiveness?
• What features are crucial for educators to manage their grading workload effectively using VIA?
What this Challenge is designed to teach and improve on
• The importance of user-centered design in creating effective educational technology tools.
• The role of thorough user research in understanding and addressing the real needs of educators in academic settings.
• The value of iterative design and testing in refining a technology solution to meet user expectations and improve workflow efficiency.
The Story
The initial research phase was vital to the success of the VIA project. During this period, I conducted in-depth interviews with educators to gain comprehensive insights into their grading practices, preferences, and the challenges they face in their workflow. These interviews not only provided a clear understanding of the users' requirements but also formed the basis for empathizing with their experiences. This empathy was instrumental in identifying the core functionalities that needed to be incorporated into VIA for it to be truly beneficial. In addition to these interviews, I also performed extensive market and competitive research. This involved analyzing existing grading tools and technologies in the educational sector, assessing their strengths and weaknesses, and understanding their market positioning. This research provided a clear picture of the competitive landscape and helped identify potential differentiators for VIA. It also provided insight into market trends and user expectations, which was crucial in shaping the design and development of VIA's user interface.
Design Process
As the UX designer, my role in designing the VIA interface was crucial. The process began with a deep understanding of the end-users, the educators, and their needs. This involved a collaborative brainstorming session with the team, where we identified key user requirements and how our tool could meet them.
The first step in the process was mapping out all the objects identified through research and team meetings. This included establishing relationships between these objects, figuring out the interactivity involved with the various objects, and creating the core content and meta-data. This systemic approach allowed me to make sure the Information Architecture (IA) and interactivity with the product were intuitive and smooth.
From there, I moved into the initial design phase - wireframing. This involved sketching rough layouts of the interface, incorporating features like the grading progress dashboard, the essay import system, and the AI feedback presentation. These wireframes served as the early visual representations of the interface, providing a rough idea of its structure and flow.
Next, I embarked on creating high-fidelity prototypes. Using design tools, I translated the wireframes into digital prototypes that provided a closer representation of the final product. This included specific design elements like colors, typography, and imagery that aligned with the tool's intended look and feel. The prototypes encompassed all the vital features we aimed to offer, reflecting our focus on simplicity, clarity, and usability.
During the prototype creation, I prioritized reducing cognitive load for the users. This involved making design decisions that made the interface intuitive and easy to navigate. For example, the grading progress dashboard was designed to provide a quick overview of the grading status, using clear visual cues and minimal text. Similarly, the essay import system was designed to be straightforward, reducing the steps and complexity involved in importing essays into the system.
The presentation of AI feedback was another critical aspect of the design. I collaborated closely with our AI developers to understand the type of feedback the AI would generate. With this understanding, I designed this feature to present the AI feedback in a clear and understandable manner, using simple language and visual aids where necessary.
Creating these design deliverables was an iterative process. Each design decision was followed by team discussions and user testing, which helped gather valuable feedback. This feedback was then incorporated into the design, making it more aligned with user needs and expectations.
Through every step of the design process, my goal was to create an interface that made the grading process more efficient and user-friendly for educators. By focusing on simplicity and usability, I aimed to ensure that the VIA tool would be easily adopted and highly beneficial in the academic setting.
Development and Iteration
Collaboration with the AI development team was indeed a cornerstone of this project. Ensuring AI suggestions were integrated into the interface in a manner that was both user-friendly and productive required open lines of communication between the design and development teams. This allowed us to better understand the capabilities of the AI and how to best present its suggestions to educators in a clear, actionable format.
Multiple rounds of user testing with educators were conducted, providing invaluable insights that led to iterative improvements in the design. These educators, as the end users, offered direct feedback on the interface, its features, and the presentation of the AI feedback. Their hands-on experience with the system allowed them to provide feedback grounded in real-world usage, ensuring changes made to the design were rooted in improving user experience and efficiency.
One critical iteration that came from user testing was reducing the emphasis on the rubric and assignment details within our interface. Initially, the design prominently featured the rubric and assignment details, as we believed them to be integral to the grading process. However, through the feedback from educators, we learned that while these elements are indeed important, they rarely change once a semester has begun. Therefore, the constant visibility of these elements was not as necessary as we initially thought.
As a result, we made the design decision to de-emphasize the rubric and assignment details in the interface, freeing up space and reducing cognitive load for the users. This allowed for other more frequently used elements, such as the AI feedback and grading progress dashboard, to take more prominence in the interface. This change better aligned with the educators' workflows, making the interface more efficient and user-friendly. This example of design iteration highlights the importance of user feedback and testing in the development of a truly user-centric design.
Outcomes and Impact
The launch of VIA with the new user interface saw a positive reception from the educator community. Educators reported a significant reduction in grading time, up to 30%, and praised the consistency and helpfulness of the AI-generated feedback. Though the product is still being used with beta testers, I’m confident that the interface's intuitive design will facilitate a high adoption rate, and will seamlessly fit into educators' existing workflows.
Learnings
This project highlighted the critical role of UX design and research in enhancing educational tools. It demonstrated the impact of a well-designed user interface in facilitating the adoption of AI technology in education, ultimately contributing to more efficient and effective academic assessment processes.
Back to Top