SlideShare a Scribd company logo
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Human Computer
Interface
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Human Computer Interface?
 HCI is not just about software design
 HCI applies to more than just desktop PCs!!!
 No such thing as “the best HCI”. Choice of
interface will depend on:
• Physical environment
• Experience of users
• Amount of info that needs to be gathered/conveyed
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Good Interface Design 1
SAFELY
EFFECTIVELY
EFFICIENTLY
ENJOYABLY
Tasks can be completed without risk – e.g.
flying an aeroplane.
Being able to do the right task and do it well –
e.g. videoing a TV programme
To carry out tasks quickly and correctly – e.g.
at a cashpoint
Users should be able to enjoy what they are
doing, not be frustrated by the interface – e.g.
educational programs
Users should be able to use an interface:
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Good Interface Design 2
WHO
WHAT
ENVIRONMENT
FEASIBILITY
Who is going to use the system, what are their
ages, etc.?
What tasks are they likely to want to perform?
Repetitive, complex, simple, etc.
Where is the computer to be used? In a
hazardous or noisy environment?
What is technologically available? Designers
should not add elements to the interface that
cannot actually be used out easily.
There are four considerations for an interface designer:
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
User Interfaces – 4 Types
 1. Command Line Interface (CLI)
• A CLI displays a prompt, the user types a
command on the keyboard and executes the
command. The computer executes the command,
providing textual output.
 2. Menu Driven Interface
• The user has a list of items to choose from, and
can make selections by highlighting one.
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
User Interfaces – 4 Types
 3. Graphical User Interface (GUI)
• Uses windows, icons, menus and pointers
(WIMP) which can be manipulated by a mouse
(and often to an extent by a keyboard as well).
 4. Natural Language Interface
• Can range from simple command systems to
voice activated text processing. Commands are
spoken in “normal” language.
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Command Line Interfaces 1
 Advantages
• Very flexible with the use of “switches” (options)
• Good for “expert”
users - can quickly
access commands
• Uses the fewest
system resources
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Command Line Interfaces 2
 Disadvantages
• Requires the user to learn “complex” commands or
language
• “Hidden” features i.e. if you don’t know the
commands you wont know the features are there!
• Not very good for novice users
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Command Line Interfaces 3
 Command Line Interface Applications
• System administration
• Engineering applications
• Scientific applications
• Ideal for visually impaired
users!!!
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Menu Driven Interfaces 1
 Advantages
• No need to learn complex commands/language
• Easier for a novice
to learn/use
• Ideal when there are
a limited number of
options (efficient)
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Menu Driven Interfaces 2
 Disadvantages
• Can be frustrating for experienced users i.e.
the command they want to use is buried 5
levels deep!!!!
• User interface may be limited by screen
space and number of options available
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Menu Driven Interfaces 3
 Menu Driven Applications
• ATM
• Mobile Phone
• MP3 Player
• Video recorder
• Household Devices
• Digital/Cable TV
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Graphical User Interfaces 1
 Most suitable interface
for inexperienced or
novice users but…
 GUIs use more system
resources than other
types of interface
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Graphical User Interfaces 2
 Many generic packages for a GUI will share
common features
• Layout of the screen
• Names given to
commands
• Icons
• Order of menus
• Mouse operation
• Dialog boxes
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Benefits of a common interface
1 Increased speed of learning 2 Ease of use
3 Confidence for novice users
4 Increase the range of
solvable tasks by users
5 Greater range
of software
available to
the average
computer user
There are five advantages to the ‘common user
interface’:
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Natural Language Interfaces 1
 Advantages
• No training required – you just tell the computer
what you want to do!
• Can be quicker than keyboard entry
• Hands-free – could be invaluable in some
environments
• Can be used by the disabled
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Natural Language Interfaces 2
 Disadvantages
• Emerging technology – still contains “bugs”
• Difficulty dealing with homonyms
• Difficult to recognise all the different ways of
saying things (and regional dialects)
• Artificial languages are often more precise
FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Research/Notes
 Make notes from your textbook (or
Internet sources) on HCI
 Try the past paper questions here
