Improvements: UX/UI Improvement Suggestions/Tracker

[rmusser01]

Example of UI style: sonnet 3.5 with the workspace area

Things done so far:

Notes:

• Unable to use an accordion for 'Advanced' options on front page. Breaks formatting. Probably a skill issue.

Existing UI Tasks

• Add options to display all CLI options (that make sense) via the UI. / Add option for UI toggle for Basic/Advanced views. (i.e. demo mode vs Pro user mode)
• Add tabs for UI pages, one for main page, one for SQLite DB inspection/reviewing past transcriptions, summaries & prompts used.
• Add slider option for summarization detail level
• Combine the 'Add Keywords' and 'Delete Keywords' tabs into one page.
• Add box + function for re-prompting based only on Transcript, without re-processing files/input.
• Input Box sizing/Indications of only one line vs multiline input support
• Article Scraping results display - Issue Enhancement: Improve Article Scraping UX flow #75
• Custom Notes ingestion UX - Issue Enhancement: Improve Unstructured Notes ingestion UX & workflow #76
• Batch scraping of Articles functionality + UX - Issue Enhancement: Allow for batch scraping + summarization of articles via a list of URLs #55
• Add a confirmation dialogue to the deletion prompt, so as to prevent accidental deletion of keywords.
• Change the colors and add emojis
• "Do you already have a Local LLM? If so, please configure its settings in 'config.tx'"
• Add scrollbars to textboxes.
• Confabulation check - Issue Improvement: Add functionality + UI toggle for 'confabulation-check' summarizations produced #30
• Import/Export CSVs - Issue Enhancement: Add ability to export singular or multiple items from DB as markdown file(s) #38
• Accessibility related options - Issue Improvement: Accessibility Options/Design considerations #58
• Setup landing page with options for things, asking the user what they'd like to do.
• Add a dark mode toggle that actually works/doesn't make my eyes hurt.
• Add ability to clone existing prompts to a new one for modification of the original. #102

New UI:
?
https://github.com/AnswerDotAI/fasthtml/blob/main/examples/adv_app.py

UI & UX Tasks for New UI

• Look at Solara https://solara.dev/apps/multipage
• Replace Gradio with ? Djangon & https://github.com/cohere-ai/cohere-toolkit/tree/main
• Have the option of multiple choices for generation, letting the user select the one they prefer (run multiple generations, and show each to the user, allowing them which one will be ingested into the DB)
• Chatbox: Chat segments should be collapsible and editable
• Clippy-like assistant should exist across app, acting as an un-stored chat interface, with the idea of it being there to offer suggestions/feedback based on questions/thoughts relevant ot current work - User may ask a question about how to do something or bounce an idea off of it without interrupting the current chat/flow
• Show example prompts with generations to explain to the user how things may turn out.
• Option for Splitting off chats into new ones (forking + cloning)
• Multiple chats in parallel on the same screen with each chat window being a separate (and saved) (tweetedeck)
• Tkinter for local/non-browser gui?
• Add checkbox for 'Local API Endpoint' and another for 'Commercial API Endpoint' so that the user will only see that group when they choose from the API endpoint list. This should make it less clunky going forward as I start adding support for more API endpoints.
• Offer the user 'suggested queries' when chatting with LLM regarding content pulled from DB
• Offer the user a 'prompt box' to tell the application which feature they'd like to use/what they want to accomplish - https://uxdesign.cc/an-introduction-to-generative-uis-01dcf6bca808
• [ ]

Others:

• https://zenfetch.com/
• https://github.com/khoj-ai/khoj
• https://github.com/danswer-ai/danswer
• https://recurse.chat/
• https://github.com/chigkim/VOLlama/
• https://interconnected.org/home/2024/07/19/ai-landscape
• https://github.com/iansinnott/prompta
• https://msty.app/
• https://x.com/Wattenberger/status/1808570300138991699
• https://github.com/the-crypt-keeper/the-muse
• https://github.com/the-crypt-keeper/LLooM
• https://github.com/GOAT-AI-lab/GOAT-Storytelling-Agent
• https://github.com/datacrystals/AIStoryWriter
• https://github.com/rooben-me/tone-changer-open/tree/main
• https://github.com/smellslikeml/dolla_llama/tree/main

[rmusser01]

https://www.shapeof.ai/
https://www.nngroup.com/articles/explicit-differences/
https://aiux.rezza.io/
https://mobbin.com/
https://adrianroselli.com/2024/08/things-to-do-before-asking-is-this-accessible.html?utm_source=substack&utm_medium=email
https://github.com/reflex-dev/reflex
https://adobe.design/stories/design-for-scale/designing-design-systems-constructing-an-icon-system
https://github.com/wandb/openui
https://uxdesign.cc/undocking-a-ux-monolith-a-method-to-escalate-product-design-61b2e086791c?gi=9ee664d53173
https://uxdesign.cc/the-z-inspection-a-method-to-evaluate-an-ais-trustworthiness-f6e638f4ddd7
https://uxdesign.cc/privacy-and-deceptive-patterns-in-the-era-of-ai-writing-assistants-44944b09099c
https://uxdesign.cc/what-we-can-learn-from-the-guy-who-regrets-making-pop-up-ads-e4b3ec885971
https://github.com/yeun/open-color
https://skins.webamp.org/
https://www.refactoringui.com/
https://arxiv.org/abs/2406.19859
https://uxdesign.cc/back-of-the-tv-ux-7cd5878459bf?gi=449a38f2b2f5
https://www.adhamdannaway.com/blog/ui-design/16-ui-design-rules
https://fastht.ml/
https://htmx.org/examples/click-to-edit/
https://ui.shadcn.com/

[rmusser01]

Generall UX
https://uxdesign.cc/transforming-ux-with-generative-ai-7b06ea329286?gi=c7341ec7ba91

[rmusser01]

https://about.fastht.ml/tech#sec4

[rmusser01]

Movable chat cards:
https://github.com/l33tkr3w/LlamaCards
https://github.com/namuan/chat-circuit

[rmusser01]

https://konty.app/

[rmusser01]

Email Login: https://rubenerd.com/the-email-is-authentication-pattern

[rmusser01]

https://arxiv.org/pdf/2409.18475

[rmusser01]

https://www.microsoft.com/en-us/research/publication/guidelines-for-human-ai-interaction/
https://pair.withgoogle.com/guidebook/
https://developer.apple.com/design/human-interface-guidelines/machine-learning

[rmusser01]

https://github.com/flatsiedatsie/papeg_ai

[rmusser01]

https://abookdeparts-dfrl.netlify.app/chapter3

[rmusser01]

https://github.com/langchain-ai/open-canvas

[rmusser01]

https://scholarlykitchen.sspnet.org/2024/05/30/guest-post-jagged-edges-of-conversational-interfaces-over-scholarly-and-professional-content/

[rmusser01]

https://news.ycombinator.com/item?id=38920618
https://news.ycombinator.com/item?id=38920913

[rmusser01]

https://uxdesign.cc/21-ux-strategies-to-maximize-user-engagement-without-exploitation-a39428cd66c5?gi=43f6e8e37ef6

[rmusser01]

https://augment-ui.com

[rmusser01]

https://integuru.ai/