Answer to Question Q1a
The definition of human-computer interaction (HCI) according to SIG CHI, the Association for Computing Machinery's Special Interest Group on Computer-Human Interaction, is the study and design of interactive systems that involve people and computers. It focuses on creating user-friendly interfaces, understanding user needs, and developing methods to improve communication and collaboration between humans and technology. HCI encompasses aspects such as usability, accessibility, ergonomics, and cognitive psychology to enhance the overall experience when users interact with digital devices or systems.





****************************************************************************************
****************************************************************************************




Answer to Question Q1b
"Usability" refers to the effectiveness, efficiency, and ease of use of a product or system, typically focusing on how well users can accomplish specific tasks without getting frustrated or confused. It is primarily concerned with functionality, accessibility, and learnability.

On the other hand, "user experience" (UX) encompasses all aspects of a user's interaction with a product or service, including usability but also extends to emotional responses, perceptions, and overall satisfaction. UX considers factors such as visual design, interaction design, content, branding, and the user's entire journey from discovery to post-interaction.

In summary, usability is a subset of user experience that focuses on the practical aspects of using a product, while user experience includes the emotional and perceptual aspects along with usability.





****************************************************************************************
****************************************************************************************




Answer to Question Q1c
PACT stands for "Patient, Acute, Chronic, and Time-bound".





****************************************************************************************
****************************************************************************************




Answer to Question Q1d
Scenario: A user (P) adds items to their shopping list on their smartphone app (A), which syncs the updated list with a shared cloud storage (C) so that their partner can access it from a tablet (T). 

- P (Patient): The user who is creating the shopping list.
- A (Actor): The smartphone app through which the user interacts.
- C (Controller): The cloud storage service that synchronizes data between devices.
- T (Trustee): The partner's tablet, which accesses and displays the shared list.





****************************************************************************************
****************************************************************************************




Answer to Question Q2a
Before choosing a form of study, the W questions that you need to ask yourself are typically: "What do I want to study?", "Why am I interested in this subject?", "Which method or resources will be most effective for learning?", and "When should I study to optimize my productivity?" These questions help in identifying the subject matter, understanding personal motivation, selecting appropriate study tools, and establishing a study schedule. The correct option is: ['What, Why, Which, When'].





****************************************************************************************
****************************************************************************************




Answer to Question Q2b
In a Cognitive Walkthrough, the following instructions and information should be provided to experts to ensure their statements are realistic and relevant to a real-world example:

1. **Instructions:**
   - Explain the purpose of the Cognitive Walkthrough: This is a method for evaluating the usability of a system or interface by simulating how users might interact with it.
   - Describe the user persona: Define the characteristics, goals, and typical tasks of the expert as a user (e.g., an experienced software developer using a new programming tool).
   - Guide them through specific scenarios: Provide step-by-step examples of common tasks they would perform in their domain.
   - Instruct them to think aloud: Ask them to verbalize their thoughts, decisions, and actions while performing the tasks.
   - Encourage them to identify difficulties, confusion, or potential errors they might encounter.
   - Request feedback on usability, efficiency, and any improvements they suggest.

2. **Information for realism:**
   - Realistic context: Provide a specific context in which the expert would use the system (e.g., a project deadline, team collaboration, or integrating with existing workflows).
   - Access to relevant resources: Make sure experts have access to documentation, help files, or any other support materials they might typically use.
   - Constraints and limitations: Specify any constraints on their actions (e.g., time limits, system permissions, or available features).
   - Realistic data: Supply sample data that reflects the complexity and variety of data they would encounter in real life.
   - Recent experiences: Encourage them to draw from their own recent experiences when making judgments about usability.

By providing these instructions and information, experts can provide feedback based on how they would actually use the system, leading to more valuable insights for improving its design.





****************************************************************************************
****************************************************************************************




Answer to Question Q2c
Q2c_1: Effectiveness
Q2c_2: Efficiency
Q2c_3: Satisfaction
Q2c_4: Efficiency





****************************************************************************************
****************************************************************************************




Answer to Question Q2d
The aspect being considered at this stage is 'Selectivity'. Selectivity refers to a measure's ability to specifically target the mental workload variable of interest, while being insensitive to other unrelated factors or changes.





****************************************************************************************
****************************************************************************************




Answer to Question Q3a
The three types of attention in human information processing are:

