BIT UCSC IT4106 – User Experience Design (UXD) 20223 Exam Preparation Guide Question Model Paper design principle final year software project Colombo Sri Lanka

BIT UCSC IT4106 – User Experience Design (UXD)

Exam Preparation Guide (Questions 1–25)

Click on each question below to reveal the theory, correct answers, and exam tips!

Question 1 – User-Centered Design Principle

Question

Which of the following is an example of a user-centered design principle?

Correct Answer

✅ (c)

Beginner Explanation

User-Centered Design (UCD) means designing the system for users, not for developers. Always ask: What do users need? What problems do they have? What feedback do they give?

Example: Imagine creating a food delivery app. ❌ Wrong: Add 100 features because developers like them. ✅ Correct: Ask users what they need. If they want faster checkout, improve checkout.

Option Explanation

❌ (a) Adding as many features as possible

❌ (b) Designing based on developer preferences

✅ (c) Prioritizing user needs and feedback

❌ (d) Focusing seriously on visual appearance

❌ (e) Ignoring user context

💡 Memory Tip: Users come first.

Question 2 – Primary Goals of User Research

Question

What are the primary goals of conducting user research in UX design?

Correct Answers

✅ (b), (d)

Beginner Explanation

Before designing a product, we need to understand users. User research helps answer questions like: Who are the users? What do they want? What problems do they face? How can we improve their experience?

Example: Suppose you're creating an online shopping website. You interview customers. They say: Search is difficult. Checkout takes too long. Now you know what to improve.

Option Explanation

❌ (a) Validate developers' choices

✅ (b) Understand users' behaviors, needs, and motivations

❌ (c) Make the product beautiful

✅ (d) Identify problems and areas for improvement

❌ (e) Reduce development cost

💡 Memory Tip: User Research = Learn about users before building.

Question 3 – Affordances in UX Design

Question

Affordances in UX design are important because they...

Correct Answers

✅ (a), (d)

Beginner Explanation

Affordance means the design tells users how something should be used.

Example: A button looks like it can be clicked. A door handle looks like it can be pulled. A slider looks like it can be moved. These are affordances.

Option Explanation

✅ (a) Communicate the function of a design element

❌ (b) Make design cheaper

❌ (c) Improve beauty only

✅ (d) Show how an object can be used

❌ (e) Ensure usability for everyone

💡 Memory Tip: Affordance = "This tells me what I can do."

Question 4 – Interaction Types: Instructing

Question

Which interaction type involves users issuing instructions to a system?

Correct Answer

✅ (a) Instructing

Beginner Explanation

There are several interaction styles. Instructing means giving commands to a computer.

Examples: Click "Save", Press Print, Type: Copy file, Select "Delete". The user is telling the computer what to do.

Option Explanation

✅ (a) Instructing

❌ (b) Conversing

❌ (c) Exploring

❌ (d) Responding

❌ (e) Manipulating

💡 Memory Tip: Instructing = Giving commands.

Question 5 – Benefits of Involving Users

Question

What are the benefits of involving users throughout the development process?

Correct Answers

✅ (a), (c), (d)

Beginner Explanation

When users are involved during development: Developers know what users really need. Users give feedback early. Problems are fixed before release. Users are happier with the final product.

Example: You're building a university website. Students test it every month. They report: Timetable is hard to find. Login is confusing. Developers fix these issues before launch. The result: Better website, happier students.

Option Explanation

✅ (a) End product becomes more usable

❌ (b) No effect on cost

✅ (c) Helps manage user expectations

✅ (d) Increases user satisfaction and adoption

❌ (e) Removes the need for testing

💡 Memory Tip: Involve users early = Better product + Happy users.

Question 6 – Pen-based Interfaces

Question

Which interface allows users to write, draw, select, and move objects using a stylus or light pen?

Correct Answer

✅ (b) Pen-based Interfaces

Beginner Explanation

A pen-based interface lets you use a digital pen (stylus) to interact with the screen.

Example: Writing notes on an iPad with an Apple Pencil or drawing on a graphics tablet.

Option Explanation

❌ (a) Voice-based

✅ (b) Pen-based

❌ (c) Form-based

❌ (d) Gesture-based

❌ (e) Command Driven

💡 Memory Tip: Pen → Write & Draw

Question 7 – Role of Perception

Question

What is the role of perception in interaction design?

Correct Answer

✅ (b) Acquiring information from the environment through the senses

Beginner Explanation

Perception means using your eyes, ears, nose, skin, and tongue to understand the world.

Example: When you see a red button, your eyes recognize it before you decide to click.

💡 Memory Tip: Perception = Sensing the world

Question 8 – Experiential and Reflective Cognition

Question

Which of the following describe Experiential and Reflective Cognition?

Correct Answers

✅ (b), (c)

Beginner Explanation

Experiential Cognition: Doing things naturally without much thinking (e.g., Driving, Talking, Walking).

Reflective Cognition: Thinking deeply (e.g., Solving problems, Designing a website, Writing a report).

💡 Memory Tip: Experiential = Doing | Reflective = Thinking

Question 9 – Cognitive Frameworks in HCI

Question

Which of the following are cognitive frameworks in HCI?

Correct Answers

✅ (b), (c), (e)

Beginner Explanation

Distributed Cognition: People, computers and tools work together (e.g., A doctor using a computer and medical equipment).

External Cognition: Writing things down helps memory (e.g., Using sticky notes).

Mental Models: People build ideas about how systems work (e.g., Expecting the shopping cart icon to store products).

💡 Memory Tip: Distributed = Work together | External = Write it down | Mental Model = User's expectation

Question 10 – Purpose of Triangulation

Question

What is the purpose of Triangulation?

Correct Answer

✅ (b)

Beginner Explanation

Triangulation means checking information using more than one method.

Example: Interview users, observe users, conduct surveys. If all methods give similar results, the findings are more reliable.

💡 Memory Tip: Triangulation = Multiple sources = Better accuracy

Question 11 – Contextual Inquiry

Question

What is Contextual Inquiry?

Correct Answers

✅ (b), (c)

Beginner Explanation

Researchers watch users while they work in their real environment.

Example: Watching a cashier use billing software in a supermarket.

💡 Memory Tip: Contextual Inquiry = Observe users where they actually work.

Question 12 – Successful Data Gathering

Question

What is required for successful data gathering?

