ai-driven design
Transforming Academic Assignments Into AI Skill Lessons
Project type
AI-Driven Platform Design
ROLE
UX/UI Designer, Project Facilitator
Tools
Figma
YEAR
2024
ai-driven design
Transforming Academic Assignments Into AI Skill Lessons
Project type
AI-Driven Platform Design
ROLE
UX/UI Designer, Project Facilitator
Tools
Figma
YEAR
2024
ai-driven design
Transforming Academic Assignments Into AI Skill Lessons
Project type
AI-Driven Platform Design
ROLE
UX/UI Designer, Project Facilitator
Tools
Figma
YEAR
2024
Project Description
Project Description
Project Description
AI is rapidly transforming education. Monash University recognises its potential to enhance learning and aims to develop an AI-mediated platform to bring this vision to life.
This team project was tasked with exploring AI's role in improving students' learning, enhancing their AI literacy, and creating a user-centric platform to elevate the learning experience.
* The project omitted user research due to time constraints.
AI is rapidly transforming education. Monash University recognises its potential to enhance learning and aims to develop an AI-mediated platform to bring this vision to life.
This team project was tasked with exploring AI's role in improving students' learning, enhancing their AI literacy, and creating a user-centric platform to elevate the learning experience.
* The project omitted user research due to time constraints.
AI is rapidly transforming education. Monash University recognises its potential to enhance learning and aims to develop an AI-mediated platform to bring this vision to life.
This team project was tasked with exploring AI's role in improving students' learning, enhancing their AI literacy, and creating a user-centric platform to elevate the learning experience.
* The project omitted user research due to time constraints.
Educational AI Landscape Research
Educational AI Landscape Research
Educational AI Landscape Research
Our group began by researching available educational AI tools to explore their potential for enhancing learning, using these insights as inspiration for our design.
Our group began by researching available educational AI tools to explore their potential for enhancing learning, using these insights as inspiration for our design.
Our group began by researching available educational AI tools to explore their potential for enhancing learning, using these insights as inspiration for our design.
Research insights
Research insights
Research insights
Target User Analysis
Target User Analysis
Target User Analysis
We analysed our target users, university students, using the team members' diverse experiences to identify persona profiles. This approach helped us empathise with users and design a solution that best addresses their needs.
We analysed our target users, university students, using the team members' diverse experiences to identify persona profiles. This approach helped us empathise with users and design a solution that best addresses their needs.
We analysed our target users, university students, using the team members' diverse experiences to identify persona profiles. This approach helped us empathise with users and design a solution that best addresses their needs.
Swipe through the images to view the content
Swipe through the images to view the content
Problem Statement & HMW
Problem Statement & HMW
Problem Statement & HMW
After analysing the educational AI landscape and our target user profiles, we identified two key problem statements and a how might we question to guide our solution development.
After analysing the educational AI landscape and our target user profiles, we identified two key problem statements and a how might we question to guide our solution development.
After analysing the educational AI landscape and our target user profiles, we identified two key problem statements and a how might we question to guide our solution development.
The Design Outcome: Cleverly
The Design Outcome: Cleverly
The Design Outcome: Cleverly
Cleverly is an AI-powered learning platform designed to teach students to use AI tools responsibly and effectively by integrating their use into assignment workflows.
Cleverly is an AI-powered learning platform designed to teach students to use AI tools responsibly and effectively by integrating their use into assignment workflows.
Cleverly is an AI-powered learning platform designed to teach students to use AI tools responsibly and effectively by integrating their use into assignment workflows.
Introduction to Cleverly
Introduction to Cleverly
Introduction to Cleverly
This video highlights the platform's concept, features, and prototypes.
This video highlights the platform's concept, features, and prototypes.
Cleverly’s Goal
Cleverly’s Goal
Cleverly’s Goal
Creating an intuitive, supportive experience for students to grasp AI tools fluency, empowering them to confidently use AI in academic settings and carry those skills into their professional lives.
Creating an intuitive, supportive experience for students to grasp AI tools fluency, empowering them to confidently use AI in academic settings and carry those skills into their professional lives.
Creating an intuitive, supportive experience for students to grasp AI tools fluency, empowering them to confidently use AI in academic settings and carry those skills into their professional lives.
Platform’s Benefit
Platform’s Benefit
Platform’s Benefit
Empowerment: Cleverly helps students navigate AI tools with ease, building confidence and inspiring them to explore AI’s potential.
Efficiency and Proficiency: By integrating AI into students' tasks, Cleverly enables on-the-spot learning of AI tool usage, enhancing time efficiency and fostering deeper understanding through hands-on practice.
Personalised Learning Journey: The platform tailors content and suggestions to individual needs, making it perfectly aligned with users’ goals and learning styles.
Empowerment: Cleverly helps students navigate AI tools with ease, building confidence and inspiring them to explore AI’s potential.
Efficiency and Proficiency: By integrating AI into students' tasks, Cleverly enables on-the-spot learning of AI tool usage, enhancing time efficiency and fostering deeper understanding through hands-on practice.
Personalised Learning Journey: The platform tailors content and suggestions to individual needs, making it perfectly aligned with users’ goals and learning styles.
Empowerment: Cleverly helps students navigate AI tools with ease, building confidence and inspiring them to explore AI’s potential.
Efficiency and Proficiency: By integrating AI into students' tasks, Cleverly enables on-the-spot learning of AI tool usage, enhancing time efficiency and fostering deeper understanding through hands-on practice.
Personalised Learning Journey: The platform tailors content and suggestions to individual needs, making it perfectly aligned with users’ goals and learning styles.
User Journey
User Journey
User Journey
We analysed the user journey to evaluate how our solution integrates into the user's experience and addresses their pain points.
We analysed the user journey to evaluate how our solution integrates into the user's experience and addresses their pain points.
We analysed the user journey to evaluate how our solution integrates into the user's experience and addresses their pain points.
Swipe through the images to view the content
Visualising Platform Mechanics
Visualising Platform Mechanics
Visualising Platform Mechanics
Feature diagram: showcasing how platform features work together
Information flow diagram: highlighting data use for personalisation
User flow: laying out the action users take to use each features
Feature diagram: showcasing how platform features work together
Information flow diagram: highlighting data use for personalisation
User flow: laying out the action users take to use each features
Feature diagram: showcasing how platform features work together
Information flow diagram: highlighting data use for personalisation
User flow: laying out the action users take to use each features
Swipe through the images to view the content
Swipe through the images to view the content
Cleverly’s UI Design
Cleverly’s UI Design
Cleverly’s UI Design
Cleverly’s Design Concept
Cleverly’s Design Concept
Cleverly’s Design Concept
Confidence
We aim for an interface that exudes confidence, motivating and encouraging users to navigate and learn the right AI tools on our platform.
Confidence
We aim for an interface that exudes confidence, motivating and encouraging users to navigate and learn the right AI tools on our platform.
Confidence
We aim for an interface that exudes confidence, motivating and encouraging users to navigate and learn the right AI tools on our platform.
Design Iteration #1
Design Iteration #1
Design Iteration #1
We started with a simple and clean flat design, using blue as the primary colour to convey confidence.
While the design conveyed confidence, the overall aesthetic appeared too professional, missing the mark for our target audience, university student.
We started with a simple and clean flat design, using blue as the primary colour to convey confidence.
While the design conveyed confidence, the overall aesthetic appeared too professional, missing the mark for our target audience, university student.
We started with a simple and clean flat design, using blue as the primary colour to convey confidence.
While the design conveyed confidence, the overall aesthetic appeared too professional, missing the mark for our target audience, university student.
Swipe through the images to view the content
Swipe through the images to view the content
Design Iteration #2
Design Iteration #2
Design Iteration #2
We adjusted the primary colour and layout to reduce the overly professional look while preserving the confident aesthetic.
During this design iteration, we conducted usability testing and found the experience highly usable. However, there are minor areas for refinement to further enhance the user experience.
We adjusted the primary colour and layout to reduce the overly professional look while preserving the confident aesthetic.
During this design iteration, we conducted usability testing and found the experience highly usable. However, there are minor areas for refinement to further enhance the user experience.
We adjusted the primary colour and layout to reduce the overly professional look while preserving the confident aesthetic.
During this design iteration, we conducted usability testing and found the experience highly usable. However, there are minor areas for refinement to further enhance the user experience.
In the end, the designs were praised for being polished but criticised for being overly safe, resembling other websites and lacking a distinctive visual identity to make the platform stand out.
In the end, the designs were praised for being polished but criticised for being overly safe, resembling other websites and lacking a distinctive visual identity to make the platform stand out.
In the end, the designs were praised for being polished but criticised for being overly safe, resembling other websites and lacking a distinctive visual identity to make the platform stand out.
Swipe through the images to view the content
Swipe through the images to view the content
The Final Design
The Final Design
The Final Design
We incorporated bold lines and black section backgrounds throughout the design to create a unique visual identity and maintain consistency.
Additionally, we updated the typeface and refined the prototype interactions to align with the new style and enhance the platform's unique visual identity.
We incorporated bold lines and black section backgrounds throughout the design to create a unique visual identity and maintain consistency.
Additionally, we updated the typeface and refined the prototype interactions to align with the new style and enhance the platform's unique visual identity.
We incorporated bold lines and black section backgrounds throughout the design to create a unique visual identity and maintain consistency.
Additionally, we updated the typeface and refined the prototype interactions to align with the new style and enhance the platform's unique visual identity.
Swipe through the images to view the content
Swipe through the images to view the content
Result
Result
Result
The project received positive feedback from the lecturer and relevant Monash staff, the project's client, for its clear concept, unique UI, prototype interactions, and presentation.
As a result, it has been selected for a second showcase to Monash’s Student Academic Success team to share ideas and insights on learning and teaching with AI.
The project received positive feedback from the lecturer and relevant Monash staff, the project's client, for its clear concept, unique UI, prototype interactions, and presentation.
As a result, it has been selected for a second showcase to Monash’s Student Academic Success team to share ideas and insights on learning and teaching with AI.
The project received positive feedback from the lecturer and relevant Monash staff, the project's client, for its clear concept, unique UI, prototype interactions, and presentation.
As a result, it has been selected for a second showcase to Monash’s Student Academic Success team to share ideas and insights on learning and teaching with AI.
Reflection
Reflection
Reflection
It’s been an amazing journey working on this three-month project with my teammates, Yusun, Vivian, and Nupur, with valuable coaching and support from the lecturers. I’ve learned a lot about UX/UI skills and greatly improved my project facilitation abilities.
While I wish we had more time to conduct deeper UX research and validate our target users’ assumptions, I’m grateful for the opportunity to collaborate with such talented people and gain so much from the experience.
It’s been an amazing journey working on this three-month project with my teammates, Yusun, Vivian, and Nupur, with valuable coaching and support from the lecturers. I’ve learned a lot about UX/UI skills and greatly improved my project facilitation abilities.
While I wish we had more time to conduct deeper UX research and validate our target users’ assumptions, I’m grateful for the opportunity to collaborate with such talented people and gain so much from the experience.
It’s been an amazing journey working on this three-month project with my teammates, Yusun, Vivian, and Nupur, with valuable coaching and support from the lecturers. I’ve learned a lot about UX/UI skills and greatly improved my project facilitation abilities.
While I wish we had more time to conduct deeper UX research and validate our target users’ assumptions, I’m grateful for the opportunity to collaborate with such talented people and gain so much from the experience.
