Exam Winter 2023 Flashcards

(35 cards)

1
Q

Which of the following systems were the first to offer real-time collaborative editing?

Youtube

Engelbart’s NLS/Augment

WorldWideWeb

The Xerox Star

A

Engelbart’s NLS/Augment

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

A cognitive walkthrough requires the following number of real users as test subjects to produce valid results

12

6

20

None

A

None

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

What does the term ‘affordance’ mean in the context of HCI?

The perceived cost (time, money, effort) of performing an action with a user interface.

How visually appealing a user interface is.

A degree of effectiveness of a user interface in achieving the user’s goals.

The perceived action possibilities of a user interface element

A

The perceived action possibilities of a user interface element

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

Assuming a typing tasks that involves occasional low precision pointing, an as low
acquisition time as possible is preferred. Which of the following input devices would best realise that?

A mouse

A trackpad

A joystick

A trackpoint

A

A trackpoint

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

According to Shneiderman’s Golden Rules, what does “Strive of Consistency” imply?

Ensuring that the user interface is uniform and predictable.

Ensuring that the aesthethics of the user interface is appealing.

Ensuring that the user interface offers multiple interaction techniques for the same interaction
task.

The the design of the user interface shouldn’t appear too soft (many rounded corners, low
contrast, etc.)

A

Ensuring that the user interface is uniform and predictable.

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

According to activity theory, what is the ‘subject’ of an activity?

  • The object or goal that the activity is directed towards.
  • The individual (or group) performing the activity.
  • The tool used to realise the activity.
  • The division of labour in the activity
A

The individual (or group) performing the activity.

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

What is the goal of conducting a cognitive walkthrough?

  • Identifying inconsistencies in the aesthetics of the user interface.
  • Making sure that a certain set of interactions take as short time as possible.
  • Identifying unneccesarry features.
  • Identifying potential challenges in understanding how to perform tasks in the user interface
A

Identifying potential challenges in understanding how to perform tasks in the user interface

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

The concept of ‘degrees of freedom’ says something about the capabilities of an input device. How does it impact usability of a user interface?

  • Higher degrees of freedom means more usable user interface.
  • Higher degrees of freedom means more unrestricted interaction and therefore increased ease of
    use.
  • Degrees of freedom makes no different when it comes to usability.
  • Degrees of freedom influences the complexity of possible interactions in a user interface
A

Degrees of freedom influences the complexity of possible interactions in a user interface

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

What does the term ‘controller resistance’ refer to?

  • How difficult it is to learn to use a given input device.
  • The minimum time between two actions performed with an input device.
  • The type of resistance an input device gives when force is applied to it.
  • Determines the electrical current needed for the sensors to pick up movement from a pointing device.
A

The type of resistance an input device gives when force is applied to it.

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

What does the concept of ‘modes’ refer to?

  • Different types of interfaces: Command-line, direct manipulation, etc.
  • Distinct functional states a user interface can be in with each its set of possible actions the user
    can perform.
  • Whether an input device uses absolute or relative pointing.
  • The different steps involved in a complex interaction such as, e.g., creating a new account in a system or buying a product in a web shop
A

Distinct functional states a user interface can be in with each its set of possible actions the user
can perform.

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

What is the difference between internationalisation and localisation.

  • No difference, they are synonyms.
  • Internationalisation is the process of designing and developing software that can be adapted to different languages and cultures, localisation is the process of adapting software a specific country or culture.
  • Localisation is the process of designing and developing software that can be adapted to different languages and cultures, internationalisation is is the process of adapting software a specific country or culture.
  • Internationalisation is the process of translating software to different languages and localisation
    is the process of adapting software to adhere to specific cultural norms
A

Internationalisation is the process of designing and developing software that can be adapted to different languages and cultures, localisation is the process of adapting software a specific country or culture.

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

When it comes to visual design in a user interface, why is it recommended to use fewer borders and use spacing instead?

  • It isn’t, you should always use borders to separate content.
  • It reduces visual clutter in the interface.
  • It better emphasises visual hierarchy.
  • It provides a better balance between elements in the interface
A

It reduces visual clutter in the interface.

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

What does the term ‘balance’ relate to in visual design of user interfaces?

  • The arrangement or proportion of design elements.
  • The mixture between light and dark colors in the user interface.
  • The amount of text vs. icons in the user interface.
  • The amount of static and interactive content in the user interface.
A

The arrangement or proportion of design elements.

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

What does the Hick-Hyman law relate to?

  • The relationship between pointing time, distance to and size of target.
  • The relationship between hierarchy depth and selection time in drop-down menus.
  • The impact of cognitive load on decision-making time.
  • The number of participants needed in a controlled experiment for the results to have statistical
    significance.
A

The impact of cognitive load on decision-making time.

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

How can the gestalt principle of proximity be used in interface design?

  • It has no direct application in interface design.
  • It can be applied by grouping related elements to imply their significance and coherence.
  • It can be applied by distributing elements in the interface to create a more dynamic experience.
  • It can be applied by moving unrelated elements as far as possible from each other to avoid confusion.
A

It can be applied by grouping related elements to imply their significance and coherence.

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

Gestalt theory can as one of the few theories we have encountered in the course be
used as:

  • An explanatory theory
  • A descriptive theory
  • A predictive theory
  • A prescriptive theory