Correct Answers

✅ (a), (b), (d)

Beginner Explanation

Before collecting data you should: ✔ Know your goal. ✔ Choose the right participants. ✔ Build a good relationship with participants.

💡 Memory Tip: Goal + Participants + Good communication

Question 13 – Qualitative Data

Question

What is Qualitative Data?

Correct Answer

✅ (b)

Beginner Explanation

Qualitative data is non-numerical.

Examples: Opinions, Interviews, Pictures, Comments.

💡 Memory Tip: Qualitative = Words

Question 14 – Quantitative Analysis

Question

What is Quantitative Analysis?

Correct Answer

✅ (c)

Beginner Explanation

Quantitative analysis uses numbers.

Examples: Average, Percentage, Ratio.

💡 Memory Tip: Quantitative = Numbers

Question 15 – Content Analysis

Question

What is Content Analysis?

Correct Answers

✅ (a), (c)

Beginner Explanation

Content analysis groups information into categories and counts how often they appear.

Example: 100 reviews → Good = 60, Bad = 40.

💡 Memory Tip: Content Analysis = Categorize + Count

Question 16 – Thematic Analysis

Question

What is Thematic Analysis?

Correct Answers

✅ (a), (c), (e)

Beginner Explanation

Thematic analysis looks for common ideas or themes.

Example: Customer comments: "I like fast delivery." / "Delivery is quick." → Theme = Fast Delivery.

💡 Memory Tip: Theme = Common idea

Question 17 – Analytic Frameworks

Question

Which of the following are analytic frameworks?

Correct Answers

✅ (a), (c), (d)

Beginner Explanation

Conversation Analysis: Studies conversations.

Content Analysis: Categories and frequencies.

Grounded Theory: Creates theories from collected data.

Question 18 – Low-Fidelity Prototype

Question

What is a Low-Fidelity Prototype?

Correct Answer

✅ (c)

Beginner Explanation

Low-fidelity means simple and cheap.

Examples: Paper sketch, Whiteboard drawing, Storyboard.

💡 Memory Tip: Low Fidelity = Paper

Question 19 – High-Fidelity Prototype

Question

What is a High-Fidelity Prototype?

Correct Answers

✅ (a), (c)

Beginner Explanation

Looks almost like the real product.

Example: A clickable mobile app prototype.

💡 Memory Tip: High Fidelity = Almost Final Product

Question 20 – Advantages of Low-Fidelity Prototypes

Question

What are the advantages of Low-Fidelity Prototypes?

Correct Answers

✅ (a), (c), (e)

Beginner Explanation

Advantages: Easy to change, Easy to discuss, Test many ideas quickly.

Question 21 – Conceptual vs Concrete Design

Question

What is the difference between Conceptual and Concrete Design?

Correct Answers

✅ (a), (b)

Beginner Explanation

Conceptual Design: "What should the system do?"

Concrete Design: "How exactly should it look and work?"

Question 22 – Formative Evaluation

Question

What is Formative Evaluation?

Correct Answer

✅ (b)

Beginner Explanation

Formative evaluation happens during development to improve the design before it is finished.

💡 Memory Tip: Formative = Improve while building

Question 23 – Heuristic Evaluation

Question

What is Heuristic Evaluation?

Correct Answers

✅ (b), (c), (e)

Beginner Explanation

Experts inspect the interface using usability principles. Users are not required.

Example: Experts check Buttons, Menus, Navigation, Error messages.

Question 24 – Evaluation Methods in Controlled Settings

Question

Which evaluation methods are used in controlled settings?

Correct Answers

✅ (c), (e)

Beginner Explanation

Controlled setting = Laboratory or testing room.

Methods: ✔ Usability Testing, ✔ Experiments.

Question 25 – Cognitive & Pluralistic Walkthroughs

Question

What are Cognitive and Pluralistic Walkthroughs?

Correct Answers

✅ (a), (c), (e)

Beginner Explanation

Cognitive Walkthrough: Experts imagine each step a new user takes to complete a task.

Pluralistic Walkthrough: A group reviews the design together (Users, Developers, UX experts). This helps find usability problems from different perspectives.

💡 Memory Tip: Cognitive = "Can a new user learn this?" | Pluralistic = "Everyone reviews together."

🎯 Final Revision Cheat Sheet (Questions 1–25)

Q	Topic	Correct Answer(s)	Easy Memory
1	User-Centered Design	(c)	Users first
2	User Research Goals	(b), (d)	Understand users
3	Affordances	(a), (d)	Tells how to use
4	Interaction Types	(a)	Give commands
5	Involving Users	(a), (c), (d)	Better product
6	Pen-based Interface	(b)	Pen = Write
7	Perception	(b)	Senses
8	Cognition	(b), (c)	Doing vs Thinking
9	Cognitive Frameworks	(b), (c), (e)	Distributed, External, Mental
10	Triangulation	(b)	Multiple sources
11	Contextual Inquiry	(b), (c)	Observe at work
12	Data Gathering	(a), (b), (d)	Goal + Participants
13	Qualitative Data	(b)	Words
14	Quantitative Analysis	(c)	Numbers
15	Content Analysis	(a), (c)	Categorize + Count
16	Thematic Analysis	(a), (c), (e)	Find themes
17	Analytic Frameworks	(a), (c), (d)	Conversation, Content, Grounded
18	Low-Fidelity Prototype	(c)	Paper prototype
19	High-Fidelity Prototype	(a), (c)	Almost final product
20	Low-Fidelity Advantages	(a), (c), (e)	Quick, communicate, compare
21	Conceptual vs Concrete	(a), (b)	What vs How
22	Formative Evaluation	(b)	Improve during design
23	Heuristic Evaluation	(b), (c), (e)	Experts + Usability principles
24	Controlled Settings	(c), (e)	Testing + Experiments
25	Walkthroughs	(a), (c), (e)	New users + Group review

🎓 BIT UCSC Exam Tips

If you understand these concepts—not just memorize the answers—you'll be well prepared for similar MCQs and theory questions in the BIT UCSC IT4106 examination.

🎓 Expert ICT, Coding, School Classes, Digital Marketing & University Project Guidance

Struggling with your university final year project? Want to master coding, upscale your business with expert digital marketing, or learn absolute computer basics from scratch? We offer high-quality individual and group online classes conducted in English, Sinhala, or Tamil mediums. Get guaranteed academic success and professional growth with tailored guidance.