1. **Selective Attention**: This refers to the ability to focus on a specific stimulus or task while ignoring irrelevant information from the environment. It allows us to concentrate on what is important and filter out distractions.

2. **Divided Attention**: Also known as multitasking, divided attention involves attending to two or more tasks simultaneously. It can be taxing and may result in reduced performance on both tasks compared to focusing on one at a time.

3. **Sustained Attention**: This type of attention is the ability to maintain focus on a task over an extended period. It's often required for activities that require continuous concentration, such as studying or working on a long project.

These three types of attention are interconnected and can be influenced by various factors, including individual differences, motivation, and cognitive load.





****************************************************************************************
****************************************************************************************




Answer to Question Q3b
The correct statements regarding automatic and controlled decisions are:

1. 'Controlled decisions demand conscious thought.'
2. 'Automatic decisions typically involve nearly immediate long-term memory procedures.'

These two options accurately describe the nature of each type of decision-making process. Automatic decisions are fast and rely on established, long-term memory patterns, while controlled decisions require more attention and conscious effort, often involving working memory and interaction with long-term memory. The other statements provided are either incorrect or do not accurately differentiate between automatic and controlled decisions.





****************************************************************************************
****************************************************************************************




Answer to Question Q3c
The graphic labeled "memory_systems_002.png" depicts the three main components of human information processing memory: sensory memory, short-term memory, and long-term memory. 

1. Sensory memory: This is the initial stage where incoming information from our senses is briefly held. It is depicted as a wide funnel-like structure at the bottom.
   
2. Short-term memory: Information that gets attended to from sensory memory moves to the short-term memory, shown as a middle-sized container. This is where we hold and process information for a limited time, typically up to 30 seconds.

3. Long-term memory: If the information in the short-term memory is rehearsed or repeated, it can be transferred to long-term memory, represented by the largest container at the top. This is where permanent storage of information occurs.

These three components work together to process and store information in our brains.





****************************************************************************************
****************************************************************************************




Answer to Question Q4a
The three key criteria of heuristics for websites as described by Budd (2007) are:

1. Visibility of system status: The website should inform users about what is happening, such as confirming actions and providing feedback on the current state.

2. User control and freedom: Users should be able to easily navigate back from their previous steps or cancel actions, allowing them to undo or redo as needed.

3. Consistency and standards: The design and functionality of the website should be consistent across different sections, following established conventions and reducing learning负担 for users.





****************************************************************************************
****************************************************************************************




Answer to Question Q4b
The study you mentioned from the HCI lecture in SS 23, which investigated the effects of ChatGPT as a developer support tool during programming tasks, is classified as a "Formative" user study. Formative studies are typically conducted to gather feedback and insights during the design or development phase, helping to improve the product or service before its release.





****************************************************************************************
****************************************************************************************




Answer to Question Q4c
The NASA Task Load Index (NASA-TLX) is a subjective assessment tool used to measure perceived workload in various tasks and user experiences. From administering the NASA-TLX, several types of results can be derived:

1. **Overall Task Difficulty**: The total score from NASA-TLX provides an overall indication of how difficult participants found a task or activity. It combines ratings across multiple dimensions.

2. **Dimensional Analysis**: Participants rate their experience on six subscales: Mental Demand, Physical Demand, Temporal Demand, Performance, Effort, and Frustration. These individual ratings can be used to identify which aspects of the task contribute most to the perceived workload.

3. **Comparisons between Tasks or Conditions**: NASA-TLX allows for comparing different tasks or conditions by analyzing the scores across participants. This helps in understanding which conditions are more demanding or less favorable.

4. **Correlation with Performance Metrics**: The subjective workload ratings can be correlated with objective performance measures (e.g., task completion time, error rate) to understand if there is a relationship between perceived effort and actual performance.

5. **Group Differences**: Researchers can compare NASA-TLX scores between different groups (e.g., novices vs experts, users of different interfaces) to identify differences in workload perception.

6. **Design Optimization**: By analyzing the results, designers can identify areas for improvement in a system or task, focusing on reducing specific demands that contribute most to the perceived workload.

These results provide valuable insights into user experience and can inform design decisions, ultimately leading to more efficient and user-friendly systems.





****************************************************************************************
****************************************************************************************




