GUI Design Making the Right Choices Causes: 1.Lack of graphical - - PDF document

gui design
SMART_READER_LITE
LIVE PREVIEW

GUI Design Making the Right Choices Causes: 1.Lack of graphical - - PDF document

Advanced Herd Management - Implementation, Visualization and User Interfaces Outline GUI Design Making the Right Choices Case Examples: Implementation, Visualization and SimHerd User Interfaces FarmOnline Advanced Herd


slide-1
SLIDE 1

Technology | Network | Management

Thomas N. Madsen

Implementation, Visualization and User Interfaces

Advanced Herd Management

2

Advanced Herd Management - Implementation, Visualization and User Interfaces

Outline

  • GUI Design – Making the Right Choices

Case Examples:

  • SimHerd
  • FarmOnline
  • Pig Management Project
  • Pig Management - Case Examples of GUI design

3

Advanced Herd Management - Implementation, Visualization and User Interfaces

Not Dedicating Ressources to Design

Results: 1.No one will understand your program – Worst case scenario, users will give up using your application. Causes: 1.Lack of graphical representation of your applications underlying logical structure, which should give the user an intuitive comprehension of your application. 2.Functionality and interaction/navigation will be placed randomly in your application, making it difficult for users to find what they are looking for.

4

Advanced Herd Management - Implementation, Visualization and User Interfaces

GUI Design

Making the Right Choices

5

Advanced Herd Management - Implementation, Visualization and User Interfaces

GUI – The Graphical User Interface

Consists of: 1.Visual representation 2.Navigation and Interaction The GUI operates as a communication platform between the user and the underlying logical design of a program. Thus the design of the GUI can be based

  • n either:

1.(Random choices as the program evolves – worst case!) 2.The system architecture 3.The user User-centered design is the only way forward!

6

Advanced Herd Management - Implementation, Visualization and User Interfaces

Good GUI Design Principals

1. User-centered GUI design – The GUI should reflect the user’s needs (not the system architecture). Functionality which will be used more frequently by the user should be more easily accessible in the GUI. 2. User archetypes – the GUI design should encompass each user archetype. 3. Abstraction layers – Organise the program functionality beneath well and logically abstracted ”layers”, e.g. divide functionality into Categories/Subcategories in order to provide the user with a drastically simplified overview of the program. 4. Keep it Simple – ”Less is More!”, prioritize, e.g. never display too much information at once. The user will not know where to start looking.

slide-2
SLIDE 2

7

Advanced Herd Management - Implementation, Visualization and User Interfaces

Case: SimHerd

Simulation of Management Strategies in Dairy Herds

8

Advanced Herd Management - Implementation, Visualization and User Interfaces

Case: SimHerd

Simulation of Management Strategies in Dairy Herds

  • Phase 1 – Pascal Solution
  • Phase 2 – MS Excell Solution
  • Phase 3 – GUI Design and Implementation by TNM A/S

9

Advanced Herd Management - Implementation, Visualization and User Interfaces

SimHerd: Phase 1 – Pascal Solution

10

Advanced Herd Management - Implementation, Visualization and User Interfaces

SimHerd: Phase 2 – MS Excell Solution

11

Advanced Herd Management - Implementation, Visualization and User Interfaces

SimHerd: Phase 3 – GUI by TNM A/S

User Archetypes: Veterinarians (basic IT-knowledge). User-Centered Design - Requirements: 1.A veterinarian will need to work with many farms. 2.Each farm will have some basic information/data, simulations will be based on. This information/data can change with time. 3.Many simulations can be done on each farm. User-Centered Design - Solutions: 1.Overview of all farms 2.Overview farm data and simulation process. 3.Distinction between farm data and simulations. Abstraction Layers: ”All Farms” > ”Farm” (+ simulation process menu) > ”Farm Setup” / ”Simulation Setup” Keep it Simple: Display of information is simplified by using tabs and collapsable menu systems.

12

Advanced Herd Management - Implementation, Visualization and User Interfaces

Case: FarmOnline

Monitoring Climatic Conditions in Pig Herds

slide-3
SLIDE 3

13

Advanced Herd Management - Implementation, Visualization and User Interfaces

Case: Pig Management Project

Developing a complete modern management system for pig herds using advanced herd management theory.

14

Advanced Herd Management - Implementation, Visualization and User Interfaces

Case: Agrosoft

Pigmanagement software

15

Advanced Herd Management - Implementation, Visualization and User Interfaces

16

Advanced Herd Management - Implementation, Visualization and User Interfaces

17

Advanced Herd Management - Implementation, Visualization and User Interfaces

18

Advanced Herd Management - Implementation, Visualization and User Interfaces

slide-4
SLIDE 4

19

Advanced Herd Management - Implementation, Visualization and User Interfaces

20

Advanced Herd Management - Implementation, Visualization and User Interfaces

Case: DLBR

Pigmanagement software

21

Advanced Herd Management - Implementation, Visualization and User Interfaces

22

Advanced Herd Management - Implementation, Visualization and User Interfaces

23

Advanced Herd Management - Implementation, Visualization and User Interfaces

24

Advanced Herd Management - Implementation, Visualization and User Interfaces

Case: Porcitec

Pigmanagement software

slide-5
SLIDE 5

25

Advanced Herd Management - Implementation, Visualization and User Interfaces

26

Advanced Herd Management - Implementation, Visualization and User Interfaces

27

Advanced Herd Management - Implementation, Visualization and User Interfaces

28

Advanced Herd Management - Implementation, Visualization and User Interfaces

29

Advanced Herd Management - Implementation, Visualization and User Interfaces

30

Advanced Herd Management - Implementation, Visualization and User Interfaces

slide-6
SLIDE 6

31

Advanced Herd Management - Implementation, Visualization and User Interfaces

32

Advanced Herd Management - Implementation, Visualization and User Interfaces

33

Advanced Herd Management - Implementation, Visualization and User Interfaces