💰 Refer us a customer, Earn $2,000 💰

Copywriting

Microcopy and UI Text Framework

use this prompt when:

  • You’re designing or refining the user interface text for a new or existing digital product
  • User testing reveals confusion or friction points in your customer experience
  • Your brand voice needs to be consistently applied across your digital touchpoints
  • You’re struggling with high form abandonment or customer service inquiries about unclear instructions
  • You need to simplify complex processes while maintaining your brand’s personality

The prompt

Create a microcopy and UI text framework for <digital product/website/app> used by <target audience> to complete <key user tasks>. Develop guidance and examples for crucial interface text including button labels, form field instructions, error messages, confirmation notifications, loading states, and empty states. Establish consistent voice patterns that embody our brand personality of <brand personality> while prioritizing clarity and user assistance. Address key user emotional states including confusion, frustration, and accomplishment. Provide specific text recommendations for critical user flows related to <critical user flows> that reduce friction, build confidence, and guide users toward successful task completion in an empathetic way.

How to customize

Microcopy and UI Text Framework
Variables
Description
Variables
digital product/website/app
Description
Specify the exact digital product, website, or application that needs microcopy development.
Variables
target audience
Description
Define your primary users with relevant demographics, psychographics, and behavioral characteristics that influence how they interact with digital interfaces.
Variables
key user tasks
Description
List the most important actions users need to complete (e.g., account creation, purchasing, saving preferences, scheduling appointments).
Variables
brand personality
Description
Describe your brand's tone and personality traits (e.g., playful and encouraging, professional and reassuring, straightforward and efficient).
Variables
critical user flows
Description
Identify the specific user journeys that are most important to business success (e.g., checkout process, subscription sign-up, account creation, appointment booking).

Example Output

Microcopy & UI Text Framework for Nourish Mobile App

 

Brand Voice Principles

The Nourish app’s microcopy follows these core principles that balance our friendly, supportive personality with clear user guidance:

  1. Encouraging without pressuring: We motivate users through positive reinforcement rather than guilt or urgency.
  2. Clear over clever: When clarity and creativity conflict, clarity always wins.
  3. Human, not technical: We speak like a knowledgeable friend, not a nutrition textbook.
  4. Personally relevant: We acknowledge users’ unique wellness journeys.

 

Button Labels

Primary Action Buttons:

  • Use active verbs + clear object structure
  • Max 2-3 words whenever possible
  • Should complete the thought “I want to…”

✅ “Add to meal plan” (not “Submit” or “Continue”)
✅ “Find recipes” (not “Search” or “Browse options”)
✅ “Track water” (not “Input hydration data”)

 

Form Field Guidance

Input Labels:

  • Conversational but concise
  • Include units where applicable
  • Use sentence case consistently

 

Helper Text:

  • Proactively answer common questions
  • Provide format examples for complex inputs
  • Keep under 140 characters

 

Examples:

Label: Daily step goal

Helper text: Most users start with 8,000-10,000 steps. You can adjust this anytime.

Label: Food allergies

Helper text: Select all that apply. Your meal recommendations will exclude these ingredients.

 

Error Messages

Structure:

  1. Acknowledge the issue with empathy
  2. Explain what went wrong in simple terms
  3. Provide clear next steps to resolve

 

Examples:

“Hmm, we couldn’t find that food in our database. Try checking the spelling or add it as a custom item.”

“Your password needs a bit more strength. Include at least 8 characters with a mix of letters, numbers, and symbols.”

“Looks like you’re offline. Once you reconnect, we’ll sync your meal data automatically.”

 

Confirmation & Success States

Structure:

  1. Confirm the completed action
  2. Reinforce the benefit when relevant
  3. Suggest a valuable next step (optional)

 

Examples:

“Meal plan saved! Your grocery list is now updated with everything you need for the week.”

“Workout logged! You’re making great progress toward your weekly activity goal.”

“Water tracked! You’re 75% to your hydration goal today.”

 

Loading States

Keep users informed and engaged during wait times:

“Finding meals that match your preferences…”

“Crunching your nutrition data from this week…”

“Syncing your latest activity…”

 

Empty States

Turn empty data states into opportunities:

Meal tracker (first use): “Ready to start tracking? Add your first meal to get personalized nutrition insights.”

Recipe favorites (empty): “Find recipes you love and save them here for quick access anytime.”

Activity history (no data): “Your activity journey starts with a single step. Track your first workout to see your progress here.”

 

Critical User Flow: Meal Planning

Initial Setup:

  • CTA Button: “Create your meal plan”
  • Helper text: “This takes about 3 minutes and helps us personalize your experience.”

 

Dietary Preferences Screen:

  • Title: “How do you eat?”
  • Helper text: “Select all that apply. You can always change these later.”
  • Options: Present as positive choices rather than restrictions
    • “Plant-based” (not “Vegan/No animal products”)
    • “Low-carb focused” (not “Carb restricted”)

 

Error state if no selections made:

  • “We need to know a bit about how you eat to create your perfect meal plan. Select any options that apply, or choose ‘No specific diet’ to see all recommendations.”

 

Success Confirmation:

  • “Your personalized meal plan is ready! We’ve selected recipes that match your preference for [dietary preferences] and fit your nutrition goals.”
  • Secondary CTA: “Customize your plan”

Pro tips

Microcopy and UI Text Framework
  1. Test your microcopy with actual users from your target audience to ensure it resonates and guides them effectively.
  2. Create a living document of approved microcopy patterns that your entire team can reference when developing new features.
  3. Map your microcopy to specific emotional states in the user journey – where might they feel confused, anxious, or accomplished?
  4. Consider localization challenges from the start if your product will serve multiple language markets or cultural contexts.

Have Feedback?

Leave your feedback for how the prompt works for you and how it could be improved.