Changes

<span style="font-size: 1.5em;">What we need from you</span><br>

<span style="font-size: 1.5em;">What we need from you</span><br>

❏ Kiosk title and logo/image if any (both official languages)<br>

❏ Kiosk title (in both official languages)

❏ Departmental branding book, guidelines, etc. available, if required to be used on the kiosk.<br>

❏ ''Optional'' - logo/image to accompany kiosk title, if required<br>

❏ ''Optional'' - Departmental branding book, guidelines, etc. available, if required to be used on the kiosk.<br>

❏ Source files in '''vector''' format (.ai, .eps, .svg, etc.) or kiosk visuals, imagery, branding, if required.<br>

❏ Source files in '''vector''' format (.ai, .eps, .svg, etc.) or kiosk visuals, imagery, branding, if required.<br>

:*'''''If''''' a vector file is not possible, provide a high resolution .png with transparent background.  

:*'''''If''''' a vector file is not possible, provide a high resolution .png with transparent background.  

<p>For each individual piece of content becoming a hotspot: <br>

<p>'''For each individual piece of content becoming a hotspot on the kiosk (see [[CSPS_Digital_Academy/Virtual_Expo/Content_%26_Design_Guidelines#Hotspots|note on Hotspots]] above):''' <br>

❏ An '''image/icon''' used to represent it (in both OL, if it includes text) <br>

❏ '''Decorative text''' (optional) to accompany the hotspot image.<br>

❏ '''Links''' to the content (English and French links)<br>

❏ '''Links''' to the content (English and French links)<br>

❏ '''Short descriptive text''' for each hotspot card - see [[CSPS_Digital_Academy/Virtual_Expo/Content_%26_Design_Guidelines#Hotspots|note on Hotspots]] above<br>

❏ '''Short descriptive text''' for each hotspot card (in both official languages)<br>

:*This should be a call to action, enticing participants to click on the link<br>

:*This should be a call to action, enticing participants to click on the link<br>

:*Character limit: 100 (including spaces)<br>

:*Character limit: 100 (including spaces)<br>

❏ ''Optional'' - '''Icon''' to be used on the hotspot card (in both official languages, if it includes text)<br>

❏ '''Icon''' to be used on the hotspot card (in both OL, if it includes text) - see [[CSPS_Digital_Academy/Virtual_Expo/Content_%26_Design_Guidelines#Hotspots|note on Hotspots]] above<br>

:*These icons are used to accompany the hotspot’s descriptive text, therefore should correspond with the text <br>  

:*These icons are used to accompany the hotspot’s descriptive text, therefore should correspond with the text <br>  

:*If not provided, our designer will use standard icons from our library <br>

:*If not provided, our designer will use standard icons from our library <br>

❏ '''Description''' of preferred general location where you would like the various pieces of content to appear on the kiosk (i.e. left, central or right panel)<br>

❏ ''Optional'' - An '''image''' to be used on the kiosk panel as the hotspot (in both official languages, if it includes text)<br>

❏ ''Optional'' - Description of '''preferred general location''' where you would like the various pieces of content to appear on the kiosk (i.e. left, central or right panel)<br>

</p>

</p>

<div class="btn">[[Media:VExpo Content Submission Template Kiosk.docx |vExpo Kiosk Content Submission Template (download Word file)]]</div>

<div class="btn">[[Media:VExpo Content Submission Template Kiosk.docx |vExpo Kiosk Content Submission Template (download Word file)]]</div>

|}

|}

=== Design and Visual Guidelines ===

== Additional information ==

<p>The virtual kiosks are used to provide users with an overview of a department’s or group’s mandate, projects and/or initiatives. To have a successful product, here are some key considerations when gathering and submitting content to be included in your kiosk.</p>

<p>The virtual kiosks are used to provide users with an overview of a department’s or group’s mandate, projects and/or initiatives. To have a successful product, here are some key considerations when gathering and submitting content to be included in your kiosk.</p>

==== <big>General layout</big> ====

=== General layout ===

<p>A balanced composition normally is achieved by using 3 panels to showcase your content, accompanied with a separator panel that usually displays a title.  

<p>A balanced composition normally is achieved by using 3 panels to showcase your content, accompanied with a separator panel that usually displays a title.  

[[File:Kiosk 3 panel.png|center|350px]]

[[File:Kiosk 3 panel.png|center|350px]]

</p>

</p>

==== <big>Visual content guidelines</big> ====

=== Visual content guidelines ===

<p>'''Display the optimal amount of content.''' To ensure a good and effective design, we recommend having 1 to 5 hotspot in each panel of your kiosk. Plan and choose the key projects or initiatives you want to showcase, to effectively guide viewers to click on each hotspot. If one panel has no hotspot, it’s a missed opportunity. On the other hand, having too many hotspots (more than 5) will overload the viewers and their attention will be split in too many directions, making it less effective.

<p>'''Display the optimal amount of content.''' To ensure a good and effective design, we recommend having 1 to 5 hotspot in each panel of your kiosk. Plan and choose the key projects or initiatives you want to showcase, to effectively guide viewers to click on each hotspot. If one panel has no hotspot, it’s a missed opportunity. On the other hand, having too many hotspots (more than 5) will overload the viewers and their attention will be split in too many directions, making it less effective.

[[File:Kiosk content do & donts.png‎|center|750px]]

[[File:Kiosk content do & donts.png‎|center|750px]]

<p>'''Share your departmental branding books, guidelines, etc.''' Let us know if your kiosk should follow a specific departmental branding or look and feel. In order to ensure that the final design respects the visual identity of the organization, make sure to share the branding book, or material. You are responsible to work with, and confirm with your communications team if and how the departmental branding should be used on the kiosk.</p>

<p>'''Share your departmental branding books, guidelines, etc.''' Let us know if your kiosk should follow a specific departmental branding or look and feel. In order to ensure that the final design respects the visual identity of the organization, make sure to share the branding book, or material. You are responsible to work with, and confirm with your communications team if and how the departmental branding should be used on the kiosk.</p>

<br>

<br>

<p>'''Provide the right asset format and quality.''' To ensure high quality visuals, please send all assets in vector format (.ai, .eps, .svg, etc.). If not possible, send only high resolution images.

<p>'''Provide the right asset format and quality.''' To ensure high quality visuals, please send all assets in vector format (.ai, .eps, .svg, etc.). If not possible, send only high resolution .png images with transparent background.

:''Note: Each panel in the kiosk is 2000x3000px. In this context, high resolution will have to be enough size to have a good representation of the given asset in that canvas size.''

:''Note: Each panel in the kiosk is 2000x3000px. In this context, high resolution will have to be enough size to have a good representation of the given asset in that canvas size.''

</p>

</p>