A

A prescriptive theory

17
Q

You are conducting an experiment comparing the typing speed of different input devices for text entry. What would the independent and dependent variables of the experimental design be?

  • Independent: Text entry speed, Dependent: Type of input device
  • Independent: Type of input device, Dependent: Text entry speed
  • Independent: Text entry speed, Dependent: User satisfaction
  • Independent: User satisfaction, Dependent: Text entry speed
A

Independent: Type of input device, Dependent: Text entry speed

18
Q

Which of the following statements about field studies is correct?

  • Prioritizes external validity by observing participants in their natural contexts.
  • Takes place in a controlled laboratory environment.
  • Participants are always unaware that they are taking part in a study.
  • Allows for the manipulation of variables to isolate causal relationship
A

Prioritizes external validity by observing participants in their natural contexts.

19
Q

What is the role of hypotheses in experimental design?

  • They are the summary of findings from the experiment after the data has been collected.
  • They are the ethical guidlines for conducting the experiment.
  • They describe the specific steps of the experiment.
  • They are testable predictions about the relationship between variables in the experiment
A

They are testable predictions about the relationship between variables in the experiment

20
Q

What type of HCI problem is the following: Is pointing in VR faster when combining
finger tracking with eye tracking rather than finger tracking alone?

  • Constructive
  • Empirical
  • Conceptual
  • Phenomenologica
21
Q

Given the following HTML

<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

<p>This is an important message</p>

Which of the following lines of Javascript will result in an object representing the second list item?

document.query(“.important”);

document.querySelectorAll(“.important”);

document.querySelectorAll(“li”)[1];

document.querySelector(“ul”).childSelector(2);

A

document.querySelectorAll(“li”)[1];

22
Q

When considering the visual appearance of elements in a web page, what methods can
be used to change it?

  • The visual appearance can only be modified by directly modifying HTML or CSS.
  • Changes to visual appearance can only be achieved by using the browser’s developer tools.
  • After a page has been loaded from the server, it is not possible to change the visual appearance.
  • The visual appearance of elements can be programatically modified using JavaScript.
A

The visual appearance of elements can be programatically modified using JavaScript.

23
Q

What is needed to turn an image into an image link?

  • Add an href attribute with the target URL to the image tag.
  • It must be done by handling a click event through JavaScript.
  • It cannot be done.
  • Embed the image tag in an anchor tag
A

Embed the image tag in an anchor tag

24
Q

What technologies can be used for animations in a web-based user interface?

  • Just CSS and HTML.
  • Just the canvas element through Javascript.
  • CSS and the canvas element.
  • Animations are not possible
A

CSS and the canvas element.

25

The Earth, our home in the vast cosmos, is a captivating celestial body that has intrigued humanity for centuries. One fundamental aspect that has been scientifically established is the Earth's spherical shape. This realization, supported by extensive evidence and observation, has revolutionized our understanding of the planet we inhabit.

.container { width: 400px; border: 1px solid black; padding: 8px; } were to produce this output: [[The image]] Which of the following snippets of CSS should be added? A .container img { float: right; margin: 8px; } B .container img { float: left; margin: 8px; } C .container img { position: relative; top: 0px; right: 0px; margin: 8px; } D .container img { position: absolute; top: 0px; left: 200px; margin: 8px; } - A - B - C - D
A
26
Which of the following is an example of a class selector in CSS? - .important - #important - important - >important
.important
27
In which of the following methods can a CSS selector be used as argument? - document.getElementById - document.selectFromQuery - document.querySelector document.findByCSSSelector
document.querySelector
28
Only one of the following lines of code will run both in node.js and the browser, which one? - alert("Hello, world!"); - document.body.innerHTML = "

Hello, world!

"; - console.log("Hello, world!"); - const fs = require("fs");
console.log("Hello, world!");
29
Which of the following methods uses JavaScript's functional programming capabilities where a function can be passed as argument? - document.querySelector - document.querySelectorAll - document.addEventListener - console.log
document.addEventListener
30
When calling addEventListener, a third optional boolean argument can be added, e.g., document.addEventListener("click", myEventHandler, true). What does it do? - It controls whether the default behaviour of the event on the element should be prevented or not. - In controls whether the event should be handled in the capturing phase or when bubbling upwards through the tree. - It controls whether the event should only be handled once or triggered on every click. - It controls whether the event should stop further propagation after being handled or continue it's propagation.
In controls whether the event should be handled in the capturing phase or when bubbling upwards through the tree.
31
Explain why all users can benefit from universal usability being considered from the very beginning of developing a user interface.
???
32
What is the difference between analytical and empirical evaluation? Give examples of when one or the other type is used.
???
33
Give two examples of good visual design practices for user interfaces and justify why they are good.
???
34
If you were to design a command-line interface for controlling smart lighting in your house (e.g., to automatically turn of lights at night, dim them in the evening, or to quickly switch between presets) what design considerations would you have to make? Also, are there any possible benefits over a direct manipulation interface?
???
35
When implementing a user interface, interface elements may have to be created dynamically (e.g., when a chat message arrives). Event delegation is often used for automatically handling events on the new dynamically created elements. Briefly explain what event delegation is and why it is used.
???