34
April, 2015 GUI design & ontwikkeling in de machinebouw User Experience Design Consultant By Gerrit Willem Vos,

GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

April, 2015

GUI design & ontwikkeling in de machinebouw

User Experience Design Consultant By Gerrit Willem Vos,

Page 2: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

2

Contents

• What is User Experience design?

• What is the added value in engineering?

• Greefa – Grading Technology

• From wireframe to user interface

• Lessons learned

Page 3: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

3

What is User Experience Design?

De focus van UX ligt op web en mobile

The focus of UX is on web and mobile

Page 4: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

4

What is User Experience Design?

But UX goes beyond a pretty User Interface and Usability

Page 5: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

5

What is User Experience Design?

Great UX meets the users needs

Page 6: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

6

What is User Experience Design?

Great UX fits the users workflow

Page 7: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

7

Software

Hardware

User

What is the added value?

?

Software design in the field of engineering

Page 8: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

8

• Software is increasingly becoming user centred

• User experience is a selling point

• Good UX ties all functionalities together

• Clients are triggered but lack the necessary expertise

What is the added value?

Page 9: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

9

Greefa –Fruit grading machines

Producer of fruit grading machines

Page 10: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

10

Greefa –Fruit grading machines

A full redesign of the current grading software

Page 11: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

11

Greefa –Fruit grading machines

Fruit is graded using various measurement systems

Page 12: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

12

Greefa –Fruit grading machines

Quality is measured by photographing each piece of fruit

Page 13: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

13

Greefa –Fruit grading machines

Weighing and measuring each individual piece of fruit

Page 14: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

14

Greefa –Fruit grading machines

Each individual piece of fruit is transported to the designated outlet

Page 15: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

15

Greefa –Fruit grading machines

Where it is packed for shipment or stored in the warehouse

Page 16: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

16

Greefa – Users

Large Corporations

• High functional demand

• Large quantities of fruit

• Automated processes

• Regulated sorting processes

• Multiple operators, different roles

• Often inexperienced or uneducated

Page 17: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

17

Greefa – Users

Small fruit growers

• Low functional demand

• Often sorting their own fruit

• Packing often done by hand

• One or two key operators

• Working by intuition

• Little computer experience

Page 18: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

18

Greefa – Current software

Analyses of the current grading software

Page 19: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

19

Greefa – Current software

Multiple screens used for monitoring running processes

Page 20: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

20

Greefa – Current software

An accumulation of functionalities throughout the years

Page 21: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

21

Greefa – Current software

Complex UI for creating sorting programs

Page 22: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

22

Greefa – Current software

Disconnected from the workflow

Page 23: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

23

Greefa – Wireframing

Page 24: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

Greefa – Wireframing

Page 25: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

Greefa – Wireframing

Iterative design cycles

Design

Prototype

Design

Prototype

Evaluate

Evaluate Evaluate

Page 26: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

Agile approach

2-weekly sprints;

Iterative process;

Embrace change into the process;

26

Greefa – Current software

Technical constraints

Compatible with the old software

Include all current functionality;

Windows XP and Windows 8 compatibile;

Technische constraints visueel maken

Xp ------ windows 8

Shell around the existing software

All current functionality has to be included

Page 27: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

Greefa – Intelligent Grading Software

Page 28: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

Greefa – Intelligent Grading Software

Page 29: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

Greefa – Intelligent Grading Software

Page 30: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

Greefa – Intelligent Grading Software

Page 31: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

Greefa – Intelligent Grading Software

Page 32: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

32

Beta Testing

Page 33: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

33

• Outsourcing works very well in these situations

• Agile software development offers the flexibility needed

• Domain knowledge is vital. Invest time and effort to obtain it!

• Part of the job is teaching your clients

• Involve your clients in the design process

Lessons Learned

Page 34: GUI design & ontwikkeling in de machinebouw · machinebouw By Gerrit Willem Vos, User Experience Design Consultant . 2 Contents • What is User Experience design? • What is the

34

Questions?