All templates

AI Virtual Assistant Dark Mode

Deanne Watt

1 views
1 uses
0 likes

Report

What is the Dark Mode Virtual Assistant Template?

A mobile virtual assistant prototype template designed for AI product teams, app builders, UX designers, and startups creating premium assistant experiences. The template helps users prototype a dark-mode AI assistant with voice input, glowing assistant orb, smart answers, guided video recommendations, personal action plans, memory controls, follow-up prompts, and saved assistant history.

What problem does the Dark Mode Virtual Assistant Template solve?

  • Lack of structure for virtual assistant flows

  • Chatbot designs that feel too basic or generic

  • Missing assistant features such as memory, reminders, and personalized plans

  • Weak flow between voice input, answers, videos, and next steps

  • Difficulty showing saved assistant history and personalization settings

  • Time spent recreating polished dark-mode AI screens from scratch

How to use the Dark Mode Virtual Assistant Template

  1. Update the greeting, user name, avatar, and starter prompts.

  2. Customize the assistant orb, dark gradient, and glass-style bubbles.

  3. Connect the voice input flow to the searching and response screens.

  4. Add text answers, guided video paths, follow-up prompts, and action plans.

  5. Set up Memory Snapshot so users can manage saved context.

  6. Link saved answers, videos, and plans to Assistant History.

  7. Test the full assistant journey from question to personalized next step.

Recommended Sections

Assistant Home Screen

Introduce the assistant with a dark gradient, greeting, prompt bubbles, and glowing orb.

Listening Screen

Show the active voice state with pulse rings around the assistant orb.

Thinking and Searching Screen

Display the submitted prompt and a searching status chip.

Text Answer Screen

Present a readable assistant response with save, copy, shorten, and plan actions.

Guided Video Path

Show video recommendations as a vertical playlist timeline instead of standard cards.

Smart Action Plan

Turn an answer or video result into a personalized 7-day plan with reminders and calendar actions.

Memory Snapshot

Let users review, edit, turn off, or clear the assistant’s saved context.

Follow-Up Suggestions

Show floating next-step bubbles such as Create a learning plan, Find beginner videos, and Quiz me.

Assistant History

Give users access to saved answers, video paths, and plans.

Assistant Settings

Let users adjust voice, memory, notifications, response style, and assistant personality.

Common pitfalls

  • Making the assistant feel like a basic chat screen

  • Using a standard video grid instead of a guided recommendation flow

  • Forgetting memory and personalization controls

  • Missing saved history for plans, answers, and videos

  • Adding too much text without clear actions

  • Making the orb decorative instead of functional

  • Leaving out retry and error states

Ways to avoid mistakes

  • Make the orb the main assistant action

  • Keep the dark gradient clean and readable

  • Use glass-style bubbles with strong contrast

  • Add clear next-step actions after every answer

  • Turn results into useful plans, reminders, or saved items

  • Give users control over memory

  • Test voice, keyboard, history, settings, and retry flows

Miro Features You Can Use

  • Frames for each assistant state

  • Prototype links for orb, voice, search, results, plans, and memory flows

  • Shapes for glass bubbles, cards, modals, and timeline rows

  • Icons for voice, keyboard, save, calendar, reminders, and settings

  • Comments for team review

  • Sticky notes for assistant logic and edge cases

  • Connection lines to map prompt-to-action flow

  • Image placeholders for video thumbnails and avatars

FAQs

Q: Who can benefit from this template? A: Product managers, UX designers, UI designers, AI product teams, learning platforms, productivity apps, and startups building virtual assistant experiences.

Q: How is this different from a basic chatbot template? A: It includes assistant-specific features such as memory, personalized action plans, guided video paths, reminders, saved history, and assistant personality settings.

Q: Does this template include voice input? A: Yes. It includes listening, searching, keyboard input, and follow-up states.

Q: Can the assistant personalize future answers? A: Yes. The Memory Snapshot section lets users manage the context used for future responses.

Q: What will participants leave with? A: A complete dark-mode virtual assistant prototype with voice input, glowing orb interactions, text answers, guided video paths, smart action plans, memory controls, saved history, settings, and retry states.

Deanne Watt

Product Strategy @ MiNDPOPGroup.com

My approach to product is to get to the heart of what drives a company. I am passionate about the entire end-to-end process and making it more efficient, collaborative as well as aligning teams and improving communication. We have built about 200 Miro boards so far that cover ideation, strategy, design, engineering, and even marketing promotion.


Categories

Similar templates