Mirakl Design
Mirakl Design
  • Getting started
    • Welcome to Roma
      • Design principles
  • Design
    • Components
      • Actions
        • Action menu
        • Buttons
        • Button group
        • File download
        • Save bar
        • Tasklist
        • Contextual Toolbar
      • Datalist
      • Datatable
      • Feedback
        • Alerts
        • Activity Loader
        • Badge (status)
        • Empty state
        • Snackbar
      • Form
        • Fields
        • Pickers
        • Selection controls
        • Tree
      • Images
        • Illustrations
        • Icons
        • Media
      • Navigation
        • Hyperlink
        • Page title
        • Sidebar
        • Top bar
      • Overlays
        • Modal
        • Popover
        • Tooltip
        • Side Drawer
      • Structure
        • Global layout
        • Panel
          • Activable Panel
          • Clickable Panel
          • Expandable Panel
          • Panel tabs
          • Totalizer Panel
        • Card
    • Patterns
      • Advanced selection
      • Configure options
      • Displaying data
      • Displaying history
      • Errors
      • Forms
        • Form - Creation mode
        • Form - Edition mode
        • Form - In a modal
        • Error Management
        • Stepper form
        • Onboarding form
      • Loading
      • Progressive disclosure
  • content
    • Writing for Mirakl
      • Grammar and formatting
    • Vocabulary
      • Mirakl products
      • Which verb to use
Powered by GitBook
On this page
  • Overview
  • Guidelines
  • Usage
  • New experience or feature
  • Updated experience or feature

Was this helpful?

  1. Design
  2. Patterns

Announcing changes and new features

Last updated 8 months ago

Was this helpful?

Overview

When users create an account on Mirakl or discover changes, they might feel excitement, but also stress. Our job is to welcome them in a nice and professional way, or help them navigate those changes and motivate them to use our new features.

Users need to be properly alerted when a new feature is out or a new task can be completed. They might feel curious about what we have in store, so we have to make sure our copy is attractive and shows the value of what we offer.

The welcoming and new features pattern should only be used for major releases or UI updates.

Guidelines

One topic at a time

Do not confuse users with mixed feature benefits; keep one idea per screen or component.

Mind the number of steps

When showing a new feature to Mirakl users, keep the number of steps to a minimum.

Show users the value of the service or feature

Users care about what they can achieve with Mirakl, not what Mirakl does. Focus on showcasing the value the feature brings to users.

Sound encouraging

Push users to go further with action verbs or expressions sequencing the process. We're here to make users grow, so the content we provide also needs to be educational and accessible.

Usage

Introducing a new experience consists of two basic parts.

  1. A suitable entry point to inform the user of the new feature.

  2. Explanatory components that will spotlight the main key points of the feature.

New experience or feature

Entry point

  • Shoutout

  • Badge

Education

  • Product tour

Updated experience or feature

Entry point

  • Shoutout

Education

  • Product tour

Shoutout messages appear temporarily and push users to interact with the Mirakl interface. There can be one or several chained into a sequence. Follow to write a shoutout.

The easiest way for users to spot a new item in Mirakl's navigation is through a (NEW or BETA, for example). Keep the badge microcopy concise.

Badge can only be used for new entries in the or new tabs within the component.

Product tour spotlights are meant to help the user focus on a specific new section, button, tab, etc. Follow to write product tour messages.

Shoutout messages appear temporarily and push users to interact with the Mirakl interface. There can be one or several chained into a sequence. Follow to write a shoutout.

Product tour spotlights are meant to help the user focus on a specific new section, button, tab, etc. Follow to write product tour messages.

message principles
badge
sidebar
page navigation
message principles
message principles
message principles