Design Thinking

Transcript

1. UX Episode Design Thinking 27 May 2022
2. We acknowledge the Traditional Owners of country throughout Australia and recognise their continuing connection to land, waters and culture. We pay respect to their Elders past, present and emerging. 2
3. Speakers Daniel Wang Focus Design framework and capability (GEL) Design processes and tools Design operations Sergio Colombetti 3 Design Practice Lead UX Designer for WEMDE UI Focus WEMDE UI project UX research
4. 1. What is Design Thinking 2. Design Process 3. UX Activities and toolkit 4. WEMDE UI Case Study 5. Questions 4 Agenda
5. Mindset 5
6. Design Process 6
7. Techniques and Activities 7
8. Takeaways 8 Enough discovery and research on the problem Jump into solution mode quickly
9. Case Study WEM Dispatch Engine User Interface 9
10. WEMDE UI Project 10 Improve the efficiency of the control room operator with a suite of integrated tools to monitor and act in the new Wholesale Energy Market WEMDE UI Project Excel-based & e-Terra single tools Suite of integrated tools
11. WEMDE UI Project 11 Status Quo
12. Discover Reject predefined assumptions Gain real insights into users and their needs 12
13. Discover 13 User Interviews Conduct interviews with BA and SME Collect data, information and anecdotes
14. Discover 14 Customer Journey Map
15. Define Organize and analyse insights Create problem statements 15
16. Personas Define 16
17. Define 17 ID Epic / Theme User Stories Acceptance Criteria Status WEMDEUI_U0012 Design the main screens for FOD As a user, I want to navigate between "Forecast Operation Demand" and "Adjust Forecast Operation Demand" > tabs To be reviewed WEMDEUI_U0013 Design the main screens for FOD As a controller, I want to visualize the Forecast Operational Demand for the last 12 hours (48h, 8 days) so that XXX > select time granularity > To be reviewed WEMDEUI_U0014 Design the main screens for FOD As a controller, I want to select which demand line/s shown on the Forecast Operational Demand graph for the last 12 hours (48h, 8 days) so that XXX > select one or multiple data points to be visualized To be reviewed WEMDEUI_U0015 Design the main screens for FOD As a controller, I want to check table of the Forecast Operational Demand for the last 12 hours (48h, 8 days) so that XXX > visualize the table of FOD To be reviewed WEMDEUI_U0016 Design the main screens for FOD As a controller I want to check/review the table of the interval's start date and time and end date and time for changing the FOD > visualize table with intervals' start date and time and end date and time To be reviewed WEMDEUI_U0017 Design the main screens for FOD As a controller, I want to set a time interval for a change in the FOD so that XXX > set the interval's start date and time and end date and time for changing the FOD To be reviewed WEMDEUI_U0018 Design the main screens for FOD As a controller, I want to add an offset to the FOD so that XXX > access to input field To be reviewed WEMDEUI_U0019 Design the main screens for FOD As a controller, I want to enable/disable the error auto-adjustment function for the FOD so that XXX > select/deselect button for error auto-adjustment function To be reviewed WEMDEUI_U0020 Design the main screens for FOD As a controller, I want to select a new forecast so that XXX > access to forecast options To be reviewed WEMDEUI_U0021 Design the main screens for FOD As a controller, I want to see a previous of the FOD based on the changes made so that XXX > request to visualize a forecast previous > visualize a forecast previous To be reviewed WEMDEUI_U0022 Design the main screens for FOD As a controller, I want to search, based on a set of parameters, for adjustment configurations of FOD so that XXX > set current load range interval > set current temperature range interval > set minimum load range interval > set maximum load range interval > set start date and end date for interval search > send a search query > visualize the search query's outcome in graph and table format To be reviewed WEMDEUI_U0023 Design the main screens for FCESS As a user, I want to navigate between "Regulation" and "Contingency Lower", "Contingecy Raise" and "RoCoF" so that I can quickly assess the request from the market forecast with the available contingency > tabs To be reviewed WEMDEUI_U0024 Design the main screens for FCESS As a controller, I want to check the Regulation Raise and Regulation Lower data so that XXX > visualize requirement, override value and time for Regulation Raise + "Cleared" Table > visualize requirement, override value and time for Regulation Lower + "Cleared" Table To be reviewed WEMDEUI_U0025 Design the main screens for FCESS As a controller, I want to select which forecast and current data line/s shown on the FCSS graph so that XXX > select one or multiple data points to be visualized > select time granularity To be reviewed WEMDEUI_U0026 Design the main screens for FCESS As a controller, I want to add an override to the FCSS so that XXX > access to override function > visualize current overrides To be reviewed User Stories
18. Define 18 User Stories
19. Define Task Analysis (TA) aims to decompose any workflow, including user actions, system response and environmental context. 19 T0 Monitor market T1.1 FOD T1.2 FCESS T1.3 Outages T1.x … T1.1.1 monitor current forecast T1.1.2 decide on forecast method T1.1.3 change forecast T1.2.1 monitor Regulation T1.2.2 decide on Regulation T1.2.3 add override on Regulation T1.3.1 check outages active in the current shift … Task Analysis
20. Problem statement 20
21. Ideate + Prototype Look for new ideas to solve the problem statements Quickly prototype and test new ideas 21
22. Ideate + Prototype 1. Simplicity 2. Feedback 3. Error tolerance 22 Efficient HMI Information Requirements Human- Centred Design Applications of ergonomic principles Understand the system behaviour Avoid hidden information Operator support Control Room Focused General AEMO Company Design Principles
23. Ideate + Prototype 23 User Flows are a type of diagrams that display all the paths a user can take when using a product. User Flows
24. Ideate + Prototype 24 Detailed User Flows
25. Ideate + Prototype 25 Wireframes
26. Ideate + Prototype 26 Iteration 2 Iteration 5 Iteration 8 Wireframes
27. Ideate + Prototype 27 Header Operative Dashboard Contextual Information High fidelity mock-ups
28. Solution defined 28 High fidelity mock-ups
29. Testing 29
30. “Most people make the mistake of thinking design is what it looks like. People think it's this veneer - that the designers are handed this box and told, 'Make it look good!' That's not what we think design is. It's not just what it looks like and feels like. Design is how it works” 30
31. Questions 31