Prelim Flashcards

(91 cards)

1
Q

What is HCI?

A

Human Computer Interaction

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

field of study that refers to communication between the human user and computer stystem

A

HCI(Human Interaction Computer)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

HCI emerged in ___?

A

1980s

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

T/F: HCI was emerged to make computers user-friendly

A

TRUE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

When did Apple’s Macintosh revolutionized accessibility with features like the mouse and icon-based interfaces?

A

1984

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What decade is the beginnings of HCI?

A

1950-1960

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What decade is the “Early innovations: The GUI Revolution?

A

1970-1980

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What decade is the Rise of the Web: Mobile and Ubiquitous Computing?

A

1990-2000

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What decade is the Emerging technologies: Immersive and Intelligent HCI?

A

2010-2020

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

How do users interact with technology?

A

-sight
-touch
-sound
-voice
-spatial

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Components of HCI: An individual or gorup whose needs and interaction styles are studies in HCI.

A

USER

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Components of HCI: Users have specific goals, and the system helps achieve them through digital representation.

A

GOAL-ORIENTED TASK

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Components of HCI: A crucial element in HCI, involving factors like interaction type, screen resolution and color contrast.

A

INTERFACE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Components of HCI: HVI considers the environment and context in which the system is used to improve communication.

A

CONTEXT

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

HCI Principles: Standardize design elements for seamless navigation across products

A

CONSISTENCY

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

HCI Principles: Implement shortcuts for experienced users

A

SHORTCUTS

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

HCI Principles: Use visual cues to inform users about progress and actions.

A

FEEDBACK

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

HCI Principles: Use clear, concise language for task completion

A

DIALOGUE

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

HCI Principles: Minimize errors with helpful tips and corrective suggestions

A

ERROR HANDLING

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

HCI Principles: Offer option to undo or change actions

A

REVERSAL

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

HCI Principles: Let users personalize experience through customization options.

A

CONTROLS

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

HCI Principles: Simplify interfaces to reduce cognitive load

A

MEMORY LOAD

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

BENEFITS OF IMPROVED HCI

A

-increased satisfaction
-improved accessibility
-better user experience
-greater innovation
-boosted engagement

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

HCI examples: Enables visual interaction with technology through icons, menus, and windows, found in devices

A

GUI

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
HCI examples: Enable interaction with devices through physical movements, eliminating the need for keyboards, mouse, or touch screen
GENTURE-BASED INTERFACES
26
HCI examples: Actions like pinch-to-zoom, swiping, tapping on touch devices
TOUCH GESTURES
27
HCI examples: Recognizing hand or body movements to control devices
MOTION SENSORS
28
HCI examples: Fitness trackers and smart watches are the example of this, exemplifies HCI offering intuitive interaction through voice commands, gestures, and biometrics.
Wearable technology
29
HCI examples: Overlays digital elements onto the physical environment
AR
30
HCI examples: Creates fully immersive virtual environments, enabling users to explore entirely computer generated worlds
VR
31
HCI examples: Combines VR and AR allowing intuitive interactions like checking messages and attending virtual meetings without a phone
APPLES VISION PRO
32
What is HTML?
Hyper Text Markup Language
33
HTML is use to create?
WEBPAGES
34
HTML is invented by?
TIM BERNERS-LEE
35
When was HTMLinvented?
in 1991
36
When did HTML 1.0 was released?
in 1993
37
When did HTML 2.0 become the first official standard?
in 1995
38
HTML describes the ____ of a webpage
STRUCTURE
39
T/F: HTML elements tell the browser how to display the content
TRUE
40
These are the delineated by tags, written using angle brackets ()
ELEMENTS
41

ashley hmtl

element

- opening tag ashley hmtl-content

