SlideShare una empresa de Scribd logo
1 de 52
IS 431 Chapter 9 User Interface Design Group 13 Jason Reifman Keni Osada Chris Verdin Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Introduction Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Introduction Who’s presenting what? Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Introduction What to expect from Chapter 9: ,[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Introduction Key Terms ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design Goal Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design Layout   organizes areas of the screen or document for different purposes. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design Layout continued… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
fig_09_02 fig_09_02
IS 431 Chapter 9 Principles for User Interface Design Content  Awareness   Users should always be aware of where they are in the system and what is being displayed. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design Content  Awareness continued… ,[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design Aesthetics   Designing interfaces that are pleasing to the eye. ,[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design Aesthetics continued…   ,[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design User Experience   Designing the user interface with the users’ level of computer experience in mind. ,[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design User Experience & new techology   What the future holds for user interface.  Microsoft’s Surface Touchscreen technology is becoming more and more prevalent.  What type of effect will it have on business transactions? Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design Consistency   Enables users to predict what will happen next. ,[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Principles for User Interface Design Minimize User Effort   The interface should be simple and minimize the number of clicks or keystrokes to move from one part of the system to another. ,[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Overview ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],User Interface Design Process Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Use Scenario Development Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Use Scenario Development ,[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Interface Structure ,[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Interface Standards ,[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Interface Standards 1.  Interface Metaphor Set of user interface visuals, actions, and procedures from real world that is used as a model for the computer system.  e.g.  File and folder representation of operating system, Desktop representation  2.  Interface Template Defines general appearance of all screens Defines standard placement and order for common interface action Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Interface Standards 3.  Interface Objects Fundamental building blocks of the system such as entities and data stores e.g. Shopping Cart 4.  Interface Actions Actions within interface objects e.g.   add item, delete item, modify amount , etc 5.  Interface Icons Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Interface Design Prototyping ,[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process ,[object Object],[object Object],[object Object],Interface Design Prototyping Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process ,[object Object],[object Object],Interface Design Prototyping Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process ,[object Object],[object Object],Interface Design Prototyping Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Interface Evaluation ,[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interface Evaluation Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 User Interface Design Process Interface Evaluation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Navigation Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Navigation Design ,[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Navigation Design Types of Navigation Control ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Navigation Design Messages ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Navigation Design Messages Example of inappropriate error message Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Input Design ,[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Input Design ,[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Input Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Input Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Input Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Input Design ,[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Input Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Input Design Types of Input Forms Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 441 Chapter 9 Input Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 441 Chapter 9 Input Design Input Validation (Edit Checks) continued Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Output Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Output Design ,[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Output Design Types of Outputs Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 Summary ,[object Object],[object Object],[object Object],[object Object],[object Object],Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
IS 431 Chapter 9 The End Any Questions? Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End

Más contenido relacionado

La actualidad más candente

HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3Alan Dix
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI)Human Computer Interaction (HCI)
Human Computer Interaction (HCI)Lahiru Danushka
 
Human Computer Interaction HCI
Human Computer Interaction HCI Human Computer Interaction HCI
Human Computer Interaction HCI Gaditek
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionbrindaN
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design Saqib Raza
 
HCI 3e - Ch 17: Models of the system
HCI 3e - Ch 17:  Models of the systemHCI 3e - Ch 17:  Models of the system
HCI 3e - Ch 17: Models of the systemAlan Dix
 
HCI 3e - Ch 10: Universal design
HCI 3e - Ch 10:  Universal designHCI 3e - Ch 10:  Universal design
HCI 3e - Ch 10: Universal designAlan Dix
 
HCI 3e - Ch 15: Task analysis
HCI 3e - Ch 15:  Task analysisHCI 3e - Ch 15:  Task analysis
HCI 3e - Ch 15: Task analysisAlan Dix
 
User Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessbrindaN
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15koolkampus
 
HCI 3e - Ch 4: Paradigms
HCI 3e - Ch 4:  ParadigmsHCI 3e - Ch 4:  Paradigms
HCI 3e - Ch 4: ParadigmsAlan Dix
 
User interface design
User interface designUser interface design
User interface designSlideshare
 

La actualidad más candente (20)

User centered Design
User centered DesignUser centered Design
User centered Design
 
User interface design
User interface designUser interface design
User interface design
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
 
User interface-design
User interface-designUser interface-design
User interface-design
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI)Human Computer Interaction (HCI)
Human Computer Interaction (HCI)
 
Chapter 12 user interface design
Chapter 12 user interface designChapter 12 user interface design
Chapter 12 user interface design
 
Human Computer Interaction HCI
Human Computer Interaction HCI Human Computer Interaction HCI
Human Computer Interaction HCI
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 
HCI 3e - Ch 17: Models of the system
HCI 3e - Ch 17:  Models of the systemHCI 3e - Ch 17:  Models of the system
HCI 3e - Ch 17: Models of the system
 
Chapter1(hci)
Chapter1(hci)Chapter1(hci)
Chapter1(hci)
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
HCI 3e - Ch 10: Universal design
HCI 3e - Ch 10:  Universal designHCI 3e - Ch 10:  Universal design
HCI 3e - Ch 10: Universal design
 
Hci activity#1
Hci activity#1Hci activity#1
Hci activity#1
 
HCI 3e - Ch 15: Task analysis
HCI 3e - Ch 15:  Task analysisHCI 3e - Ch 15:  Task analysis
HCI 3e - Ch 15: Task analysis
 
User Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid ProcessUser Interface Design- Module 2 Uid Process
User Interface Design- Module 2 Uid Process
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15
 
HCI 3e - Ch 4: Paradigms
HCI 3e - Ch 4:  ParadigmsHCI 3e - Ch 4:  Paradigms
HCI 3e - Ch 4: Paradigms
 
User interface design
User interface designUser interface design
User interface design
 

Destacado

User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
Introducción al Project Management
Introducción al Project ManagementIntroducción al Project Management
Introducción al Project ManagementJuan Simó
 
Lecture 7 Software Engineering and Design User Interface Design
Lecture 7 Software Engineering and Design User Interface Design Lecture 7 Software Engineering and Design User Interface Design
Lecture 7 Software Engineering and Design User Interface Design op205
 
Architecture design in software engineering
Architecture design in software engineeringArchitecture design in software engineering
Architecture design in software engineeringPreeti Mishra
 
Software testing basic concepts
Software testing basic conceptsSoftware testing basic concepts
Software testing basic conceptsHưng Hoàng
 
Software Testing Basics
Software Testing BasicsSoftware Testing Basics
Software Testing BasicsBelal Raslan
 
Software testing methods, levels and types
Software testing methods, levels and typesSoftware testing methods, levels and types
Software testing methods, levels and typesConfiz
 

Destacado (8)

User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
Introducción al Project Management
Introducción al Project ManagementIntroducción al Project Management
Introducción al Project Management
 
Lecture 7 Software Engineering and Design User Interface Design
Lecture 7 Software Engineering and Design User Interface Design Lecture 7 Software Engineering and Design User Interface Design
Lecture 7 Software Engineering and Design User Interface Design
 
Architectural Design
Architectural DesignArchitectural Design
Architectural Design
 
Architecture design in software engineering
Architecture design in software engineeringArchitecture design in software engineering
Architecture design in software engineering
 
Software testing basic concepts
Software testing basic conceptsSoftware testing basic concepts
Software testing basic concepts
 
Software Testing Basics
Software Testing BasicsSoftware Testing Basics
Software Testing Basics
 
Software testing methods, levels and types
Software testing methods, levels and typesSoftware testing methods, levels and types
Software testing methods, levels and types
 

Similar a User Interface Design

User Interface Design,Principles & process
User Interface  Design,Principles & processUser Interface  Design,Principles & process
User Interface Design,Principles & processAbd-Ur Rehman Saqib
 
Five steps involved in user interface design are Use scenario dev.pdf
Five steps involved in user interface design are Use scenario dev.pdfFive steps involved in user interface design are Use scenario dev.pdf
Five steps involved in user interface design are Use scenario dev.pdfnavyugenterprisesdoo
 
System Analysis and Design
System Analysis and DesignSystem Analysis and Design
System Analysis and DesignMay Belleza
 
user-interface-design-131010063550-phpapp01.pdf
user-interface-design-131010063550-phpapp01.pdfuser-interface-design-131010063550-phpapp01.pdf
user-interface-design-131010063550-phpapp01.pdfLPhiHng3
 
13 si(systems analysis and design )
13 si(systems analysis and design )13 si(systems analysis and design )
13 si(systems analysis and design )Nurdin Al-Azies
 
Chapter14 designing interfaces and dialogues
Chapter14 designing interfaces and dialoguesChapter14 designing interfaces and dialogues
Chapter14 designing interfaces and dialoguesDhani Ahmad
 
Design Model & User Interface Design in Software Engineering
Design Model & User Interface Design in Software EngineeringDesign Model & User Interface Design in Software Engineering
Design Model & User Interface Design in Software EngineeringMeghaj Mallick
 
User Interface Design
User Interface DesignUser Interface Design
User Interface DesignYes3000
 
Ch09-User Interface Design
Ch09-User Interface DesignCh09-User Interface Design
Ch09-User Interface DesignFajar Baskoro
 
Chapter 8 User Interface Design .pptxInformation Technology Project Managemen
Chapter 8 User Interface Design .pptxInformation Technology Project ManagemenChapter 8 User Interface Design .pptxInformation Technology Project Managemen
Chapter 8 User Interface Design .pptxInformation Technology Project ManagemenAxmedMaxamuudYoonis
 
CSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationCSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationSalocin Dot TEN
 
Software engineering
Software engineeringSoftware engineering
Software engineeringIshucs
 
Eliminating the Odd
Eliminating the OddEliminating the Odd
Eliminating the OddKirk Bridger
 
Chapter 8 User Interface Design
Chapter 8 User Interface DesignChapter 8 User Interface Design
Chapter 8 User Interface DesignMeryl C
 
Interface Design
Interface DesignInterface Design
Interface Designgavhays
 
Usability awareness brown bag
Usability awareness brown bagUsability awareness brown bag
Usability awareness brown bagLawrenceNajjar
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Projectxyz01
 

Similar a User Interface Design (20)

User Interface Design,Principles & process
User Interface  Design,Principles & processUser Interface  Design,Principles & process
User Interface Design,Principles & process
 
Five steps involved in user interface design are Use scenario dev.pdf
Five steps involved in user interface design are Use scenario dev.pdfFive steps involved in user interface design are Use scenario dev.pdf
Five steps involved in user interface design are Use scenario dev.pdf
 
Ch11
Ch11Ch11
Ch11
 
System Analysis and Design
System Analysis and DesignSystem Analysis and Design
System Analysis and Design
 
user-interface-design-131010063550-phpapp01.pdf
user-interface-design-131010063550-phpapp01.pdfuser-interface-design-131010063550-phpapp01.pdf
user-interface-design-131010063550-phpapp01.pdf
 
13 si(systems analysis and design )
13 si(systems analysis and design )13 si(systems analysis and design )
13 si(systems analysis and design )
 
Chapter14 designing interfaces and dialogues
Chapter14 designing interfaces and dialoguesChapter14 designing interfaces and dialogues
Chapter14 designing interfaces and dialogues
 
Design Model & User Interface Design in Software Engineering
Design Model & User Interface Design in Software EngineeringDesign Model & User Interface Design in Software Engineering
Design Model & User Interface Design in Software Engineering
 
SAYAN14_HCI PDF.pptx
SAYAN14_HCI PDF.pptxSAYAN14_HCI PDF.pptx
SAYAN14_HCI PDF.pptx
 
User Interface Design
User Interface DesignUser Interface Design
User Interface Design
 
Ch09-User Interface Design
Ch09-User Interface DesignCh09-User Interface Design
Ch09-User Interface Design
 
Chapter 8 User Interface Design .pptxInformation Technology Project Managemen
Chapter 8 User Interface Design .pptxInformation Technology Project ManagemenChapter 8 User Interface Design .pptxInformation Technology Project Managemen
Chapter 8 User Interface Design .pptxInformation Technology Project Managemen
 
CSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationCSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 Documentation
 
Rajendra asp.net
Rajendra asp.netRajendra asp.net
Rajendra asp.net
 
Software engineering
Software engineeringSoftware engineering
Software engineering
 
Eliminating the Odd
Eliminating the OddEliminating the Odd
Eliminating the Odd
 
Chapter 8 User Interface Design
Chapter 8 User Interface DesignChapter 8 User Interface Design
Chapter 8 User Interface Design
 
Interface Design
Interface DesignInterface Design
Interface Design
 
Usability awareness brown bag
Usability awareness brown bagUsability awareness brown bag
Usability awareness brown bag
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Project
 

Último

Darshan Hiranandani [News About Next CEO].pdf
Darshan Hiranandani [News About Next CEO].pdfDarshan Hiranandani [News About Next CEO].pdf
Darshan Hiranandani [News About Next CEO].pdfShashank Mehta
 
Guide Complete Set of Residential Architectural Drawings PDF
Guide Complete Set of Residential Architectural Drawings PDFGuide Complete Set of Residential Architectural Drawings PDF
Guide Complete Set of Residential Architectural Drawings PDFChandresh Chudasama
 
Market Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMarket Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMintel Group
 
Kenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith PereraKenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith Pereraictsugar
 
Investment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy CheruiyotInvestment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy Cheruiyotictsugar
 
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607dollysharma2066
 
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort ServiceCall US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort Servicecallgirls2057
 
Cyber Security Training in Office Environment
Cyber Security Training in Office EnvironmentCyber Security Training in Office Environment
Cyber Security Training in Office Environmentelijahj01012
 
Annual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesAnnual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesKeppelCorporation
 
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCRashishs7044
 
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCRashishs7044
 
Flow Your Strategy at Flight Levels Day 2024
Flow Your Strategy at Flight Levels Day 2024Flow Your Strategy at Flight Levels Day 2024
Flow Your Strategy at Flight Levels Day 2024Kirill Klimov
 
Independent Call Girls Andheri Nightlaila 9967584737
Independent Call Girls Andheri Nightlaila 9967584737Independent Call Girls Andheri Nightlaila 9967584737
Independent Call Girls Andheri Nightlaila 9967584737Riya Pathan
 
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City GurgaonCall Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaoncallgirls2057
 
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCRashishs7044
 
PB Project 1: Exploring Your Personal Brand
PB Project 1: Exploring Your Personal BrandPB Project 1: Exploring Your Personal Brand
PB Project 1: Exploring Your Personal BrandSharisaBethune
 
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCRashishs7044
 

Último (20)

Japan IT Week 2024 Brochure by 47Billion (English)
Japan IT Week 2024 Brochure by 47Billion (English)Japan IT Week 2024 Brochure by 47Billion (English)
Japan IT Week 2024 Brochure by 47Billion (English)
 
Darshan Hiranandani [News About Next CEO].pdf
Darshan Hiranandani [News About Next CEO].pdfDarshan Hiranandani [News About Next CEO].pdf
Darshan Hiranandani [News About Next CEO].pdf
 
Guide Complete Set of Residential Architectural Drawings PDF
Guide Complete Set of Residential Architectural Drawings PDFGuide Complete Set of Residential Architectural Drawings PDF
Guide Complete Set of Residential Architectural Drawings PDF
 
Market Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMarket Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 Edition
 
Kenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith PereraKenya Coconut Production Presentation by Dr. Lalith Perera
Kenya Coconut Production Presentation by Dr. Lalith Perera
 
Investment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy CheruiyotInvestment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy Cheruiyot
 
No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
 
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
(Best) ENJOY Call Girls in Faridabad Ex | 8377087607
 
Call Us ➥9319373153▻Call Girls In North Goa
Call Us ➥9319373153▻Call Girls In North GoaCall Us ➥9319373153▻Call Girls In North Goa
Call Us ➥9319373153▻Call Girls In North Goa
 
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort ServiceCall US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
Call US-88OO1O2216 Call Girls In Mahipalpur Female Escort Service
 
Cyber Security Training in Office Environment
Cyber Security Training in Office EnvironmentCyber Security Training in Office Environment
Cyber Security Training in Office Environment
 
Annual General Meeting Presentation Slides
Annual General Meeting Presentation SlidesAnnual General Meeting Presentation Slides
Annual General Meeting Presentation Slides
 
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
8447779800, Low rate Call girls in Uttam Nagar Delhi NCR
 
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
 
Flow Your Strategy at Flight Levels Day 2024
Flow Your Strategy at Flight Levels Day 2024Flow Your Strategy at Flight Levels Day 2024
Flow Your Strategy at Flight Levels Day 2024
 
Independent Call Girls Andheri Nightlaila 9967584737
Independent Call Girls Andheri Nightlaila 9967584737Independent Call Girls Andheri Nightlaila 9967584737
Independent Call Girls Andheri Nightlaila 9967584737
 
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City GurgaonCall Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
 
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
8447779800, Low rate Call girls in Shivaji Enclave Delhi NCR
 
PB Project 1: Exploring Your Personal Brand
PB Project 1: Exploring Your Personal BrandPB Project 1: Exploring Your Personal Brand
PB Project 1: Exploring Your Personal Brand
 
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
8447779800, Low rate Call girls in Kotla Mubarakpur Delhi NCR
 

User Interface Design

  • 1. IS 431 Chapter 9 User Interface Design Group 13 Jason Reifman Keni Osada Chris Verdin Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 2. IS 431 Chapter 9 Introduction Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 3. IS 431 Chapter 9 Introduction Who’s presenting what? Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 4.
  • 5.
  • 6. IS 431 Chapter 9 Principles for User Interface Design Goal Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 7.
  • 8.
  • 9.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. IS 431 Chapter 9 Principles for User Interface Design User Experience & new techology What the future holds for user interface. Microsoft’s Surface Touchscreen technology is becoming more and more prevalent. What type of effect will it have on business transactions? Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 17.
  • 18.
  • 19.
  • 20. IS 431 Chapter 9 User Interface Design Process Use Scenario Development Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 21.
  • 22.
  • 23.
  • 24. IS 431 Chapter 9 User Interface Design Process Interface Standards 1. Interface Metaphor Set of user interface visuals, actions, and procedures from real world that is used as a model for the computer system. e.g. File and folder representation of operating system, Desktop representation 2. Interface Template Defines general appearance of all screens Defines standard placement and order for common interface action Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 25. IS 431 Chapter 9 User Interface Design Process Interface Standards 3. Interface Objects Fundamental building blocks of the system such as entities and data stores e.g. Shopping Cart 4. Interface Actions Actions within interface objects e.g. add item, delete item, modify amount , etc 5. Interface Icons Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. IS 431 Chapter 9 Navigation Design Messages Example of inappropriate error message Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45. IS 431 Chapter 9 Input Design Types of Input Forms Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 46.
  • 47. IS 441 Chapter 9 Input Design Input Validation (Edit Checks) continued Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 48.
  • 49.
  • 50. IS 431 Chapter 9 Output Design Types of Outputs Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End
  • 51.
  • 52. IS 431 Chapter 9 The End Any Questions? Introduction Principles for User Interface Design User Interface Design Process Navigation Design Input Design Output Design Summary End

Notas del editor

  1. GUI uses windows, menus, icons, and a mouse. It is the most common type of interfaces most students are likely to use personally and for developing systems.
  2. Navigation examples. – buttons & menus Input example – forms for adding new customers Output examples – reports and webpages
  3. Novice prefer interfaces with low density and more experienced uses like higher density. The book suggests using < 50% white space for novice users and approach 90% for the more experienced users.
  4. Consider adding menus with all available functions for Novice and adding shortcuts for the expert Where there is low employee turnover, some training can lessen the impact of less precise interfaces
  5. Example; many users are familiar with the Web, so the use of web-like interfaces can reduce the amount of learning required. Can reuse their web knowledge to reduce the learning curve of the new system.
  6. What is Input Design? Designing screens used to enter the information, as well as any forms users write or type information What is the goal of input design? To capture information for the system simply and easily. Reflect the nature of the inputs and ways to simplify their collection.
  7. Basic Principles Use Online and Batch Processing Appropriately Capture Data at the Source Minimize Keystrokes
  8. Online Processing Immediately records the transaction. Used when it is important to have real-time information about the business process . Think of online processing as (TicketMaster) – You buy your seats online and immediately after those seats are no longer available. Batch Processing Collects inputs and enters them at a later time in a batch. Used when real-time processing information Think of Batch processing as (Time cards) – They are entered in at the end of the day or end of the week.
  9. Capture data at the source - is the most important principle of input design. Capturing data at the source eliminates duplicate work, decreases processing time, decreases cost because its not being done twice, and reduces probability of error. When too many people handle something it increases a chance for error or it being misplaced.
  10. Capturing data at the source can be done in many ways. Such as Source Data Automation – Using special hardware devices to automatically capture data without requiring anyone to type it. Examples of this are Bar Code Reader – Supermarket checkout Optical Character Recognition - Checks Magnetic Stripe Readers – Credit Cards Smart Cards – Credit Card Sized Calculators Radio Frequency Identification Tag (RFID) – Broadcast its information to electronic readers.
  11. Minimize Keystrokes System should never ask for information that can be obtained in another way. (retrieving from database or a calculation) This can be done using lookups, drop down lists, and default values.
  12. In Input Design there are different Types of Inputs Such As Data items linked to fields Text which is Used to enter text & can have a fixed length & can be scrollable. Numbers which are Used to enter numbers and Can automatically be formatted to currency or a date. And Selection Box which Enables the user to select a value from a predetermined list. Should be arranged in a meaningful order. (alphabetical, most frequently used) Examples of selection boxes include Check Boxes Radio buttons On screen list boxes Drop-down list boxes Combo buttons Scroll bars (Slider)
  13. Here is an example of an input form. It has text box to enter your name, radio buttons to select your major, Check boxes to select software your comfortable using, On screen list box to select your hair color, drop down list box to select where you were born, and a slider to chose the level of interest.
  14. Input Validation also referred to as (Edit Checks) is used To prevent invalid information from entering the system 1 Completeness Check – that all required data have been entered. 2 Format Check – that data are of the right type and in the right format. 3 Range Check – that numeric data are within correct minimum and maximum values 4 Check Digit Check – check digits are added to numeric codes 5 Consistency Check – that combinations of data are valid. 6 Database Check – Compare data against a database or file.
  15. Here is more of a detailed description of input validation. A lot of it is pretty self explanatory.
  16. Basic Principles of Output Design to present information so users can accurately understand it with the least effort Understand Report Usage Read cover to cover because all information is needed. Used as references to find information or to identify specific items. Frequency is either Real-time reports like (Stock Market Quotes) or Batch Reports like (Totals, Summaries, Historical Averages)
  17. Manage information Load - Give managers only the information they need and nothing more. Most managers get too much information. Minimize Bias - The order of presentation should match the way in which the information is used. The problem with bias is that it can be very subtle and it can be introduced unintentionally By the way data is sorted.
  18. Detail Reports – detailed information about all the items requested Summary reports – lists summary information about all items Turnaround document – Outputs that “turn around” and become inputs Graphs – Charts used in addition to and instead of tables and numbers.
  19. User interface Design principles - Layout of the screen, form, or report. Design should help user be aware of content and context. Should be aesthetically pleasing. Designed to support first-time users and experienced users. User interface Design Process – Develop, design, define, prototype, and evaluation. Navigation Design – Make the system simple to use. Simplify the recovery for mistakes. Input Design – Capture accurate information for the system using online or batch processing, capture data at the source, minimize keystrokes and validate data entered. Output Design – Present information so users can accurately understand it. Design reports to minimize overload and bias. Types of reports in output design are – detail reports, summary reports, exception reports, turnaround documents, and graphs.
  20. Any Questions?