What is the primary goal of the detailed design phase?

A) To create low-fidelity wireframes

B) To refine and specify UI components, layout, and behavior
C) To perform usability testing
D) To write technical documentation
Which of the following is NOT typically included in the detailed design phase?
A) UI elements design
B) Interaction design
C) Prototyping
D) User flow diagrams
Wireframes are best described as:
A) High-fidelity mockups with fully styled UI
B) Interactive prototypes
C) A low-fidelity visual guide representing the basic layout and
structure
D) Final designs for development
Which of the following is true about wireframes?

.IN
A) They should include all design details like colors and fonts.
B) They focus on the overall structure and layout rather than visual
design.
C) Wireframes are only used for mobile applications.
C
D) They are not used for prototyping.
Which type of wireframe is often used for quick feedback and early-stage design
N
concepts?
A) High-fidelity wireframe
SY

B) Low-fidelity wireframe
C) Interactive wireframe
D) Functional wireframe
U

What is the primary focus of UX goals?

VT

A) Improving the technical performance of the system

B) Ensuring a satisfying and effective user experience
C) Optimizing server-side code
D) Writing user manuals
Which of the following is NOT a typical UX goal?
A) Usability
B) Satisfaction
C) Efficiency
D) Server optimization
UX measures are used to:
A) Understand user needs and desires
B) Quantify how well UX goals are being achieved
C) Measure the server load during testing
D) Optimize backend infrastructure

Studied smart, not hard — thanks to VTUSync.in

Which of the following is an example of a UX metric?
A) Number of development hours
B) Task completion rate
C) Number of bugs in the software
D) Server downtime
Which of the following tools can be used to measure UX metrics?
A) Usability testing
B) Code reviews
C) Server logs
D) Memory profiling tools
What is the purpose of using measurement instruments like surveys in UX
design?
A) To improve backend performance
B) To collect user feedback and measure satisfaction
C) To debug code issues
D) To write user stories
Which of the following is NOT an example of a UX metric?
A) Time on task

.IN
B) Error rate
C) Click-through rate
D) Number of lines of code
C
Which is the primary goal of using UX targets in design?
A) To create a list of all user feedback
N
B) To set a specific benchmark or outcome to aim for
C) To measure the system’s server performance
D) To define user personas
SY

Which of the following could be a target for UX metrics?

A) Achieve a 95% task completion rate
B) Write 100 lines of code
C) Improve server speed by 50%
U

D) Increase the number of feature releases

VT

What does the "depth" of a prototype refer to?

A) The visual design quality of the prototype
B) The level of interactivity and functionality in the prototype
C) The number of screens in the prototype
D) The time spent on creating the prototype
What does the "breadth" of a prototype refer to?
A) The overall design aesthetic of the prototype
B) The number of features or user flows included in the prototype
C) The visual design complexity of the prototype
D) The user feedback collected during testing
Which of the following describes a low-fidelity prototype?
A) Highly interactive with realistic data
B) Simple, often paper-based, focusing on layout and user flow
C) Designed to represent the final product
D) Built with the final UI and content

Studied smart, not hard — thanks to VTUSync.in

Which of the following is a high-fidelity prototype?
A) A paper prototype with hand-drawn designs
B) An interactive model with real data and final visual design
C) A wireframe showing only the basic layout
D) A text-based representation of the user flow
What is a paper prototype primarily used for?
A) To create a fully functional product
B) To test early-stage concepts and user flows quickly and cheaply
C) To conduct usability testing on final designs
D) To simulate the entire user experience
Which of the following is an advantage of paper prototypes?
A) They are highly interactive and realistic
B) They can be easily modified and iterated upon
C) They contain final visual elements
D) They require a lot of software to create
What type of prototype is used to simulate interactions with little to no code?
A) Low-fidelity prototype

.IN
B) High-fidelity prototype
C) Functional prototype
D) Paper prototype
What is essential for the success of SE-UX development?
C
A) Strict deadlines
B) Collaboration and communication between software engineers and
N
UX designers
C) Avoiding user feedback
SY

D) Writing complex code for every feature

What challenge arises from connecting software engineering (SE) and UX
design?
A) Having too many designers working on the project
U

B) Bridging the difference in mindset and goals between SE and UX

teams
VT

C) Having too few features in the final product

D) Ensuring the product is not usable

How can software engineers and UX designers avoid conflicts?

A) By working in isolation to prevent misunderstandings
B) By setting clear expectations and maintaining open communication
channels
C) By focusing solely on technical requirements
D) By avoiding usability testing
Which of the following is an example of the SE-UX development process?
A) Creating a product without any user involvement
B) UX designers working independently of engineers
C) Iterative design and development, incorporating user feedback
D) Focusing solely on back-end development

