Changes

no edit summary
Line 27: Line 27:     
=== Content requirements ===
 
=== Content requirements ===
<p>All content to be included in a vExpo lobby must: </p>
+
<p>All content to be included in a vExpo lobby must:
 
*Be '''available on the web''' (e.g. department site, GCwiki, GCpedia, Youtube, etc.) so that we can link to it directly.   
 
*Be '''available on the web''' (e.g. department site, GCwiki, GCpedia, Youtube, etc.) so that we can link to it directly.   
 
:Note: the Digital Academy will not host any content for the lobby. However, the team can provide support to help you find the best options to make your content available on the Web.  
 
:Note: the Digital Academy will not host any content for the lobby. However, the team can provide support to help you find the best options to make your content available on the Web.  
Line 33: Line 33:  
*Be '''accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)
 
*Be '''accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)
 
:Note: The CSPS Digital Academy is committed to offer content and products that are fully accessible and inclusive. Content that does not meet accessible requirements will not be included in the lobby (e.g. no PDFs will be accepted).''
 
:Note: The CSPS Digital Academy is committed to offer content and products that are fully accessible and inclusive. Content that does not meet accessible requirements will not be included in the lobby (e.g. no PDFs will be accepted).''
 
+
</p>
 
==== Public Access ====
 
==== Public Access ====
 
<p>The vExpo is available publicly on the Web for anyone to see and access. By default, all content available from the lobby and kiosks should:  
 
<p>The vExpo is available publicly on the Web for anyone to see and access. By default, all content available from the lobby and kiosks should:  
 
*have open access to be viewed publicly, without login or restricted permissions.  
 
*have open access to be viewed publicly, without login or restricted permissions.  
 
*have the appropriate copy rights to be shared publicly.
 
*have the appropriate copy rights to be shared publicly.
</p>
+
:'''Note:''' Although we do not recommend it, it is possible to restrict access to GC employees by hosting your content on a GCpedia page, which can only be accessed when on the GC network.</p>  
<p>:'''Note:''' Although we do not recommend it, it is possible to restrict access to GC employees by hosting your content on a GCpedia page, which can only be accessed when on the GC network.</p>  
      
{| width="100%" cellpadding="10" cellspacing=15px
 
{| width="100%" cellpadding="10" cellspacing=15px
Line 86: Line 85:  
*Be available in '''both official languages'''.
 
*Be available in '''both official languages'''.
 
*Be '''accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)
 
*Be '''accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)
:''Note: The CSPS Digital Academy is committed to offer content and products that are fully accessible and inclusive. Content that does not meet accessible requirements will not be included in the kiosk (e.g. no PDFs will be accepted).''
+
:''Note: The CSPS Digital Academy is committed to offer content and products that are fully accessible and inclusive. Content that does not meet accessible requirements will not be included in the kiosk (e.g. no PDFs will be accepted).'' </p>
 
==== Public Access ====
 
==== Public Access ====
 
<p>The vExpo is available publicly on the Web for anyone to see and access. By default, all content available from the lobby and in the kiosk should:  
 
<p>The vExpo is available publicly on the Web for anyone to see and access. By default, all content available from the lobby and in the kiosk should:  
Line 110: Line 109:  
*'''Decorative text''' (optional) to accompany the hotspot image.
 
*'''Decorative text''' (optional) to accompany the hotspot image.
 
*'''Links''' to the content (English and French links)
 
*'''Links''' to the content (English and French links)
*Short descriptive text for each hotspot card - see note on Hotspots above
+
*Short descriptive text for each hotspot card - see [CSPS_Digital_Academy/Virtual_Expo/Content_%26_Design_Guidelines#Hotspots note on Hotspots] above
 
**This should be a call to action, enticing participants to click on the link
 
**This should be a call to action, enticing participants to click on the link
 
**Character limit: 100 (including spaces)
 
**Character limit: 100 (including spaces)
Line 129: Line 128:  
[[File:Kiosk 3 panel.png|center|350px]]
 
[[File:Kiosk 3 panel.png|center|350px]]
 
<div style="text-align: center;">''Example of a virtual kiosk with 3 panels''</div>
 
<div style="text-align: center;">''Example of a virtual kiosk with 3 panels''</div>
</p>
   
<br>
 
<br>
<p>:''Note: It can sometimes be tempting to want to add as much information as possible on the kiosk and use as much real-estate as possible. However, this is not recommended as it can become overwhelming for the viewers and fail to achieve the main objective - to encourage viewers to click on the kiosk links and learn more about what you have to offer.''</p>
+
<br>
 +
:''Note: It can sometimes be tempting to want to add as much information as possible on the kiosk and use as much real-estate as possible. However, this is not recommended as it can become overwhelming for the viewers and fail to achieve the main objective - to encourage viewers to click on the kiosk links and learn more about what you have to offer.''</p>
    
<p>Kiosks often include 4 key elements:</p>
 
<p>Kiosks often include 4 key elements:</p>
Line 156: Line 155:  
==== Visual content guidelines ====
 
==== 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|450px]]
+
[[File:Kiosk content do & donts.png‎|center|550px]]
 
</p>
 
</p>
 
<br>
 
<br>
Line 164: Line 163:  
<br>
 
<br>
 
<p>'''Consider the overall look when selecting images.''' The proper selection of images is key. Each image must be coherent with the context in which they are used while also considering the overall design composition of the kiosk. The images should share the same style and tone to ensure a professional look. Combining images with different styles and colors schemes could lead to the impression of disorganization and lack of structure, affecting the effectiveness of the kiosk.
 
<p>'''Consider the overall look when selecting images.''' The proper selection of images is key. Each image must be coherent with the context in which they are used while also considering the overall design composition of the kiosk. The images should share the same style and tone to ensure a professional look. Combining images with different styles and colors schemes could lead to the impression of disorganization and lack of structure, affecting the effectiveness of the kiosk.
:''Note: If you are uncertain about what images to include, you can suggest images and icons, which we will use as guides to create the final designs, ensuring a coherent look and feel.''
+
:'''''Note:''' If you are uncertain about what images to include, you can suggest images and icons, which we will use as guides to create the final designs, ensuring a coherent look and feel.''
 
</p>
 
</p>
 
<br>
 
<br>