Prelim Flashcards
(91 cards)
What is HCI?
Human Computer Interaction
field of study that refers to communication between the human user and computer stystem
HCI(Human Interaction Computer)
HCI emerged in ___?
1980s
T/F: HCI was emerged to make computers user-friendly
TRUE
When did Apple’s Macintosh revolutionized accessibility with features like the mouse and icon-based interfaces?
1984
What decade is the beginnings of HCI?
1950-1960
What decade is the “Early innovations: The GUI Revolution?
1970-1980
What decade is the Rise of the Web: Mobile and Ubiquitous Computing?
1990-2000
What decade is the Emerging technologies: Immersive and Intelligent HCI?
2010-2020
How do users interact with technology?
-sight
-touch
-sound
-voice
-spatial
Components of HCI: An individual or gorup whose needs and interaction styles are studies in HCI.
USER
Components of HCI: Users have specific goals, and the system helps achieve them through digital representation.
GOAL-ORIENTED TASK
Components of HCI: A crucial element in HCI, involving factors like interaction type, screen resolution and color contrast.
INTERFACE
Components of HCI: HVI considers the environment and context in which the system is used to improve communication.
CONTEXT
HCI Principles: Standardize design elements for seamless navigation across products
CONSISTENCY
HCI Principles: Implement shortcuts for experienced users
SHORTCUTS
HCI Principles: Use visual cues to inform users about progress and actions.
FEEDBACK
HCI Principles: Use clear, concise language for task completion
DIALOGUE
HCI Principles: Minimize errors with helpful tips and corrective suggestions
ERROR HANDLING
HCI Principles: Offer option to undo or change actions
REVERSAL
HCI Principles: Let users personalize experience through customization options.
CONTROLS
HCI Principles: Simplify interfaces to reduce cognitive load
MEMORY LOAD
BENEFITS OF IMPROVED HCI
-increased satisfaction
-improved accessibility
-better user experience
-greater innovation
-boosted engagement
HCI examples: Enables visual interaction with technology through icons, menus, and windows, found in devices
GUI
ashley hmtl
- opening tag ashley hmtl-content
-closing tag
highest
lowest
- ,
- )
- ,
- - unordered list (bulleted)
- -defining each list item
- -ordered lists (numbered)
, |
table- defines table in html
tr- table row
th- table head
tbody-table body, used to group the rows of a table
td- table data, content
60
ELEMENTS:
a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc.
61
FORMS INPUT ELEMENTS:
Displays a single-line text input field
62
FORMS INPUT ELEMENTS:
Displays a radio button (for selecting one of many choices)
buttons of choices
63
FORMS INPUT ELEMENTS:
Displays a checkbox (for selecting zero or more of many choices)
64
FORMS INPUT ELEMENTS:
Displays a submit button (for submitting the form)
i
65
FORMS INPUT ELEMENTS:
Displays a clickable button
66
T/F: The for attribute of the
TRUE
67
FORMS INPUT ELEMENTS:
Provides a hint within the input field.
68
ATTRIBUTES:
-indicates where the link will open
-link destination
-href
69
the various techniques and approach used to gather insights about users, their needs, behaviors, and motivations, this insights are crucial to gatherr insights about users
USER RESEARCH METHODOLOGIES
70
Questioners distributed to a large number of users to collect about their demographics, attitudes, and behaviors
SURVEY
71
One on one conversation with users to explore their needs, pain point, experiences, related to product or service
INTERVIEWS
72
Observing users as they interact with product or prototype to identify usability issues and areas for improvement
USABILITY TESTING
73
Best for gathering quantitative data, identifying trends and measuring questions
SURVEY
74
Best for exploring complex issues, experiences, in-depth insight, rich in qualitative data
INTERVIEWS
75
Often used in the early stages of research to gather broad information and identify areas for further exploration. Can be used later to a variable findings, from qualitative research
SURVEY
76
More suitable for exploratory research, understanding needs in detail, and gathering feedback on prototypes or designs
INTERVIEWS
77
T/F: Surveys offer anonymity useful for gathering data
true
78
79
semi-fictional representation of your ideal customer based on research and data about your existing and prospective customers.
User persona
80
key components of user persona:
-the user want to achieve
Goal and needs
81
key components of user persona:
- the challenges and obstacles this user faces
Frustrations and Pain Points:
82
a concise, plain-language description of something a user wants to achieve with your product.
user story
83
The user story format
As a [type of user], I want [goal/desire] so that[benefit/reason].
84
This involves breaking down a task into smaller steps to understand how users currently perform it. This helps us identify areas where we can simplify or improve the process.
task analysis
85
- Breaks down a task into a hierarchy of goals, sub-goals, and operations. It visually represents the steps involved in a tree-like structure.
Hierarchical Task Analysis (HTA)
86
- Focuses on the mental processes involved in performing a task, such as decision-making, problem-solving, and memory.
Cognitive Task Analysis (CTA)
87
A detailed, structured approach that describes the goals, operators (actions), methods (procedures), and selection rules (decision-making) involved in a task.
GOMS (Goals, Operators, Methods, Selection Rules)
88
Visually represents the sequence of steps and decisions involved in a task using symbols and arrows.
Flowcharting
89
90
91
attributes
- indicate the file path
src
|
---|