Disclaimer: Some of the info in this presentation (slides 3, 4 and 15) comes directly
from a presentation by R. Cawley and is © R. Cawley If you choose to alter this
presentation please leave this copyright notice intact.

More Related Content

PPT
2-10 User Interfaces.ppt for educational
PPT
essay, an analytic, interpretative, or critical literary composition usually ...
PPT
User Interface.ppt
PPT
User Interface Design in Software Engineering SE15
PPTX
2.3 people and ict systems
PPT
Hci user interface-design principals
PPT
Hci user interface-design principals lec 7
PPTX
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
2-10 User Interfaces.ppt for educational
essay, an analytic, interpretative, or critical literary composition usually ...
User Interface.ppt
User Interface Design in Software Engineering SE15
2.3 people and ict systems
Hci user interface-design principals
Hci user interface-design principals lec 7
Slide 4 - User Interface Design.pptx interface rather than its functionality ...

Similar to This is a ppt on HCI for Information Technology Cape (20)

PPTX
User interface design
PPT
User Interface
PDF
User Interface design & methods for easy utilization
PPTX
Types of User interface
PDF
WEEK_2_User_Interdace_case_study_student.pdf
PPT
SECh1516
PDF
user-interface-design-131010063550-phpapp01.pdf
PPT
User interface-design
PPTX
PPTX
Chapter 3
PPTX
USER INTERFACE , COMMAND, MENU, GUI.pptx
PPT
HCI - Chapter 3
PPT
HCI 3e - Ch 3: The interaction
PPT
16 user interfacedesign
PDF
Hci [4]interaction
PPTX
Human Computer Interactions Lecture 1.pptx
PPTX
HCI user interface & characterstics of interfaces.pptx
PPTX
HCI UNIT-I jntuk hci material jntuk.pptx
PPTX
User Interface Design
PPT
POLITEKNIK MALAYSIA
User interface design
User Interface
User Interface design & methods for easy utilization
Types of User interface
WEEK_2_User_Interdace_case_study_student.pdf
SECh1516
user-interface-design-131010063550-phpapp01.pdf
User interface-design
Chapter 3
USER INTERFACE , COMMAND, MENU, GUI.pptx
HCI - Chapter 3
HCI 3e - Ch 3: The interaction
16 user interfacedesign
Hci [4]interaction
Human Computer Interactions Lecture 1.pptx
HCI user interface & characterstics of interfaces.pptx
HCI UNIT-I jntuk hci material jntuk.pptx
User Interface Design
POLITEKNIK MALAYSIA
Ad

More from AlthimeseAnderson (13)