---

🎓 University Final Year Project Guidance & AI

Get specialized, end-to-end mentoring and technical support to pass your degree or master's program with flying colors:

• 🏫 Targeted Institutes: Expert guidance tailored for BIT UCSC, UoM, SLIIT, NIBM, and other leading universities.
• 🔬 Postgraduate Support: Comprehensive assistance for MSc Software Final Year Projects.
• 🤖 AI & Smart Applications: Step-by-step implementation of AI, Machine Learning (ML), and automation modules.
• ✅ Guaranteed Success: Help with documentation, system architecture, coding, and viva preparation.

---

🏫 School ICT & Corporate Beginner Classes

• 💻 Non-IT Staff Computer Basics: Absolute beginner-friendly online classes covering essential computer skills, office tools, and internet operations.
• 🎒 Primary & Secondary (Grades 1-10): Interactive online ICT classes tailored to build strong foundations from early ages.
• 📝 Exam Prep: Dedicated training packages for GCE O/L, GCE A/L ICT, and GIT exams.
• 🌍 Global Syllabuses: Complete curriculum coverage for Local, Edexcel, and Cambridge in English & Tamil Mediums.

---

📢 Software Development & Digital Marketing Services

• ⚙️ Software & Web Development: Professional custom software application and website development built using PHP & MySQL.
• 🎯 Social Media Management: Content creation, publishing, and channel management for Facebook, Instagram, TikTok, and YouTube.
• 📈 Ad Boosting: Highly targeted paid advertising campaigns to drive leads, traffic, and sales to your business.

---

📞 Connect With Us Instantly

Book your slot for online classes or get a premium tech service quote today!

💬 WhatsApp: +94 729622034

📧 Email: ITClassSL@gmail.com

---

🌐 Explore Our Resources & Communities

Stay updated with our latest tutorials, project ideas, and student guides across all our official platforms:

• 📺 YouTube Tutorials: Subscribe to our Channel
• 💼 Professional Network: Connect on LinkedIn
• ✍️ Tech Blog: Visit our WordPress Site
• ❓ Project Q&A: Follow our Quora Guide Profile
• 📰 Monthly Updates: Read Our Newsletter
• 🌐 Official Portfolios: Wix Site | Google Business | Strikingly Portfolio
• 🗣️ Student Forum: Join our ElaKiri Discussion Thread

BIT UCSC IT4106 - User Experience Design Pass paper Model 2024 Questions and Answers with explanation

BIT UCSC IT4106 – Interaction Design & HCI

Exam Preparation Guide (Questions 1–25)

Click on each question below to reveal the theory, correct answers, and exam tips!

Question 1 – Purpose of User Experience (UX) Design

Question

Which of the following best describe the purpose of UX Design?

Correct Answer

✅ (b), (c)

High-Level Theory

User Experience (UX) Design is about creating products that are easy, useful, enjoyable, and meaningful for users. UX designers study user needs, improve usability, accessibility, and overall satisfaction.

Option Explanation

❌ (a) Designing the internal logic of algorithms
This is the responsibility of software developers, not UX designers.

✅ (b) Creating a cohesive and meaningful experience for users
This is one of the main goals of UX.

✅ (c) Improving usability and accessibility
UX ensures products are easy to learn and usable by everyone.

❌ (d) Reducing server costs
This belongs to system architecture or infrastructure.

❌ (e) Ensuring coding standards
This is software engineering, not UX.

💡 Exam Tip: UX = User Feelings + User Experience + User Satisfaction

Question 2 – Difference Between UI and UX

Correct Answer

✅ (a), (b)

High-Level Theory

Many students confuse UI and UX.

• UI (User Interface): Buttons, Menus, Colours, Icons, Layout.
• UX (User Experience): Ease of use, User satisfaction, User research, User journey, Overall experience.

Think of a car: UI = Steering wheel, dashboard, seats. UX = How enjoyable and easy the car is to drive.

Option Explanation

✅ (a) UI focuses on buttons and menus

✅ (b) UX understands user needs

❌ (c) UI and UX are the same

❌ (d) UX only concerns layout (UX is much broader)

❌ (e) Database optimization

💡 Exam Tip: UI = Look | UX = Feel

Question 3 – Third HCI Paradigm

Correct Answer

✅ (a), (c), (e)

High-Level Theory

The Third HCI Paradigm studies how technology fits into real-life situations. Instead of only focusing on efficiency or cognition, it considers: Social interaction, Culture, Environment, User values, Emotions, and Context.

Option Explanation

✅ (a) Social and cultural aspects

❌ (b) Computational models of cognition (Belongs to the Second HCI Paradigm)

✅ (c) Users adapt technology in new ways (This is called appropriation)

❌ (d) Efficiency over context

✅ (e) User values

💡 Exam Tip: First Paradigm → Body | Second Paradigm → Brain | Third Paradigm → Society & Context

Question 4 – Conceptual Models

Correct Answer

✅ (a), (c), (e)

High-Level Theory

A Conceptual Model explains how a system works before designing the interface. It helps both designers and users understand: What the system does, How users interact with it, and How different functions are connected.

Option Explanation

✅ (a) High-level description

❌ (b) Eliminates user involvement (Users should always be involved early)

✅ (c) Helps users build mental models

❌ (d) Created after physical design (It should be created before UI design)

✅ (e) Helps designers plan interactions

💡 Exam Tip: Conceptual Model = Blueprint of system behaviour

Question 5 – Interaction Types

Correct Answer

✅ (b), (c), (d)

High-Level Theory

Interaction Design includes different ways users communicate with systems:

• 1. Instructing: Giving commands (Click "Print", Press Save).
• 2. Conversing: Talking with the system (Siri, ChatGPT, Alexa).
• 3. Manipulating: Directly moving objects (Dragging files, Zooming photos).
• 4. Exploring: Moving through physical or virtual spaces (Google Maps, VR games).

Option Explanation

❌ (a) Instructing means direct manipulation (Instructing is giving commands, not manipulating objects)

✅ (b) Conversing = dialogue

✅ (c) Manipulating = dragging and gestures

✅ (d) Exploring = moving through environments

❌ (e) Responding means giving commands (Responding refers to the system reacting to user input)

