SY UID Assignment No. 9 & 10
SY UID Assignment No. 9 & 10
Unit – V: Prototyping and Testing
Q1. What is Wireframing?
Answer:
Wireframing is the process of creating a simple layout of a website or mobile app before final design.
It shows:
Structure of the screen
Placement of buttons and text
Basic navigation
Purpose:
To plan the design before creating the final UI.
Q2. What is the purpose of wireframing?
Answer:
Wireframing helps designers plan and test ideas early.
Main purposes:
Show basic structure of the interface
Understand user flow
Detect design problems early
Save development time
It acts like a blueprint of the application.
Q3. What are the types of wireframes?
Answer:
Low Fidelity Wireframe
Very simple design
Basic shapes and lines
No colors or images
Medium Fidelity Wireframe
More detailed layout
Some text and spacing
High Fidelity Wireframe
Looks similar to final design
Includes colors, fonts, and images
Q4. What is Sketching in UI design?
Answer:
Sketching means drawing basic design ideas on paper or digital tools.
Uses:
Quickly create design ideas
Plan layout of screens
Explore multiple solutions
Designers often sketch before creating digital wireframes.
Q5. How are Low Fidelity wireframes created?
Answer:
Low fidelity wireframes are created using simple shapes and placeholders.
Characteristics:
Boxes for images
Lines for text
Simple buttons
Tools used:
Paper and pencil
Whiteboard
Basic digital tools
Purpose is to focus on layout, not design details.
Q6. How are Medium and High Fidelity wireframes created in Figma?
Answer:
Using Figma, designers can create detailed wireframes.
Medium Fidelity:
Proper layout
Text labels
Better spacing
High Fidelity:
Real colors
Icons and images
Actual UI components
These wireframes look very close to the final interface.
Q7. What basic factors should be considered while creating wireframes?
Answer:
Designers should consider:
Device – mobile, tablet, or desktop
Screen size – layout must fit the screen
Behavior – how elements respond to actions
Interaction – clicking, scrolling, swiping
These factors help create usable and responsive designs.
Q8. What elements are used in wireframing?
Answer:
Wireframes include basic UI elements such as:
Header and navigation menu
Buttons
Text placeholders
Image placeholders
Forms and input fields
In high fidelity wireframes, visual elements like colors, fonts, and icons are also added.
Q9. What is Prototyping?
Answer:
Prototyping is the process of creating a working model of a design.
It allows users to:
Click buttons
Navigate between screens
Experience the interface
Purpose:
To test how the application will behave before development.
Q10. What is Testing in UX design?
Answer:
Testing is the process of checking whether users can use the application easily and correctly.
Methods:
User testing
Feedback collection
Observing user behavior
Benefits:
Identify design problems
Improve usability
Enhance user experience
Testing ensures the product works effectively for real users.