Designing Collaboration Beyond Live Editing: Accrete's Knowledge Engine Platform
How can teams collaborate on AI-generated artifacts when concurrent editing is not possible? Through user interviews, competitive analysis, and multiple design iterations, I developed a collaboration workflow that balanced usability with technical constraints.
Product DesignThe University of Texas at Austin - Spring 2026
BevoBites: Improving Nutrition at The University of Texas at Austin
How can UT students eat healthier when convenience always wins over nutrition? Through 9 user interviews, a 72-person survey, and affinity diagramming, our team uncovered a clear gap: students want to eat better but lack accessible, personalized tools to do it.
UX AuditAccrete, Inc. · Nebula Social · Summer 2025
Nebula Social: A UI/UX Audit to Reduce User Drop-off
How can Nebula Social's UI help users more easily understand and engage with key features? Through a full UI audit, a typography audit, and a feature-usage tracking proposal, I identified where the product was quietly losing users, and shipped tangible design fixes for each.
A little about me
Hi, I'm Ria!
I'm a senior at UT Austin, pursuing a BA in Psychology and a BS in Informatics with a UX Design concentration. That combination shapes how I design: understanding why people behave the way they do, then building systems that work with that behavior instead of against it.
My empathetic side comes from being a mental health advocate and from growing up watching my dad work in healthcare, seeing firsthand what it means to actually take care of people. My creative side comes from my mom, an art teacher and jewelry designer, and a lifelong love of the arts she passed down to me.
Outside of design, I'm usually learning something new, whether that's picking up a guitar, attempting another language, climbing a wall, or convincing myself I'll finally win at pickleball. I love spending time with my family, Rocky (my dog) included.
Low fidelity wireframes to high fidelity interactive builds.
Usability Testing
Structured feedback, iteration, follow-through.
Product Thinking
Balancing desirability with what's feasible.
Front-End Curiosity
Comfortable prototyping in real code.
Collaboration
Cross-functional teams, tight feedback loops.
My values
🤝 Empathy first
Seeing my dad work in healthcare and advocating for mental health myself taught me to design with real care for what people are going through, not just what they click.
🎨 Creativity, always
My mom's an art teacher and jewelry designer. Growing up around that creativity shows up in how I approach open-ended design problems today.
🔍 Curiosity over assumptions
I'd rather ask why than guess. Psychology trained me to look for the real reason behind a behavior before designing around it.
👤 Users at the forefront
Every decision gets checked against one question: does this actually make things better for the person using it.
Tools
Figma
FigJam
Shapr
Adobe
Pendo
Focus areas
User research
UI/UX design
Design systems
Prototyping
Currently
Based in Austin, TX
Open to new grad roles
Graduating 2027
UX Research
Designing Collaboration Beyond Live Editing: Accrete's Knowledge Engine Platform
Role
Product Design Intern
Timeline
10 weeks, Summer 2026
Team
Design, Product, Engineering
Tools
Figma, Pendo, Vercel, Claude
The problem
Accrete's Knowledge Engine turns complex information into AI-generated reports, dashboards, and presentations, but teams had no way to collaborate on those artifacts once they existed. Three constraints shaped everything that followed:
1
No live editing
Concurrent cursors, like Google Docs, weren't technically feasible yet.
2
Flat permissions
Every user in a shared workspace held identical access to every artifact.
3
AI vs. human roles
No defined line for where the agent's authority should end and a person's should begin.
Research
Two things needed answering: what users currently do, and what they actually want. Pendo data could only tell me the first.
User analytics
Pendo showed reports as by far the most-generated artifact, but collaboration itself was barely tagged, with only 5–6 features showed usage even with a shared workspace present. That thin signal meant analytics alone couldn't carry the research: I needed to hear from users directly.
Interviews & usability testing
Usability tasks covered workspace & navigation, single-agent workflow, and generating artifacts from the repository, watching for whether the product felt intuitive without help. Interviews then went deeper on four topics: skills implementation, collaboration, mobile platform features, and overall impressions. Sessions were recorded (Gemini) alongside manual observer notes.
For collaboration specifically, I asked about the platforms people already collaborate on, how they felt about IKE's current shared workspace and version history, and how they'd want to collaborate on artifacts given that live, simultaneous edits aren't feasible yet.
How interviews were tracked and organized (recordings, Gemini notes, and observer notes per participant).
Affinity-diagramming the raw responses, from quotes to clustered categories to themes, surfaced three recurring needs:
1
Collaborate without live edits
Users wanted to work together even knowing real-time editing wasn't possible.
2
Clearer version history
Timestamped, attributable changes people could trust and revert.
3
Better sharing controls
Permissions that reflected actual roles, not blanket workspace access.
Process
Brainstorming
Because Accrete's product already existed, I couldn't start from a blank page the way I normally would with low fidelity wireframes. I had to visually build on top of the existing UI. Since I was integrating collaboration into a live product, brainstorming meant working directly within that UI: screenshots, markups, ideas, and mockups layered over what was already there. That was a shift for me: I was used to starting completely from scratch, not working around existing constraints. I also referenced the existing design system throughout, thinking through how a collaboration mode could work with what we already had.
Early brainstorming sketch with FigJam, before low/mid-fidelity wireframes.
Low/mid-fidelity wireframes
Some of that early brainstorming took the shape of quick low/mid-fidelity wireframes, testing the owner vs. commenter states before any visual design was applied:
Individual workspace, no collaboration surface yet.Shared workspace, flagged for collaborators.Artifact open in collaborate mode, comment panel and Ask IKE toolbar visible.
Before ideating solutions, I mapped the user flow: what the current, chat-only experience looked like versus what a real collaboration mode could look like for both an artifact owner and a commenter.
Current state: collaboration was really just sharing a chat link.Proposed flow: separate owner vs. commenter paths for comments, suggestions, and AI follow-ups.
Ideating
Early ideation produced several directions I ultimately dropped: each solved one problem while quietly creating another (a second-order effect). Getting unstuck meant more research: looking at how collaboration works on other platforms.
Automatic suggestions from agent on user comments
Where did this come from? No clear origin for the user to trust.
Agent leaving direct comments
Where did this come from? Blurred who actually owned the decision.
Comments on select, with original text in panel
What if a user wants to comment on a chart? Panel gets cluttered fast.
Suggestions directly embedded onto artifact
What if multiple users suggest on the same original text? Too cluttered and complicated.
Version history & share in collaborate mode
If checked mid-collaboration, it may not go through and causes more questions than it answers.
Dedicated agent chat box
Clutter on the UI: private new chat, private same chat, or group chat?
Competitive analysis
I ran a competitive analysis across seven platforms (Google Docs, Figma, Notion, and Canva among them) to see how mature products handled comment threads and AI's role as collaborator versus gatekeeper. They relied heavily on standardized patterns: comment pins and inline threads, AI acting as a gatekeeper rather than a direct co-commenter, and few offered true suggestions since live editing usually made them unnecessary.
A quick look at interacting with comment and suggestion features across all seven platforms:
Annotated audit by platform
CanvaClaudeFigmaGoogle DocsLovableNotionReplit
The solution
Design principles
Four principles guided every design decision:
1
Keep it contextual
Collaboration lives where the work already happens.
2
Minimize AI disruption
Don't break existing agent workflows to add people into the loop.
3
Separate discussion from editing
A comment is not the same action as a change.
4
Design for today's constraints
Solve for what's technically feasible now, not a future state.
That led to a single-owner model (one owner accepts or rejects changes, everyone else can comment and suggest), paired with a "suggestion as pin, not edit" pattern, so multiple people can propose changes to the same sentence without overwriting each other. Every AI-proposed edit still routes through the same owner approval, so an agent's suggestion is never more powerful than the person who prompted it.
As the report's owner, this walks through opening my own chat, responding to a comment, and accepting an AI-proposed edit directly, then commenting, suggesting, and asking Accrete on selected text myself.
Landing on the home screen.My Chats: I'm the owner of this report.Opening the shared “Accrete 2026 plan” chat and its generated report.Clicking Collaborate and reading the mode popup.A notification in the comment panel: John Doe has a question.Clicking in and responding to John Doe.Sending the reply to Accrete and reading its response: Accept, Suggest, or Reject.Because I'm the owner, I can Accept, and the change applies and shows in teal.The accepted edit, shown/hidden with the Accrete edits toggle.Placing a comment tagging John Doe that the Q4 paragraph and chart were updated, then resolving the thread.Comment Pin mode: clicking anywhere on the chart to drop a pin.Switching the toggle to select text instead.Commenting “make more direct” on the selected text.The comment posted and visible in the sidebar, then resolved.Selecting text surfaces the toolbar: Comment, Suggest, or Ask Accrete.Demonstrating Suggest: changing the current phrase into the desired phrase to suggest an edit.Reviewing the suggestion's original and proposed text side by side.Accepting the suggestion, because I'm the owner, confirmed with a toast.Selecting text surfaces the toolbar: Comment, Suggest, or Ask Accrete.Demonstrating Ask Accrete, a rename of the Follow Up feature, since usability testers recognized “Ask Accrete” more easily.
Commenter flow
As a commenter on someone else's shared artifact, this covers replying to a comment, suggesting an edit I can't accept myself, and deleting my own suggestion, with the same model shown on a shared presentation and dashboard too.
Now on the Shared with me tab: I'm a commenter in someone else's chat now (they're the owner).Clicking John Doe's comment, replying “Sure,” and sending to Accrete. As a commenter, my only options are Suggest or Reject.Clicking Suggest: it's now awaiting the owner's approval.Selecting text to create my own suggestion: comment, suggest, or ask Accrete.Inserting “AI” between “Accrete” and “helps.”The suggestion is made. As a commenter, my only option is to delete it, not accept it.Quick overview: the same collaboration model on a shared growth dashboard.Quick overview: the same collaboration model on a shared board deck presentation.
Screen recordings of the prototype
A quick look at switching a generated report into Collaborating mode.
A closer look at each side of that model, plus how the same comment/suggestion mechanics carry over to a different artifact type:
Owner view: reviewing and accepting a suggestion
Commenter view: highlighting text and drafting a suggestion with AI assistance
Beyond reports: the same model on a presentation and a dashboard
The report was the focus, but the same comment/suggestion mechanics carry over to other artifact types without changes.
Design decisions: desirability vs. feasibility
Every idea was mapped against what was right for collaboration versus what was actually buildable today. The image below traces which of those decisions shipped in v7, and which were considered but set aside.
Next steps
This project work is now in the engineering pipeline. The next steps include:
1
Real version history
Timestamped, reversible changes past a single Undo.
2
Batch approval
Review open suggestions in one pass, not thread by thread.
3
Exploring
Group chats, section locking, and live presence indicators.
"Nearly every solution I got close to raised a new question that sent me back a step, and I learned to hold my own design judgment steady through a lot of well-meaning, conflicting feedback."
UX Research · Product Design
BevoBites: Improving Nutrition at The University of Texas at Austin
Role
UX Design Student, UT Austin
Timeline
Spring 2026
Team
5 peers & classmates
Tools
Figma, Google Workspace, Microsoft Office
The problem
College students at UT Austin want to eat well, but convenience keeps winning. Existing research pointed to a clear gap before we ever ran our own study:
55%
Skip breakfast daily
Among college students nationally (Keller, 2026).
65%
Choose fast food
Because it's the most convenient option available.
14.2%
Meet fruit + veg guidelines
Only a small fraction hit daily recommendations.
Research
Two research tracks ran in parallel: qualitative interviews to understand the "why," and a quantitative survey to check whether what we heard held up at scale.
Interviews (qualitative)
9 interviews: 8 UT students spanning freshman through senior, plus 2 transfers, and 1 staff member, each 30 to 60 minutes.
See the full interview guide (participant IDs and questions)
Participant ID naming convention
SF
Staff/Faculty at UT Austin.
TS1 / TS2
Transfer students at UT Austin. TS1: male, 1 semester on a UT meal plan, vegetarian, medium nutritional knowledge. TS2: male, meal plan and lives in the dorms, vegetarian, medium nutritional knowledge.
FS1 / FS2 / FS3
First-year students. FS1: female, meal plan and lives in the dorms, no dietary restrictions, little nutritional knowledge. FS2: female, meal plan and lives in West Campus, vegetarian, medium nutritional knowledge.
SS1
Second-year student: female, no meal plan, semi-vegetarian, medium nutritional knowledge.
ThS1 / FoS1
Third- and fourth-year students. FoS1: male, 1 year on a UT meal plan, semi-vegetarian, high nutritional knowledge.
6 general questions (asked of everyone)
What do you think of when you hear "nutrition"?
How nutritious would you consider your meals to be?
What does your diet at UT Austin mainly consist of?
How do you typically obtain your meals (homecooked, restaurants, dining halls), and how do you access them (car, bus, walking)?
Do you have any dietary restrictions, and if so, how does that affect your overall diet?
What are your nutritional goals (increasing protein intake, etc.)?
Follow-up questions (all participants)
How do you feel about the dining facilities on or near UT Austin campus?
Can you tell us about experiences that influenced this opinion?
Is there anything you'd like to see improved about nearby dining facilities?
What are your thoughts on a platform to help benefit your nutritional health and improve your meal experiences around UT Austin?
If you could make any recommendations for a nutritional-health platform, is there anything you'd want incorporated (features, appearance, etc.)?
Segment-specific questions
Staff/Faculty: How do you typically get meals during the workday? Do campus dining options support healthy choices for your schedule?
Transfer students: How does your meal situation at UT compare to your previous university? How many years have you been at UT? How accessible do you find UT dining to be?
First-year students: Do you have a meal plan? How has adjusting to college affected your eating habits? How have the dining facilities impacted the quality of your diet?
Upperclassmen (years 2-4): How has your meal situation changed over your years at UT? Has it ever included a meal plan, and for how long? How has your nutritional health changed over time?
Anyone who's ever had a UT meal plan: How would you describe your dining hall experience, and how would you improve it? Is it easy to find nutritious meals there? What tool would help improve the dining experience?
We affinity-diagrammed the raw interview data by hand, sorting notes into categories, then themes, then insights:
Sorting raw notes into categories (blue), themes (pink), and insights (green).Grouping continued: patterns across interviews start to surface.Outlier responses were pulled aside rather than forced into a theme.
Three recurring insights emerged:
1
Dining hall reliance
Limited, repetitive, and unhealthy options, yet students rely on them anyway because they're accessible.
2
Lack of tools & knowledge
The community wants to eat healthier but lacks the resources and knowledge to do it.
3
Convenience over health
Students prioritize nearby, quick options, which are almost always the less healthy ones.
Surveys (quantitative)
A 72-person campus-wide survey (29 of them freshmen), 14 questions mixing multiple choice and ranking, to check whether the interview findings were widespread or isolated.
90% struggle to find food fitting their dietary needs
Rising to 93% among freshmen specifically.
Only 3% call their diet "healthy"
Just 4% among freshmen.
56% report low-to-medium nutrition knowledge
Jumping to 70% among freshmen.
90% don't use a nutrition app, but 86% are interested
A clear, largely untapped demand.
See the full survey charts (72 responses, visualized)
Respondent demographics, dietary restrictions, and food/meal planning habits.Self-rated diet healthiness, nutritional knowledge, and ease of finding fitting food.Current app usage, desired features, and likelihood of adopting a UT-specific tool.
Takeaway: there's a strong, specific need for a UT-tailored nutrition tool that's personalized and genuinely convenient, not just another generic calorie tracker.
Personas
From the research, three personas grounded every design decision that followed:
Dev, 20 · Sophomore
Vegetarian. Struggles to find protein sources nearby and has started skipping food experiences with friends because so few nearby places fit his diet.
Bella, 19 · Freshman
Halal diet. New to making her own food choices; often unsure which dining hall options are halal and ends up eating the same few "safe" meals.
Colleen, 34 · Academic Advisor
Vegan, nut allergy. Busy schedule between meetings leaves little time to check allergen info, so she often settles for unbalanced, quick options.
Storyboards
We storyboarded each persona's current frustration against how BevoBites resolves it. This one follows Bella, a freshman on a halal diet, trying to grab a quick meal between classes:
Bella rushes to the dining hall, can't tell what's halal, and feels excluded, until BevoBites' filters instantly surface options that fit.
Process
After affinity diagramming the interview data and analyzing the survey results, we mapped a user flow and moved into low-fidelity wireframes, covering three pillars:
1
Personalized profile
Onboarding, a goal-setting quiz, and an account tab for dietary restrictions.
2
Nutrition tracking
Progress rings for macros, meal history, and favorited meals for fast re-logging.
3
Food accessibility
Search with filters, dining hall & nearby restaurant menus, and macros shown right on the menu.
We tested a low/mid-fidelity prototype covering onboarding, home, daily goals, meal-logging methods, search, filters, and dining hall/restaurant menus, then gathered structured peer feedback before moving to high fidelity.
Onboarding, home, daily goals, and meal-logging methods.Search, filters, and menus of local eateries.
Feedback on the low fidelity prototype
Before building high fidelity, we tested the wireframes with peers and gathered structured feedback across four areas:
Layout
Very intuitive; buttons follow standard app conventions. Section titles could be smaller for more breathing room.
User flows
The restaurant option for logging meals was praised. Next: clearer transitions and a save-for-later option.
Problem alignment
Clearly aligns with helping students track meals, but doesn't yet show what the nutrition data means for personal health goals.
Miscellaneous
Search recommendations and dining hall hours landed well. Requested: deeper profile customization and a returning-user login screen.
These insights directly shaped the high-fidelity build, including a login screen for returning users and a restaurant option for logging meals.
The solution
The high-fidelity prototype turns those three pillars into a real app. A few screens from the build:
Simple email/phone login to get into a personalized profile fast.Home screen: daily macro progress at a glance, plus favorited, recommended, and logged meals.Campus-specific search: a map view of UT dining halls and nearby restaurants.Quick filters for dietary needs, time, cuisine, and deal-breakers.Menus show macros directly, no extra lookup needed to check today’s goals.Logging a meal offers multiple paths, including an "Ask AI" option.A simple account tab for preferences, display, and settings.
Next steps
1
Feasibility
Work through what's technically buildable now versus what needs more runway, especially the "Ask AI" meal logging.
2
More high-fidelity testing
Run structured usability tests on the high-fidelity build the same way we tested low fidelity.
3
Build out logging
Design the remaining logging paths: from Recommended meals, Ask AI/camera, manual search, and Logged History.
A walkthrough of the high fidelity build in action:
UX Audit · Product Design
Nebula Social: A UI/UX Audit to Reduce User Drop-off
Role
Product Design Intern
Timeline
Summer 2025
Team
Design, Marketing, and Customer Success
Tools
Figma, Pendo
Some data in this case study has been anonymized at my employer's request.
The problem
How can Nebula Social's UI help users more easily understand and engage with key features? Certain parts of the product were creating disinterest, confusion, and frustration, and that mattered because the goal wasn't just gaining users, but keeping them active.
Approach
I ran a full research pass across three areas of the product, each surfacing a different kind of risk:
1
Interactive elements
Aesthetics matter, and I found a lot of dead clicks and rage clicks on key UI elements.
2
Typography
Found signs of possible WCAG (Web Content Accessibility Guidelines) violations.
3
Features
The team lacked visibility into which features were actually being used, by whom, and how.
Interactive elements
Unexciting, redundant, and malfunctioning elements were quietly costing engagement. A few of the biggest issues:
Agents
Users were already clicking them, but the UI felt outdated. Proposal: hover interactions modeled on Netflix, Spotify, and Google, to make the elements feel more alive.
Same-text tooltips
Tooltips repeating text already visible added clutter with no value, and small screens crammed further. Proposal: only show tooltips when needed, cap their size, and truncate long names with an ellipsis.
Calendar
Clicking the icon or a date didn't behave as expected, an odd text cursor appeared, and a redundant dropdown repeated the same options. Proposal: tie the calendar directly to the icon/date click, matching patterns like American Airlines' date picker (Jakob's Law: people expect your product to work like the ones they already know).
Knowledge graph
Zoom had no cap (inverse/infinite controls felt broken), node-following paused unpredictably, and small screens left little room to interact. Proposal: a zoom cap, pausing on interaction, and a fullscreen toggle, patterns borrowed from NASA's Eyes visualization tool.
Issues
Agents today: users click these constantly, but the cards feel static and dated.Same-text tooltip: repeats a name that's already fully visible on the card.Calendar issue: clicking the icon or date doesn't open the calendar as expected, an I-beam cursor appears, and the dropdown repeats itself.On smaller screens, cards compress into a cramped single column.
The knowledge graph's zoom-out control was one of the most rage-clicked interactions in the product, 50 rage clicks in 30 days, because it had no lower bound and would collapse to almost nothing:
Benchmarks & inspiration
Reference points from Netflix, Spotify, Google, and American Airlines for the general UI, tooltip, screen size, and calendar issues, and NASA's Eyes tool for the knowledge graph:
Solutions
Proposed: a livelier hover/selected state, closer to Netflix or Spotify card patterns.
Proposed: range picker now opens directly off the date click, styled after American Airlines' date picker.
Proposed: same compressed single column, but clean, with no background bleed distracting from the cards.
Proposed: a zoom-out cap, so the graph can no longer shrink to an unreadable dot.
Proposed: hovering pauses the graph, so it stops drifting mid-interaction.
Proposed: a fullscreen toggle, giving small screens more room to interact.
Typography audit
Nebula Social averaged 15 distinct text styles per page, ranging from 4 to 27, with no documentation of size, weight, font, or color anywhere. That's a real risk: more inconsistent styles mean more cognitive and choice overload for users, and it makes hierarchy (what to look at first) hard to establish.
I built a full typography audit in Figma, visually annotating text styles page by page across the entire product, as a reference system for the design team going forward. General guidance: keep each page to 6–9 unique styles.
A single page like this could carry anywhere from 4 to 27 distinct text styles with no documentation behind any of it.
I used Figma annotations to document every style in place, size, weight, font, and color, then organized everything into a proper type scale (H1 through overline) that caps each page at 6–9 unique styles:
That became a living typography audit in Figma, a visual reference of every text style, page by page, across the entire product:
A close-up of one page from the audit, with the exact number of distinct fonts used, called out at each section (determined by writing out each text on each screen's font size, weight, type, and color):
Feature usage visibility
Without knowing how users actually interact with a feature, the team was left guessing, and biased guesses lead to misallocated design effort. I proposed and helped stand up a Pendo dashboard tracking if, by whom, and how each feature gets used, so future prioritization could be grounded in real usage data instead of assumptions.
Just 23% of features were driving 80% of all feature clicks, exactly the kind of signal the team didn't have visibility into before.
Bonus: icon library
Alongside the audit, I contributed to an official custom icon library for Accrete (white, gray, and purple variants), extending it for future accessibility across the team's projects.
White variant.Gray variant.Purple variant.
Next steps
Putting the whole research-to-solution path side by side, across all three areas:
1
Interactive elements
Discuss feasibility and implementation timeline for the proposed designs.
2
Typography
Roll out the new style hierarchy consistently across current and future designs.
3
Features
Use the new dashboard data to brainstorm concrete feature improvements.
Guess the word that describes Ria
Inspired by Wordle by Josh Wardle / The New York Times