1. GCC “Look and Feel”
KK Office Update
11/01/12

2. Overview
• Who are the users?
• What do they do?
• What are the biggest problems?
• How to fix these?

3. Who are our users?
SysAdmins
IT/Networking
Consulting/Analysts
Other
Support
Business Owners

4. Technical Users
• Need less help
• Results focused – Function is important
• Have higher expectations

5. Technical Users
• Need less help
• Results focused – Function is important
• Have higher expectations
Actions
• Reduce onscreen instructions
• Minimize steps to results
• Modernize interface

6. What do they do?
0
10
20
30
40
50
60
70
Question: What actions every time you log in?

7. “Every time I log in”

8. Top Actions
• Most users perform up to 5 main actions each
visit

9. Top Actions
• Most users perform up to 5 main actions each
visit
Actions
• Make top actions possible from landing pages
– Minimize steps to result

10. What are the biggest problems?
Navigation/IA
Speed
Complicated
Design
Missing Features

11. Stated Issues
• Navigation/IA – Users get lost
• Speed – Users hate to wait
• Complication – Users prefer simple process

12. Stated Issues
• Navigation/IA – Users get lost
• Speed – Users hate to wait
• Complication – Users prefer simple process
Actions
• Reorganize structure
• Create simpler processes
• Improve use of language

13. Other problems to fix
• Order process
– Make more logical streamlined
• Search
– Make less complicated

14. Fixing Major Problems
Wireframes

15. Navigation & Information Design

16. No Tabs – Site Areas
Users must select site area
first.
When inside area, no other
areas are available.

17. Example
Inside MSSL – no access to other area

18. Local & Global Navigation

19. Local & Global Navigation
“Account & Finance” options
are available from toolbar in
all site area.
Local navigation options are
only relevant to that site
area.
Only SSL actions are possible
in SSL area.

20. Account & Finance Dropdown

21. Top Actions from landing pages

22. Top Actions from landing pages
Top actions available from
large icons on landing page.
Top actions are also available
from table widgets on
landing pages

23. Table Widgets
Custom table headings for
each widget type
Logical options are revealed
when user hovers over table

24. Simplifying Search

25. Simplifying Search

26. Simplifying Search
Simple interface
Combined search
Top ten results shown by
default
Top actions available from
within table

27. Simplifying Search - Advanced
Advanced features are
hidden – these change
depending on page type
This page is a template and will be used
for many page types:
• General Search
• Upcoming Renewals
• Pending Approvals
• Etc.

28. Ordering SSL

29. Ordering SSL

30. Ordering SSL – Revised
Process is broken into
smaller steps
Errors are shown when user
clicks to continue
Progress is shown in step
numbers and bar

31. Sample Error Message

32. Sample Help Tooltip

33. Sample Help Popup

34. Ordering Client Certificates
(from homepage)

35. Ordering Client Certificates
(from homepage)

36. Ordering Client Certificates
(from homepage)
Order products directly from
landing page
Ajax panels and dropdowns
hide all unnecessary options
Table widgets can be used

37. Similar pages
• Many pages will remain very similar
• We will just make some basic changes
– Improve language use (Titles, Instructions, etc.)
– Change layout slightly
– Removing some elements
– Hiding some elements with ajax

38. Certificate Details Page

39. Certificate Details Page
Only most relevant
information is shown
Other information is hidden
with ajax panels

40. Editing Users

41. Deliverables for end of July
• Revised sitemap
• HTML version of key pages
• Switch Area page
• Account & Finance
• SSL Landing
• MSSL Landing
• Client Landing
• ePKI Landing
• Search page template
• SSL Order process
• Client/ePKI Order process
• Once key process are developed in (possibly new)
development environment, switch to high resoultion
mockups