ChatGPT

About Project.

About Project.

About Project.

Enhancing OpenAI's ChatGPT User Experience

Enhancing OpenAI's ChatGPT User Experience

Enhancing OpenAI's ChatGPT User Experience

Over the past year, my experience with OpenAI's ChatGPT has been exceptional. The platform’s swift responses and versatile capabilities make it a standout in the world of conversational AI. However, while ChatGPT excels at delivering high-quality information, I noticed areas in its user interface (UI) that could be optimized to improve the overall user experience. This case study explores these usability issues and details proposed design solutions aimed at enhancing user engagement and ease of navigation.

Role:

Role:

Role:

UX Design

Client:

Client:

Client:

Personal Project

Date:

Date:

Date:

Jan 2024

01.

01.

01.

Overview & Problem.

Overview & Problem.

Overview & Problem.

ChatGPT has revolutionized user interactions with its robust natural language processing capabilities, amassing over 100 million users. However, in my usage, I observed specific challenges in navigating past conversations, which often led to inaccurate suggestions and user frustration. These issues pointed to a lack of quick access to prior prompts and a need for more user-friendly navigation.

Key Problems Identified:

  • Difficulty Accessing Previous Answers Without Re-entering Prompts

  • Lack of Editing Indicators

  • Lack of Search Button for Chat Navigation.

  • Cognitive Overload from Excessive Chat History

02.

02.

02.

Design Goals

Design Goals

Design Goals

Specific Message Reply

Specific Message Reply

Specific Message Reply

  • Implement a button allowing users to reply to a specific response, enhancing interaction continuity.

  • Refine the UI to improve the flow of conversation for a seamless user experience.

Enhanced Sidebar and Navigation:

Enhanced Sidebar and Navigation:

Enhanced Sidebar and Navigation:

  • Introduce a search button to streamline navigation and support efficient recall of past conversations.

  • Simplify chat history display to reduce cognitive load and enhance readability.

Clearer Editing Feedback

Clearer Editing Feedback

Clearer Editing Feedback

  • Introduce a visual highlight for prompt editing to better indicate active user actions.

03.

03.

03.

Designing Chat Components

Designing Chat Components

Designing Chat Components

Approach

Approach

Approach

My redesign approach focused on usability improvements while maintaining consistency with ChatGPT's established design style. Following Jakob’s Law—which suggests that users prefer familiar patterns—I sought to incorporate recognizable UI elements seen in popular messaging apps like WhatsApp, Instagram, and Messenger, leveraging their well-established interaction patterns. Inspired by these platforms, I designed a “reply” feature that users would immediately recognize, reducing the learning curve.

Chat Components

Chat Components

04.

04.

04.

Evaluating Feature Effectiveness

Evaluating Feature Effectiveness

Evaluating Feature Effectiveness

Usability Testing and Insights

Usability Testing and Insights

Usability Testing and Insights

To evaluate the effectiveness of these proposed changes, I conducted A/B testing with 10 participants. Two versions of the “reply” feature were tested:


Version A: ChatGPT highlighted the original response being replied to, allowing users to see the context of their reply directly above their new message.


Version B: ChatGPT highlighted the initial prompt that prompted the response, enabling users to see the context of the question they were responding to.

To evaluate the effectiveness of these proposed changes, I conducted A/B testing with 10 participants. Two versions of the “reply” feature were tested:


Version A: ChatGPT highlighted the original response being replied to, allowing users to see the context of their reply directly above their new message.


Version B: ChatGPT highlighted the initial prompt that prompted the response, enabling users to see the context of the question they were responding to.

To evaluate the effectiveness of these proposed changes, I conducted A/B testing with 10 participants. Two versions of the “reply” feature were tested:


Version A: ChatGPT highlighted the original response being replied to, allowing users to see the context of their reply directly above their new message.


Version B: ChatGPT highlighted the initial prompt that prompted the response, enabling users to see the context of the question they were responding to.

Version A

Version A

Version B

Version B

Test Results

Test Results

Test Results

User Preference: Six out of ten participants preferred Version B because it offered a more conversational feel, reminiscent of chatting with a real person. They found this approach more familiar and felt it enhanced the natural flow of conversation.


User Feedback: Participants noted that the “Reply” feature felt intuitive and significantly contributed to smoother conversation flow. This version was seen as more engaging, allowing them to easily track the context of their messages without losing continuity.

User Preference: Six out of ten participants preferred Version B because it offered a more conversational feel, reminiscent of chatting with a real person. They found this approach more familiar and felt it enhanced the natural flow of conversation.


User Feedback: Participants noted that the “Reply” feature felt intuitive and significantly contributed to smoother conversation flow. This version was seen as more engaging, allowing them to easily track the context of their messages without losing continuity.

User Preference: Six out of ten participants preferred Version B because it offered a more conversational feel, reminiscent of chatting with a real person. They found this approach more familiar and felt it enhanced the natural flow of conversation.


User Feedback: Participants noted that the “Reply” feature felt intuitive and significantly contributed to smoother conversation flow. This version was seen as more engaging, allowing them to easily track the context of their messages without losing continuity.

05.

05.

05.

Implementing Features

Implementing Features

Implementing Features

Prompt reply feature

Prompt reply feature

Refined Sidebar Navigation

  1. Added a search button for streamlined navigation.

  2. Limited history categories to 3 categories: "Today," "Yesterday," and the past 7 days, with an option to view all history.

  3. Highlighted the profile section for improved visual hierarchy.

Highlighting the prompt edit

Highlighting the prompt edit

User Feedback Validation

User Feedback Validation

User Feedback Validation

To confirm the effectiveness of the redesign, I conducted a second round of usability testing, focusing on the final implemented features. Results showed that 80% of users felt more engaged with the interface, particularly praising the message reply and editing highlights.

Quantitative Improvements

Quantitative Improvements

Quantitative Improvements

  • Time to locate specific past prompts decreased by an average of 30% with the search feature.


  • Participants reported that the simplified history view was 40% less cluttered, enhancing readability and focus.

  • Time to locate specific past prompts decreased by an average of 30% with the search feature.


  • Participants reported that the simplified history view was 40% less cluttered, enhancing readability and focus.

06.

06.

06.

Takeaways and Conclusion

Takeaways and Conclusion

Takeaways and Conclusion

This project reinforced the value of simplicity and familiarity in design. Seemingly minor UI and UX adjustments—such as clearer navigation, reply functionality, and editing highlights—substantially enhanced the overall user experience. By focusing on issues that might appear minimal but are impactful, I created a solution that addresses both functional and aesthetic needs.

Challenges Faced

Challenges Faced

Challenges Faced

One challenge was prototyping these features within a live, AI-driven environment while maintaining the platform's existing structure. Simulating a live AI experience required carefully managed constraints, and I focused on clear communication of design intentions to ensure a smooth, consistent experience.

Looking ahead

Looking ahead

Looking ahead

I’m hopeful that ChatGPT may implement similar features to improve user engagement. Overall, this was a rewarding experience, illustrating how careful attention to design details can lead to meaningful improvements in digital interactions.

Next Project

Next Project

Next Project

OneMed

OneMed

OneMed