Answer to Question Q4d
{"Q4d_sub1": "retrospective", "Q4d_sub2": "introspective", "Q4d_sub3": "objective", "Q4d_sub4": "subjective", "Q4d_sub5": "subjective", "Q4d_sub6": "objective", "Q4d_sub7": "quantitative", "Q4d_sub8": "qualitative", "Q4d_sub9": "quantitative", "Q4d_sub10": "end user", "Q4d_sub11": "end user", "Q4d_sub12": "experts"}





****************************************************************************************
****************************************************************************************




Answer to Question Q5a
The Gestalt law of continuity, also known as the law of good continuation, states that our perception tends to organize elements in a way that completes smooth and continuous lines or shapes, even if they are not physically connected. This principle helps our brain create order out of chaos by grouping similar or related visual components into coherent patterns.

To illustrate this concept graphically in a web design, imagine a header section for a website with two navigation bars on the left and right sides. The navigation items on each bar are arranged such that they appear to be connected by smooth curves or lines, even if there is actually some space between them. This creates an illusion of continuity, guiding the viewer's attention along the length of the bars.

In this sketch (which cannot be directly provided here), the design would have:
1. Two navigation bars, one on the left and one on the right.
2. Navigation items represented as icons or text labels, positioned in a way that suggests they are part of a continuous curve or line.
3. A subtle use of color, shading, or other visual cues to emphasize the connection between these elements, further enhancing the perception of continuity.

By applying the law of continuity in this web design, the layout appears more organized and visually appealing, as it guides users' eyes through the content naturally.





****************************************************************************************
****************************************************************************************




Answer to Question Q5b
The design principle used in the excerpt of the web page from gucci.com is the Gestalt Law of Proximity. This law states that elements that are close to each other tend to be perceived as a group or unit rather than individual elements. In the provided figure (proximity_gestalt_law_outlined.png), we can see this principle in action in several ways:

1. The product images are grouped together, with similar items being placed near one another, creating the perception of related groups.
2. The text elements, such as the product names and prices, are positioned close to their corresponding images, forming a connection between them.
3. The navigation menu items are arranged closely, causing our visual system to recognize them as a single unit rather than separate buttons.

These examples demonstrate how the Gestalt Law of Proximity is employed in web design to organize information and guide the viewer's attention effectively.





****************************************************************************************
****************************************************************************************




Answer to Question Q6a
The "Power Law of Practice" is a concept in psychology and learning that suggests that the improvement in performance with practice follows a specific pattern. It states that as one practices a skill, the rate of improvement tends to decrease over time. This can be mathematically represented by the formula:

Performance = C * (N ^ (-1/k))

Where:
- Performance: The level of proficiency or speed achieved after a certain amount of practice.
- N: The number of trials or repetitions performed.
- C: A constant that represents the initial performance level or the asymptotic limit to one's skill.
- k: A constant representing the rate of learning, which determines how quickly the performance improves with each additional trial.

In essence, as the variable N (number of practice sessions) increases, the improvement in performance decreases, eventually approaching a plateau (the constant C). The variable k indicates how steeply the learning curve tapers off.





****************************************************************************************
****************************************************************************************




Answer to Question Q6b
Mapping in design analysis refers to the process of establishing a relationship or correspondence between two sets of data, typically input and output, in order to understand how a system functions or to optimize its performance. Two important properties that should be considered for "good" mapping are:

1. **Efficiency**: The mapping should be efficient, meaning it should minimize the computational effort or resource usage while transforming one set of data into another.

2. **Integrity**: The mapping should preserve the integrity of information, ensuring that no data is lost or distorted during the transformation process, and that the output accurately represents the input in terms of its intended meaning or semantics.





****************************************************************************************
****************************************************************************************




Answer to Question Q6c
Don Norman does not recommend the principle 'Give feedback' in his discussion of affordances.





****************************************************************************************
****************************************************************************************




Answer to Question Q6d
To create an HTA (Hierarchical Task Analysis) for the purchase of a bottle of soda from a vending machine, we can break down the process into several subtasks. Here's a textual representation of the HTA:

