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

  1. 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?

  1. Separated Basic and Advanced features in different tabs

  2. 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?

  1. Added a 'New Project' button that opens the project interface, allowing direct editing in the settings panel.

  1. 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?

  1. 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?

  1. Cognitive walkthrough

  2. Paper sketches

  3. High Fidelity Prototype

  4. Incorporating feedback

  5. Handed over designs to senior designer

  1. Cognitive walkthrough

  2. Paper sketches

  3. High Fidelity Prototype

  4. Incorporating feedback

  5. 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?

  1. Exploratory Research

  2. Ideation session

  3. 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

Design by

Shailee

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

Design by

Shailee

LET'S CONNECT

I am everything design! I am resilient to the core.

Email: shailees0406@gmail.com

Contact: +1 (602) 576-4588

Design by

Shailee