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 Management • Pig Management Project • Pig Management - Case Examples of GUI design Thomas N. Madsen Technology | Network | Management 2 Advanced Herd Management - Implementation, Visualization and User Interfaces 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. GUI Design Making the Right Choices 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. 3 4 Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces GUI – The Graphical User Interface Good GUI Design Principals 1. User-centered GUI design – The GUI should reflect the user’s needs (not Consists of: the system architecture). Functionality which will be used more frequently 1.Visual representation by the user should be more easily accessible in the GUI. 2.Navigation and Interaction 2. User archetypes – the GUI design should encompass each user archetype. The GUI operates as a communication platform between the user and the 3. Abstraction layers – Organise the program functionality beneath well and underlying logical design of a program. Thus the design of the GUI can be based logically abstracted ”layers”, e.g. divide functionality into on either: Categories/Subcategories in order to provide the user with a drastically 1.(Random choices as the program evolves – worst case!) 2.The system architecture simplified overview of the program. 3.The user 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. User-centered design is the only way forward! 5 6

Advanced Herd Management - Implementation, Visualization and User Interfaces 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 Case: SimHerd • Phase 3 – GUI Design and Implementation by TNM A/S Simulation of Management Strategies in Dairy Herds 7 8 Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces SimHerd: Phase 1 – Pascal Solution SimHerd: Phase 2 – MS Excell Solution 9 10 Advanced Herd Management - Implementation, Visualization and User Interfaces 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 Case: FarmOnline information/data can change with time. 3.Many simulations can be done on each farm. Monitoring Climatic Conditions in Pig Herds 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. 11 12

Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces Case: Pig Management Project Case: Agrosoft Pigmanagement software Developing a complete modern management system for pig herds using advanced herd management theory. 13 14 Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces 15 16 Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces 17 18

Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces Case: DLBR Pigmanagement software 19 20 Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces 21 22 Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces Case: Porcitec Pigmanagement software 23 24

Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces 25 26 Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces 27 28 Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces 29 30

Advanced Herd Management - Implementation, Visualization and User Interfaces Advanced Herd Management - Implementation, Visualization and User Interfaces 31 32 Advanced Herd Management - Implementation, Visualization and User Interfaces 33