💡 Exam Tip: Instructing → Commands | Conversing → Talking | Manipulating → Drag & Touch | Exploring → Navigation

Question 6 – Multimodal Interfaces

Question

Which of the following statements are true about multimodal interfaces in user experience design?

Correct Answer

✅ (b), (d)

High-Level Theory

A Multimodal Interface allows users to interact with a computer using more than one input or output method (e.g., touch, voice, gestures, screen, sound). Examples include smartphones and smart TVs.

Option Explanation

❌ (a) They allow users to interact using a single consistent input like keyboard only.
This describes a single-modal interface.

✅ (b) They support interaction using speech, gesture and touch.
This is the exact definition of a multimodal interface.

❌ (c) They are designed only for visually impaired users.
Everyone can use multimodal interfaces.

✅ (d) They enhance expressiveness and flexibility in HCI.
Users can choose the interaction method they prefer.

❌ (e) They replace all GUI interfaces.
GUI is still widely used; multimodal interfaces usually work together with GUI.

💡 Exam Tip: Multi = Many, Modal = Mode. Multimodal = Many ways to interact (Input: Touch, Voice, Gesture | Output: Screen, Sound, Vibration).

Question 7 – Experiential Cognition

Question

Which of the following are characteristics of Experiential Cognition?

Correct Answer

✅ (b), (c)

High-Level Theory

Experiential Cognition refers to thinking that happens automatically while performing familiar, routine activities (like driving or typing). It develops through practice and requires little conscious thought, unlike Reflective Cognition which involves deep thinking and problem-solving.

Option Explanation

❌ (a) Deliberate thinking and judgement
This is Reflective Cognition.

✅ (b) Happens automatically during routine activities
Core definition of Experiential Cognition.

✅ (c) Driving, reading and watching videos
These activities become automatic through experience.

❌ (d) Requires planning and decision making
This is Reflective Cognition.

❌ (e) Solving new problems
This is also Reflective Cognition.

💡 Exam Tip: Experiential = Automatic & Routine | Reflective = Deep Thinking & Problem Solving.

Question 8 – Mental Models

Question

Which statements are true regarding Mental Models in Interaction Design?

Correct Answer

✅ (b), (c), (e)

High-Level Theory

A Mental Model is the user's understanding or expectation of how a system works, developed through experience and observation. Designers should create Conceptual Models that match users' Mental Models to improve usability. Incorrect mental models lead to user errors.

Option Explanation

❌ (a) Mental models are always technically correct.
Users can misunderstand systems.

✅ (b) Users quickly form mental models.
People begin making assumptions immediately.

✅ (c) Designers should match conceptual models with users' mental models.
This improves usability.

❌ (d) Mental models never change.
They improve and change as users gain experience.

✅ (e) Incorrect mental models cause misunderstanding.
This often leads to user errors.

💡 Exam Tip: Mental Model = User's understanding | Conceptual Model = Designer's plan. Good design aligns both!

Question 9 – Distributed Cognition

Question

Which statements reflect the Distributed Cognition framework?

Correct Answer

✅ (b), (c), (e)

High-Level Theory

Distributed Cognition states that thinking is not just inside one person's brain; it is shared among people, computers, documents, tools, and the environment. Examples include airline cockpits (pilot + instruments) or using a shopping list/Google Maps to offload memory.

Option Explanation

❌ (a) Thinking only happens inside one person's mind.
Opposite of Distributed Cognition.

✅ (b) Thinking is shared across people, tools and environment.
Main definition.

✅ (c) Documents become part of thinking.
External representations support cognition.

❌ (d) Only reducing memory load.
It also includes teamwork and interaction with tools, not just memory reduction.

✅ (e) Airline cockpit example.
Classic HCI example of distributed cognition.

💡 Exam Tip: Distributed Cognition = Thinking is shared across people, tools, and environment (not just inside the brain).

Question 10 – Structured Interviews

Question

Which are advantages of Structured Interviews during UX data gathering?

Correct Answer

✅ (a), (c), (d)

High-Level Theory

A Structured Interview asks every participant the exact same questions in the same order. This ensures fairness, consistency, and makes it easy to compare answers statistically (quantitative data). However, it lacks flexibility and cannot explore unexpected topics.

Option Explanation

✅ (a) Easy to replicate.
Everyone receives the same questions.

❌ (b) Provides highly flexible responses.
Structured interviews are not flexible; unstructured interviews are.

✅ (c) Generates quantitative data for comparison.
Responses are easy to compare statistically.

✅ (d) Reduces interviewer bias.
The interviewer asks the same questions to everyone.

❌ (e) Encourages natural conversation.
This is a feature of unstructured interviews.

💡 Exam Tip: Structured = Same questions, easy to compare, less bias | Unstructured = Flexible, natural conversation.

Question 11 – Triangulation

Correct Answer

✅ (a), (c), (d)

High-Level Theory

Triangulation uses multiple methods, data sources, or theories to improve the validity and reliability of research. It does not remove the need for participant consent.

💡 Memory Tip: Triangulation = 3 or more ways to verify data.

Question 12 – Contextual Inquiry

Correct Answer

✅ (a), (c)

High-Level Theory

Researcher observes users in their real work environment. User acts as the expert. Researcher acts as the apprentice.

💡 Memory Tip: Contextual Inquiry = Observe users where they actually work.

Question 13 – Quantitative Data

Correct Answer

✅ (a), (b), (e)

High-Level Theory

Numerical data. Can be analyzed statistically. Measures quantities, trends, and patterns.

💡 Memory Tip: Quantitative = Quantity = Numbers.

Question 14 – Affinity Diagram

Correct Answer

✅ (b), (c), (e)

High-Level Theory

Write observations on sticky notes. Group similar ideas. Find themes and relationships.

💡 Memory Tip: Affinity Diagram = Organize ideas into groups.

Question 15 – Critical Incident Analysis

Correct Answer

✅ (a), (c), (e)

High-Level Theory

Focuses on important user events. Studies errors, confusion, and usability problems. Helps improve system design.

💡 Memory Tip: Critical Incident = Important event that affects usability.

Question 16 – Grounded Theory

Correct Answer

✅ (c), (d)

High-Level Theory

A qualitative research method used to develop a new theory from collected data (Data → Theory). Involves Open, Axial, and Selective coding stages.

💡 Memory Tip: Grounded Theory = Collect Data First → Theory Later.

