Slide 1

Slide 1 text

UX Episode Design Thinking 27 May 2022

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

1. What is Design Thinking 2. Design Process 3. UX Activities and toolkit 4. WEMDE UI Case Study 5. Questions 4 Agenda

Slide 5

Slide 5 text

Mindset 5

Slide 6

Slide 6 text

Design Process 6

Slide 7

Slide 7 text

Techniques and Activities 7

Slide 8

Slide 8 text

Takeaways 8 Enough discovery and research on the problem Jump into solution mode quickly

Slide 9

Slide 9 text

Case Study WEM Dispatch Engine User Interface 9

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

WEMDE UI Project 11 Status Quo

Slide 12

Slide 12 text

Discover Reject predefined assumptions Gain real insights into users and their needs 12

Slide 13

Slide 13 text

Discover 13 User Interviews Conduct interviews with BA and SME Collect data, information and anecdotes

Slide 14

Slide 14 text

Discover 14 Customer Journey Map

Slide 15

Slide 15 text

Define Organize and analyse insights Create problem statements 15

Slide 16

Slide 16 text

Personas Define 16

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

Define 18 User Stories

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

Problem statement 20

Slide 21

Slide 21 text

Ideate + Prototype Look for new ideas to solve the problem statements Quickly prototype and test new ideas 21

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Ideate + Prototype 24 Detailed User Flows

Slide 25

Slide 25 text

Ideate + Prototype 25 Wireframes

Slide 26

Slide 26 text

Ideate + Prototype 26 Iteration 2 Iteration 5 Iteration 8 Wireframes

Slide 27

Slide 27 text

Ideate + Prototype 27 Header Operative Dashboard Contextual Information High fidelity mock-ups

Slide 28

Slide 28 text

Solution defined 28 High fidelity mock-ups

Slide 29

Slide 29 text

Testing 29

Slide 30

Slide 30 text

“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

Slide 31

Slide 31 text

Questions 31