CGI Salon Series - User Experience Design, July 19, 2016, Los Angeles, California, USA

1. © CGI Group Inc.
CGI: Leading digital transformation globally
We listen. We innovate. We lead. We deliver.
User Experience Design
Tim McCarthy & Phyllis Levy
July 19, 2016

2. UX
CGI
Technologically Advanced
Omnipotent
Hive Mind
Digital Done Right
Thoughtful
Friendly
Trustworthy

3. 3
Digital Ecosystem
Digital Experience Digital Employee
Experience Digital Insight Internet of Things Payments IP Solutions Cybersecurity Cloud
CGI Global Digital Capabilities
UX
CGI

4. UX
IGDC
User
Experience
We focus on Business User above
technology. We concentrate in the
Human Factors and Usability towards
everyday products and application
design.
User Centered Design (UCD) process
starts by looking at who uses a product,
understanding their goals and needs,
and selecting the right techniques to
answer the question, “How well does
this product meet the usability
requirements of our users?”.
UX
CGI

5. Users at the Center of Design UX
CGI

6. Micro-Moments: Your Guide to Winning the Shift to Mobile
UX
CGI
User Behavior

7. UX
CGI
UXD Applied
RWD Concept for the State of Ohio

8. 8
UX
CGI
UXD Applied
UX Strategy & Front End Design for Sales & Service Portal

9. UX
CGI
UXD Applied
UX Strategy & Front End Design for Sales & Service Portal

10. UX
CGI
Global CSP
UXD Applied
Mobile Registration Capability for a Global Communications Company

11. UX
CGI
In summary…
• Digital done right combines the best of The Borg and Tom Hanks.
• The User is the most important part of the Digital Experience. You need to
build trust and engage in simple and intuitive ways.
• User Experience Design is critical to understanding your users’ experience
across channels and building digital products and services that meet their
needs.
• User behavior is changing fast. Attention spans are shrinking. Effective design
offers instant gratification by allowing user tasks to be completed in
personalized, contextualized ways.
• Improved user experience drives task completion and client satisfaction.

12. Global UX Team
UX
CGI

13. IGDC UX Group
Czech UX
GMA UX Practice
GTA Interactive Group
CANADA
USA
INDIA
Portugal UX Lab
User Experience (UX) is essential to CGI’s
delivery and product development
Team sizes range from
individual contributors to 30+
member practices and
dedicated UX labs
CGI’s globally distributed
UX practitioner base offers
a broad range of experience-
related services to public and
commercial clients
WBC UX Group
Finland ECM & EA
Sweden UX Group
UK UX/CEM
Germany EB2
Germany UX
CGI-Federal UX Practice
CGI-Federal Human Factors
Australia UX
AT&T Producers
Denmark UX
Estonia
UX
France UX
Poland UX
Ukraine
UX
S&L Usability/UX
Norway UX
* Partial view (continuing to collect and confirm insights on CGI UX teams)

14. © 2013. CGI Technologies and Solutions Inc. All rights reserved.
1414
CGI’s proven strategy and delivery process
• A proven process for design & delivery of digital engagements
• Integrated technology and creative teams
• User-centric philosophy
• Business-centric optimization
CGI’s Digital Design & Delivery Process

15. CGI is operating dedicated UX Labs with
advanced capabilities
Nuno Laginha and André Dória hold
Masters in Human-Computer
Interaction from Carnegie Mellon
University and are responsible for
CGI’s Service Design/UX Lab in
Portugal
• This group includes PhD students
developing UX/HCI research
• The Lab offers usability evaluation
studies (e.g., stationary and 3-D
eye-tracking), creative sessions
with clients, interface interaction
design, rapid prototyping, human-
centered software engineering,
service design, and more
• Recent clients include: Vodafone
Portugal (telco), EDP (a global
utilities provider), Galp (the
largest Oil & Gas provider provider
in Portugal), and Unitel (a large
Angolan telco)
CGI Portugal

16. CGI is adding value across multiple UX and
Usability disciplines
Snapshot: CGI Federal Human Factors Practice
CGI-Federal operates a Human
Factors Practice out of
Fairfax, Virginia.
This team includes 15 members
handling web accessibility and
Section 508 compliance:
- Color-testing mock-ups
- Determining the best way to
code
- Designing for sighted modern
users but with accessibility
accommodations
- etc.
They use semi-automated tools,
manual testing (e.g., Windows
High Contrast mode, color
contrast analysis, DOM
inspection, etc.), keyboard-only
testing, and screen reader testing
(JAWS/NVDA, VoiceOver for
iPad, MacBook).
The team lead is Jennifer
Gauvreau.
Context: Approximately 200 CGI
members provide a full range of
development services for the
U.S. Centers for Medicare &
Medicaid Services (CMS) public
web-sites (e.g., CMS.HHS.gov,
Medicare.gov, MyMedicare
portal) representing over 400M
annual page views. CGI has
been doing this work for 12+
years, using agile methods for
nine years.
These teams are part of a larger
Health & Compliance (HCP)
group serving numerous Federal
clients and key governmental
web-sites (e.g., EPA.gov,
FDA.gov).
This team uses numerous free/open
sourced tools including:
- WebAIM’s WAVE Firefox Toolbar:
http://wave.webaim.org/toolbar
- Windows 7 High Contrast
Schemes: Select High Contrast
Black and High Contrast White
- Web Accessibility Toolbar (WAT),
including AViewer for DOM
Inspection:
http://www.paciellogroup.com/res
ources/wat
- Colour Contrast Analyser, Version
2.2:
http://www.paciellogroup.com/res
ources/contrast-analyser.html
- Web Developer Toolbar for
Firefox:
http://chrispederick.com/work/we
b-developer/
- Firebug extension for Firefox:
http://getfirebug.com/
- PXtoEm.com (for checking font
size conversions):
http://pxtoem.com/

17. © 2013. CGI Technologies and Solutions Inc. All rights reserved.
17
USCS UX Practitioners
AT&T Account