Saved response screen

I initially designed a gallery view for this screen, where the classic cards were listed. It was similar to our prompt library screen. (https://dribbble.com/shots/21633880--Exploration-for-my-new-project…)

However, later on, I decided that this screen should have a different design because I wanted users to understand that the content in the saved responses and prompt library was different. One was a pool of prompts, while the other consisted of conversation texts saved during chats.

I first created a classic table layout and added all the content and action buttons. However, it was more difficult to view the details of the content in the table view, especially because the saved conversation texts could be quite long. Users might have needed to constantly search for specific content. So, I simplified this design.

Swipe has become a behavior we are very familiar with in our lives. This design is both unique in terms of style and saves the user from complexity by leaving them with only one card and just three actions each time.

Advantages include easy transition between cards, easy deletion or copying, and I believe it would also make it very easy for the user to focus on and read a long message.

We have now create a unique experience for the product

But the only issue in the new design was that I couldn't quickly scan through the saved prompt cards. Nevertheless, I thought it would be beneficial to have all the titles and at least a two-sentence description, so I added a button to the design and created a new screen that appeared like a popup.

Here, I included all the saved prompts and their details, essentially everything that would be useful to me. There was a fast search feature, allowing me to quickly scan with my eyes and find what I was looking for

In addition to all of this, I added an effect for hover and pressed states to the new list view design.

When the user hovers over or selects a prompt, the focus mode becomes active, and the user can see only the details of the selected prompt with the background blurred on the screen