Display Mode

Think of display mode as a hands-free "player" for your website.

It's designed to showcase specific content that is entertaining and informative, specifically for the purpose of making your site useful;

• On displays in your retail shop / restaurant / clinic reception / front window display

• On kiosks, when they're not in use

Ideally, it...

• Delivers visual and audio content

  • With the ability to mute overall, temporarily

Playlists

The central mechanic for describing what you want shown is the playlist.

This is conceptual, and being ideated.

This should be easily manageable in the project, so the best approach is likely a dedicated /playlist page or folder, which contains hidden pages that are publicly accessible but not in the sitemap.

Those pages would then use static content, elements, and collection lists to describe the content you want played, using custom attributes.

Playlist Settings

• Name

• Ordering is linear, or random

Playlist Items

• A page link, e.g. /product/something

  • Could possibly be an external link?

• An image

• A video

Player Configuration

• Muted

• What playlist to play

Other

• Mode switching

  • Automatically switch into player mode on a kiosk, when it's inactive

  • Automatically switch into kiosk mode when the user interacts ( mouse, keyboard, etc. )

• Alerts. In some cases, it's nice to show an alert bar, like the remaining amount of time a special is on. This could be handled on a player page itself, e.g. /player

• Item transitions, pre-load an iframe and then slide it in?

Technical Notes

Implementation

Considering an <iframe> approach so that the player controller is always laoded and brings content inside. To some extent this simplifies certain playlist item types, like fullscreen video and images.

IMPORTANT, it may not be possible to iframe some ecom pages.

Preloading will be important to minimize page switching.

Auto-detect any form of failed load

• non-200

• network freeze, spinning wheel

Display mode

Hands-off display mode

Goals;

• Highlight

	Default mode	Kiosk mode	Display mode
	Standard access from a desktop browser, tablet, or phone	Interactive, on-site	Hands-free
Use cases	Normal website access and functionality	Booking, at a front desk Enrollment at a doctors office, at reception	A screen in a doctor's waiting room A kiosk, when it's asleep, like a screensaver type mode
Goals		Provide current product / service catalog to users in-store, easily Support user info capture, enrollments, newsletter signups Customer reivews	Screensaver - protect the kiosk from screen burn Feature specials and new products Play video content seamlessly, start to end, and then advance
Specific features		Touch-only interaction support On-screen keyboard	Content queue IFRAME controller?