Designing a Research-First Conference Tool
A zero-to-one system for human- and AI-moderated research sessions—designed so the conversation stays primary while research work happens around it.

The product story, explained while it moves.
A guided walkthrough of the original portfolio UI concepts—entry, live research, research tools, AI moderation and responsive behavior.
Study context, camera, microphone and participation expectations are handled before the live session.
Original case-study UI concepts created for this portfolio presentation. Coachmarks explain the interaction intent without obscuring the product.
A meeting interface was only the starting point.
The real product challenge was deciding which capability, control and information deserved attention for a particular person at a particular moment.
Research needs more than conferencing.
Audio, video, chat and sharing are only the substrate. Live research also needs Discussion Guides, Notes, Key Moments, Polls, Stimuli, Whiteboard, Breakouts, transcripts, Backroom collaboration and research-specific permissions.
Power without visible complexity.
Every capability adds value. Every visible control competes for attention. The system had to stay familiar while adapting by role, session state and research task.
Lead Product Designer
I led experience strategy, critical workflows and UI, cross-role consistency, component behavior, engineering clarification, implementation review and design-led UAT—without claiming solo authorship of every screen.
“Use a familiar meeting model as the foundation. Adapt capability by role, state and research task.”
The conference is the live interaction layer of a research study.
Study context, identity, schedule, permissions and research configuration already exist before anyone joins. The conference had to inherit that context rather than behave like a disconnected call.

