Usability and user interface design

遊んで学ぼう

問題に答えてエネルギーを集めたら、釣りや探検を楽しもう。アカウント不要。

教育者の方へ： Usability and user interface design（KS3 Computing、Digital Literacy）向けのすぐ使えるレッスンスライド, 復習ノート — レッスンで使うか、学習者がライブゲームとして遊ぶインタラクティブなクラス活動としてトピックを実施できます。

レッスンノート

What is Usability?

Usability (or user-friendliness) is how easily and safely people can use a product to do tasks effectively and enjoyably.
It applies to software, websites, books, tools, machines – anything a human interacts with.
Good usability means the design fits how users think and behave, not just what the technology can do.
The term 'user friendly' is often used, but 'usable' and 'useful' are more precise.
Usability is part of user experience (UX) – the overall feeling a person has when using a product.

The Five Components of Usability

Learnability: How easy it is to do basic tasks the first time you use the design.
Efficiency: How quickly you can do tasks once you have learned the design.
Memorability: How easily you can remember how to use it after a break.
Errors: How few mistakes users make, how serious they are, and how easy they are to fix.
Satisfaction: How pleasant and enjoyable the design is to use.

Key Principles of Good Interface Design

Layout: Arrange items logically – related things close together, important things easy to find.
Consistency: Use the same colours, fonts, and button styles throughout so users learn quickly.
Contrast: Make text stand out from the background (e.g., dark text on light background) for readability.
Readable text: Choose clear fonts, sensible sizes, and enough line spacing.
Clear navigation: Menus and links should be obvious and predictable – users should never get lost.
Accessibility: Design so people with disabilities (e.g., visual or motor) can use the product too.

Designing for Different Devices

Interfaces must work on different devices: phones, tablets, laptops, and desktops.
Responsive design automatically adjusts layout to fit the screen size.
Touch screens need larger buttons and simpler gestures than mouse-driven interfaces.
Small screens require prioritising content – show the most important things first.
Always test on real devices to see how the design feels in practice.

User-Centered Design

User-centered design means keeping the intended users in mind at every stage of design.
Participatory design involves users as part of the design team.
Contextual inquiry is observing users in their own environment to understand real needs.
This approach can reveal needed features or design flaws that company research might miss.
The goal is to improve usability through iterative design – repeatedly testing and refining.

Evaluating and Improving Usability

Usability testing involves watching real users try to complete tasks and noting where they struggle.
Heuristic evaluation is a review by experts against known usability principles.
Surveys and interviews gather users' opinions and satisfaction levels.
Measure effectiveness (can users complete tasks?), efficiency (how fast?), and satisfaction (how happy?).
Use findings to make improvements, then test again – this is the iterative design cycle.

Why Usability Matters

Users have low tolerance for difficult designs or slow websites – they will leave.
People don't read manuals; they expect to grasp how a site works in seconds.
Good usability saves time and money for both users and organisations.
Prototypicality – users prefer designs that match familiar patterns (e.g., a shopping cart icon).
In a competitive market, usability can be the reason a product succeeds or fails.

Usability vs. Accessibility

Usability focuses on how easy something is to use for the intended audience.
Accessibility specifically ensures people with disabilities can use it.
They overlap – an accessible design is often more usable for everyone.
For example, high contrast helps visually impaired users and also improves readability in sunlight.
Good design considers both from the start.

スライド

Step through every slide for this topic — plus flashcards and revision notes — with a free account.

登録 — 無料ログイン

練習問題

無料プレビュー — 59問中8問。すべて見るには登録を。

