ChatGPT Visual Reader
UIUX Design
Duration
1 Month
Tools
Figma
My Roles
UX Researcher
Interaction Designer
Visual Designer
Interaction Designer
Visual Designer
Project Type
Personal Project
As a non-native English speaker and regular ChatGPT user, I frequently rely on it for tasks such as refining my text, summarizing articles, and aiding in basic content creation. While ChatGPT has proved helpful and convenient, its web-based interface has introduced complexity into my workflow, leading to inefficiencies. Recognizing the need for a more streamlined process, I became motivated to enhance the workflow of ChatGPT for users like myself.
Multilingual designers who frequently use ChatGPT as an assistive tool need a more streamlined user experience of ChatGPT, reducing the need to switch between multiple pages, so that they could enhance their workflow efficiency and productivity.
How might we ensure ChatGPT's seamless functionality across multiple platforms, aiming to streamline and simplify the workflow for users?
I carried out a survey involving 26 multilingual designers and artists who utilize ChatGPT. The survey aimed to gather information about their interaction with ChatGPT, the purposes for which they use it, and to analyze the patterns of interaction among them.
What are your main purposes for using ChatGPT?
Have you ever copy and paste text into ChatGPT?
The survey findings indicate that frequent copying and pasting actions are common in the interaction with ChatGPT, and these steps have been identified as primary factors impeding user workflow efficiency.
Since it is difficult to find direct competitors at present, I conducted more research to investigate products that provide related services or similar models.
After researching on the inspirations, I identified several platforms on which the design could be implemented. To determine which platform best meets the design goals and best addresses the needs of the user, I compared them from the desirable dimension.
After defining the platform and persona, the next step is to define the what interactions need to be included. Based on the results and analysis of the user survey, I chose 3 common interactions, designing 3 different scenarios.
Based on the usage flow, I designed different wireframes for three scenarios, aiming to test the usability and feasibility of these feature as quickly as possible.
Once the wireframes of all three scenarios were wired and ready for use, I designed one task for each scenario. Then I organized and conducted moderated usability testings for five potential users to test if users can complete core tasks within the prototypes and if this tool is easy to use.
In the process of hosting, I also collected interviewees' ideas about the prototype and extracted them into insights for further improvement of the prototype.
After completing the design, I ran another round of user testing on the prototype to evaluate the improved results. Multiple data shows that the usability of the prototype and user satisfaction have been greatly improved.