Font size
WorksheetsHCI - Midterm Exam
Total questions: 78
Worksheet time: 1hrs 18mins
Age/generation, Disability/accessibility, Gender, Consumer group, Occupation and Culture/country.
USER TYPE
PLATFORM / SYSTEM SETUP
VENDORS / ORGANIZATIONS
INTERFACE STYLE / MODALITY/TECHNOLOGY
Mobile/handheld, Desktop, Large display/virtual reality, Embedded, Public installation and Operating system/network.
USER TYPE
PLATFORM / SYSTEM SETUP
VENDORS / ORGANIZATIONS
INTERFACE STYLE / MODALITY/TECHNOLOGY
Private, Public and Design style/identity.
USER TYPE
PLATFORM / SYSTEM SETUP
VENDORS / ORGANIZATIONS
INTERFACE STYLE / MODALITY/TECHNOLOGY
WIMP(Windows, Icons, Menus, Pointers), Non-WIMP 3-D and Multimodal.
USER TYPE
PLATFORM / SYSTEM SETUP
VENDORS / ORGANIZATIONS
INTERFACE STYLE / MODALITY/TECHNOLOGY
Location/place, Time, Noise/lighting and Bodily constraints
USER TYPE
PLATFORM / SYSTEM SETUP
TASK/OPERATIONAL CONTEXT
INTERFACE STYLE / MODALITY/TECHNOLOGY
Game, Media/information, Electronic commerce , Design/editing and Social network service
USER TYPE
APPLICATIONS
TASK/OPERATIONAL CONTEXT
INTERFACE STYLE / MODALITY/TECHNOLOGY
Display layout, Information structure/navigation, Soliciting input, Information/output visualization
Design process and practices, User experience and General aesthetics.
GENERAL HCI DESIGN
APPLICATIONS
TASK/OPERATIONAL CONTEXT
INTERFACE STYLE / MODALITY/TECHNOLOGY
The display layout should be such that it is organized according to the information content (e.g.,importance,sequence, functionality), is sized manageably (e.g., divided into proper sections), is attention grabbing, and is visually pleasing (e.g., aligned and with restricted use of colors)
GENERAL HCI DESIGN
APPLICATIONS
VISUAL DISPLAY LAYOUT
INTERFACE STYLE / MODALITY/TECHNOLOGY
Clever designs for taking user input (e.g., raw information or system commands) can improve the overall performance, in terms of both time and accuracy, for highly interactive systems.
GENERAL HCI DESIGN
TAKING USER INPUT
VISUAL DISPLAY LAYOUT
INTERFACE STYLE / MODALITY/TECHNOLOGY
Visual Display Layout guidelines avoid cluttered displays, place important items consistently, place important items at the top center and stucture for easy comparison.
TRUE
FALSE
What is HCI stands for?
(a)
Human-Computer Interaction (HCI) is a multidisciplinary field of study focusing on the design of computer technology and, in particular, the interaction between ______________________.
human and gadgets
user and interface
human and computer
user and interaction
____________ is a concept to be distinguished from another similar term, interface.
interaction
user
human and computer
user and interaction
When humans interact with _____________, they bring to the encounter a lifetime of experience.
system
interface
application
computer
Represents the internal state on output peripherals
system
interface
application
computer
Encompasses the functional completeness, high usability, aesthetic appeal of the interactive artifact, and seamless integration into one's lifestyle.
user experience
interface
application
computer
HCI comprises three major parts within the framework, ____________, _______________ and _________________.
human, machine, interface
human, computer, interaction
user, machine, interaction
user, computer, interface
_______________ play an important role in achieving the goal of designing HCI.
Capability
Usability
Accessibility
Deliverability
This principle simply states that the interaction and interface should cater to the needs and capabilities of the target user of the system in design
Know Thy User
Understand the Task
Reduce Memory Load
Remind Users and Refresh Their Memory
Is closely related
to the interaction modeling and user analysis.
Know Thy User
Understand the Task
Reduce Memory Load
Remind Users and Refresh Their Memory
Is of particular importance with regard to the interface's role as quick and easy guidance to the completion of the task.
Know Thy User
Understand the Task
Reduce Memory Load
Remind Users and Refresh Their Memory
Any significant task will involve the use of memory, so another good strategy is to employ interfaces that give continuous reminders of important information and thereby refresh the user's memory.
Know Thy User
Understand the Task
Reduce Memory Load
Remind Users and Refresh Their Memory
________________ between users and computers occurs at the user interface which includes both software and hardware.
Interface
Interaction
Design
Development
What does HTML stand for?
(a)
What is the syntax for an HTML comment?
<comment>This is a comment</comment>
<com: This is a comment>
<!-- This is a comment -->
<comment:"This is a comment" />
What is the difference between a start tag and an end tag?
An end tag starts with a forward slash.
They are identical.
An end tag is capitalized.
An end tag is mandatory but a start tag is optional.
Which file extension is used with standard web pages?
.doc
.xhtml
.txt
.html
Which of the following is an opening HTML tag?
</html>
<<html>>
<html>
<html/>
Which one of the following is a closing HTML tag?
<html />
</html>
<</html>>
<html>
Which tag is used to add an image?
<image>
<img>
<<img>>
</image>
Which of the following is the correct way to add an attribute?
<src>
classes:ids
id="title"
<id>
What symbol should you use to target an id in css?
.
+
id
#
What symbol should you use to target a class name in css?
#
()
.
class
What is the correct syntax to change the background color with css?
background-color: purple;
background-color = "purple";
backgroundcolor=orange
change-background-color: purple
TRUE OR FALSE: HTML is used to style web pages.
True
False
TRUE OR FALSE: CSS is used to style web pages
True
False
What is missing from this HTML skeleton?
<!DOCTYPE html>
<html>
<body>
</body>
</html>
<head></head>
<div></div>
<img></img>
<head>
What tag do you use to make a numbered list?
<list>
<ol>
<li>
<ul>
How do you change the font color with CSS?
font-color: green;
color: green;
change-font-color: green;
fontcolor=green;
TRUE OR FALSE: All tags require a closing tag.
True
False
Where should you put the link tag to connect your CSS and HTML file?
Between the <head> </head> in HTML
Between the <body> </body> in HTML
None of the above.
Where should you put the link tag to connect your CSS and HTML file?
Between the <head> </head> in HTML
Between the <body> </body> in HTML
None of the above.
TRUE OR FALSE: HTML is used to add content to web pages.
True
False
Which of the following is the correct CSS link tag?
<link rel="styles" href="stylesheet.css">
<link href="stylesheet">
<link rel="stylesheet" src="styles.css">
<link rel="stylesheet" href="styles.css">
the main heading in a web document?
CSS stands for
Code Style Sheet
Coding Style Sheet
Cascading Sheet Style
Cascading Style Sheet
Which is the correct CSS syntax?
body {color: yellow;}
body:color=yellow;
{body:color= yellow;}
{body;color: yellow;}
Which one is the correct syntax for CSS?
property {selector : value}
value {property : selector}
selector {value : property}
selector { property : value}
Which of these is an advantage of CSS?
Good control over the presentation.
Saves time on maintaining the html document.
Makes the web site look less cluttered.
All of the above
How do you display a border like this:
The top border = 10 pixels
The bottom border = 5 pixels
The left border = 20 pixels
The right border = 1pixel?
How do you display a border like this:
border-width:10px 1px 5px 20px;
border-width:5px 20px 10px 1px;
border-width:10px 5px 20px 1px;
border-width:10px 20px 5px 1px;
th
one cell in a row of headers
one data cell
one row of headers
one column of headers
tr
one column on the right
one cell in a table
one row of anything
one column of anything
td
one cell in a header
one column of a row
one row of a column
one data cell in a row
The closing table tag is
</close>
</caption>
</table>
<table>
Which of the following tags will create a horizontal line across the page?
<hr>
<line>
<p>
<grid>
How can you make a numbered list?
<dl>
<list>
<ol>
<ul>
What form elements are used in creating this drop-down list?
<select> and <option>
<label> and <input>
<textarea> and <input>
<select> and <input>
What HTML input type is used to create this password field?
<input type="text">
<input type="submit">
<input type="password">
<input type="radio">
What HTML input type is used to create this form selections?
<input type="text">
<input type="submit">
<input type="password">
<input type="radio">
__________ provides an easy way to collect required information from web page visitors.
Link
Form
Image
None of the above
sets the color of words in a paragraph
h1 {
color: pink;
}
img {
color: pink;
}
body {
color: pink;
}
p {
color: pink;
}
Select the rule set to make all the text in your web page blue and centered.
p {
color: blue;
}
body {
text-align: left;
color: blue;
}
p {
text-align: center;
color: blue;
}
body {
text-align: center;
color: blue;
}
Which selector will change the font of the text?
font-size
text-align
font-famiy
text-decoration
Which rule set would change the font size to 24?
font-size: 24
size: 24;
font-size: 24;
font size: 24;