1.Usability is the degree to which software can be used by specified consumers to achieve quantified objectives with effectiveness, efficiency, and satisfaction in a quantified context of use.
Easy
True or false?
2.Which of the following is NOT a component of usability according to Nielsen and Shneiderman?
Easy
- ALearnability
- BEfficiency
- CAesthetics
- DMemorability
3.According to Jakob Nielsen, users on the web are willing to wait and learn how to use a home page.
Easy
True or false?
4.Which of the following is an example of a usability study being conducted as a primary job function?
Easy
- AA usability analyst
- BA graphic designer
- CA marketing manager
- DA software developer
5.What does 'prototypicality' mean in the context of usability?
Easy
- AHow quickly users can learn a design
- BHow much a design conforms to expected shared norms
- CHow many errors users make
- DHow pleasant a design is to use
6.In user-centered design, the product is designed with its intended users in mind at all times.
Medium
True or false?
7.Match each usability component to its definition.
Medium
- Learnability
- Efficiency
- Satisfaction
- How easy it is to accomplish basic tasks the first time
- How quickly tasks can be performed once learned
- How pleasant the design is to use
8.Which of the following best describes the difference between ergonomics and usability as presented in the source?
Medium
- AErgonomics focuses on psychological matters, usability on physiological matters
- BErgonomics focuses on physiological matters, usability on psychological matters
- CThey are the same thing
- DErgonomics is a subset of usability

もっと問題