Studied smart, not hard — thanks to VTUSync.in

Which is NOT an example of a key factor for success in SE-UX development?
A) Collaboration between engineers and designers
B) Constant user feedback
C) Strict separation of UX and SE roles
D) Use of agile methodologies
What foundation is necessary for successful integration of UX and SE?
A) A focus on aesthetic design over functionality
B) Clear communication and a shared vision between both teams
C) Limiting the use of user feedback
D) Avoiding the use of prototyping tools
Which type of prototype is most suitable for testing specific user flows?
A) Paper prototype
B) High-fidelity prototype
C) Functional prototype
D) Prototype with final visual design
What is an example of a high-fidelity prototype?
A) A wireframe

.IN
B) A detailed, interactive, and visually realistic representation of the
UI
C) A paper-based sketch
D) A written list of features
C
What is the main benefit of using a high-fidelity prototype in the development
process?
N
A) It requires no user testing
B) It provides a realistic simulation of the final product for usability
testing
SY

C) It is cheaper and faster to create

D) It does not require any design decisions to be made
What does "fidelity" refer to in the context of prototypes?
A) The number of features included in the prototype
U

B) The realism and level of detail in the prototype

C) The speed at which the prototype is developed
VT

D) The visual aesthetic quality of the design

Why is collaboration between SE and UX essential for product development?

A) To ensure a balance between functional and user-centered design
B) To avoid technical constraints
C) To allow for faster coding
D) To ensure features are launched without user testing
Which approach is most likely to result in a successful product design?
A) Focusing only on user interface aesthetics
B) Using prototypes to simulate real user interactions early and often
C) Focusing only on functionality without considering the user's experience
D) Ignoring feedback from both engineers and users

Studied smart, not hard — thanks to VTUSync.in

What does the "depth" of a prototype refer to?
A) The visual design quality of the prototype
B) The level of interactivity and functionality in the prototype
C) The number of screens in the prototype
D) The time spent on creating the prototype
What does the "breadth" of a prototype refer to?
A) The overall design aesthetic of the prototype
B) The number of features or user flows included in the prototype
C) The visual design complexity of the prototype
D) The user feedback collected during testing
Which of the following is an advantage of paper prototypes?
A) They are highly interactive and realistic
B) They can be easily modified and iterated upon
C) They contain final visual elements
D) They require a lot of software to create
What type of prototype is used to simulate interactions with little to no code?
A) Low-fidelity prototype
B) High-fidelity prototype

.IN
C) Functional prototype
D) Paper prototype
How can software engineers and UX designers avoid conflicts?
C
A) By working in isolation to prevent misunderstandings
B) By setting clear expectations and maintaining open communication
N
channels
C) By focusing solely on technical requirements
D) By avoiding usability testing
SY

Which of the following is an example of the SE-UX development process?

A) Creating a product without any user involvement
B) UX designers working independently of engineers
C) Iterative design and development, incorporating user feedback
U

D) Focusing solely on back-end development

Which of the following is NOT a characteristic of a wireframe?
VT

A) High level of detail in visual design

B) Focus on layout and content hierarchy
C) Basic navigation flow representation
D) Often black, white, or grayscale
Answer: A) High level of detail in visual design
What is the purpose of using layers in wireframing tools?
a) To print wireframes
b) To stack reusable UI components
c) To create color gradients
d) To run backend scripts
Answer: b
Which stage comes after wireframing in design production?
A) Requirement gathering
B) Prototyping
C) User testing
D) Detailed design
Answer: D) Detailed design

Studied smart, not hard — thanks to VTUSync.in

What does “detailed design” typically include?
A) Color palettes and typography
B) User journey mapping only
C) High-level user goals
D) UX metrics and evaluation
Answer: A) Colour palettes and typography
What does “modularity” in wireframing mean?
a) Using only one design pattern
b) Coding the entire wireframe in a single layer
c) Breaking design into reusable, layered parts
d) Avoiding visual design
Answer: c) Breaking design into reusable, layered parts
Which tool is commonly used for creating wireframes?
A) Adobe Premiere
B) Google Docs
C) Figma
D) Excel
Answer: C) Figma

.IN
In design production, a key transition from wireframe to detailed design is:
A) Removing all visual elements
B) Adding placeholder content only
C) Enhancing with color, style, and interactivity
C
D) Conducting A/B testing
Answer: C) Enhancing with color, style, and interactivity
N
Wireframes help stakeholders by:
A) Delivering code for development
SY