The same meeting created different products for different people.
Nine role variants appear across the project evidence. The scalable question was not ‘which screen belongs to each persona?’ but ‘which capability should the shared shell expose under this role and state?’
Aditi Mehra
Conduct structured research without letting the tools compete with the participant.
- Needs
- Guide · Notes · Key Moments · Stimuli · Polls · research collaboration
- Pain points
- Cognitive overload · tool switching · public/private confusion
Priya Nair
Join confidently, understand what is happening and concentrate on responding.
- Needs
- Easy access · device confidence · consent · clear waiting state · recovery
- Pain points
- Did my mic work? · Did the host see me? · Why am I waiting?
Kavya Sharma
Support the study with the right oversight and operational control.
- Needs
- Admission · participant state · recording · polls · transcript · private collaboration
- Pain points
- Role confusion · exposing internal discussion · admin taking over
Dr. Sameer Khan
Share nuanced expertise naturally with minimal software overhead.
- Needs
- Stable media · clear AI state · turn protection · simple sharing
- Pain points
- Interruption after a pause · network loss · AI moving too early
Synthetic representative personas — not claims about specific interviewed participants.
“I need to capture that point before we move on.”
System responseOne-action Bookmark / Key Moment capture.
“Does the host know I’m waiting?”
System responseExplicit lobby feedback: host notified.
“Who is waiting, joined or still invited?”
System responseLifecycle-based participant states + actions.
“I paused because I’m thinking. I’m not finished.”
System responseVisible AI listening + turn controls.
We studied where research work diverges from normal meeting behavior.
Methodologies are evidence. The design decisions are the story.
Secondary UX research · reference/competitive analysis · workflow analysis · stakeholder discussions · product input · UX Research input · engineering discussions · internal validation · implementation review · UAT.
What stays familiar? Which research tools need immediate access? Which should be contextual? How do roles alter permissions? What changes when AI becomes the moderator? What happens when network or viewport conditions degrade?
External-user usability testing had not yet been completed at the recorded project stage. UAT is not presented as usability testing.
Virtual meeting cognitive friction
Used to contextualize why low cognitive overhead, clear state and context recovery matter in a live interview.
AI adoption in research
Used to frame transparency, turn-taking and the distinction between AI assistant and AI moderator behavior.
Accessibility + inclusive communication
Used to reinforce captions, clear status communication and participation as research-validity concerns.
Familiar by design
Mic · Video · Participants · Chat · Share · Reactions · Recording · Captions · Transcript · Views · Leave / End
The product differentiator
Guide · Notes · Bookmarks · Key Moments · Polls · Stimuli · Whiteboard · Breakouts · Backroom · Insights · AI assistance · AI moderation · Takeaways
Research begins before the first question—and does not end at Leave.
The lifecycle has seven meaningful stages. Readiness, recovery and post-session reflection are part of the research experience, not operational leftovers.
Session unavailable; explain when to return.
Study context, devices, consent, recording, identity.
Host notified, admission state, leave option.
Conversation + research tools + evidence + collaboration.
Connection, performance, rejoin, leave/end states.
Call quality, learning, biggest takeaway, comments.
Create one familiar live-session model that can safely adapt to role, research activity, moderation type, screen size and system condition—without transferring that complexity to every user.
How might we preserve a natural research conversation while dynamically exposing the right tools, permissions and feedback for the current person and moment?
The architecture is partly navigational and partly conditional.
A conventional sitemap could not explain this system. Role, state, platform and permission determine which capabilities appear inside the same meeting grammar.
Access & Readiness
Login · verification · study details · devices · consent · system requirements
Session Core
Mic · video · chat · participants · share · reactions · recording · language · leave/end
People & Permissions
Waiting · admit · deny · invite · resend · host · observer · translator · guest
Research Workspace
Guide · Notes · Bookmark · Key Moments · Transcript
Research Activities
Poll · Stimuli · Whiteboard · Breakout Rooms
Private Collaboration
Backroom · observer/research-team communication
AI
Assistant · AI Chat · Moderator · states · turn controls
System & Recovery
Network · performance · recording · empty state · support · errors
Post-session
Takeaway · call quality · comments
The key layout decision was how much research UI should remain visible.
Three directions could hold the features. Only one protected the conversation.
Everything persistent
Maximum discoverability; minimum breathing room. Participant visibility collapses as tools accumulate.
Participant-first + contextual workspace
Active participant/content remains primary. Essential meeting controls persist. Research tools appear when the task needs them.
Research operations dashboard
Excellent operational overview, but the research conversation becomes visually secondary.
One meeting model. Different capability envelopes.
ProblemBespoke role interfaces would fragment learning.
DecisionPreserve the shared meeting grammar; adapt capability by role/state.
Trade-offMore conditional logic below the surface.
Keep research tools contextual.
ProblemPermanent Guide, Notes, participants, chat and activities compete with the person.
DecisionThree layers: primary workspace → persistent essentials → contextual research.
Trade-offSome tools become one reveal away.
Make AI conversational state visible.
ProblemA pause can mean thinking, finished or wanting to continue.
DecisionExpose Thinking/Listening/Waiting and explicit turn controls.
Trade-offLess ‘invisible magic’; more participant agency.
Preserve the conversation when conditions degrade.
ProblemNetwork failure can damage rapport and lose an answer.
DecisionReduce incoming video intentionally, explain why, recover visibly.
Trade-offTemporary visual fidelity loss protects research continuity.
Guide, Notes and Key Moments had to work while the researcher was listening.
Evidence capture and study structure belong beside the conversation—not in a separate tool the moderator has to mentally re-enter.

A live moderation instrument—not a document viewer.
Topic/question structures · estimated time · Mark Done · Completed · Discussion Points · compact/expanded widths · empty state.
Capture now. Interpret later.
Timestamped Notes · Bookmark · Key Moment · comments/replies · mentions · edit/delete · linked timecodes.
Chat and Backroom have different consequences.
Participant-facing communication remains distinct from researcher/observer coordination to avoid accidental exposure or research contamination.
Presence is a workflow.
Waiting · Joined · Invited with Admit, Deny, Admit All, Invite and Resend close to the relevant lifecycle state.
Activities stay inside the research conversation.
Polls, Stimuli, Whiteboard and Breakouts are not feature cards. Each is an end-to-end workflow with its own state model.

The study already knows the material.
Screen/window sharing, study stimuli, documents and blank Whiteboards reduce the need to search a desktop mid-session. Whiteboard tools include move, pen, shape and text.
Complexity stays hidden until the moderator needs it.
Configure → assign → review → start → manage → announce → close/return, including automatic/manual assignment and timing validation.
AI creates two different interaction contracts.
Treating ‘AI’ as one feature hides the hardest design work. A supportive assistant and an AI controlling the next research turn are fundamentally different relationships.