9.In the user-driven design paradigm, some users become actual or de facto members of the design team.
Medium
True or false?
10.Put the steps of the iterative design process in the correct order, starting with the first step.
Medium
- Design a prototype
- Evaluate usability
- Refine the design
- Identify user needs
11.Which of the following are components of usability as defined by Nielsen and Shneiderman? (Select all that apply)
Medium
- ALearnability
- BEfficiency
- CAccessibility
- DMemorability
- ESatisfaction
12.Which of the following are benefits of conducting usability research with users, as mentioned in the source? (Select all that apply)
Medium
- AIdentifying needed functionality that was not anticipated
- BFinding design flaws
- CReducing development time
- DImproving user satisfaction
- EEliminating the need for market research
13.A designer is testing two versions of an e-commerce checkout page. Version A has a consistent layout and clear labels; Version B has a cluttered layout with inconsistent buttons. Which usability component is most directly improved by Version A?
Medium
- ALearnability
- BEfficiency
- CMemorability
- DSatisfaction
14.A usability analyst observes users in their natural environment to understand how they interact with a product. Which of the following are benefits of this contextual inquiry approach? (Select all that apply)
Medium
- AIt can identify design flaws not anticipated by the company.
- BIt is cheaper than lab testing.
- CIt provides insight into real-world usage.
- DIt guarantees user satisfaction.
- EIt helps identify needed functionality.
15.In the user-driven design paradigm, users are only consulted for feedback after the product is fully developed.
Medium
True or false?
16.Match each usability component to its description.
Medium
- Learnability
- Efficiency
- Memorability
- How quickly users can perform tasks after learning the design
- How easily users re-establish proficiency after a period of not using it
- How easy it is to accomplish basic tasks the first time they encounter the design
17.Arrange the following steps in the iterative design process in the correct order, starting with the first step.
Hard
- Evaluate the design with users
- Identify user needs
- Design a prototype
- Refine the design based on feedback
18.A usability test measures that users make an average of 3 errors per task. According to Nielsen's framework, which usability component is this measuring?
Hard
- AEfficiency
- BErrors
- CSatisfaction
- DLearnability
19.A team is redesigning a mobile app for elderly users. Which of the following design choices would likely improve usability for this specific group? (Select all that apply)
Hard
- AUsing larger font sizes
- BReducing the number of steps to complete a task
- CAdding more complex animations
- DIncreasing contrast between text and background
- EUsing small touch targets
20.Usability only applies to software and websites.
Easy
True or false?
21.A usability analyst wants to understand how users interact with a new mobile app in their daily lives. Which method is most appropriate?
Medium
- AContextual inquiry
- BLaboratory experiment
- COnline survey
- DFocus group
22.Contextual inquiry is conducted in a controlled laboratory setting.
Easy
True or false?
23.Which of the following are potential benefits of using contextual inquiry over traditional market research? (Select all that apply)
Medium
- AIdentifies unanticipated design flaws
- BProvides insight into actual user behaviour
- CCan be done without any user involvement
- DReveals needed functionality not previously considered
24.A company redesigns a website and wants to ensure it conforms to recognised design norms. Which concept are they applying?
Medium
- APrototypicality
- BLearnability
- CMemorability
- DEfficiency
25.According to the source, usability experts may identify design flaws that were not anticipated by traditional market research.
Medium
True or false?
26.A usability expert is evaluating a website. They find that new users can complete tasks quickly, but returning users who haven't visited for a month struggle. Which usability component is most likely lacking?
Hard
- ALearnability
- BEfficiency
- CMemorability
- DSatisfaction
27.A team is designing a new interface for a smart home system. They want to ensure the design is both learnable and efficient for a wide range of users. Which approach would best combine these goals?
Challenge
- AConduct a contextual inquiry to observe users in their homes
- BRun a laboratory usability test with a focus on error rates
- CUse a participatory design workshop where users co-create the interface
- DImplement a standard design template without user testing
28.Put the following steps of an iterative design process in the correct order, starting with the first step.
Hard
- Prototype
- Test with users
- Analyse results
- Refine design
29.Usability is only concerned with software and websites.
Easy
True or false?
30.Which of the following best describes 'prototypicality'?
Easy
- AHow quickly a user can learn to use a system
- BHow much a particular thing conforms to the expected shared norm
- CHow efficient a system is for expert users
- DHow satisfied users are with a product
31.According to the source, which of the following are components of usability as defined by Nielsen and Shneiderman? (Select all that apply)
Easy
- ALearnability
- BAccessibility
- CEfficiency
- DMemorability
- ESatisfaction
32.In the user-centered design paradigm, the product is designed with its intended users in mind at all times.
Easy
True or false?
33.Put the following steps in the iterative design process in the correct order, starting with the first step.
Medium
- Design a prototype
- Test with users
- Analyze feedback and refine design
- Repeat until usability goals are met
34.According to the ISO definition, usability is the extent to which a product can be used by specified users to achieve specified goals with which three aspects?
Medium
- AEffectiveness, efficiency, satisfaction
- BLearnability, memorability, satisfaction
- CEfficiency, errors, satisfaction
- DEffectiveness, learnability, efficiency
35.Match each usability concept to its description.
Medium
- Prototypicality
- User-centered design
- User-driven design
- Contextual inquiry
- How much a product conforms to expected shared norms
- Product designed with intended users in mind at all times
- Users become actual or de facto members of the design team
- Studying users in their naturally occurring environment
36.A website has a consistent layout, clear labels, and a logical navigation menu. Users can find information quickly and without confusion. Which usability component is primarily being addressed?
Medium
- ALearnability
- BEfficiency
- CMemorability
- DErrors
37.A usability analyst is testing a new mobile banking app with elderly users. Which of the following design choices would likely improve usability for this specific group? (Select all that apply)
Hard
- ALarge font sizes and high contrast text
- BComplex gestures like swipe and pinch
- CClear and simple navigation with visible labels
- DSmall touch targets to fit more on screen
- EConsistent placement of buttons across screens
38.According to the ISO definition, usability includes the aspect of 'satisfaction'.
Easy
True or false?
39.A usability analyst is evaluating a mobile app. They notice that new users make many errors initially, but after a few minutes of use, errors decrease significantly. Which usability component is most directly demonstrated by this improvement?
Medium
- ALearnability
- BEfficiency
- CMemorability
- DSatisfaction
40.According to the source, usability experts can identify design flaws that traditional market research might miss.
Easy
True or false?
41.Fill in the blank: The term '___' is often used as a synonym for usable, though it may also refer to accessibility.
Easy
The term '____' is often used as a synonym for usable, though it may also refer to accessibility.
42.What does the 'Errors' component of usability measure?
Medium
43.According to the source, what are the three aspects of usability defined by ISO?
Medium
44.What term is often used as a synonym for 'usable', though it may also refer to accessibility?
Easy
45.Complete the sentence: In the user-driven design paradigm, some ___ become actual or de facto members of the design team.
Medium
In the user-driven design paradigm, some ____ become actual or de facto members of the design team.
46.According to Nielsen, after scanning a home page, users decide to stay or leave within how many seconds at most?
Medium
47.Complete the sentence: The ISO defines usability as the extent to which a product can be used by specified users to achieve specified goals with ___, ___, and ___ in a specified context of use.
Medium
The ISO defines usability as the extent to which a product can be used by specified users to achieve specified goals with ____, ____, and ____ in a specified context of use.
48.What is the term for the method that studies users in their naturally occurring environment?
Easy
49.A website has a 5-second load time. According to Jakob Nielsen, most casual users will leave a site if the home page does not grasp their functioning within how many seconds at most? Enter the number.
Easy
50.According to the ISO definition, usability is the extent to which a product can be used by specified users to achieve specified goals with three key aspects. Name them.
Medium
51.Complete the sentence using the correct term from the source.
Medium
In the user-centered design paradigm, the product is designed with its intended ____ in mind at all times.
52.According to Jakob Nielsen, after scanning a home page, users decide to stay or leave within how many seconds at most?
Easy
53.Explain why usability is important for websites, according to Jakob Nielsen.
Medium
54.Explain how the concept of 'prototypicality' can be applied to improve the usability of a website's navigation menu. Use an example.
Hard
55.Explain how a usability expert could use contextual inquiry to identify a design flaw that would not be found through traditional market research.
Hard
56.Describe how the concepts of user-centered design and user-driven design differ, and explain why one might lead to more innovative solutions.
Hard
57.According to Nielsen, after scanning a home page, users decide to stay or leave within how many seconds at most?
Medium
- A3 seconds
- B5 seconds
- C2 seconds
- D4 seconds
58.A website has a 5-second load time. According to Jakob Nielsen, most casual users will leave a site if the home page does not grasp their functioning within how many seconds at most? Enter the number.
Easy
- A6 seconds
- B5 seconds
- C7 seconds
- D4 seconds
59.According to Jakob Nielsen, after scanning a home page, users decide to stay or leave within how many seconds at most?
Easy
- A4 seconds
- B6 seconds
- C7 seconds
- D5 seconds