B) Demonstrating interactive animations

C) Visualizing layout and navigation early
D) Providing finalized marketing material
Answer: C) Visualizing layout and navigation early
What is NOT typically included in a wireframe?
U

A) Buttons and input fields

B) Navigation menus
VT

C) Color branding
D) Content sections
Answer: C) Color branding
A wireframe with clickable elements to simulate interactions is called:
A) Static mockup
B) Interactive wireframe
C) Visual prototype
D) UX audit
Answer: B) Interactive wireframe
What is a UX goal?
A) A development milestone
B) A measurement tool
C) A desired outcome from a user’s perspective
D) A bug-fixing procedure
Answer: C) A desired outcome from a user’s perspective

Studied smart, not hard — thanks to VTUSync.in

Which of the following best describes a UX metric?
A) A list of UI elements
B) A measurement of user experience success
C) A debugging tool
D) A branding guideline
Answer: B) A measurement of user experience success
Which of the following is a common UX goal?
A) Faster rendering speed
B) Higher engagement rate
C) Improved search engine ranking
D) Lower code complexity
Answer: B) Higher engagement rate
Time on task is an example of:
A) UI pattern
B) A/B test
C) UX metric
D) Heuristic
Answer: C) UX metric

.IN
Which is NOT a type of measurement instrument in UX?
A) Usability testing
B) Surveys
C) Eye-tracking
C
D) SQL Query
Answer: D) SQL Query
N
How are UX metrics typically collected?
A) Through backend code only
SY

B) Through user research methods like surveys and usability tests

C) By tracking server logs only
D) With no user involvement
Answer: B) Through user research methods like surveys and usability tests
What is the purpose of setting UX targets?
U

A) To determine product pricing

B) To guide software architecture
VT

C) To measure success of design against goals

D) To manage code performance
Answer: C) To measure success of design against goals
Which of these is an example of a qualitative UX measurement?
A) Time to complete task
B) Number of clicks
C) User satisfaction survey
D) Conversion rate
Answer: C) User satisfaction survey
Net Promoter Score (NPS) is a UX metric that measures:
A) Load time
B) Bounce rate
C) Willingness to recommend a product
D) UI complexity
Answer: C) Willingness to recommend a product

Studied smart, not hard — thanks to VTUSync.in

Which of the following tools can help measure UX metrics?
A) Adobe XD
B) Google Analytics
C) Visual Studio
D) Canva
Answer: B) Google Analytics
What does the "depth" of a prototype refer to?
A. Number of screens in the prototype
B. Level of detail in each feature
C. Number of colors used
D. Total size of the prototype
Answer: B) Level of detail in each feature
"Breadth" in a prototype typically refers to:
A. Number of users involved in testing
B. Level of color usage
C. Overall number of features/functions represented
D. Screen resolution
Answer: C) Overall number of features/functions represented

.IN
Which of the following best defines a low-fidelity prototype?
A. A fully coded, interactive web application
B. A quick sketch or paper model
C. A database-driven prototype
C
D. A final version of the product
Answer: B) A quick sketch or paper model
N
High-fidelity prototypes are usually:
A. Sketches on paper
SY

B. Fully functional software applications

C. Text-only designs
D. Paper mockups with color
Answer: B) Fully functional software applications
What is the main purpose of using paper prototypes?
U

A. To deploy final designs

B. To conduct complex usability testing
VT

C. To quickly visualize and test design ideas

D. To improve server response times
Answer: C) To quickly visualize and test design ideas
Which of the following is an advantage of low-fidelity prototyping?
A. Requires extensive coding knowledge
B. Expensive and time-consuming
C. Encourages quick feedback and iterations
D. Provides accurate performance metrics
Answer: C) Encourages quick feedback and iterations
What is the best time to use paper prototyping?
A. After finalizing development
B. At the beginning of the design process
C. Just before product launch
D. During server configuration
Answer: B) At the beginning of the design process

Studied smart, not hard — thanks to VTUSync.in

Fidelity in prototyping refers to:
A. Type of font used
B. Accuracy and completeness in design and interaction
C. Brand consistency
D. Resolution of screen used
Answer: B) Accuracy and completeness in design and interaction
A mid-fidelity prototype may include:
A. A live backend connection
B. Interactive wireframes with limited visuals
C. Printed screenshots only
D. Final UI designs with full functionality
Answer: B) Interactive wireframes with limited visuals
Which tool is typically not used for paper prototyping?
A. Pen
B. Scissors
C. HTML/CSS
D. Sticky notes
Answer: C) HTML/CSS

