1. Product Innovation & UI\UX Workshop

2. Product Innovation
Pat Henry CTO

3. Product Innovation 2016 - 2017 10,000+ Hours of Effort
Demand and Capacity Management
ProjectVision Portal
Expanded Filtering on the Gantt, WBS
Project Registers
Microsoft Project Online Connector
Localization
Milestone Gantt, Project Interdependencies
Agile Connector & Dashboards
Back Log Forecasting
10,000+ Hours of Effort
Code Base Increased by 15%
2 New Connectors Added
9 New Features Added

4. Agile Dashboard with Monte Carlo simulation
Milestone Gantt
Agile Dashboard with Monte Carlo simulation

5. Backlog Forecasting in ProjectVision
Opportunity Data
Project Financials
Real Time data Integration PV
Project Forecasting
Project
Data
Manual Adjustment in SAP
Project EAC Adjustment Required

6. Project Financials
Real time project financials available for Project Manager

7. Forecasting of Costs Component items to be forecasted
Additional tabs for more detailed forecasting
Forecast profiling per month and quarter for each line item
Diff
(Current Approved EAC v Proposed EAC) = EAC Adj

8. Detailed Labour Forecast inc Resources
Detailed Labour forecast includes actual resources
Forecasting is used to estimate resources required on project

9. UI/UX Redesign Jan 2017 – June 2017 July 2017 – August 2017
Hire UX/UI Designer
Meeting Customers
Understand the Product and the Business Needs
Design Prototypes
July 2017 – August 2017
Hire Product Owner
Build Agile UI Development Team
Upgrade Some Core Components
Finalize the Overall Design
12,000 Hours of Effort
25-30% of the Base Code Changing
75 Features Redesigned
91 Reports Modified
300 Pages
500 User Stories
Sept 2017 – Nov 2017
Beta Product with Improved UI/UX
Incorporating all the Existing Functionality
Identify 5 Beta Customers
Nov 2017 – April 2018
Complete UI/UX Backlog
Reflect Beta Customer Feedback
Launch
Beta Product includes
Gantt \ WBS , Smart Forms , Some Dashboard widgets, Some Reports , Risk & Issues , Registers, Project Creation , Navigation

10. Any questions?

12. UI/UX Workshop

13. User Experience Design
Aisling Flynn

14. UX Myths

15. UX does not equal UI

16. Shortcuts don’t always work

17. What is UX?

18. User experience design (UXD) is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product.

19. User experience is what it feels like to use
a product or a service

20. The Product
Functional Design
Aesthetic Design
Experience Design

21. Why does it matter?

22. It’s everywhere You rarely hear about good design
Always here about bad design
In almost every system we use, somebody somewhere has spent time researching us so that it is easier for us to complete what we need to and we feel good during the process

23. Industry Leaders
These are a handful of industry leaders that are following specific methodologies and guidelines to constantly improve their user experience, we have been looking at 2 sets of these standard guidelines…

24. Don Norman’s Principles of Interaction Design
Visibility
Feedback
Constraints
Affordances
Mapping

25. Jakob Nielsen's 10 Usability Heuristics for User Interface Design
Visibility of system status
Recognition rather than recall
Match between system and the real world
Flexibility and efficiency of use
User control and freedom
Aesthetic and minimalist design
Consistency and standards
Help users recognize, diagnose, and recover from errors
Error prevention
Help and documentation

26. New Look and Feel

27. Refresh the User Interface
Segoe UI
Refresh the User Interface
Typography
Colour Palette
Screen Layout
Consistency
Customisation

28. Improve the User Experience
Navigation
Visibility
Feedback
Consistency
Affordance

29. What is our UX process?

30. Discovery Wireframe Prototype Validate User Research Market Research
Competitor Analysis
Ideas
Sketch
Whiteboard
Draw
Illustrate
Axure
Adobe Experience
HTML
Paper
Design Reviews
Meetings
Demos

31. User Research

32. 10 mins Empathy Map UX Designer Time
Carry out User Research
Prototype
Sketch
Test
Users
10 mins
Challenged
Competitors
Determined
UX Designer
Stakeholders
Time
Improve the User Experience
A workshop activity that forges alignment on user needs, goals, and pain-points, Persona Empathy Mapping bridges the gap between personas and design concepts.
Technical Restrictions

33. Affinity Diagram
10 mins
An Affinity Diagram is a tool that gathers large amounts of language data (ideas, opinions, issues) and organizes them into groupings based on their natural relationships (Viewgraph 1). The Affinity process is often used to group ideas generated by Brainstorming.

34. We want you to get Involved
User Research Volunteers
Hand back over to Pat