復習ノート

## Usability and User Interface Design **Usability** (or user-friendliness) is how easily and effectively people can use a product (website, app, tool, etc.) to achieve their goals. A usable design is: - **Efficient** – takes less time to do tasks - **Easy to learn** – you can figure it out by looking - **Satisfying** – pleasant to use ### The 5 Components of Usability (Nielsen & Shneiderman) 1. **Learnability** – How easy is it to do basic tasks the first time? 2. **Efficiency** – Once learned, how quickly can tasks be done? 3. **Memorability** – If you return after a break, how easily can you get back up to speed? 4. **Errors** – How many errors do users make, how severe are they, and how easy is recovery? 5. **Satisfaction** – How pleasant is the design to use? ### Key Principles for Good Interface Design - **Layout** – Arrange items logically; group related things together. - **Consistency** – Keep similar elements (buttons, menus) in the same place and style. - **Contrast** – Make text and important elements stand out from the background. - **Readable text** – Use clear fonts, appropriate size, and good spacing. - **Clear navigation** – Users should know where they are and how to get where they want. - **Accessibility** – Design so that people with disabilities (visual, motor, etc.) can also use it. - **Prototypicality** – Follow familiar design norms (e.g., logo top-left, menu top-right) so users instantly recognise how to use it. ### Designing for Different Devices - Consider screen size, touch vs. mouse, and how users hold the device. - Make sure buttons are big enough for fingers on tablets/phones. - Test on multiple devices to ensure it works well everywhere. ### Evaluating and Improving Usability - **User-centred design**: keep the intended users in mind at every stage. - **Contextual inquiry**: observe users in their own environment to find real problems. - **Iterative design**: test, get feedback, improve, and repeat. - **Usability testing**: watch users try to complete tasks and note where they struggle. ### Why Usability Matters - People have **low tolerance** for difficult or slow sites – they will leave and go elsewhere. - There is **no manual or training** for websites – users must understand the homepage in seconds. - Good usability leads to **more satisfied users** and **better products**. Remember: **usable** and **useful** are the key terms – not just “user friendly”.