Question 17 – Structured Notations

Correct Answer

✅ (a), (c), (e)

High-Level Theory

Standardized ways to present information using diagrams (UML, Flowcharts, HTA). Good for structure, but misses human emotions and social context.

💡 Memory Tip: Structured Notation = Good for structure, Bad for human emotions.

Question 18 – Low-Fidelity Prototype

Correct Answer

✅ (a), (c), (e)

High-Level Theory

Simple and inexpensive model (paper sketches, sticky notes) created during early design stages to test ideas quickly and receive early feedback.

💡 Memory Tip: Low Fidelity = Low Cost = Early Design = Paper Prototype.

Question 19 – Wizard of Oz Prototype

Correct Answer

✅ (a), (c), (e)

High-Level Theory

A testing technique where users believe they are interacting with a real computer system, but a human secretly performs the system's responses.

💡 Memory Tip: Wizard of Oz = Human Pretends to be Computer.

Question 20 – Conceptual Model

Correct Answer

✅ (a), (c), (e)

High-Level Theory

A high-level description of how users will interact with a system. Main components include Interface Metaphors, Interaction Types, and Mapping.

💡 Memory Tip: Conceptual Model = Metaphor + Interaction + Mapping.

Question 21 – High-Fidelity Prototype

Correct Answer

✅ (a), (b), (d)

High-Level Theory

A prototype that looks and behaves very similar to the final product. Includes realistic layouts, colors, and interactions. Used for usability testing and client presentations.

💡 Memory Tip: High Fidelity = High Quality = Near Final Product.

Question 22 – Formative Evaluation

Correct Answer

✅ (b), (d)

High-Level Theory

Conducted during the design and development process to improve the product before it is completed. Detects problems early to save development costs.

💡 Memory Tip: Formative = Form the Design (During development).

Question 23 – Pluralistic Walkthrough

Correct Answer

✅ (a), (c), (d)

High-Level Theory

A usability evaluation method where users, designers, developers, and usability experts evaluate a prototype together step-by-step to find issues.

💡 Memory Tip: Pluralistic = Many People Review Together.

Question 24 – Controlled Evaluation Settings

Correct Answer

✅ (a), (c), (e)

High-Level Theory

Conducted in a controlled environment (such as a usability lab) where researchers manage variables to obtain accurate results and compare user performance fairly.

💡 Memory Tip: Controlled Evaluation = Same Environment + Same Tasks = Fair Comparison.

Question 25 – A/B Testing

Correct Answer

✅ (a), (c), (d)

High-Level Theory

Compares two versions of a webpage or interface (Version A vs Version B) to determine which one performs better based on metrics like click rate or conversion rate.

💡 Memory Tip: A/B Testing = Compare Version A vs Version B.

🎯 Final Revision Sheet (Questions 1–25)

Q	Topic	Correct Answer
1	UX Design	b, c
2	UI vs UX	a, b
3	Third HCI Paradigm	a, c, e
4	Conceptual Models	a, c, e
5	Interaction Types	b, c, d
6	Multimodal Interfaces	b, d
7	Experiential Cognition	b, c
8	Mental Models	b, c, e
9	Distributed Cognition	b, c, e
10	Structured Interviews	a, c, d
11	Triangulation	a, c, d
12	Contextual Inquiry	a, c
13	Quantitative Data	a, b, e
14	Affinity Diagram	b, c, e
15	Critical Incident Analysis	a, c, e
16	Grounded Theory	c, d
17	Structured Notations	a, c, e
18	Low-Fidelity Prototype	a, c, e
19	Wizard of Oz Prototype	a, c, e
20	Conceptual Model	a, c, e
21	High-Fidelity Prototype	a, b, d
22	Formative Evaluation	b, d
23	Pluralistic Walkthrough	a, c, d
24	Controlled Evaluation	a, c, e
25	A/B Testing	a, c, d

🎓 BIT UCSC Exam Tips

If you understand these concepts—not just memorize the answers—you'll be well prepared for similar MCQs and theory questions in the BIT UCSC IT4106 examination.

🎓 Expert ICT, Coding, School Classes, Digital Marketing & University Project Guidance

Struggling with your university final year project? Want to master coding, upscale your business with expert digital marketing, or learn absolute computer basics from scratch? We offer high-quality individual and group online classes conducted in English, Sinhala, or Tamil mediums. Get guaranteed academic success and professional growth with tailored guidance.

---

🎓 University Final Year Project Guidance & AI

Get specialized, end-to-end mentoring and technical support to pass your degree or master's program with flying colors:

• 🏫 Targeted Institutes: Expert guidance tailored for BIT UCSC, UoM, SLIIT, NIBM, and other leading universities.
• 🔬 Postgraduate Support: Comprehensive assistance for MSc Software Final Year Projects.
• 🤖 AI & Smart Applications: Step-by-step implementation of AI, Machine Learning (ML), and automation modules.
• ✅ Guaranteed Success: Help with documentation, system architecture, coding, and viva preparation.

---

🏫 School ICT & Corporate Beginner Classes

• 💻 Non-IT Staff Computer Basics: Absolute beginner-friendly online classes covering essential computer skills, office tools, and internet operations.
• 🎒 Primary & Secondary (Grades 1-10): Interactive online ICT classes tailored to build strong foundations from early ages.
• 📝 Exam Prep: Dedicated training packages for GCE O/L, GCE A/L ICT, and GIT exams.
• 🌍 Global Syllabuses: Complete curriculum coverage for Local, Edexcel, and Cambridge in English & Tamil Mediums.

---

📢 Software Development & Digital Marketing Services

• ⚙️ Software & Web Development: Professional custom software application and website development built using PHP & MySQL.
• 🎯 Social Media Management: Content creation, publishing, and channel management for Facebook, Instagram, TikTok, and YouTube.
• 📈 Ad Boosting: Highly targeted paid advertising campaigns to drive leads, traffic, and sales to your business.

---

📞 Connect With Us Instantly

Book your slot for online classes or get a premium tech service quote today!

💬 WhatsApp: +94 729622034

📧 Email: ITClassSL@gmail.com

---

🌐 Explore Our Resources & Communities

Stay updated with our latest tutorials, project ideas, and student guides across all our official platforms:

