DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

CCS370 - UI AND UX DESIGN

2 MARKS WITH ANSWER

UNIT - 1

1. Define UI
Answer: UI (User Interface) refers to the visual layout of elements that a user interacts
with in a digital product, including buttons, icons, spacing, typography, and colors.
2. Define UX
Answer: UX (User Experience) is the overall experience a user has while interacting
with a product or service, focusing on usability, functionality, and user satisfaction.
3. Differentiate UI vs UX Design
Answer: UI is concerned with how a product looks, while UX is about how the
product works and feels from the user’s perspective.
4. List out core stages of design thinking
Answer: The five core stages are: Empathize, Define, Ideate, Prototype, and Test.
5. What are the types of design thinking
Answer: Common types include Human-Centered Design, Lean UX, and Agile
Design Thinking.
6. What is Brainstorming
Answer: Brainstorming is a group creativity technique to generate a wide range of
ideas for solving a problem.
7. What is Game Storming
Answer: Gamestorming is a set of co-creation games used to encourage innovation,
collaboration, and problem-solving.
8. What is Observational Empathy
Answer: It is the practice of understanding users’ feelings and needs by observing
their behaviors and interactions.
9. Define Humanizing Interactions
Answer: Humanizing interactions involves making digital interactions feel more
natural, empathetic, and emotionally engaging for users.
 10. Define Design Thinking
Answer: Design Thinking is a user-centered approach to problem-solving that
involves understanding users, redefining problems, and developing innovative
solutions.
11. Designing for Context
Answer: It refers to creating designs that consider the user's environment, situation,
and goals during interaction.
12. Name the first stage of Design Thinking.
Answer: The first stage is “Empathize.”
13. What is the purpose of the "Define" stage in Design Thinking?
Answer: To clearly articulate the user’s problem based on insights gathered in the
Empathize stage.
14. In which stage of Design Thinking do designers ideate and brainstorm solutions?
Answer: In the "Ideate" stage.
15. When is observational empathy particularly valuable in the design process?
Answer: It is most valuable during the "Empathize" stage to understand real user
needs and challenges.

UNIT - II

1. List out the Visual principles of UI Design

• Balance
• Contrast
• Emphasis
• Unity
• Alignment
• Proximity

2. List out the UI principles

• Structure principle
• Simplicity principle
• Visibility principle
• Feedback principle
• Tolerance principle
• Reuse principle
3. What are the various UI Elements? Enlist the various UI Patterns

UI Elements: Buttons, Text fields, Checkboxes, Dropdowns, Sliders, Icons

UI Patterns: Navigation bars, Tabs, Modal windows, Accordions, Cards

4. Define Interaction Behavior

Interaction behavior refers to how users engage with a UI and how the system responds to
user actions like clicks, swipes, or input.

5. Enlist the various principles for interaction

Learnability
• Predictability
• Feedback
• Consistency
• Flexibility

6. Define Branding

Branding is the process of creating a unique identity for a product through visual elements,
tone, and consistent messaging.

7. What is Style Guide

A style guide is a document that defines the design standards, visual styles, and usage rules
for UI elements in a product.

8. List out the rules for style guides?

Maintain consistency
• Define typography and color usage
• Specify UI components
• Outline iconography and spacing rules

9. List out advantages of UX design

Enhances user satisfaction

• Increases usability
• Reduces development costs
• Boosts customer retention

UNIT – III
1. What is UX design

UX design (User Experience Design) focuses on creating products that provide meaningful
and relevant experiences to users.

2. Define Increased User Engagement

It refers to users interacting more frequently and deeply with a product due to intuitive design
and satisfying experiences.

3. Explain Competitive Advantage

A good UX can differentiate a product from competitors, offering superior usability, leading
to customer preference.

4. Define User Experience

User Experience encompasses all aspects of the end-user's interaction with a company, its
services, and its products.

5. Explain Methodology