PDF
736749821-CSEC-INFORMATION-TECHNOLOGY-12-HOUR-CC-MAY-2024.pdf
PPT
Programming.pptVBVBBMCGHFGFDFDHGDFKJKJKKJ;J
PPTX
Online Education PowerPoint TCVCCemplates.pptx
PPTX
WEB PAGE CREATION USING HTvbvbvbzzbzML (1).pptx
PPTX
Module 3 FDFFBBBBBBBBFGFDFGFDGDGDFGFGFSSFDS
PPTX
FDFDRERSFDSGAGAFGGFGFGFGFGAFDGFDGFGFFAGFGGDF
PPT
Youth Training and Employment Partnership Programme Limited - Linda Ramsawak_...
PDF
Grade_12_-_IT_Unit_1_-_Christmas_Term_2022.pdf
PPT
essay, an analytic, interpretative, or critical literary composition usually ...
PPT
POWERPOINT FORM 1MMMMMMMMMMMMMMMMMMMMMMMMMMMM
PPT
(properly, the title in some jurisdictions
PDF
Form 3 2013-14 ICT T3.pdf
PDF
736749821-CSEC-INFORMATION-TECHNOLOGY-12-HOUR-CC-MAY-2024.pdf
Programming.pptVBVBBMCGHFGFDFDHGDFKJKJKKJ;J
Online Education PowerPoint TCVCCemplates.pptx
WEB PAGE CREATION USING HTvbvbvbzzbzML (1).pptx
Module 3 FDFFBBBBBBBBFGFDFGFDGDGDFGFGFSSFDS
FDFDRERSFDSGAGAFGGFGFGFGFGAFDGFDGFGFFAGFGGDF
Youth Training and Employment Partnership Programme Limited - Linda Ramsawak_...
Grade_12_-_IT_Unit_1_-_Christmas_Term_2022.pdf
essay, an analytic, interpretative, or critical literary composition usually ...
POWERPOINT FORM 1MMMMMMMMMMMMMMMMMMMMMMMMMMMM
(properly, the title in some jurisdictions
Form 3 2013-14 ICT T3.pdf
Ad

Recently uploaded (20)

PPTX
573393963-choose-your-own-adventure(2).pptx
PDF
Ricardo Salinas Pliego Accused of Acting as A Narcotics Kingpin
PPTX
65bc3704-6ed1-4724-977d-a70f145d40da.pptx
PPTX
White Green Simple and Professional Business Pitch Deck Presentation.pptx
PPTX
vsfbvefbegbefvsegbthnmthndgbdfvbrsjmrysnedgbdzndhzmsr
PPTX
Callie Slide Show Slide Show Slide Show S
PPTX
Technical-Codes-presentation-G-12Student
PPTX
CPAR7 ARTS GRADE 112 LITERARY ARTS OR LI
PPTX
Visual-Arts.pptx power point elements of art the line, shape, form
PPTX
Military history & Evolution of Armed Forces of the Philippines
PPTX
CMU-PPT-LACHICA-DEFENSE FOR RESEARCH PRESENTATION
PDF
TUTI FRUTI RECETA RÁPIDA Y DIVERTIDA PARA TODOS
PPTX
CPAR_QR1_WEEK1_INTRODUCTION TO CPAR.pptx
PPTX
current by laws xxxxxxxxxxxxxxxxxxxxxxxxxxx
PPSX
Multiple scenes in a single painting.ppsx
PPTX
EJ Wedding 520 It's official! We went to Xinyi District to do the documents
PPTX
Slide_Egg-81850-About Us PowerPoint Template Free.pptx
PPTX
Art Appreciation-Lesson-1-1.pptx College
PDF
the saint and devil who dominated the outcasts
PPTX
unit5-servicesrelatedtogeneticsinnursing-241221084421-d77c4adb.pptx
573393963-choose-your-own-adventure(2).pptx
Ricardo Salinas Pliego Accused of Acting as A Narcotics Kingpin
65bc3704-6ed1-4724-977d-a70f145d40da.pptx
White Green Simple and Professional Business Pitch Deck Presentation.pptx
vsfbvefbegbefvsegbthnmthndgbdfvbrsjmrysnedgbdzndhzmsr
Callie Slide Show Slide Show Slide Show S
Technical-Codes-presentation-G-12Student
CPAR7 ARTS GRADE 112 LITERARY ARTS OR LI
Visual-Arts.pptx power point elements of art the line, shape, form
Military history & Evolution of Armed Forces of the Philippines
CMU-PPT-LACHICA-DEFENSE FOR RESEARCH PRESENTATION
TUTI FRUTI RECETA RÁPIDA Y DIVERTIDA PARA TODOS
CPAR_QR1_WEEK1_INTRODUCTION TO CPAR.pptx
current by laws xxxxxxxxxxxxxxxxxxxxxxxxxxx
Multiple scenes in a single painting.ppsx
EJ Wedding 520 It's official! We went to Xinyi District to do the documents
Slide_Egg-81850-About Us PowerPoint Template Free.pptx
Art Appreciation-Lesson-1-1.pptx College
the saint and devil who dominated the outcasts
unit5-servicesrelatedtogeneticsinnursing-241221084421-d77c4adb.pptx

This is a ppt on HCI for Information Technology Cape

  • 1. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Human Computer Interface
  • 2. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Human Computer Interface?  HCI is not just about software design  HCI applies to more than just desktop PCs!!!  No such thing as “the best HCI”. Choice of interface will depend on: • Physical environment • Experience of users • Amount of info that needs to be gathered/conveyed
  • 3. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Good Interface Design 1 SAFELY EFFECTIVELY EFFICIENTLY ENJOYABLY Tasks can be completed without risk – e.g. flying an aeroplane. Being able to do the right task and do it well – e.g. videoing a TV programme To carry out tasks quickly and correctly – e.g. at a cashpoint Users should be able to enjoy what they are doing, not be frustrated by the interface – e.g. educational programs Users should be able to use an interface:
  • 4. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Good Interface Design 2 WHO WHAT ENVIRONMENT FEASIBILITY Who is going to use the system, what are their ages, etc.? What tasks are they likely to want to perform? Repetitive, complex, simple, etc. Where is the computer to be used? In a hazardous or noisy environment? What is technologically available? Designers should not add elements to the interface that cannot actually be used out easily. There are four considerations for an interface designer:
  • 5. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License User Interfaces – 4 Types  1. Command Line Interface (CLI) • A CLI displays a prompt, the user types a command on the keyboard and executes the command. The computer executes the command, providing textual output.  2. Menu Driven Interface • The user has a list of items to choose from, and can make selections by highlighting one.
  • 6. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License User Interfaces – 4 Types  3. Graphical User Interface (GUI) • Uses windows, icons, menus and pointers (WIMP) which can be manipulated by a mouse (and often to an extent by a keyboard as well).  4. Natural Language Interface • Can range from simple command systems to voice activated text processing. Commands are spoken in “normal” language.
  • 7. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Command Line Interfaces 1  Advantages • Very flexible with the use of “switches” (options) • Good for “expert” users - can quickly access commands • Uses the fewest system resources
  • 8. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Command Line Interfaces 2  Disadvantages • Requires the user to learn “complex” commands or language • “Hidden” features i.e. if you don’t know the commands you wont know the features are there! • Not very good for novice users
  • 9. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Command Line Interfaces 3  Command Line Interface Applications • System administration • Engineering applications • Scientific applications • Ideal for visually impaired users!!!
  • 10. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Menu Driven Interfaces 1  Advantages • No need to learn complex commands/language • Easier for a novice to learn/use • Ideal when there are a limited number of options (efficient)
  • 11. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Menu Driven Interfaces 2  Disadvantages • Can be frustrating for experienced users i.e. the command they want to use is buried 5 levels deep!!!! • User interface may be limited by screen space and number of options available
  • 12. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Menu Driven Interfaces 3  Menu Driven Applications • ATM • Mobile Phone • MP3 Player • Video recorder • Household Devices • Digital/Cable TV
  • 13. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Graphical User Interfaces 1  Most suitable interface for inexperienced or novice users but…  GUIs use more system resources than other types of interface
  • 14. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Graphical User Interfaces 2  Many generic packages for a GUI will share common features • Layout of the screen • Names given to commands • Icons • Order of menus • Mouse operation • Dialog boxes
  • 15. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Benefits of a common interface 1 Increased speed of learning 2 Ease of use 3 Confidence for novice users 4 Increase the range of solvable tasks by users 5 Greater range of software available to the average computer user There are five advantages to the ‘common user interface’:
  • 16. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Natural Language Interfaces 1  Advantages • No training required – you just tell the computer what you want to do! • Can be quicker than keyboard entry • Hands-free – could be invaluable in some environments • Can be used by the disabled
  • 17. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Natural Language Interfaces 2  Disadvantages • Emerging technology – still contains “bugs” • Difficulty dealing with homonyms • Difficult to recognise all the different ways of saying things (and regional dialects) • Artificial languages are often more precise
  • 18. FatMax 2007. Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License Research/Notes  Make notes from your textbook (or Internet sources) on HCI  Try the past paper questions here Disclaimer: Some of the info in this presentation (slides 3, 4 and 15) comes directly from a presentation by R. Cawley and is © R. Cawley If you choose to alter this presentation please leave this copyright notice intact.