EXPERIENCE USER GUIDE

MOSAIC

General Recommendations

Below are best practices to follow when collecting content and adding design elements for your Mosaic Experience. We’ve provided guidelines for character limits, supported media file types, logo/experience background standards, and screensaver recommendations. 

  • Single user

  • Aspect ratio – 16:9 or 9:16

  • Portrait or Landscape format 

  • Resolution: HD (Landscape: 1920 x 1080; Portrait: 1080 x 1920) 

Main Menu

CONTENT CATEGORIES

  • Each content category can be customized with a full color main navigational image that will be implemented within the CMS. You can change/update this image as necessary.

  • Please upload full color images into the CMS.  The system will convert all images to black and white for added simplicity (if desired).

  • System allows 20-50 images

  • Ability to add unlimited amounts of content
            –  Videos  (any resolution)
            –  Images  (.jpgs or .pngs)
            –  Audio Files  (.mp3 or .wav)

Use the focal point tool to ensure perfect picture placement. The focal point tool can be found by clicking on the “edit” icon on your image and moving the dot to the desired area of focus.

Selected Content

1. CATEGORY TITLES

  • Category titles can be customized within the CMS. You can change or update this content as necessary.

2. CONTENT CATEGORY

  • Each content category can be customized with images, videos, or audio files that will be implemented within the CMS.

  • You can change or update this content as necessary.

3. CONTENT DESCRIPTION

  • The title and description can be tailored per content category through the CMS system. 

  • The description is able to scroll, so the length of the description can vary.

  • Unlimited characters; Scrollable 

4. INTERFACE ELEMENTS

  • Interface elements (close button, icons, title, and custom category titles) can be customized to fit your current brand colors.

Media

1. SUPPORTED MEDIA

IMAGES

  • 1920 x 1080 (recommended); if smaller, can negatively impact overall experience level 

  • File type: JPG or PNG 

VIDEOS

  • 1920 x 1080 (recommended); if smaller, can negatively impact overall experience level 

  • File type: MP4 and WMV

  • CMS will obtain thumbnail from video to display with play icon  

AUDIO

  • Client to add a title and description to audio files through spreadsheet. If neither are provided the app will default to showing the file name only (ie. 2019KODEX_Welcome.mp3)

  • Title: 35 characters

  • Description: 200 characters

  • File type: MP3 or WAV

2. CUSTOM BRANDING

  • Provide 1 brand color to the KODEX Team

  • Color will be implemented throughout the UI within the application.

For best visibility, avoid bright and saturated colors.

Screensaver

  • Upload images AND/OR select images from Collection that will appear as a slideshow on monitor.

  • Customizable screensaver text through the CMS; defaults to ‘Touch Anywhere to Begin’ 

For a more interesting screensaver, make sure to upload at least 5 images to give it a little variety.

Organizing Your Content

We’ve heard your content struggles, and we’re here to help! Follow these best practices below for a smoother content upload process.

CREATE FOLDERS

  • Start by creating folders for each content section (i.e. Animals, Flowers, Food)

 

COPY FILES INTO FOLDERS

  • Separate your Media from your Content documents

 

RENAME FILES

  • Make sure your filenames are easily recognizable. If they are very long or random, be sure to rename them before entering them into your spreadsheet and uploading.

  • Once your folders are organized, it’s time to enter content into your spreadsheet

 

Managing Your Spreadsheet

Uploading mass amounts of content is made simple with our spreadsheets. Click the button below to download the template and get started.

Spreadsheet is compatible with Microsoft Excel 2009 or later versions.

GETTING STARTED

Open your spreadsheet and confirm that it looks like the image below. Once you have the correct document open, you may begin entering in your content one line at a time.

ADD YOUR CONTENT

  • Open your Content document (if applicable). Enter in the Title, Subtitle (if applicable), Description, and Section Image.

 

ADD YOUR MEDIA

  • Navigate to your Finder window and copy and paste the filenames into the “Media” column. This will eliminate any typos and issues while uploading your media. Make sure you separate your filenames with a comma and a space between each filename (i.e. Animals-1.jpg, Animals-2.jpg).

  • Once you’ve completed your spreadsheet, it’s time to upload your content to the CMS. See Next Steps.

AUDIO FILES

  • Click on the “Audio Files” tab at the bottom of the Excel document.

  • Enter in the Filename

  • If you want the user to see a Title and Description (so they will have context behind what they are listening to), enter in a Title and Description in the columns next to the Audio Filename. If you do not enter a Title and/or Description, the filename will be shown within the application.

WHAT ARE THESE ITEMS IN MY SPREADSHEET?

For a complete explanation of how your spreadsheet translates to your application, see the image below.

1. TITLES

2. SUBTITLE

4. SECTION IMAGE

5. MEDIA

UPDATING YOUR SPREADSHEET

After you do your initial upload, you will no longer need your original spreadsheet. The hard copy will be saved within the KODEX CMS and can be accessed and downloaded at anytime. Any changes you make to your Collection will also be updated within that spreadsheet automatically.