.IN
What is one major challenge in integrating SE and UX practices?
A. Both focus only on user interfaces
B. Differences in process goals and terminologies
C. SE always ignores UX
C
D. UX is never included in project management
Answer: B) Differences in process goals and terminologies
N
UX focuses primarily on:
A. System architecture
SY

B. Business logic
C. User satisfaction and usability
D. Database normalization
Answer: C) User satisfaction and usability
In SE-UX integration, what does "foundations for success" imply?
U

A. Isolating SE and UX processes

B. Aligning goals and establishing communication early
VT

C. Avoiding cross-team interaction

D. Only using one development methodology
Answer: B) Aligning goals and establishing communication early
A key reason for disconnect between SE and UX is:
A. They use the same tools
B. They have conflicting timelines and metrics
C. UX requires no technical understanding
D. SE doesn't require any design thinking
Answer: B) They have conflicting timelines and metrics
What is a good practice to connect SE and UX successfully?
A. Avoid feedback loops
B. Let each team work in isolation
C. Conduct joint design and development sessions
D. Skip usability testing
Answer: C) Conduct joint design and development sessions

Studied smart, not hard — thanks to VTUSync.in

Agile development can help SE-UX collaboration by:
A. Eliminating prototyping
B. Forcing waterfall models
C. Encouraging iterative feedback from users
D. Removing the design phase
Answer: C) Encouraging iterative feedback from users
In SE-UX integration, which artifact is commonly shared by both teams?
A. Server logs
B. Database schemas
C. User stories and personas
D. Network topologies
Answer: C) User stories and personas
Which tool can be repurposed for medium-fidelity prototyping according to the
notes?
A. Excel
B. MySQL
C. Blender
D. Photoshop

.IN
Answer: A) MySQL
What is a benefit of using animated prototypes?
A. Full interactivity
B. High backend support
C
C. Visualizing flow and sequencing
D. Backend database integration
N
Answer: C) Visualizing flow and sequencing
Physical mockups are useful when:
SY

A. UI is entirely text-based
B. Backend integration is needed
C. Device ergonomics matter
D. Only wireframes are required
Answer: C) Device ergonomics matter
U

What is a wireframe?
a) A backend database schema
VT

b) A low-level source code document

c) A schematic UI layout showing structure and navigation
d) A detailed user manual
Answer: c
Which tool is specifically recommended for building wireframes?
a) Adobe Photoshop
b) Microsoft Excel
c) OmniGraffle
d) Google Sheets
Answer: c
Annotated wireframes include:
a) Only visual comps
b) Real data integration
c) Call-outs and textual descriptions
d) JavaScript code
Answer: c

Studied smart, not hard — thanks to VTUSync.in

Visual comps are used to:
a) Evaluate usability only
b) Create back-end architecture
c) Show pixel-perfect visual design
d) Build clickable prototypes
Answer: c
What does “modularity” in wireframing mean?
a) Using only one design pattern
b) Coding the entire wireframe in a single layer
c) Breaking design into reusable, layered parts
d) Avoiding visual design
Answer: c
Wireframes are best used during which design phase?
a) Testing
b) Deployment
c) Ideation and sketching
d) Detailed design and iteration
Answer: d

.IN
Sketchy wireframes give users the impression that:
a) The design is already final
b) The design can still be changed
c) Backend code is completed
C
d) Visual branding is applied
Answer: b
N
What is the purpose of using layers in wireframing tools?
a) To print wireframes
SY

b) To stack reusable UI components

c) To create color gradients
d) To run backend scripts
Answer: b
A visual asset includes:
U

a) Hardware component
b) Visual element with style definition
VT

c) Source code
d) Server configuration
Answer: b
What does a highlight layer typically represent?
a) Inactive screen elements
b) Selected or active UI objects
c) Background image
d) Error messages
Answer: b
Wireframes help teams by acting as:
a) Source code compilers
b) Deployment scripts
c) Design communication tools
d) Security audit documents
Answer: c

Studied smart, not hard — thanks to VTUSync.in

What happens in a “wake-up” state of a wireframe?
a) App is shut down
b) Error is triggered
c) Initial screen of the workflow is shown
d) Screen saver is activated
Answer: c
When designing for scalability in wireframes, what should be considered?
a) Network latency
b) Server power
c) Variable data sizes and screen adjustments
d) Keyboard types
Answer: c
Which component is NOT part of a typical wireframe?
a) Boxes and outlines
b) Labelled UI elements
c) Visual brand colors
d) Navigation flows
Answer: c

.IN
Which of the following is a low-fidelity wireframe tool?
a) Balsamiq
b) Figma
c) Dreamweaver
C
d) Canva
Answer: a
N
The purpose of using stencils in wireframing is to:
a) Track user behavior
SY