Usability: The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.
Learnability: How easy it is for users to accomplish basic tasks the first time they encounter the design.
Efficiency: Once users have learned the design, how quickly they can perform tasks.
Memorability: When users return to the design after a period of not using it, how easily they can re-establish proficiency.
Errors: How many errors users make, how severe they are, and how easily they can recover from them.
Satisfaction: How pleasant it is to use the design.
User-centred design: A design paradigm where the product is designed with its intended users in mind at all times.
Contextual inquiry: A method of observing and interviewing users in their naturally occurring context to identify needed functionality or design flaws.
Prototypicality: How much a particular thing conforms to the expected shared norm, e.g., websites that follow recognised design norms are preferred by users.

フラッシュカード

What is usability?

Usability is the capacity of a system to allow users to perform tasks safely, effectively, and efficiently while enjoying the experience.

What are the three key aspects of usability according to the ISO definition?

Effectiveness, efficiency, and satisfaction in a specified context of use.

What is the difference between 'user friendly' and 'usable'?

'User friendly' is often used as a synonym for usable, but it may also refer to accessibility. Usable is the more appropriate term for describing how well a product can be used.

What is learnability in usability?

Learnability is how easy it is for users to accomplish basic tasks the first time they encounter a design.

What is efficiency in usability?

Efficiency is how quickly users can perform tasks once they have learned the design.

What is memorability in usability?

Memorability is how easily users can re-establish proficiency when they return to a design after a period of not using it.

What are errors in usability?

Errors refer to how many errors users make, how severe they are, and how easily they can recover from them.

What is satisfaction in usability?

Satisfaction is how pleasant it is to use the design.

Why is usability important for websites?

Users have a low tolerance for difficult designs or slow sites. They don't want to wait or learn how to use a homepage; they need to grasp its functioning within seconds or they will leave.

What is prototypicality in usability?

Prototypicality is how much a product conforms to the expected shared norm. For example, users prefer websites that follow recognised design norms.

What is user-centered design?

User-centered design is a design paradigm where the product is designed with its intended users in mind at all times.

What is participatory design?

Participatory design is a design paradigm where some users become actual or de facto members of the design team.

What is contextual inquiry?

Contextual inquiry is a usability research method that observes and interviews users in their natural environment to identify needed functionality or design flaws.

What is the difference between ergonomics and usability?

Ergonomics focuses on physiological matters (e.g., turning a door handle), while usability focuses on psychological matters (e.g., recognizing that a door can be opened by turning its handle). Some view usability as a software specialization of ergonomics.

What is web usability?

Web usability is the study of the elegance and clarity with which the interaction with a website is designed, focusing on how easily users can achieve their goals on the site.

What are the key principles of good user interface design?

Key principles include layout, consistency, contrast, readable text, clear navigation, and accessibility.

Why is consistency important in interface design?

Consistency helps users learn and predict how the interface works, reducing errors and improving efficiency.

Why is contrast important in interface design?

Contrast improves readability and helps users distinguish between different elements, making the interface easier to use.

Why is clear navigation important in a user interface?

Clear navigation helps users find what they need quickly and easily, reducing frustration and improving overall usability.

What does accessibility mean in interface design?

Accessibility means designing interfaces that can be used by people with a wide range of abilities, including those with disabilities.

Why should designers consider different devices when designing an interface?

Interfaces must work well on various devices (e.g., phones, tablets, desktops) with different screen sizes and input methods, so designers need to ensure usability across them.

How can usability be evaluated?

Usability can be evaluated through methods such as needs analysis, user observation, interviews, and testing with representative users.

What is the goal of iterative design in usability?

Iterative design aims to improve user experience by repeatedly testing and refining the design based on user feedback.

Unlock all 59 questions, flashcards & more

無料アカウントを作って、このトピックのすべての問題・スライド・フラッシュカード・復習ノートを見よう。

登録 — 無料ログイン

過去問

このトピックの過去問練習は近日公開。

近日公開