UX methodology is a structured process involving research, design, prototyping, and testing

to ensure user-friendly design.

6. List out Various goals in UX

• Improve usability
• Enhance user satisfaction
• Ensure accessibility
• Increase efficiency
• Reduce user errors

7. What is business goals of UX Design

Business goals include increasing conversion rates, customer retention, brand loyalty, and
reducing support costs.

8. Improved Customer Retention and Loyalty

A positive UX keeps customers satisfied, encouraging them to return and remain loyal to the
brand.
9. Enhanced User Satisfaction

A well-designed UX improves user satisfaction by offering intuitive navigation, efficient

interactions, and positive emotions

UNIT – IV

1. What is responsive design

Responsive design is an approach where a website or app adjusts its layout and elements
based on the screen size or device.

2. Define Wireframing

Wireframing is the process of creating a simplified visual guide that outlines the structure
and layout of a user interface.

3. Building a Prototype

Building a prototype involves creating an early sample or model of a product to test ideas
and functionalities before full development.

4. What is prototype

A prototype is a preliminary version of a product that demonstrates functionality, design,

and user flow for testing purposes.

5. Define Mockup

A mockup is a high-fidelity visual representation of a design, showing how the final

product will look but not function.

6. Visual Design Presentation

This involves showcasing the aesthetic aspects of a design including colors, typography,
spacing, and visual hierarchy.

7. Design Evaluation and Iteration

This is the process of testing a design, gathering feedback, and refining it in cycles to
improve usability and effectiveness.

8. Define User Research

User research is the study of target users and their needs through methods like interviews,
surveys, and usability testing.
 9. List out Interaction Patterns

Navigationmenus
•Modaldialogs
•Carousels
•Tabs
•Infinitescrolling
•Draganddrop
• Search bars

UNIT – V

1. Define Problem Statement

A problem statement clearly outlines the issue that the design aims to solve. It identifies the
user pain points and business needs, forming the foundation for research and design
decisions.

2. List out Appropriate Research Methods

These are techniques used to gather user insights, such as:

 User interviews
 Surveys and questionnaires
 Usability testing
 Contextual inquiries
 Competitor analysis

3. Define Persona

A persona is a fictional representation of a typical user based on real data. It includes:

 Demographics
 Goals
 Behaviors
 Pain points

4. Define Solution Ideation

This is the process of brainstorming and generating creative ideas that solve the defined
problem. It involves:
  Mind mapping
 Sketching
 Wireframing
 Design sprints

5. Define User Stories

User stories describe a feature from the end-user’s perspective, typically using the format:
"As a [type of user], I want [goal] so that [reason]."

6. Define Scenario

A scenario is a narrative describing how a user interacts with the system in a specific context
to achieve a goal, enhancing understanding of user behavior and environment.

7. Define Flow Diagram

A flow diagram visualizes the steps a user takes to complete a task within a system. It
includes:

 Start and end points

 Actions
 Decisions
 System responses

8. Define Flow Mapping

Flow mapping is the process of detailing the various paths users can take through an interface
or system. It helps identify potential user experience bottlenecks or confusion points.

9. Define Information Architecture

Information Architecture (IA) is the structure and organization of content within a digital
product. It ensures users can easily find and navigate information using menus, hierarchies,
and search functions.

10. State the Advantages of Flow Mapping

 Clarifies user journey

 Identifies dead ends or inefficiencies
 Enhances collaboration between designers and developers
 Facilitates better design decisions
  Helps in prioritizing features

11. Streamlining User Flows

This means simplifying the steps users take to accomplish tasks. Techniques include:

 Reducing clicks
 Minimizing data entry
 Clear CTAs (Call-To-Actions)
 Logical navigation

12. User-Centric Design

User-Centric Design focuses on the needs, preferences, and limitations of end-users at every
stage of the design process. It includes:

 Iterative design
 Usability testing
 Feedback incorporation
 Accessibility considerations