Conduct UI/UX research for frontend

StampyAI / stampy-chat

Conversational chatbot to answer questions about AI Safety & Alignment based on information retrieved from the Alignment Research Dataset

https://chat.stampy.ai

MIT License

13 stars 6 forks source link

Conduct UI/UX research for frontend #9

Open ccstan99 opened 1 year ago

ccstan99 commented 1 year ago

Provide a web app which calls backend API with streaming answers and hosted at chat.stampy.ai, chat.aisafety.info and possibly elsewhere.

ccstan99 commented 1 year ago

Based on some initial discussion, here are some suggestions:

Change header & intro info
Add options to specify level / audience / goal, i.e. novice, skeptic, editor, researcher?
Suggest a few (3-4) starting questions based on level / interest
Use chat bubbles or background colors to delineate between user questions & generated answers
Thumbs up / down to indicate if answer was helpful. Offer an option to indicate too much jargon.
Suggest a few (3-4) follow up questions after generated answer
Provide option to create shareable public link to chat transcript
Inline citations are great but too much color is distracting
Light/dark mode

FraserLee commented 1 year ago

Provide option to create shareable public link to chat transcript

Does https://stampy.ai/ have a DB we can write to? Since we're moving towards folding stampy-chat into the existing stack, this could be a great place to start integrating things.

ccstan99 commented 1 year ago

Sample Figma file as a basis for discussion & brainstorm with ideas from from Bard and Bing. https://www.figma.com/proto/AzObfqEt6ifUIBDoMIxJrg/Stampy.AI?page-id=107%3A45&type=design&node-id=107-46&viewport=434%2C279%2C0.22&scaling=scale-down&starting-point-node-id=107%3A46

ccstan99 commented 1 year ago

From McGill Team's Plan:

Better frontend messaging: note to user not to send private information into the query, more stuff that is relevant to a layperson. Some stuff mentioned are a bigger search button but many small things like that can be improved.

FraserLee commented 1 year ago

quick note: I think we should still have colour on the citations. It makes it quicker to reference between the body and the footnotes. It's a lot easier to tell when one paragraph is primarily attributed to one or two sources, then the second to a third or fourth, etc. Also the fact that we're concretely anchoring information back to sources is a big part of what makes us novel, better than just a pretty face and a two paragraph prompt - imo it's good if that stands out.

From discussion in the meeting it sounded to me like the main problem was with the prominence of the colours and the lack of a singular palette (the pastel rainbow is a bit much). If I am reading this right, I would suggest changing the colours to instead be shades - or closely varying in a range that fits the visual theme - instead of dropping them outright.

Does that sound like an alright move?

ccstan99 commented 1 year ago

From the initial feedback and looking at other websites & applications using citations, varying colors is just not something that's normally done and felt somewhat gimmicky. Personally, I think the idea has interesting potential. Since we're still in early prototype mode, I'm certainly open to picking ~9 colors that are more complementary to the new theme to see how users respond.