| Line 1: |
Line 1: |
| − | {{Template:GCTools Nav}}
| |
| − | {| class="FCK__ShowTableBorders" style="border: 0px currentColor; border-image: none; background-color: rgb(84, 84, 84);" align="center" width="100%"
| |
| − | |-
| |
| − | | style="padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 13pt" width="10%" | '''[[ECHO_June_2017|<span style="color: white">ECHO - The GCTools Newsletter</span>]]
| |
| − | | style="border-right: Black 1x solid; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: center; font-family: (Cooper black); font-size: 13pt" width="10%" | '''[[GCTools_Digital_Collaboration_Intelligencer|<span style="color: white">Digital Collaboration Intelligencer</span>]]
| |
| − | |}
| |
| | | | |
| | [[fr:Infolettre_OutilsGC]] | | [[fr:Infolettre_OutilsGC]] |
| Line 10: |
Line 4: |
| | __NOTOC__ | | __NOTOC__ |
| | | | |
| − | [[File:Newsletter-header Eng.jpg|100%|center]]
| + | --------------------------------------- |
| | + | <!--The following line of code hides the page title--> |
| | + | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} |
| | | | |
| − | <div align="center" style="font-size:25px">'''May 22, 2018'''</div> | + | <br> |
| − | <div align="center" style="font-size:20px">'''23<sup>nd</sup> Edition'''</div> | + | <div align="center">[[File:Blogs Banner EN.PNG|link=https://wiki.gccollab.ca/DCD_Blogs|center|2000x200px]]</div> |
| | + | <br> |
| | + | <div align="center" style="font-size:25px">'''June 21, 2018'''</div> |
| | + | <div align="center" style="font-size:20px">'''24<sup>th</sup> Edition'''</div> |
| | <noinclude><div id="divboxWrapper" style="padding-left:4px; width:95%"></div></noinclude> | | <noinclude><div id="divboxWrapper" style="padding-left:4px; width:95%"></div></noinclude> |
| − | ---------------------------------------
| + | <br> |
| − | | + | ------ |
| − | <!-- left column BEGINS --> | + | <br> |
| − | <div style="float:left; width:66%; margin:0;"> | + | <div style="line-height: 3em; font-size: 250%; text-indent: 8%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> '''What's New?'''</div> |
| − | <div style="width:100%; margin: 0 0 15px 8px">
| + | <div style="line-height: 2em; font-size: 125%; text-indent: 14%;font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> The Open, Accessible Digital Workspace</div> |
| − | {{Main page box (left)|border-color=#d3d3d3|background=#67163F|colour=white| title=<span style="color:white">What's New</span>||content=
| + | <div style="line-height: 2em; font-size: 125%; text-indent: 14%;font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> '''3 minute read'''</div> |
| − | '''<span style='color:#545454;'>The Open and Accessible Digital Workspace</span>''' | + | <br> |
| − | * [https://gccollab.ca/groups/profile/416546/project-meerkat-the-open-accessible-digital-workspace-le-projet-suricate-lespace-de-travail-numerique-ouvert-et-accessible The Open and Accessible Digital Workspace] is the GC’s plan for an Open and Accessible Digital Workspace (OADW), a new concept dedicated to improving the ways of working online in the public service and beyond. It will create a unified workspace for government and partners, with the goal of creating a world-class network of public servants and civic partners equipped to serve Canadians and the world now and in the future.
| + | <div style="border:1px solid #white; {{Round corners}}; text-indent: 8%; margin: 20px; margin: 0 auto; width: 700px; line-height: 2em; font-size:125%"> |
| − | * How? The Open and Accessible Digital Workspace will be comprised of an integrated network of universally accessible digital services. Some potential services may include GCprofile, an integrated user profile that will allow different services to know the users’ role, interests, and connect them to information they need, and GCsurvey, a live micro-polling and survey service with built-in analytics and reporting.
| + | '''<span style='color:#545454; font-size:125%'>Last week at the Innovation Fair</span>''', the Digital Collaboration Division team invited guests to take part in an icon testing experiment. The Digital Collaboration Division (GCTools team) is working on a redesign to make the different tasks (i.e. blogs, the Wire, GCcollab, the Wiki, profile) into one centralized application suite, and we want to make sure we get it right! To create the best tools possible for users across government, private industry, and academia, we will be conducting usability tests regularly. This was the first step! |
| − | * All services will be built in collaboration with other teams by using open source software. The contributions to open source projects by the GC and partners improve the utility and accessibility of applications for everyone. TBS is already partnering with the Government of the Netherlands to further develop the workspace. The project is just starting, so stay tuned for updates!
| + | <br> |
| − | * The [https://projectoverlay.gccollab.ca/ Data Visualization layer] of Project Meerkat has a new search function! The Data Visualization Layer allows you to search topics on GCconnex (soon to be adapted for other GCTools) and view the categories and communities related to it. For instance, by searching “digital”, you will find communities and groups related to IM/IT, UX, digital communications, and more. Currently in its beta phase, next iterations will apply to Project Meerkat services (as it currently uses data from GCconnex). For more updates, check out the [https://gccollab.ca/discussion/owner/416546 Project Meerkat group on GCcollab].
| + | <br> |
| − | '''<span style='color:#545454;'>Introducing GCcollab Message</span>'''
| + | Redesigning a website is hard, and requires incredible attention to detail, which is why we need to test everything — even something as small as icons used on the site. Icon testing is done to make sure that when various icons are used on our webpages, users will understand what they mean, and what functions they might find if they click on the icon. This is important because users with different cultural and technological experiences may ascribe different meanings to different icons. This can cause trouble when attempting to convey a singular meaning through a simple image. |
| − | * [https://gccollab.ca/docs/view/247809/gcmessage-onboarding-instructions GCcollab Message] is a pilot instant messaging service developed and managed by the GCTools team. It is based on the open source platform, Rocket.Chat, which uses chat rooms to organize discussions.
| + | <br> |
| − | * You can sign up for GCcollab Message and join any chat room that is relevant to you, or create one for your team! Chat rooms can be open or closed, or you can chat directly with other users.
| + | <br> |
| − | * Try [https://message.gccollab.ca/channel/general GCcollab Message] on your desktop (sign-in by using your GCcollab account), or download Rocket.Chat from Google Play or Apple’s App store to access GCcollab Message on your mobile device.
| + | Alongside the development team, we decided to look at three categories of icons, and chose six icons for people to choose from: a gear, a wrench, a hamburger menu, a waffle menu, a bell, and a flag. We displayed icons commonly used to represent settings, application selection and notifications — three important functions in any app suite |
| − | * For more information, check out [https://gccollab.ca/docs/view/247809/gcmessage-onboarding-instructions GCcollab Message Onboarding Instructions] or check out the [https://gcconnex.gc.ca/file/view/38727518/gccollab-message-i-message-gccollab-bil new GCcollab Message poster].
| |
| − | '''<span style='color:#545454;'>Introducing GCcollab Wiki</span>''' | |
| − | * While GCpedia is the Government of Canada’s internal wiki, [https://wiki.gccollab.ca/Main_Page GCcollab Wiki] is the GC’s external-facing wiki for the GC, their partners, and the public! Like other wikis, the GCcollab Wiki is designed for co-creation and knowledge sharing: any member of the Wiki can create a page, edit any page, and ultimately, create a culture of collaboration.
| |
| − | * Thanks to feedback from beta testers, the GCcollab Wiki can now be searched publicly! It is now also easier to add information and work in both English and French. In addition, Government of Canada employees can now import content from GCpedia, the GC’s internal wiki.
| |
| − | * In normal wiki fashion, individual pages do not have owners, but they do have creators and editors. Please note that individual pages are not moderated by the GCTools team.
| |
| − | *To create a page, simply add your desired page name to the end of the standard GCcollab Wiki URL. For example, to create a page entitled “Digital Collaboration Division”, type “https://wiki.gccollab.ca/Digital_Collaboration_Divison”. You will be directed to the Digital Collaboration Division page, which may or may not have already been created by another GCwiki user.
| |
| − | *42 content pages have been created and 1,300 edits have been made in the Wiki since its beta launch 1 month ago! Now’s the time to get started on the GCcollab Wiki! If you need a hand, check out the [https://wiki.gccollab.ca/Help_Aide GCcollab Wiki help page] or check out the [https://gcconnex.gc.ca/file/view/38726778/gccollab-wiki-i-wiki-gccollab-bil new GCcollab Wiki poster].
| |
| − | }}
| |
| − | </div> | |
| − | | |
| − | --------------------------------
| |
| − | | |
| − | <div style="width:100%; margin: 0 0 15px 8px"> | |
| − | {{Main page box (left)|border-color=#d3d3d3|background=#67163F|colour=white| title= <span style="color:white">The GCTools Team in Action</span>||content=
| |
| − | <gallery mode="packed-hover" heights="240">
| |
| − | File:Concept Visual of OADW.png | [https://gccollab.ca/groups/profile/416546/project-meerkat-the-open-accessible-digital-workspace-le-projet-suricate-lespace-de-travail-numerique-ouvert-et-accessible Project Meerkat concept visual] |alt= A graphic of 3 in business attire people walking on a arrow.
| |
| − | File:Project Overlay1.PNG | [https://projectoverlay.gccollab.ca/index.html Explore the new Project Overlay pilot] |alt= Photo of the GCconex login page
| |
| − | File:Project Overlay Detail1.PNG | [https://projectoverlay.gccollab.ca/index.html Detailed view of a group in the new Project Overlay pilot] |alt= Photo of the GCconex login page
| |
| − | | |
| − | </gallery>
| |
| − | }}
| |
| − | | |
| − | | |
| − | | |
| − | ----------------------------- | |
| − | <div style="width:100%; margin: 0 0 15px 8px">{{Main page box (left)|border-color=#d3d3d3|background=#67163F|colour=white| title= <span style="color:white">UX Groups</span>||content=
| |
| − | | |
| − | [[File:GCpedia Logo.png|100px|left|alt=GCpedia Logo]]
| |
| − | '''<span style='color:#007173;'>[http://www.gcpedia.gc.ca/wiki/User_experience_community User Experience Community]</span>''' | |
| − | | |
| − | : There are many people working in the design of Government of Canada user experiences, whether for software applications, web sites, services or other products. '''The goal of this page is to create a repository we can use to find each other''', communicate about job openings, training opportunities, and most importantly: share information, ideas, work, design patterns, best practices and concepts for our work on user experiences.
| |
| − | | |
| − | ---- | |
| − | [[File:GCconnex logo.png|100px|left|alt=GCconnex Logo]]
| |
| − | '''<span style='color:#007173;'>[https://gcconnex.gc.ca/groups/profile/26179741/design-thinking-la-pensee-conceptuelle?language=en Design Thinking]</span>'''
| |
| − | | |
| − | : '''Design Thinking''' is a methodology to creatively solve complex problems with a human-centered approach. It offers us a means to uncover the root cause to a given problem, with the goal of improving user experiences. It brings together end-users and business owners to empathize, define, ideate, prototype and test your way to a potential solution. '''The Innovation Zone team in Public Services and Procurement Canada''' uses Design Thinking as one of their suite of services to help teams improve processes and services with human-centered, innovative and iterative solutions. Join the conversation on GCconnex to learn more and let us know how we can help you.
| |
| − | ----
| |
| − | [[File:GCconnex logo.png|100px|left|alt=GCconnex Logo]]
| |
| − | '''<span style='color:#007173;'>[https://gcconnex.gc.ca/groups/profile/27740022/ux-research-participants-participants-a-la-recherche-en-eu?language=en UX Research Participants]</span>'''
| |
| − | | |
| − | : The '''GCTools team''' is constantly looking for feedback to '''improve your experience''' on the tools. We conduct regular research on the UX of the GCTools to understand '''your needs''' as well as the strengths and weaknesses of our platforms.
| |
| − | : That’s where you come in: we conduct research both in person and online to gain insight into your experience with the GCTools. We are always '''looking for participants''' to provide feedback and guide our work.
| |
| − | ----
| |
| − | [[File:GCconnex logo.png|100px|left|alt=GCconnex Logo]]
| |
| − | '''<span style='color:#007173;'>[https://gcconnex.gc.ca/groups/profile/10947731/ux-discussion-forum-forum-de-discussion-concernant-leu?language=en UX Discussion Forum]</span>'''
| |
| − | : The UX Discussion Forum is a '''‘Community of Practice’''' that facilitates discussion and collaboration amongst '''Government of Canada (GC)''' employees regarding UX practices. | |
| − | :The goal of the forum is to foster a better understanding of the need to improve the online user experience and help the GC move towards implementing a user-centric approach to service delivery.
| |
| − | : The concept of '''‘Each One Teach One’''' is fundamental with this forum in that institutions are invited to share lessons learned and best practices, thereby helping avoid common mistakes in web and content design and UX management. | |
| − | : In addition, concepts, ideas and requirements from Principal Publisher and TBS are also discussed so that institutions are informed of upcoming activities and to address any questions or concerns.
| |
| − | ----
| |
| − | [[File:GCconnex logo.png|100px|left|alt=GCconnex Logo]]
| |
| − | '''<span style='color:#007173;'>[https://gcconnex.gc.ca/groups/profile/17708429/the-design-lab-le-labo-design?language=en The Design Lab]</span>'''
| |
| − | | |
| − | : The Design Lab is a hub for designers across the federal government where they '''discuss tools''', time-saving tips and tricks learned along the way, templates, and how to stay '''innovative''' in your practice. | |
| − | : It’s a place to share best practices, explore new concepts and to engage in ideas about '''communication arts'''.
| |
| − | | |
| − | ----
| |
| − | [[File:GCcollab logo.png|100px|left|alt=GCcollab Logo]]
| |
| − | '''<span style='color:#007173;'>[https://gccollab.ca/groups/profile/266/new-technologies-for-government-nouvelles-technologies-pour-le-gouvernement New Technologies for Government]</span>'''
| |
| − | | |
| − | : How does the '''use of technology''', such as GCcollab, enable Public Servants to have conversations among themselves in governments around the World? Let's talk about the benefits, challenges, technologies used, and their effects to culture change.<br />
| |
| − | | |
| − | | |
| − | | |
| − | ----
| |
| − | [[File:GCcollab logo.png|100px|left|alt=GCcollab Logo]]
| |
| − | '''<span style='color:#007173;'>[https://gccollab.ca/groups/profile/5563/user-experience-design User Experience Design]</span>'''
| |
| − | | |
| − | : Learn and discuss '''6 common steps''' of the UX process:
| |
| − | • Discovery & Research
| |
| − | • Analysis
| |
| − | • Design
| |
| − | • Development
| |
| − | • Testing
| |
| − | • Deployment & Measurement
| |
| − | | |
| − | ----
| |
| − | [[File:GCcollab logo.png|100px|left|alt=GCcollab Logo]]
| |
| − | '''<span style='color:#007173;'>[https://gccollab.ca/groups/profile/196672/web-experience-toolkit-boite-a-outils-de-lexperience-web Web Experience Toolkit (WET)]</span>'''
| |
| − | | |
| − | : Reach out to wet-boew administrators and initiate discussion in regards of '''wet-boew project ecosystem'''. Issues that directly relat to the wet-boew projects or GCweb projects must be reported in their github repository.<br />
| |
| − | | |
| − | | |
| − | </div>}} | |
| − | </div> | |
| − | | |
| − | <div style="margin-left: 76vw;"> | |
| − | <span style='color:#545454|;'>[mailto:GCTools-OutilsGC@tbs-sct.gc.ca?subject=Unsubscribe%20to%20Newsletter%20/%20Désabonner%20à%20l'infolettre&| Unsubscribe]</span>
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | <!-- left column ENDS -->
| |
| − | | |
| − | <!-- right column BEGINS -->
| |
| − | <div style="float:left; width:25%; margin-left:4%">
| |
| − | | |
| − | <!-- BOX 1 -->
| |
| − | <html>
| |
| − | <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//gcconnex.gc.ca/mod/gc_api/widget/en/share-button.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'gcconnex-jssdk'));</script> <div class="gcc-share-button" data-lang="en"> </div>
| |
| − | </html>
| |
| − | | |
| − | <!-- BOX 2 -->
| |
| − | <div style=" margin: 0px 5px 15px 1px;">
| |
| − | {{Main page box (right)|border-colour=Gainsboro| background=#BE547B|colour=white|title=<span style="color:white">GCTools Resources
| |
| − | </span>||content=
| |
| − | :
| |
| − | [[File:ECHO logo.PNG|100px|center|alt=The ECHO Newsletter Logo]]
| |
| − | <center>'''The GCTools ECHO''' is a monthly news resource about the GCTools.
| |
| − | | |
| − | '''<span style='color:#545454;'>Thanks for reading!</span>'''</center> | |
| − | ----
| |
| − | [[File:Intelligencer logo.PNG|100px|center|link=http://www.gcpedia.gc.ca/wiki/GCTools_Digital_Collaboration_Intelligencer |alt=Digital Collaboration Intelligencer]]
| |
| − | <center>'''The Digital Collaboration Intelligencer''' is a weekly selection and summary of news articles related to digital collaboration.</center><br>
| |
| − | | |
| − | | |
| − | }}
| |
| − | </div>
| |
| − | | |
| − | <!-- BOX 3 -->
| |
| − | <div style=" margin: 0px 5px 15px 1px;"> | |
| − | {{Main page box (right)|border-colour=Gainsboro| background=#BE547B|colour=white|title=<span style="color:white">Keep In Touch
| |
| − | </span>||content= | |
| − | :
| |
| − | [[File:ECHO subscribe icon.png|100px|center|link=http://www.gcpedia.gc.ca/wiki/Subscribe:_GCTools_Newsletter_and_Intelligencer|alt=A graphic of a checkmark that directs to the GCTools Newsletter subscription page]]
| |
| − | <center>'''[http://www.gcpedia.gc.ca/wiki/Subscribe:_GCTools_Newsletter_and_Intelligencer Subscribe]''' to ECHO and the Intelligencer</center>
| |
| − | ----
| |
| − | [[File:ECHO idea icon.png|100px|center|alt=A graphic of a megaphone]]
| |
| − | <center><span style="color: #B22222"> [mailto:GCTools-OutilsGC@tbs-sct.gc.ca?subject=Submit%20your%20ideas%20for%20newsletter/%20Faites%20parvenir%20vos%20idée%20pour%20l'infolettre&body=Please%20provide%20text%20in%20both%20languages%20/%20Veuillez%20partager%20votre%20texte%20dans%20les%20deux%20langues:'''Submit'''</span>] your idea for the next ECHO Newsletter</center> | |
| − | }}
| |
| | </div> | | </div> |
| − | | + | <br> |
| − | <!-- BOX 4--> | + | [[File:Icon Testing Blog - Icons.png|center|936x186px]] |
| − | <div style=" margin: 0px 5px 15px 1px;"> | + | <br> |
| − | {{Main page box (right)|border-colour=Gainsboro| background=#BE547B|colour=white|title=<span style="color:white">Upcoming Events | + | <div style="border:1px solid #white; {{Round corners}}; margin: 0 auto; line-height: 2em; width: 700px; font-size:125%"> |
| − | </span>||content= | + | We selected a gear or a wrench for '''settings''', a hamburger menu or a waffle menu for '''application selection''', and a bell or a flag for '''notifications'''. |
| − | :
| + | <br> |
| − | [[File:ECHO events icon.png|100px|center|link=http://www.gcpedia.gc.ca/wiki/GCTools/Upcoming_Events|alt=A graphic of calendar]]
| + | <br> |
| − | :
| + | When it came time to test the icons at the Innovation Fair, we were the girls struggling to carry an easel up and down Slater Street. While we unfortunately were not able to complete our icon testing using virtual reality — an asset many other departments were equipped with — we still managed to have 32 participants run our minute-long icon test! |
| − | <center> | + | <br> |
| − | : [https://gcconnex.gc.ca/event_calendar/group/226392 More Events]
| + | <br> |
| − | </center> | + | While we had our own assumptions of how icons would be classified and which icons would be best, we were surprised by the diversity of responses! Of course, when gathering thoughts and opinions there were no wrong answers, but over time a clear trend emerged. When asked which icon best represented the category we named, it was found that users most often chose the Gear, used to represent Settings, the Waffle Menu for Application Selection and finally the Bell which was chosen to represent Notifications. |
| − | }}
| + | <br> |
| | + | <br> |
| | + | The results and feedback we got from this quick experiment are going to be combined with some of our other user testing research, and be put towards designing the new GCTools! Which icons would you have chosen for each category? Would you choose some icons for a desktop website and others for a mobile application? |
| | </div> | | </div> |
| − | | + | <br> |
| − | <!-- BOX 4 --> | + | <br> |
| − | | |
| − | {{Template:GCToolsNewsletter_Archives}}
| |
| − | | |
| − | | |
| − | | |
| − | <!-- right column ENDS --> | |
| − | | |
| − | | |
| − | | |
| − | [[Category:GC2.0 Tools]]
| |