-closing tag
42
BASIC STRUCTURE: declaration defines that this document is an html document
43
BASIC STRUCTURE: element that is root element of an html page
44
BASIC STRUCTURE: elements that contains META INFORMATION about the html page
45
HTML is the combination of HyperText (_____) and Markup Language(_____).
INTERNAL LINKS LAYOUT
46
BASIC STRUCTURE: element specifies a title for the html page
</div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='47' id='card-570685569'> <div class='header'> 47 </div> <div class='card-face question'> <div class='question-content'> BASIC STRUCTURE: element defines the documents body, and is a container for all the visible contents ()headings, paragraphs, images etc. </div> </div> <div class='card-face answer'> <div class='answer-content'> <body> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='48' id='card-570685718'> <div class='header'> 48 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: elements defines a large heading </div> </div> <div class='card-face answer'> <div class='answer-content'> <h1> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='49' id='card-570685757'> <div class='header'> 49 </div> <div class='card-face question'> <div class='question-content'> How many does HTML provides levels of heading? </div> </div> <div class='card-face answer'> <div class='answer-content'> 6 levels </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='50' id='card-570685808'> <div class='header'> 50 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: defines the paragraph </div> </div> <div class='card-face answer'> <div class='answer-content'> <p> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='51' id='card-570685829'> <div class='header'> 51 </div> <div class='card-face question'> <div class='question-content'> which is the highest level of heading and which is the lowest </div> </div> <div class='card-face answer'> <div class='answer-content'> <h1> highest <h6>lowest </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='52' id='card-570686198'> <div class='header'> 52 </div> <div class='card-face question'> <div class='question-content'> tag used to embed images in an html page </div> </div> <div class='card-face answer'> <div class='answer-content'> <img> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='53' id='card-570686318'> <div class='header'> 53 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: tags defines a hyperlink, which is used to link from one page </div> </div> <div class='card-face answer'> <div class='answer-content'> <a href="link">namelink</a> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='54' id='card-570686405'> <div class='header'> 54 </div> <div class='card-face question'> <div class='question-content'> <!--and--> </div> </div> <div class='card-face answer'> <div class='answer-content'> COMMENTS </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='55' id='card-570686466'> <div class='header'> 55 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: an inline frame, a container that embeds another HTML document within the current one </div> </div> <div class='card-face answer'> <div class='answer-content'> <iframe src="URL" width="WIDTH" height="HEIGHT"></iframe> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='56' id='card-570686798'> <div class='header'> 56 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: Lists (<ul>, <ol>, <li>) <ul><li><items></li></ul> <ol><li><items></li></ol> </div> </div> <div class='card-face answer'> <div class='answer-content'> <ul>- unordered list (bulleted) <ol>-ordered lists (numbered) <li>-defining each list item </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='57' id='card-570687390'> <div class='header'> 57 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: This tag creates a generic container for grouping other HTML elements and applying styles like <section>,<article>,<header> </div> </div> <div class='card-face answer'> <div class='answer-content'> Divisions (<div>) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='58' id='card-570687395'> <div class='header'> 58 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: this elements create interactive forms for users to input data. </div> </div> <div class='card-face answer'> <div class='answer-content'> <form> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='59' id='card-570687397'> <div class='header'> 59 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: <table> <tr>, <th>, <tbody>,<td> </div> </div> <div class='card-face answer'> <div class='answer-content'> 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 </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='60' id='card-570687399'> <div class='header'> 60 </div> <div class='card-face question'> <div class='question-content'> ELEMENTS: a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc. </div> </div> <div class='card-face answer'> <div class='answer-content'> <form> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='61' id='card-570687400'> <div class='header'> 61 </div> <div class='card-face question'> <div class='question-content'> FORMS INPUT ELEMENTS: Displays a single-line text input field </div> </div> <div class='card-face answer'> <div class='answer-content'> <input type="text"> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='62' id='card-570687401'> <div class='header'> 62 </div> <div class='card-face question'> <div class='question-content'> FORMS INPUT ELEMENTS: Displays a radio button (for selecting one of many choices) buttons of choices </div> </div> <div class='card-face answer'> <div class='answer-content'> <input type ="radio"> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='63' id='card-570687403'> <div class='header'> 63 </div> <div class='card-face question'> <div class='question-content'> FORMS INPUT ELEMENTS: Displays a checkbox (for selecting zero or more of many choices) </div> </div> <div class='card-face answer'> <div class='answer-content'> <input type= "checkbox"> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='64' id='card-570687405'> <div class='header'> 64 </div> <div class='card-face question'> <div class='question-content'> FORMS INPUT ELEMENTS: Displays a submit button (for submitting the form) </div> </div> <div class='card-face answer'> <div class='answer-content'> <input type=" submit"> i </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='65' id='card-570693468'> <div class='header'> 65 </div> <div class='card-face question'> <div class='question-content'> FORMS INPUT ELEMENTS: Displays a clickable button </div> </div> <div class='card-face answer'> <div class='answer-content'> <input type= "button"> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='66' id='card-570693474'> <div class='header'> 66 </div> <div class='card-face question'> <div class='question-content'> T/F: The for attribute of the <label> tag should be equal to the id attribute of the <input> element to bind them together. </div> </div> <div class='card-face answer'> <div class='answer-content'> TRUE </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='67' id='card-570693475'> <div class='header'> 67 </div> <div class='card-face question'> <div class='question-content'> FORMS INPUT ELEMENTS: Provides a hint within the input field. </div> </div> <div class='card-face answer'> <div class='answer-content'> <placeholder=""> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='68' id='card-570694134'> <div class='header'> 68 </div> <div class='card-face question'> <div class='question-content'> ATTRIBUTES: -indicates where the link will open -link destination </div> </div> <div class='card-face answer'> <div class='answer-content'> -href </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='69' id='card-570694841'> <div class='header'> 69 </div> <div class='card-face question'> <div class='question-content'> 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 </div> </div> <div class='card-face answer'> <div class='answer-content'> USER RESEARCH METHODOLOGIES </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='70' id='card-570696886'> <div class='header'> 70 </div> <div class='card-face question'> <div class='question-content'> Questioners distributed to a large number of users to collect about their demographics, attitudes, and behaviors </div> </div> <div class='card-face answer'> <div class='answer-content'> SURVEY </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='71' id='card-570697191'> <div class='header'> 71 </div> <div class='card-face question'> <div class='question-content'> One on one conversation with users to explore their needs, pain point, experiences, related to product or service </div> </div> <div class='card-face answer'> <div class='answer-content'> INTERVIEWS </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='72' id='card-570697307'> <div class='header'> 72 </div> <div class='card-face question'> <div class='question-content'> Observing users as they interact with product or prototype to identify usability issues and areas for improvement </div> </div> <div class='card-face answer'> <div class='answer-content'> USABILITY TESTING </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='73' id='card-570697453'> <div class='header'> 73 </div> <div class='card-face question'> <div class='question-content'> Best for gathering quantitative data, identifying trends and measuring questions </div> </div> <div class='card-face answer'> <div class='answer-content'> SURVEY </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='74' id='card-570697583'> <div class='header'> 74 </div> <div class='card-face question'> <div class='question-content'> Best for exploring complex issues, experiences, in-depth insight, rich in qualitative data </div> </div> <div class='card-face answer'> <div class='answer-content'> INTERVIEWS </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='75' id='card-570697988'> <div class='header'> 75 </div> <div class='card-face question'> <div class='question-content'> 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 </div> </div> <div class='card-face answer'> <div class='answer-content'> SURVEY </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='76' id='card-570698315'> <div class='header'> 76 </div> <div class='card-face question'> <div class='question-content'> More suitable for exploratory research, understanding needs in detail, and gathering feedback on prototypes or designs </div> </div> <div class='card-face answer'> <div class='answer-content'> INTERVIEWS </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='77' id='card-570698529'> <div class='header'> 77 </div> <div class='card-face question'> <div class='question-content'> T/F: Surveys offer anonymity useful for gathering data </div> </div> <div class='card-face answer'> <div class='answer-content'> true </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='78' id='card-570698708'> <div class='header'> 78 </div> <div class='card-face question'> <div class='question-content'> </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='79' id='card-570700463'> <div class='header'> 79 </div> <div class='card-face question'> <div class='question-content'> semi-fictional representation of your ideal customer based on research and data about your existing and prospective customers. </div> </div> <div class='card-face answer'> <div class='answer-content'> User persona </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='80' id='card-570700472'> <div class='header'> 80 </div> <div class='card-face question'> <div class='question-content'> key components of user persona: -the user want to achieve </div> </div> <div class='card-face answer'> <div class='answer-content'> Goal and needs </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='81' id='card-570700689'> <div class='header'> 81 </div> <div class='card-face question'> <div class='question-content'> key components of user persona: - the challenges and obstacles this user faces </div> </div> <div class='card-face answer'> <div class='answer-content'> Frustrations and Pain Points: </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='82' id='card-570700744'> <div class='header'> 82 </div> <div class='card-face question'> <div class='question-content'> a concise, plain-language description of something a user wants to achieve with your product. </div> </div> <div class='card-face answer'> <div class='answer-content'> user story </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='83' id='card-570700831'> <div class='header'> 83 </div> <div class='card-face question'> <div class='question-content'> The user story format As a [type of user], I want [goal/desire] so that[benefit/reason]. </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='84' id='card-570700917'> <div class='header'> 84 </div> <div class='card-face question'> <div class='question-content'> 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. </div> </div> <div class='card-face answer'> <div class='answer-content'> task analysis </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='85' id='card-570701025'> <div class='header'> 85 </div> <div class='card-face question'> <div class='question-content'> - Breaks down a task into a hierarchy of goals, sub-goals, and operations. It visually represents the steps involved in a tree-like structure. </div> </div> <div class='card-face answer'> <div class='answer-content'> Hierarchical Task Analysis (HTA) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='86' id='card-570701069'> <div class='header'> 86 </div> <div class='card-face question'> <div class='question-content'> - Focuses on the mental processes involved in performing a task, such as decision-making, problem-solving, and memory. </div> </div> <div class='card-face answer'> <div class='answer-content'> Cognitive Task Analysis (CTA) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='87' id='card-570701170'> <div class='header'> 87 </div> <div class='card-face question'> <div class='question-content'> A detailed, structured approach that describes the goals, operators (actions), methods (procedures), and selection rules (decision-making) involved in a task. </div> </div> <div class='card-face answer'> <div class='answer-content'> GOMS (Goals, Operators, Methods, Selection Rules) </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='88' id='card-570701223'> <div class='header'> 88 </div> <div class='card-face question'> <div class='question-content'> Visually represents the sequence of steps and decisions involved in a task using symbols and arrows. </div> </div> <div class='card-face answer'> <div class='answer-content'> Flowcharting </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='89' id='card-570701246'> <div class='header'> 89 </div> <div class='card-face question'> <div class='question-content'> </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='90' id='card-570701253'> <div class='header'> 90 </div> <div class='card-face question'> <div class='question-content'> </div> </div> <div class='card-face answer'> <div class='answer-content'> </div> </div> </div> <div class='flashcard-row thin-card is-blurrable' data-a-button-url='/sign-up?packId=22681081&returnTo=%2Fpacks%2F22681081%2Fsubscribe&source=preview-card&subject=Intro+to+HCI' data-card-is-blurrable data-number='91' id='card-570703039'> <div class='header'> 91 </div> <div class='card-face question'> <div class='question-content'> attributes - indicate the file path </div> </div> <div class='card-face answer'> <div class='answer-content'> src </div> </div> </div> </div> </div> </div> <div class='flashcards-sidebar'> <div class='sidebar-header'> <div class='react-component' id='flashcards-search-bar'> <div class='placeholder market-search-bar' id='flashcards-search-bar-placeholder'></div> </div> </div> <div class='sidebar-content'> <p class='deck-subject-heading'> <a class="decks-in-subject-link" href="/packs/intro-to-hci-22681081"><span class="pack-name">Intro to HCI</span> (2 decks) </a></p> <ul class='deck-list-items'> <a class='deck-link selected' href='/flashcards/prelim-18103825/packs/22681081'> <li class='deck-list-item'>Prelim</li> </a> <a class='deck-link ' href='/flashcards/midterms-18412681/packs/22681081'> <li class='deck-list-item'>midterms</li> </a> </ul> </div> </div> </div> <div id='tooltip-controller'></div> <div data='{"packId":22681081,"source":"spaced-repetition-modal","subject":"Intro to HCI","resources":{"deckId":18103825,"packId":22681081},"returnTo":"/packs/22681081/subscribe"}' id='spaced-repetition-modal-controller'></div> <div id='banner-controller'></div> <div id='dialog-modal-controller'></div> <div class='band band-footer'> <div class='footer-main'> <ul class='sections'> <li class='section key-links'> <p class='section-heading'> Key Links </p> <ul class='options-list'> <li class='option'> <a id="footer-pricing-link" class="option-link" href="/pricing?paywall=upgrade">Pricing</a> </li> <li class='option'> <a class="option-link" href="/companies">Corporate Training</a> </li> <li class='option'> <a class="option-link" href="/teachers">Teachers & Schools</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://itunes.apple.com/us/app/brainscape-smart-flashcards/id442415567?mt=8">iOS App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal">Android App</a> </li> <li class='option'> <a class="option-link" target="_blank" rel="noopener" href="https://www.brainscape.com/faq">Help Center</a> </li> </ul> </li> <li class='section subjects'> <p class='section-heading'> Subjects </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/subjects/medical-nursing">Medical & Nursing</a> </li> <li class='option'> <a class="option-link" href="/subjects/law">Law Education</a> </li> <li class='option'> <a class="option-link" href="/subjects/foreign-languages">Foreign Languages</a> </li> <li class='option'> <a class="option-link" href="/subjects-directory/a">All Subjects A-Z</a> </li> <li class='option certified-classes'> <a class="option-link" href="/learn">All Certified Classes</a> </li> </ul> </li> <li class='section company'> <p class='section-heading'> Company </p> <ul class='options-list'> <li class='option'> <a class="option-link" href="/about">About Us</a> </li> <li class='option'> <a target="_blank" class="option-link" rel="nofollow noopener noreferrer" href="https://brainscape.zendesk.com/hc/en-us/articles/115002370011-Can-I-earn-money-from-my-flashcards-">Earn Money!</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy">Academy</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://brainscapeshop.myspreadshop.com/all">Swag Shop</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/contact">Contact</a> </li> <li class='option'> <a target="_blank" rel="nofollow noopener" class="option-link" href="/terms">Terms</a> </li> <li class='option'> <a target="_blank" class="option-link" href="https://www.brainscape.com/academy/brainscape-podcasts/">Podcasts</a> </li> <li class='option'> <a target="_blank" class="option-link" href="/careers">Careers</a> </li> </ul> </li> <li class='section find-us'> <p class='section-heading'> Find Us </p> <ul class='social-media-list'> <li class='option twitter-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://twitter.com/Brainscape"><img data-src="/pks/images/shared/twitterx-af917e8b474ed7c95a19.svg" alt="twitter badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option linkedin-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.linkedin.com/company/brainscape/"><img data-src="/pks/images/shared/linkedin-2f15819658f768056cef.svg" alt="linkedin badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option facebook-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.facebook.com/Brainscape"><img data-src="/pks/images/shared/facebook-1598a44227eabc411188.svg" alt="facebook badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option youtube-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.youtube.com/c/BrainscapeNY"><img data-src="/pks/images/shared/youtube-7f2994b2dc1891582524.svg" alt="youtube badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option pinterest-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.pinterest.com/brainscape/"><img data-src="/pks/images/shared/pinterest-04f51aa292161075437b.svg" alt="pinterest badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option tiktok-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.tiktok.com/@brainscapeu"><img data-src="/pks/images/shared/tiktok-644cf4608bd73fbbb24f.svg" alt="tiktok badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> <li class='option insta-badge group'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.instagram.com/brainscape/"><img data-src="/pks/images/shared/insta-210cc2d059ae807961d2.svg" alt="insta badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a> </li> </ul> <div class='get-the-app'> <div class='qr-code'> <img data-src="https://www.brainscape.com/assets/cms/public-views/shared/shortio-from-homepage.png" alt="QR code" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="130" height="130" /> </div> <div class='app-badges'> <div class='badge apple-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://apps.apple.com/us/app/brainscape-smart-flashcards/id442415567"><img data-src="/pks/images/shared/apple-badge-b6e4f380fb879821d601.svg" alt="apple badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> <div class='badge android-badge'> <a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img data-src="/pks/images/shared/android-badge-a2251833dc7f6ca8879c.svg" alt="android badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a> </div> </div> </div> </li> </ul> </div> <div class='footer-blurb'> Brainscape helps you reach your goals faster, through stronger study habits. <br> © 2025 Bold Learning Solutions. <a class="option-link" href="/terms">Terms and Conditions</a> </div> </div> <script> if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') { __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {}; } </script> <script> window.addEventListener('load', () => { setTimeout(() => { const script = document.createElement('script'); script.src = "/pks/js/public-deck-cards-page-7b7ec236709c09bce023.js"; script.defer = true; document.body.appendChild(script); }, 0); }); </script> <script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" defer="defer"></script> <script> document.addEventListener("mainSharedready", () => { GaHelper.setGaDimension("dimension1","No"); }); </script> <script type='application/ld+json'> {"@context":"https://schema.org/","@type":"Quiz","about":{"@type":"Thing","name":"Prelim"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is HCI?","acceptedAnswer":{"@type":"Answer","text":"Human Computer Interaction"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"field of study that refers to communication between the human user and computer stystem","acceptedAnswer":{"@type":"Answer","text":"HCI(Human Interaction Computer)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI emerged in ___?","acceptedAnswer":{"@type":"Answer","text":"1980s"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"T/F: HCI was emerged to make computers user-friendly","acceptedAnswer":{"@type":"Answer","text":"TRUE"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"When did Apple's Macintosh revolutionized accessibility with features like the mouse and icon-based interfaces?","acceptedAnswer":{"@type":"Answer","text":"1984"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What decade is the beginnings of HCI?","acceptedAnswer":{"@type":"Answer","text":"1950-1960"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What decade is the \"Early innovations: The GUI Revolution?","acceptedAnswer":{"@type":"Answer","text":"1970-1980"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What decade is the Rise of the Web: Mobile and Ubiquitous Computing?","acceptedAnswer":{"@type":"Answer","text":"1990-2000"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What decade is the Emerging technologies: Immersive and Intelligent HCI?","acceptedAnswer":{"@type":"Answer","text":"2010-2020"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"How do users interact with technology?","acceptedAnswer":{"@type":"Answer","text":"-sight -touch -sound -voice -spatial"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Components of HCI: An individual or gorup whose needs and interaction styles are studies in HCI.","acceptedAnswer":{"@type":"Answer","text":"USER"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Components of HCI: Users have specific goals, and the system helps achieve them through digital representation.","acceptedAnswer":{"@type":"Answer","text":"GOAL-ORIENTED TASK"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Components of HCI: A crucial element in HCI, involving factors like interaction type, screen resolution and color contrast.","acceptedAnswer":{"@type":"Answer","text":"INTERFACE"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Components of HCI: HVI considers the environment and context in which the system is used to improve communication.","acceptedAnswer":{"@type":"Answer","text":"CONTEXT"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI Principles: Standardize design elements for seamless navigation across products","acceptedAnswer":{"@type":"Answer","text":"CONSISTENCY"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI Principles: Implement shortcuts for experienced users","acceptedAnswer":{"@type":"Answer","text":"SHORTCUTS"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI Principles: Use visual cues to inform users about progress and actions.","acceptedAnswer":{"@type":"Answer","text":"FEEDBACK"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI Principles: Use clear, concise language for task completion","acceptedAnswer":{"@type":"Answer","text":"DIALOGUE"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI Principles: Minimize errors with helpful tips and corrective suggestions","acceptedAnswer":{"@type":"Answer","text":"ERROR HANDLING"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI Principles: Offer option to undo or change actions","acceptedAnswer":{"@type":"Answer","text":"REVERSAL"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI Principles: Let users personalize experience through customization options.","acceptedAnswer":{"@type":"Answer","text":"CONTROLS"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI Principles: Simplify interfaces to reduce cognitive load","acceptedAnswer":{"@type":"Answer","text":"MEMORY LOAD"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"BENEFITS OF IMPROVED HCI","acceptedAnswer":{"@type":"Answer","text":"-increased satisfaction -improved accessibility -better user experience -greater innovation -boosted engagement"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI examples: Enables visual interaction with technology through icons, menus, and windows, found in devices","acceptedAnswer":{"@type":"Answer","text":"GUI"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI examples: Enable interaction with devices through physical movements, eliminating the need for keyboards, mouse, or touch screen","acceptedAnswer":{"@type":"Answer","text":"GENTURE-BASED INTERFACES"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI examples: Actions like pinch-to-zoom, swiping, tapping on touch devices","acceptedAnswer":{"@type":"Answer","text":"TOUCH GESTURES"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI examples: Recognizing hand or body movements to control devices","acceptedAnswer":{"@type":"Answer","text":"MOTION SENSORS"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI examples: Fitness trackers and smart watches are the example of this, exemplifies HCI offering intuitive interaction through voice commands, gestures, and biometrics.","acceptedAnswer":{"@type":"Answer","text":"Wearable technology"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI examples: Overlays digital elements onto the physical environment","acceptedAnswer":{"@type":"Answer","text":"AR"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI examples: Creates fully immersive virtual environments, enabling users to explore entirely computer generated worlds","acceptedAnswer":{"@type":"Answer","text":"VR"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HCI examples: Combines VR and AR allowing intuitive interactions like checking messages and attending virtual meetings without a phone","acceptedAnswer":{"@type":"Answer","text":"APPLES VISION PRO"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"What is HTML?","acceptedAnswer":{"@type":"Answer","text":"Hyper Text Markup Language"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTML is use to create?","acceptedAnswer":{"@type":"Answer","text":"WEBPAGES"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTML is invented by?","acceptedAnswer":{"@type":"Answer","text":"TIM BERNERS-LEE"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"When was HTMLinvented?","acceptedAnswer":{"@type":"Answer","text":"in 1991"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"When did HTML 1.0 was released?","acceptedAnswer":{"@type":"Answer","text":"in 1993"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"When did HTML 2.0 become the first official standard?","acceptedAnswer":{"@type":"Answer","text":"in 1995"}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"Prelim"}]} </script> </body> </html>