Deploying with Default Microsite UI
Overview
Digital People created with Digital DNA Studio can be deployed and accessed via the Default UI, or a Custom UI.
Each Digital DNA Studio project deployment automatically includes the default UI. The UI consists of a welcome page, UI buttons for camera and microphone control, and a conversation transcript. The default UI also has support for content cards which can be used to display supporting media such as images and videos.
Customizing the Default UI
In the Digital DNA Studio, you can customize some parts of the look and feel of the Default UI theme to match your branding. This includes adding your company logo and choosing the color scheme of the UI controls.
Choosing Colors
To customize buttons and transcript bubbles to match your brand colors, click on the color swatches or enter a hex code.
Adding a Logo
You can add your company logo to the page by right-clicking the image (on your website or in the cloud) and choosing "Copy Image Address". Ensure that it is publicly accessible so that the logo can be shown. When successful a preview of the logo is displayed.
Result
The below image shows how the default UI settings impact the Digital UI experience.
1 Chosen Primary Color
2 Chosen Secondary Color
3 Logo
Interacting with your Digital Person
After deploying your project you will be taken to the project management page. Click the “Open in new tab” button to open the experience in a new tab in your browser.
The first page shown when accessing a Digital Person deployed through the Default UI is the Terms and Conditions on the landing page. You will also be prompted to grant permission to access your webcam and microphone to utilise all the features of the Digital Person for a much more engaging interaction.
User Interface Controls
Controls | Descriptions |
|---|---|
Indicates the microphone is active and unmuted. Click the button to mute the microphone. | |
| Indicates the microphone is currently muted. Click the button to unmute the microphone |
| When the audio indicator color changes to the "primary" color defined in the Digital DNA Studio Project, it indicates the Digital Person is actively speaking. |
| When the Digital Person is talking, you can interrupt the Digital Person using this button. Clicking interrupt will immediately stop the Digital Person speaking allowing you to continue with the interaction. |
| When the audio indicator pulses, it indicates the Digital Person is listening via the microphone. |
| The transcript button in the bottom right will show the history of the dialog between you and the Digital Person. |
| The expandable menu provides access to additional functionality including:
|
Ends the interaction with the Digital Person. |
Publishing your Experience
To share your experience with your customers and users, distribute the URL available in the 'Copy URL' options below. This URL is distinct and unique to your Digital Person experience only.
Features Supported on Default UI