An automated assignment grading system that leverages LLMs and AI to enhance grading efficiency and reliability. It includes modules for data input, criteria definition, AI integration, consistency checks, and comprehensive reporting, aimed at improving educational outcomes.
We are developing the UI for the first phase of the AutoGrader project, a Next.js application leveraging ShadcnUI for component styling. Our goal is to design a visually appealing interface that incorporates a dark theme inspired by the aesthetics of these websites:
This initial UI iteration will focus on simplicity and functionality, enabling users to interact with the application effectively through a chat interface. The primary features to include are:
Assignment Creation:
Users can create new assignments via a chat interface.
Rubric Creation:
Users can develop rubrics interactively through the chat interface.
Workspace:
A dedicated area where users can organize and access their previous chats, assignments, and rubrics.
Persona Tab:
A feature allowing users to browse through various "personas," complete with detailed descriptions of each persona’s expertise, grading style, animated profile pictures, and voice clips. This facilitates persona-based assignment and rubric generation, as well as grading processes.
Upcoming Features
The following functionalities are planned for future updates:
Conversation Continuation:
Ability to retrieve and continue previous conversations.
Persona Management:
Options for users to browse existing personas or create new ones based on their preferences.
Persona Integration:
Integration of personas into the creation and editing processes for assignments and rubrics.
User Profile Customization:
Enhanced user profiles that allow for deeper personalization, including voice settings and previews of work generated by selected personas.
Design Considerations
Theme: Emphasize a sleek, modern look with extensive use of black and dark grey tones to ensure readability and aesthetic alignment with the suggested examples.
User Experience: Ensure the interface is intuitive and user-friendly, supporting seamless navigation between creating assignments, managing rubrics, and interacting with personas.
Accessibility: Design with accessibility in mind to accommodate all users, including those with visual impairments or other disabilities.
Feedback and Iteration
Initial designs will be reviewed in collaboration with the development team and potential end-users.
Feedback will be incorporated iteratively to refine the UI and ensure it meets the project's needs and user expectations.
Overview
We are developing the UI for the first phase of the AutoGrader project, a Next.js application leveraging ShadcnUI for component styling. Our goal is to design a visually appealing interface that incorporates a dark theme inspired by the aesthetics of these websites:
Objectives
This initial UI iteration will focus on simplicity and functionality, enabling users to interact with the application effectively through a chat interface. The primary features to include are:
Assignment Creation:
Rubric Creation:
Workspace:
Persona Tab:
Upcoming Features
The following functionalities are planned for future updates:
Conversation Continuation:
Persona Management:
Persona Integration:
User Profile Customization:
Design Considerations
Feedback and Iteration