Designing intuitive AI products for all users
Designing intuitive AI products for all users
Designing intuitive AI products for all users
Designing intuitive AI products for all users
Designing intuitive AI products for all users
Current stage - 30% design executed
Current stage - 30% design executed
Current stage - 30% design executed
Current stage - 30% design executed
Working on multiple AI Technology products, making them usable for the non-technical users
Working on multiple AI Technology products, making them usable for the non-technical users
Working on multiple AI Technology products, making them usable for the non-technical users
Working on multiple AI Technology products, making them usable for the non-technical users
Reading time: 3 min
Reading time: 3 min
Synopsis
Synopsis
Roles and Responsibilities
Focus on creating AI technology products that are accessible and usable for a diverse range of users, including non-technical audiences
Lead and design comprehensive research plans to uncover user needs and challenges
Synthesize research findings and present actionable insights to stakeholders
Design mockups and prototypes to address pain points and improve user experience based on research outcomes
Formed research mechanisms across products
Focus on creating AI technology products that are accessible and usable for a diverse range of users, including non-technical audiences
Lead and design comprehensive research plans to uncover user needs and challenges
Synthesize research findings and present actionable insights to stakeholders
Design mockups and prototypes to address pain points and improve user experience based on research outcomes
Formed research mechanisms across products
Achievements
My Research discovered that 40% of advanced features were not used by 70% of users.
80% of my feedback post UX audit executed and currently in development
Influenced purchasing decisions of new tools
Identified unconventional ways of research, identifying unique user groups
My Research discovered that 40% of advanced features were not used by 70% of users.
80% of my feedback post UX audit executed and currently in development
Influenced purchasing decisions of new tools
Identified unconventional ways of research, identifying unique user groups
Team
Product manager - Ayat Sweid
Senior UX designer - Joel Longie
2 UX designers - Daniel Ennis and Me
2 UX researcher - Ishrat Ahmed and Me
Product manager - Ayat Sweid
Senior UX designer - Joel Longie
2 UX designers - Daniel Ennis and Me
2 UX researcher - Ishrat Ahmed and Me
Timeline
May 2024 - Present
What do I do?
High and Low Fidelity Prototyping
User research
UX Audit
Presentations
High and Low Fidelity Prototyping
User research
UX Audit
Presentations
Challenges
Balancing design decisions with technical priorities in an engineering-driven environment.
Adapting to new technology and technical jargon for effective collaboration.
Transitioning from Adobe XD to Figma while maintaining design continuity.
Designing a platform that worked seamlessly for both technical and non-technical users.
Balancing design decisions with technical priorities in an engineering-driven environment.
Adapting to new technology and technical jargon for effective collaboration.
Transitioning from Adobe XD to Figma while maintaining design continuity.
Designing a platform that worked seamlessly for both technical and non-technical users.
Learnings
How to rapidly adapt to evolving product requirements
Working within an agile framework
Designing technical products with a focus on usability for non-technical users
Developing a deeper understanding of agile methodologies and how to work efficiently
Presenting qualitative findings in a quantitative manner, recommeding targeted design improvements
Attaching user stories while presenting Hi/Lo Fidelity prototypes
Creating clear JIRA tickets as a designer for developers
How to rapidly adapt to evolving product requirements
Working within an agile framework
Designing technical products with a focus on usability for non-technical users
Developing a deeper understanding of agile methodologies and how to work efficiently
Presenting qualitative findings in a quantitative manner, recommeding targeted design improvements
Attaching user stories while presenting Hi/Lo Fidelity prototypes
Creating clear JIRA tickets as a designer for developers
Roles and Responsibilities
Focus on creating AI technology products that are accessible and usable for a diverse range of users, including non-technical audiences
Lead and design comprehensive research plans to uncover user needs and challenges
Synthesize research findings and present actionable insights to stakeholders
Design mockups and prototypes to address pain points and improve user experience based on research outcomes
Formed research mechanisms across products
Achievements
My Research discovered that 40% of advanced features were not used by 70% of users.
80% of my feedback post UX audit executed and currently in development
Influenced purchasing decisions of new tools
Identified unconventional ways of research, identifying unique user groups
Timeline
May 2024 - Present
What do I do?
High and Low Fidelity Prototyping
User research
UX Audit
Presentations
Challenges
Balancing design decisions with technical priorities in an engineering-driven environment.
Adapting to new technology and technical jargon for effective collaboration.
Transitioning from Adobe XD to Figma while maintaining design continuity.
Designing a platform that worked seamlessly for both technical and non-technical users.
Learnings
How to rapidly adapt to evolving product requirements
Working within an agile framework
Designing technical products with a focus on usability for non-technical users
Developing a deeper understanding of agile methodologies and how to work efficiently
Presenting qualitative findings in a quantitative manner, recommeding targeted design improvements
Attaching user stories while presenting Hi/Lo Fidelity prototypes
Creating clear JIRA tickets as a designer for developers
Team
Product manager - Ayat Sweid
Senior UX designer - Joel Longie
2 UX designers - Daniel Ennis, Shailee Shah (Me)
2 UX researcher - Ishrat Ahmed, Shailee Shah (Me)
Roles and Responsibilities
Focus on creating AI technology products that are accessible and usable for a diverse range of users, including non-technical audiences
Lead and design comprehensive research plans to uncover user needs and challenges
Achievements
My Research discovered that 40% of advanced features were not used by 70% of users.
80% of my feedback post UX audit executed and currently in development
Influenced purchasing decisions of new tools
Identified unconventional ways of research, identifying unique user groups
What do I do?
High and Low Fidelity Prototyping
User research
UX Audit
Presentations
Team
Product manager, Senior UX designer, 2 UX designers, 2 UX researchers
Products I worked on
MyAI Builder
A platform that enables users to develop and deploy their own chatbots and AI-enabled products.
ASU GPT
A multimodal chatbot with multiple model to choose from.
ASU GPT
A multimodal chatbot with multiple model to choose from.
EcoGPT - conceptual stage
A chatbot promoting sustainable and responsible use of AI
EcoGPT
A chatbot promoting sustainable and responsible use of AI
Products
I worked on
MyAI Builder
Participated in UX strategy
Research
I conducted user surveys, interviews, usability testing to uncover user groups, identify user's adaptability towards AI products, use cases and feature specific pain points
I conducted user surveys, interviews, usability testing to uncover user groups, identify user's adaptability towards AI products, use cases and feature specific pain points
Business goal
The goal was to integrate the product into users' daily routines, encouraging them to explore diverse use cases that will drive long-term engagement and inform future product updates.
Key Performance Indicators
Number of projects created, User satisfaction scores, along with tracking new use cases to assess product relevance and user engagement.
Products
I worked on
Based on the research we conducted, I crafted a 'How Might We' statement to distill the core challenges we identified.
Based on the research we conducted, I crafted a 'How Might We' statement to distill the core challenges we identified.
"How might we enable non-technical users to create and interact with bots effortlessly, without requiring any prior technical knowledge?"
"How might we enable non-technical users to create and interact with bots effortlessly, without requiring any prior technical knowledge?"
67% of product’s users are non-technical
67% of product’s users are non-technical
Major design decisions made
Changes in the right side panel
WHY?
70% users don’t use 40% of the product features
70% users don’t use 40% of the product features
“ I am new to AI and it was very overwhelming for me ”
“ I am new to AI and it was very overwhelming for me ”
WHAT?
Separated Basic and Advanced features in different tabs
Added toggle button for advanced setting to features that couldn’t be separated in different tabs
DESIGN IMPACT?
Time on task reduced by 30%
Task completion rate increased by 20%
Before
Before
After
After
B. Changes in the project creation process
WHY?
60% users found the project creation process to be lengthy
60% users found the project creation process to be lengthy
“ I wasn’t sure what to add here because I was just experimenting ”
“ I wasn’t sure what to add here because I was just experimenting ”
WHAT?
Added a 'New Project' button that opens the project interface, allowing direct editing in the settings panel.
Added a 'New Project' button that opens the project interface, allowing direct editing in the settings panel.
DESIGN IMPACT?
Designed to streamline user onboarding by reducing the steps involved by 60%. Based on user research and early prototype testing, it is expected to improve user retention, leading to higher conversion rates for new users.
Designed to streamline user onboarding by reducing the steps involved by 60%. Based on user research and early prototype testing, it is expected to improve user retention, leading to higher conversion rates for new users.
C. Added use case templates
WHY?
16% users prefer access to other GPTs, sharing GPTs with others.
18% explicitly mention need of technical knowledge
16% users prefer access to other GPTs, sharing GPTs with others.
18% explicitly mention need of technical knowledge
“Starting from scratch can be challenging for non-engineering background faculty.”
“Starting from scratch can be challenging for non-engineering background faculty.”
WHAT?
Integrated a section of use cases templates in the Dashboard page.
I identified use cases through research and extracted from previous iteration's back end data.
I formed description and conversations starters for each.
DESIGN IMPACT?
This feature aims to increase user engagement by simplifying the creation process, leading to higher adoption rates among non-technical users.
Before
PREVIOUSLY?
Users had to go to a 3 step process to reach the main settings screen.
Users had to go to a 3 step process to reach the main settings screen.
I created wireframes for reducing the number of steps
I created wireframes for reducing the number of steps
Before
After
After
ASU GPT
Redesigning ASU GPT
The ASU GPT redesign was necessary to introduce more functionalities and features while making the platform easier to navigate. This ensures a more intuitive experience for non-technical users, enhancing accessibility and usability for a broader audience.
The ASU GPT redesign was necessary to introduce more functionalities and features while making the platform easier to navigate. This ensures a more intuitive experience for non-technical users, enhancing accessibility and usability for a broader audience.
1
1
WHAT?
Removed the settings panel from the right to the left and rearranged elements in 3 panels, widening the conversation interface space.
Removed the settings panel from the right to the left and rearranged elements in 3 panels, widening the conversation interface space.
WHY?
Grouped the commonly accessed elements together to reduce cognitive load and improve accessibility.
Grouped the commonly accessed elements together to reduce cognitive load and improve accessibility.
2
2
WHAT?
Introduced ‘Tabs’, allowing users to open and manage multiple conversations in a single interface.
Introduced ‘Tabs’, allowing users to open and manage multiple conversations in a single interface.
WHY?
Users often need to refer to past interactions or handle multiple tasks, and switching between different windows or sessions can disrupt their workflow and cause confusion.
Users often need to refer to past interactions or handle multiple tasks, and switching between different windows or sessions can disrupt their workflow and cause confusion.
3
3
WHAT?
A feature to group conversations and add memory or instructions to each group, helping them stay organized and keep track of key details.
A feature to group conversations and add memory or instructions to each group, helping them stay organized and keep track of key details.
WHY?
Users often engage in multiple conversations with varying contexts. Managing these individually can become overwhelming.
Users often engage in multiple conversations with varying contexts. Managing these individually can become overwhelming.
4
4
WHAT?
Added Conversation starters, Help center section. Aligned it to ASU’s brand guideline to maintain familiarity.
Added Conversation starters, Help center section. Aligned it to ASU’s brand guideline to maintain familiarity.
WHY?
The redesign follows Jakob’s Law, aligning the layout with familiar products to reduce cognitive load. Major users are non-technical users and this product helps in transitioning them from chatGPT to ASU products.
The redesign follows Jakob’s Law, aligning the layout with familiar products to reduce cognitive load. Major users are non-technical users and this product helps in transitioning them from chatGPT to ASU products.
Before
What did the design process involve?
Cognitive walkthrough
Paper sketches
High Fidelity Prototype
Incorporating feedback
Handed over designs to senior designer
Cognitive walkthrough
Paper sketches
High Fidelity Prototype
Incorporating feedback
Handed over designs to senior designer
Before
After
After
Specific changes in the settings panel
Iterations, Concepts, and other Screens
Multiple iterations were required during the development process due to challenges in implementing new features, incorporating user feedback, and addressing scalability issues. As I was working under an agile methodology, the iterative approach allowed for continuous improvements and adjustments based on real-time feedback and evolving project requirements.
Multiple iterations were required during the development process due to challenges in implementing new features, incorporating user feedback, and addressing scalability issues. As I was working under an agile methodology, the iterative approach allowed for continuous improvements and adjustments based on real-time feedback and evolving project requirements.
ASU GPT Eco
Concept design for GPT Eco
The GPT Eco was conceptually designed in response to growing concerns about sustainability, aiming to educate users on eco-friendly practices and raise awareness about environmental impact.
The GPT Eco was conceptually designed in response to growing concerns about sustainability, aiming to educate users on eco-friendly practices and raise awareness about environmental impact.
What did the design process involve?
Exploratory Research
Ideation session
Wireframes
Tip
Shorten your prompt
Tip
This response will consume hefty tokens
Tip
Break down your query in steps
Tip
Did you check our sources tab?
Wins
Congratulations! You have unlocked an award
Wins
You saved tokens today
1
WHAT?
Designed the interface in dark mode
Designed the interface in dark mode
WHY?
To decrease screen brightness and power usage
To decrease screen brightness and power usage
2
WHAT?
An option to add or remove features
An option to add or remove features
WHY?
Removing unwanted features to optimize page speed
Removing unwanted features to optimize page speed
3
WHAT?
Pop ups for Tips and Wins. Added leaves besides cheaper models.
Pop ups for Tips and Wins. Added leaves besides cheaper models.
WHY?
To encourage and educate users about sustainable practices
To encourage and educate users about sustainable practices
4
WHAT?
The help bot on right will only give brief answers and sources links will be attached.
The help bot on right will only give brief answers and sources links will be attached.
WHY?
Lesser tokens will be used to give brief outputs. The sources link will educate them more about sustainable practices
Lesser tokens will be used to give brief outputs. The sources link will educate them more about sustainable practices
ASU GPT
ASU GPT
Next steps
Through my dedication to creating intuitive AI solutions for non-technical users, I aim to bridge the gap between advanced technologies and everyday users.
Currently,
I am leading research plan for MyAI Builder, conducting User interviews, Usability testing, surveys, and other unconventional research methods
Working on designing new features, onboarding experience, and feedback mechanism of the product
Next
steps
Learnings
How to rapidly adapt to evolving product requirements
Working within an agile framework
Designing technical products with a focus on usability for non-technical users
Developing a deeper understanding of agile methodologies and how to work efficiently
Presenting qualitative findings in a quantitative manner, recommeding targeted design improvements
Attaching user stories while presenting Hi/Lo Fidelity prototypes
Creating clear JIRA tickets as a designer for developers
Home
Home
LET'S CONNECT
I am everything design! I am resilient to the core.
Get in touch to find out more about how I create digital experiences to effectively reach and engage audiences.
Email: shailees0406@gmail.com
Contact: +1 (602) 576-4588
LET'S CONNECT
I am everything design! I am resilient to the core.
Get in touch to find out more about how I create digital experiences to effectively reach and engage audiences.
Email: shailees0406@gmail.com
Contact: +1 (602) 576-4588
LET'S CONNECT
I am everything design! I am resilient to the core.
Get in touch to find out more about how I create digital experiences to effectively reach and engage audiences.
Email: shailees0406@gmail.com
Contact: +1 (602) 576-4588
LET'S CONNECT
I am everything design! I am resilient to the core.
Email: shailees0406@gmail.com
Contact: +1 (602) 576-4588