b) Analyze SQL queries

c) Quickly add common UI widgets
d) Validate HTML
Answer: c
Visual comps are made consistent using:
U

a) Wireframe layers
b) Visual storytelling
VT

c) Style guides and branding

d) Command-line scripting
Answer: c
What does a storyboard help in during wireframe creation?
a) Running backend services
b) Representing task flows
c) Generating HTML
d) Logging user actions
Answer: b
A click-through wireframe prototype simulates:
a) Real-time databases
b) Linked page navigation
c) CSS-only styles
d) Cloud deployment
Answer: b

Studied smart, not hard — thanks to VTUSync.in

Which wireframe fidelity is closest to a final visual design?
a) Low fidelity
b) Medium fidelity
c) High fidelity
d) Sketchy wireframe
Answer: c
What is the primary purpose of a prototype in UI/UX?
A. Final implementation
B. Early evaluation of design ideas
C. Gathering user requirements
D. Finalizing backend architecture
Answer: B
A horizontal prototype is characterized by:
A. High depth, low breadth
B. Low depth, low fidelity
C. High breadth, low depth
D. High fidelity, high interactivity
Answer: C

.IN
A vertical prototype allows for:
A. Detailed exploration across many features
B. Quick sketching
C. High fidelity without interactivity
C
D. Deep evaluation of a few features
Answer: D
N
A "T" prototype combines:
A. Low fidelity and interactivity
SY

B. Horizontal and vertical prototypes

C. Sketches and mockups
D. Interaction and emotional perspectives
Answer: B
Which of the following is true about low-fidelity prototypes?
U

A. They are expensive to make

B. They simulate backend functionality
VT

C. They are ideal for early feedback

D. They use real code and assets
Answer: C
Which prototype type simulates user interaction with minimal code by using
human responses?
A. Scripted prototype
B. Click-through prototype
C. Wizard of Oz prototype
D. Medium-fidelity prototype
Answer: C
Which prototyping method involves sketches or hand-drawn UI screens?
A. High-fidelity prototype
B. Paper prototype
C. Wizard of Oz
D. Click-through prototype
Answer: B

Studied smart, not hard — thanks to VTUSync.in

What does high fidelity in a prototype imply?
A. Simplified paper layout
B. Accurate visual and behavioral representation
C. Low cost and minimal effort
D. Sketches and ideation
Answer: B
Which prototype is best to test a checkout workflow on an e-commerce site?
A. Horizontal
B. Vertical
C. Local
D. Physical
Answer: B
Medium-fidelity prototypes are often created using:
A. Wireframes
B. Clay models
C. Storyboards
D. Printed code
Answer: A

.IN
Local prototypes are used to:
A. Evaluate the whole system
B. Simulate real user interactions
C. Compare small design elements like icons or messages
C
D. Demonstrate all backend functionality
Answer: C
N
What is NOT a characteristic of a click-through prototype?
A. Allows user navigation
SY

B. High backend functionality

C. Uses linked wireframes
D. Demonstrates task flow
Answer: B
Which material is commonly used in physical mockups?
U

A. HTML and CSS

B. Real-time backend servers
VT

C. Cardboard and wood

D. JavaScript frameworks
Answer: C
A low-fidelity prototype is most appropriate for:
A. Marketing presentations
B. Developer handoff
C. Early user feedback
D. Final design approval
Answer: C
The 'interaction perspective' in prototyping is concerned with:
A. Emotional satisfaction
B. Visual appearance
C. Task flow and user-system interaction
D. Network design
Answer: C

Studied smart, not hard — thanks to VTUSync.in

What makes paper prototypes especially valuable in early design stages?
A. Accuracy in aesthetics
B. Usability of backend systems
C. Speed and ease of modification
D. Permanent documentation
Answer: C
What does the term "fidelity" in prototyping refer to?
A. Team communication
B. Functional completeness
C. Realism in design appearance and interaction
D. Interpersonal trust in the team
Answer: C
Which tool can be repurposed for medium-fidelity prototyping according to the
notes?
A. Excel
B. MySQL
C. Blender
D. Photoshop

.IN
Answer: A
What is a benefit of using animated prototypes?
A. Full interactivity
B. High backend support
C
C. Visualizing flow and sequencing
D. Backend database integration
N
Answer: C
Physical mockups are useful when:
SY

A. UI is entirely text-based
B. Backend integration is needed
C. Device ergonomics matter
D. Only wireframes are required
Answer: C
U
VT

Studied smart, not hard — thanks to VTUSync.in