• 📺 YouTube Tutorials: Subscribe to our Channel
• 💼 Professional Network: Connect on LinkedIn
• ✍️ Tech Blog: Visit our WordPress Site
• ❓ Project Q&A: Follow our Quora Guide Profile
• 📰 Monthly Updates: Read Our Newsletter
• 🌐 Official Portfolios: Wix Site | Google Business | Strikingly Portfolio
• 🗣️ Student Forum: Join our ElaKiri Discussion Thread

Chapter 2 Part 4 Section 2.2.1 (Mental, Conceptual, and Implementation Models) and Section 2.3 (Interface Metaphors) IT4106 - User Experience Design

2.2.1 Mental, Conceptual & Implementation Models

🎯 Learning Objectives

• Define Mental, Conceptual, and Implementation Models.
• Compare the three models.
• Explain why all three models are important in UX design.

🧠 1. Mental Model (User's View)

When designing software, different people see the system in different ways. Users think about how they expect the system to work.

Definition

A Mental Model is the user's understanding or expectation of how a system works based on their previous knowledge and experience.

Simple Definition: What users think will happen when they use a system.

Examples

• Print Button: A user expects clicking "Print" will immediately print the document.
• Elevator: Press button → Elevator arrives → Door opens. (Users already know this flow).

Characteristics

• Based on user experience.
• Different users may have different mental models.
• Can be correct or incorrect.
• Changes as users gain experience.

📐 2. Conceptual & 3. Implementation Models

2. Conceptual Model (Designer's View)

Definition: The designer's representation of how the system should work from the user's point of view. It is the plan for how users interact with the system.

Example (Online Shopping):
Browse Products → Add to Cart → Checkout → Payment → Order Confirmation.

Characteristics: Created during design, user-centered, easy to understand, independent of programming.

3. Implementation Model (Developer's View)

Definition: Describes how the system is actually built using programming, databases, and hardware.

Example (Login Process):
Validate username → Check password → Query database → Create session → Open dashboard.

Characteristics: Technical, used by developers, includes code/APIs, hidden from users.

🔄 Comparison & Real-Life Example (ATM)

Comparison Table

Feature	Mental Model	Conceptual Model	Implementation Model
Created By	User	Designer	Developer
Focus	User expectations	System behaviour	Technical implementation
Technical Details	No	No	Yes
Used For	Understanding	Designing interface	Building software

Real-Life Example: ATM Machine

• Mental Model: "I insert card, enter PIN, get cash."
• Conceptual Model: Insert Card → Enter PIN → Choose Transaction → Receive Cash.
• Implementation Model: Read card mag-stripe → Verify PIN in DB → Check balance → Update records → Dispense cash → Print receipt.

🤝 Why Models Must Match & Activity

Why Should These Models Match?

A good UX design ensures that the Conceptual Model matches the User's Mental Model. If users expect one thing but the system behaves differently, they become confused.

Example of Mismatch: If clicking a "Shopping Cart" icon unexpectedly opens the "User Profile" instead of the cart, the user's mental model and the system's conceptual model do not match.

📝 Classroom Activity: Choose a mobile app (e.g., WhatsApp). Identify the User's Mental Model, Designer's Conceptual Model, and Developer's Implementation Model. Discuss how they work together.

Summary

• Mental Model: What the user thinks the system does.
• Conceptual Model: How the designer wants the system to work.
• Implementation Model: How the developer actually builds the system.

2.3 Interface Metaphors

🎯 Learning Objectives & Introduction

• Define an interface metaphor.
• Explain why interface metaphors are used in UX design.
• Identify common interface metaphors.
• Discuss advantages and disadvantages.

Introduction

When learning new software, users understand it quickly if it resembles something they already know. UX designers use interface metaphors to make digital systems familiar.

Definition: The use of familiar real-world objects or concepts in a computer interface to help users understand how the system works.

Simple Definition: A real-world object used to represent a digital function.

🖼️ Common Interface Metaphors

🖥️ Desktop

Screen looks like an office desk with files and folders.

📂 Folder

Stores documents like a physical office folder.

🗑️ Recycle Bin

Temporarily stores deleted files before permanent removal.

🛒 Shopping Cart

Holds selected items before checkout (e.g., Daraz, Amazon).

🔍 Magnifying Glass

Represents the "Search" function.

✉️ Envelope

Represents Email or Messages.

📷 Camera

Represents taking photos or opening the camera app.

📅 Calendar

Represents schedules, events, and appointments.

💾 Floppy Disk

The universal "Save" icon (even though disks are obsolete).

✨ Characteristics, Pros & Cons

Characteristics of a Good Metaphor

• Be familiar to users.
• Be easy to understand.
• Represent the function correctly.
• Be consistent throughout the system.

Advantages

• Easy for beginners to learn.
• Reduces training requirements.
• Makes interfaces intuitive.
• Helps users remember functions.

Disadvantages

• Some metaphors become outdated (e.g., Floppy Disk).
• Different cultures may interpret metaphors differently.
• Overusing metaphors can limit creativity.
• Some digital functions have no real-world equivalent.

📊 Summary Table & Activity

Quick Reference Table

Interface Metaphor	Represents
Folder	Store files
Shopping Cart	Selected products
Recycle Bin	Deleted files
Envelope	Email
Camera	Take photos
Calendar	Events/Schedules
Magnifying Glass	Search
Bookmark	Save webpage

📝 Classroom Activity: Look at your smartphone and identify five interface metaphors (e.g., Gear icon for Settings). Discuss why these icons help users understand the application.

Summary

An Interface Metaphor uses familiar real-world objects to represent digital functions. Good metaphors improve usability, reduce learning time, and enhance the overall user experience by leveraging what users already know.

🎓 Expert ICT, Coding, School Classes, Digital Marketing & University Project Guidance

Struggling with your university final year project? Want to master coding, upscale your business with expert digital marketing, or learn absolute computer basics from scratch? We offer high-quality individual and group online classes conducted in English, Sinhala, or Tamil mediums. Get guaranteed academic success and professional growth with tailored guidance.

---

🎓 University Final Year Project Guidance & AI

Get specialized, end-to-end mentoring and technical support to pass your degree or master's program with flying colors:

• 🏫 Targeted Institutes: Expert guidance tailored for BIT UCSC, UoM, SLIIT, NIBM, and other leading universities.
• 🔬 Postgraduate Support: Comprehensive assistance for MSc Software Final Year Projects.
• 🤖 AI & Smart Applications: Step-by-step implementation of AI, Machine Learning (ML), and automation modules.
• ✅ Guaranteed Success: Help with documentation, system architecture, coding, and viva preparation.

---

🏫 School ICT & Corporate Beginner Classes

• 💻 Non-IT Staff Computer Basics: Absolute beginner-friendly online classes covering essential computer skills, office tools, and internet operations.
• 🎒 Primary & Secondary (Grades 1-10): Interactive online ICT classes tailored to build strong foundations from early ages.
• 📝 Exam Prep: Dedicated training packages for GCE O/L, GCE A/L ICT, and GIT exams.
• 🌍 Global Syllabuses: Complete curriculum coverage for Local, Edexcel, and Cambridge in English & Tamil Mediums.

---

📢 Software Development & Digital Marketing Services

• ⚙️ Software & Web Development: Professional custom software application and website development built using PHP & MySQL.
• 🎯 Social Media Management: Content creation, publishing, and channel management for Facebook, Instagram, TikTok, and YouTube.
• 📈 Ad Boosting: Highly targeted paid advertising campaigns to drive leads, traffic, and sales to your business.

---

📞 Connect With Us Instantly

Book your slot for online classes or get a premium tech service quote today!

💬 WhatsApp: +94 729622034

📧 Email: ITClassSL@gmail.com

---

🌐 Explore Our Resources & Communities

Stay updated with our latest tutorials, project ideas, and student guides across all our official platforms:

• 📺 YouTube Tutorials: Subscribe to our Channel
• 💼 Professional Network: Connect on LinkedIn
• ✍️ Tech Blog: Visit our WordPress Site
• ❓ Project Q&A: Follow our Quora Guide Profile
• 📰 Monthly Updates: Read Our Newsletter
• 🌐 Official Portfolios: Wix Site | Google Business | Strikingly Portfolio
• 🗣️ Student Forum: Join our ElaKiri Discussion Thread

CHAPTER 2: Part 3 CONCEPTUAL INTERACTION IT4106 - User Experience Design BIT UCSC 2nd Year 2nd Semester Notes PDF Download ICT Classes

2.1.4 Principles of Good Interaction Design

🎯 Learning Objectives

After studying this lesson, students should be able to:

• Define Interaction Design Principles.
• Explain why design principles are important.
• Describe the eight fundamental principles of interaction design.
• Apply these principles when designing user interfaces.
• Identify poor interface designs by analyzing design principles.

📖 Introduction & What are Design Principles?

Imagine two websites that sell the same product. Website A is simple, organized, and easy to use. Website B is confusing, cluttered, and difficult to navigate. Most people will choose Website A. Why? The difference is good interaction design.

What are Interaction Design Principles?

Definition: A set of guidelines used by UX designers to create systems that are easy, efficient, consistent, and satisfying for users.

Simple Definition: Rules that help designers create user-friendly software.

Why are they Important?

Following these principles helps designers:

• Reduce user confusion and prevent errors.
• Improve usability, efficiency, and user satisfaction.
• Reduce training time and build user confidence.

👁️ 1. Visibility & 2. Feedback

1. Visibility

Definition: Making important functions and controls easy for users to see. If users cannot see a function, they cannot use it.

Good Design: A large green "Checkout" button placed clearly at the bottom of the cart.
Bad Design: The checkout button is hidden inside a complex menu.

Design Tips: Make important buttons large, use readable fonts, highlight primary actions, and avoid hiding important features.

2. Feedback

Definition: The information provided by the system after a user performs an action. It tells users what happened.

Types of Feedback:

• Visual: Loading bar, animation, check mark, progress indicator.
• Audio: Notification sound, keyboard click, camera shutter.
• Haptic: Phone vibration, game controller vibration.

Why it matters: Without feedback, users might click "Pay" multiple times if there is no loading indicator, causing duplicate transactions.

🚧 3. Constraints & 4. Consistency

3. Constraints

Definition: Limitations placed on users to prevent incorrect actions. They stop users from making mistakes.

Types of Constraints:

• Physical: A USB plug only fits in one orientation.
• Logical: The "Next" button is disabled until all required fields are filled.
• Cultural: Red means Stop, Green means Go.
• Semantic: A steering wheel belongs in front of the driver.

4. Consistency

Definition: Using the same design patterns, layouts, terminology, and behaviors throughout a system. Similar things should behave in similar ways.

Example: If the "Save" button is blue on one page, it should be blue on every other page. Android apps consistently place the "Back" button in the same location.

🚪 5. Affordance & 6. Signifiers

5. Affordance

Definition: The properties of an object that suggest how it can be used. It tells users what an object allows them to do.

• Door Handle: Affords "Pull".
• Push Plate: Affords "Push".
• Button: Affords "Click".
• Slider: Affords "Drag".

6. Signifiers

Definition: Visual, textual, or audio cues that indicate how an object should be used.

Difference Between Affordance and Signifier

Feature	Affordance	Signifier
Definition	What the object can do	How users know what it can do
Example	A button affords clicking	Its blue color and shadow signify it is clickable

Examples of Signifiers: Underlined text (hyperlink), Play icon ▶ (video), Hamburger menu ☰ (navigation), Bell icon (notifications).

🗺️ 7. Mapping & 8. Learnability

7. Mapping

Definition: The relationship between controls and the effects they produce. Users should easily understand which control affects which function.

Good Example: A stove with four burners and four knobs. Good mapping places each knob in the exact same spatial arrangement as the burners. Poor mapping forces users to guess which knob controls which burner.

8. Learnability

Definition: The ease with which new users can learn to use a system effectively. A learnable system is easy for beginners to understand.

Example: Most people can learn to use WhatsApp within minutes because its interface is simple, familiar, and features clear navigation.

📊 Summary Table & Classroom Activity

Summary of the 8 Principles

Principle	Meaning	Example
Visibility	Important functions are easy to see	Large "Checkout" button
Feedback	System informs users about actions	"File Saved Successfully"
Constraints	Prevent incorrect actions	Password complexity rules
Consistency	Similar elements behave similarly	Same menu layout on every page
Affordance	Object suggests its use	Button suggests clicking
Signifiers	Cues indicate how to use something	Underlined hyperlink
Mapping	Clear relationship between control & effect	Correct stove knob layout
Learnability	Easy for beginners to learn	WhatsApp interface

📝 Classroom Activity: Visit any popular e-commerce website (such as Daraz or Amazon) and identify examples of the 8 principles. Discuss how these principles improve the user experience.

🏁 Topic 2.1 Status & Final Summary

✅ Topic 2.1 (Conceptualizing Interaction) Completed!
We have now covered:

• ✅ Introduction to Interaction & Conceptualizing Interaction
• ✅ Types of Interaction (Instructing, Conversing, Manipulating, Exploring)
• ✅ Interaction Paradigms (CLI to AI)
• ✅ Direct vs. Indirect Manipulation
• ✅ Principles of Good Interaction Design

Final Summary: Interaction Design Principles are the foundation of good UX. By applying visibility, feedback, constraints, consistency, affordance, signifiers, mapping, and learnability, designers can create systems that are intuitive, efficient, and enjoyable to use.

2.2 Conceptual Models

🎯 Learning Objectives

• Define a conceptual model.
• Explain why conceptual models are important.
• Identify the components of a conceptual model.
• Differentiate between conceptual, mental, and implementation models.
• Develop simple conceptual models for software systems.

📖 Introduction & What is a Conceptual Model?

Before developing any software, designers need to understand how users think the system should work. Instead of immediately designing screens or writing code, UX designers first create a conceptual model.

Definition

A Conceptual Model is a high-level representation of how a system works from the user's perspective. It explains the objects, actions, and relationships within the system without focusing on technical implementation.

Simple Definition: A plan or blueprint that shows how users interact with a system.

Example: ATM System

Insert Card ↓ Enter PIN ↓ Choose Transaction ↓ Process Request ↓ Display Result ↓ Return Card

This shows how the system works from a user perspective, not how it is programmed.

Why are Conceptual Models Important?

• Help understand user requirements and simplify complex systems.
• Improve communication among developers, designers, and stakeholders.
• Reduce design errors, save development time/cost, and improve UX.

🧩 Components of a Conceptual Model

A conceptual model usually includes four main components:

1. Objects

The items users interact with (e.g., Button, File, Folder, Shopping Cart, Product, Customer).

2. Actions

What users can do with objects (e.g., Open, Save, Delete, Search, Add to Cart, Login).

3. Relationships

How objects are connected. Example: Customer → Places → Order; Order → Contains → Products.

4. Feedback

How the system informs users about the result of their actions (e.g., "Login Successful", "Order Confirmed").

Example: Online Shopping System

Object	Action
Product	View, Add to Cart
Cart	Checkout
User	Login
Order	Track

✨ Characteristics, Examples & Pros/Cons

Characteristics of a Good Conceptual Model

A good conceptual model should be: Simple, Easy to understand, Consistent, User-centered, Logical, Flexible, and Easy to learn.

Real-World Example: Library Management System

• Objects: Book, Student, Librarian.
• Actions: Search Book, Borrow Book, Return Book, Renew Book.

Search Book → Select Book → Borrow Book → Return Book

Advantages & Disadvantages

Advantages	Disadvantages
Easy to understand. Reduces confusion. Helps identify design problems early. Improves team communication.	Does not show technical details. May need updates when requirements change. Different people may interpret the model differently.

📝 Classroom Activity & Summary

📝 Classroom Activity: Design a conceptual model for a Food Delivery App.

Expected Answer (Flow):
Login → Browse Restaurants → Select Food → Add to Cart → Checkout → Payment → Track Order

Summary

A Conceptual Model is a simplified representation of how a system works from the user's point of view. It identifies the objects, actions, relationships, and feedback within a system. Creating a conceptual model before development helps designers build systems that are easier to understand and use.

🎓 Expert ICT, Coding, School Classes, Digital Marketing & University Project Guidance

Struggling with your university final year project? Want to master coding, upscale your business with expert digital marketing, or learn absolute computer basics from scratch? We offer high-quality individual and group online classes conducted in English, Sinhala, or Tamil mediums. Get guaranteed academic success and professional growth with tailored guidance.

---

🎓 University Final Year Project Guidance & AI

Get specialized, end-to-end mentoring and technical support to pass your degree or master's program with flying colors:

• 🏫 Targeted Institutes: Expert guidance tailored for BIT UCSC, UoM, SLIIT, NIBM, and other leading universities.
• 🔬 Postgraduate Support: Comprehensive assistance for MSc Software Final Year Projects.
• 🤖 AI & Smart Applications: Step-by-step implementation of AI, Machine Learning (ML), and automation modules.
• ✅ Guaranteed Success: Help with documentation, system architecture, coding, and viva preparation.

---

🏫 School ICT & Corporate Beginner Classes

• 💻 Non-IT Staff Computer Basics: Absolute beginner-friendly online classes covering essential computer skills, office tools, and internet operations.
• 🎒 Primary & Secondary (Grades 1-10): Interactive online ICT classes tailored to build strong foundations from early ages.
• 📝 Exam Prep: Dedicated training packages for GCE O/L, GCE A/L ICT, and GIT exams.
• 🌍 Global Syllabuses: Complete curriculum coverage for Local, Edexcel, and Cambridge in English & Tamil Mediums.

---

📢 Software Development & Digital Marketing Services

• ⚙️ Software & Web Development: Professional custom software application and website development built using PHP & MySQL.
• 🎯 Social Media Management: Content creation, publishing, and channel management for Facebook, Instagram, TikTok, and YouTube.
• 📈 Ad Boosting: Highly targeted paid advertising campaigns to drive leads, traffic, and sales to your business.

---

📞 Connect With Us Instantly

Book your slot for online classes or get a premium tech service quote today!

💬 WhatsApp: +94 729622034

📧 Email: ITClassSL@gmail.com

---

🌐 Explore Our Resources & Communities

Stay updated with our latest tutorials, project ideas, and student guides across all our official platforms:

• 📺 YouTube Tutorials: Subscribe to our Channel
• 💼 Professional Network: Connect on LinkedIn
• ✍️ Tech Blog: Visit our WordPress Site
• ❓ Project Q&A: Follow our Quora Guide Profile
• 📰 Monthly Updates: Read Our Newsletter
• 🌐 Official Portfolios: Wix Site | Google Business | Strikingly Portfolio
• 🗣️ Student Forum: Join our ElaKiri Discussion Thread