BY JORDAN
RILEY
CAPE I.T Unit 1
HUMAN COMPUTER
INTERACTION/INTERFACE
Types and real world examples of HCI
Table of Contents
Introduction ..................................................................................................................................... 2
Human-Computer Interface/ Human- Computer Interaction (HCI) ............................................... 3
Types of HCI................................................................................................................................... 4
Graphical User Interface (GUI) ...................................................................................................... 6
Menu-Driven Interface.................................................................................................................... 7
Command-Driven Interface ............................................................................................................ 8
Natural Language Interface............................................................................................................. 9
Direct Manipulation Interface ....................................................................................................... 10
Two real world examples of the use of two types of HCI ............................................................ 11
Reference ...................................................................................................................................... 12
Introduction
Human


The end user
The members of an organization
Computer


Hardware
Software
Interface



A point where two objects meet.
A point where the human can tell the computer what to do.
A point where the computer displays the requested information.
Human-Computer Interface/ Human- Computer
Interaction (HCI)
HCI refers to a technology that enables humans to interact and communicate with computers. It
allows the user to and the computer to communicate with each other.
Types of HCI
1. Command Line Interface (CLI)
2. Menu Driven User Interface
3. Graphical user interface (GUI)
4. Natural language
5. Direct manipulation
Graphical User Interface (GUI)
Advantages:
1. Intuitive and easy to use for non-technical users.
2. Supports multitasking with multiple windows.
3. Visually appealing with rich graphics.
4. Encourages exploration and learning.
5. Provides instant feedback to user actions.
6. Utilizes icons for quicker recognition.
7. Can display more information simultaneously.
8. Accessible features for disabled users (e.g., screen readers).
9. Facilitates touch interaction on mobile devices.
10. Allows customization of layouts and themes.
Disadvantages:
1. Can be resource-intensive, requiring more memory and processing power.
2. Overwhelming for users unfamiliar with technology.
3. Can have a steep learning curve with complex designs.
4. May be slower for experienced users compared to command-driven interfaces.
5. Dependence on graphics can hinder performance on low-end devices.
6. Accessibility issues if not designed properly.
7. Inconsistency in UI designs can confuse users.
8. Requires precise inputs, such as clicking.
9. Space limitations can lead to information overload.
10. Potentially less efficient for users familiar with keyboard shortcuts.
Menu-Driven Interface
Advantages:
1. Organized structure makes navigation easy.
2. Reduces errors by limiting user choices.
3. Suitable for less technical users.
4. Good for step-by-step processes.
5. Can be easily localized for different languages.
6. Supports efficient navigation through hierarchies.
7. Reduces the need for memorization of commands.
8. Easy to update menus without reinventing the system.
9. Offers a familiar interface seen in many applications.
10. Can include help options within the menus.
Disadvantages:
1. May lead to frustration if menus are too deep or complex.
2. Can be slower than direct manipulation interfaces.
3. Limited flexibility for experienced users.
4. May require more clicks for task completion.
5. Can become cluttered with too many options.
6. Harder to implement in real-time scenarios.
7. Not suitable for actions that require frequent changes.
8. Can become confusing without clear organization.
9. Might not display all options at once.
10. Can be less intuitive than alternate interfaces.
Command-Driven Interface
Advantages:
1. Highly efficient for knowledgeable users.
2. Can perform complex tasks quickly.
3. Requires less computing power.
4. Offers complete control over the system.
5. Ideal for automation and scripting.
6. Easily integrates with other command-line tools.
7. Supports remote connections with minimal bandwidth.
8. Facilitates input using keyboard shortcuts.
9. Provides a straightforward way to access system functions.
10. Great for batch processing.
Disadvantages:
1. Steep learning curve for beginners.
2. Error-prone due to typographical mistakes.
3. Not visually representative, can be intimidating.
4. Limited feedback on errors compared to GUIs.
5. Requires memorization of commands.
6. Difficult to discover new features.
7. Accessibility barriers for users with disabilities.
8. Not suitable for casual or infrequent users.
9. Slower input method compared to point-and-click.
10. Can create discomfort for users expecting graphical interfaces.
Natural Language Interface
Advantages:
1. Intuitive interaction that mimics human conversation.
2. Users do not need formal training to use the interface.
3. More flexibility than a menu-driven interface.
4. Suitable for physically handicapped people.
5. Allows for hands-free operation.
6. Can be quicker than traditional keyboard entry.
7. Supports a wide range of tasks beyond traditional commands.
8. Continually adapts to user preferences.
9. Ideal for integration into smart devices.
10. Enhances accessibility for users with limited mobility.
Disadvantages:
1. Reliability can be poor because all commands have to be programmed and understood
by the system.
2. Highly complex to program, requiring robust natural language processing capabilities.
3. Not as widely available as other forms of user interfaces.
4. Voice user interfaces may need training to recognize various accents and regional
dialects, which can be challenging.
5. Difficulty in dealing with homonyms may hinder performance.
6. Emerging technology often contains ‘bugs’ or inconsistencies.
7. Limited command recognition compared to traditional interfaces, leading to potential
misunderstandings.
8. Responses may not always provide clear instructions.
9. May involve privacy concerns due to the handling of voice data.
10. Performance can falter in noisy environments, complicating user interaction.
Direct Manipulation Interface
Advantages:
1. Offers immediate feedback through visual representation.
2. Enhances user engagement with interactive elements.
3. Intuitive to use, often requiring less training.
4. Empowers users to explore and experiment safely.
5. Simplifies complex tasks by allowing visual drag-and-drop actions.
6. Reduces cognitive load by visually linking actions to outcomes.
7. Provides a clear context of where the user is in a task.
8. Easier to teach to novice users.
9. Supports a variety of input methods, like touch and gesture.
10. Allows for more natural workflows.
Disadvantages:
1. May not scale well for complex applications.
2. Can be resource-heavy, requiring substantial system resources.
3. Potential for visual clutter in complex tasks.
4. Can confuse users if the interface lacks clear instructions.
5. May lead to mistakes if users rely solely on visual elements.
6. Accessibility can be a challenge for some users.
7. Limited in terms of precise input and control.
8. Might require significant initial time investment for setup.
9. Can result in over-simplified representations of tasks.
10. Some actions may still require text input, creating inconsistency.
Two real world examples of the use of two
types of HCI
Example 1: Mobile Applications (Graphical User Interface - GUI)
One of the most prevalent examples of Human-Computer Interaction (HCI) utilizing a graphical
user interface is the mobile banking application. Applications like those from major banks offer
users a visually intuitive way to manage their finances. Through the use of icons, images, and a
well-structured layout, users can easily navigate between features such as transferring money,
checking balances, and viewing transaction histories. The UI is designed with user-friendly
elements, enhancing user experience by minimizing cognitive load and promoting efficient access
to vital information. This ensures users can perform complex financial tasks without needing
extensive computer knowledge, making banking more accessible to a broader audience.
Example 2: Voice-Activated Assistants (Natural Language Interface)
Voice-activated digital assistants, such as Amazon Alexa or Google Assistant, showcase HCI with
a natural language interface. Users interact with these assistants by speaking conversationally,
asking them to perform tasks like setting reminders, playing music, or providing weather updates.
This type of HCI allows for seamless integration into users' daily lives, as it requires minimal
manual interaction and can be utilized hands-free. The system continuously learns from user
interaction, improving its ability to understand varied accents and dialects over time, thereby
enhancing the user's experience by making the technology feel more human-like and responsive.
Reference
(www.conceptdraw.com, n.d.)
(www.slideserve.com, n.d.)
(www.helpdesk.egnyte.com, n.d.)