1. **Main Task: Purchase a Bottle of Soda**
   - Subtask 1: Approach the Vending Machine
     - Action: Walk up to the soda vending machine.
   - Subtask 2: Selection
     - Action: Identify the desired bottle of soda on the display.
     - Action: Input selection using buttons or touch screen (e.g., press the button corresponding to the chosen soda).
   - Subtask 3: Payment
     - Action: Insert money into the coin slot or insert a bill and wait for change, if necessary.
     - Action: Use a card or mobile payment option if available.
   - Subtask 4: Confirmation
     - Action: Wait for the machine to process the payment and acknowledge the selection.
   - Subtask 5: Retrieval
     - Action: Once the soda is vended, reach into the dispensing area to retrieve the bottle.
   - Subtask 6: Check for Correct Item
     - Action: Verify that the dispensed soda matches the one selected.
   - Subtask 7: Retrieve Change (if applicable)
     - Action: Collect any coins or cash returned from the machine.

This HTA represents the general steps a user would take to purchase a bottle of soda from a vending machine. Note that the exact process may vary depending on the specific vending machine's interface and payment options.





****************************************************************************************
****************************************************************************************




Answer to Question Q7a
Additive color mixing and subtractive color mixing are two fundamental concepts in color theory, particularly in the fields of light and pigments.

1. **Additive Color Mixing**: This is a color mixing method that applies to light. In additive color mixing, colors are combined by adding various wavelengths of light together. The primary colors used in this system are red, green, and blue (RGB). When these colors are mixed in different combinations, they produce a wide range of hues. If all three primary colors are combined at full intensity, white light is produced. This is the principle behind electronic displays, such as TVs and computer monitors.

2. **Subtractive Color Mixing**: This method applies to pigments or dyes, where colors are mixed by subtracting wavelengths of light from white. The primary colors in this system are cyan, magenta, and yellow (CMY), and their combinations produce other hues. When all three primary colors are combined, they absorb most of the light, leaving none to reflect back, resulting in a dark or black color. This is how printing inks work, where ink absorbs certain wavelengths of light and reflects others, creating the appearance of different colors.

In summary, additive color mixing combines light to create colors, while subtractive color mixing involves combining pigments or dyes that absorb light to produce colors.





****************************************************************************************
****************************************************************************************




Answer to Question Q7b
The frequency range of human hearing is '20 Hz - 20 kHz'.





****************************************************************************************
****************************************************************************************




Answer to Question Q7c
The four stages of auditory perception are:

1. **Sound Detection**: This is the initial stage where sound waves reach the ear and are picked up by the eardrum. The eardrum vibrates in response to these sound waves, converting them into mechanical energy.

2. **Signal Transmission**: The vibrations from the eardrum are then transmitted through the middle ear via three small bones called the ossicles (the malleus, incus, and stapes), which amplify the vibrations and transfer them to the inner ear.

3. **Sound Analysis**: In the inner ear, the vibrations are converted into electrical signals by the cochlea, a spiral-shaped structure filled with fluid. The hair cells within the cochlea detect these vibrations and generate nerve impulses that travel along the auditory nerve to the brain.

4. **Auditory Processing**: Finally, the brain processes these signals in the auditory cortex, where they are interpreted as meaningful sounds such as speech, music, or environmental noises. This stage involves the integration of information from multiple auditory centers to create a perception of sound and its source.

These stages are essential for us to perceive and make sense of the sounds around us.





****************************************************************************************
****************************************************************************************




Answer to Question Q7d
The correct statements are: 'One can read faster than one can listen' and 'One can listen faster than one can write'.





****************************************************************************************
****************************************************************************************




Answer to Question Q8a
1. Interviews
2. Focus groups
3. Prototyping





****************************************************************************************
****************************************************************************************




Answer to Question Q8b
Two trade-offs when choosing between a high-fidelity and low-fidelity prototype are:

1. Development time and cost: High-fidelity prototypes typically require more time and resources to create, as they aim for a near-final look and feel. In contrast, low-fidelity prototypes are quicker and cheaper to produce since they focus on the basic functionality and layout.

2. Feedback accuracy: High-fidelity prototypes can elicit more accurate feedback from users because they closely resemble the final product, allowing testers to better understand the intended experience. However, low-fidelity prototypes may lead to less detailed feedback due to their simplicity, but they are useful for early-stage testing of core concepts and usability.





****************************************************************************************
****************************************************************************************




Answer to Question Q8c
The correct statements regarding scenario-based design are:
1. User stories are used to understand the needs of users.
2. Conceptual scenarios are a good start for prototyping.

Therefore, the true options are indexed as [1, 2].





****************************************************************************************
****************************************************************************************