Assistant inside a human-led session
Human owns the conversation. AI is invoked for summaries, notes or questions and does not control conversational pacing.
AI as interviewer / moderator
AI controls the next research turn, so state, consent and turn completion need to become explicit.
In research, participant agency and response integrity matter more than making AI feel magical.
AI-derived behavioral or emotion-style indicators require validation around accuracy, consent, bias, culture, privacy and interpretation. AI output should support researcher judgment—not silently replace it.
Responsive did not mean squeezing the desktop interface.
We preserved the same mental model, not the same simultaneous density.


Tiled · Spotlight · Sidebar · audio/video settings · captions · language selection · Light / Dark / System theme states.
Reviewed against WCAG-aligned accessibility requirements: captions, labelled controls, status messaging, error feedback and keyboard-relevant interactions. No formal certification is claimed.
A live product is not defined only by its happy path.
The system needed to explain what happened, why it happened and what the user can do next.
Protect the conversation before the video.
Detect degradation → recommend turning off incoming video → pause incoming video → explain protection → restore quality → offer video return.
Recovery should be explicit.
Lost connection → trying to reconnect → maintain meeting identity/context → resume rather than silently reset.
Reduce incoming video to protect the conversation.
Reduce videoMeeting identity and context are preserved.
Video can return without resetting the session.
Resume videoExplain consequence before the irreversible action.
The design was not finished when Figma was finished.
My responsibility extended through component behavior, engineering clarification, implementation review, UAT, fixes and retesting.
Guide density
Multiple widths and structures balanced orientation against participant visibility.
AI turn-taking
Explicit turn controls clarified conversational ownership after silence.
Network degradation
Visible quality protection replaced silent failure.
Role density
Participant and Observer capability narrowed relative to Host / Co-host.
Scalability meant reusable behavior, not just reusable visuals.
Participant tiles · meeting controls · notifications · drawers · menus · Guide · Notes · polls · Breakout Rooms · recording · AI state · network state · settings and empty states had to remain coherent across Role × Permission × Session Type × Platform × Theme × Language × Viewport × Network Condition × AI/Human Moderation.
Visual fidelity · behavior · permissions · controls · research tools · alerts · mobile · network · AI · empty states · recovery.
Approximate delivery metric — not “100 usability problems.”Separate delivery evidence from product-impact evidence.
The project demonstrates breadth, system coherence and implementation maturity. It does not yet prove post-launch behavior or business KPIs.
A 0→1 research-conferencing system.
5 primary platforms · Human + AI moderation · multiple role variants · access/lobby · Guide · Notes · Key Moments · Chat/Backroom · Polls · Stimuli · Whiteboard · Breakouts · transcription · responsive/mobile · theme states · recovery · takeaways · 80+ screens/states (approx.).
Clearer system behavior.
Role separation · workflow integration · explicit AI/meeting feedback · resilient edge states · implementation consistency · responsive behavior.
What requires future evidence.
Task success · participant confidence · moderator cognitive load · research-tool discoverability · AI-state comprehension · mobile performance · representative accessibility testing · post-launch adoption · business KPIs.
Experience strategy · core architecture · critical flows/UI · interaction direction · role consistency · research integration · team reviews · component behavior · engineering clarification · implementation review · design-led UAT · iteration.
Senior UX Designer · junior designers · Product · stakeholders · UX Research · web/mobile engineers · QA/UAT collaborators.
I started by asking where to place the features. I ended by asking what deserved attention.
A live system is fundamentally an attention-management problem.
The Participant needs simplicity. The Moderator needs research power. The Host needs control. The Observer needs visibility without interference. The AI needs to reveal its state. The network needs to communicate degradation. Mobile needs to hide things without making them undiscoverable.
The strongest interaction model was not the one that exposed the most capability. It exposed the right capability at the right time.
Protect the conversation. Design everything around it.
I led the design of a zero-to-one research-conferencing system that had to adapt across roles, research activities, human and AI moderation, mobile and desktop contexts, and real-world failure states. Complexity belongs in the system—not in the conversation.
Continue exploring complex product systems.
More case studies across enterprise workflows, AI-enabled products and multi-persona systems.
