SY UID Assignment No. 5 & 6
SY UID Assignment No. 5 & 6
Unit – III: User Interface Design
Q1. What is User Interface (UI) Design?
Answer:
User Interface (UI) Design is the process of designing the look and layout of an application or website so that users can interact with it easily.
UI includes:
Buttons
Icons
Menus
Text fields
Images and colors
Goal:
To make the application easy, attractive, and user-friendly.
Q2. What is Storyboarding in UI Design?
Answer:
Storyboarding is a technique used to visualize how users will interact with an application step by step.
Features:
Shows sequence of screens
Describes user actions
Helps understand user experience
Example:
Opening an app → Login screen → Home page → Select product → Payment.
Purpose:
Helps designers plan the flow of the application.
Q3. What is User Journey Mapping?
Answer:
User Journey Mapping shows the complete experience of a user while using a product.
It describes:
What the user does
What the user feels
Problems faced by the user
Example Journey:
Open website
Search product
Add to cart
Checkout
Purpose:
Helps designers improve user experience.
Q4. What are Gestalt Principles of Design?
Answer:
Gestalt principles explain how people see and understand visual elements as a whole rather than separate parts.
These principles help designers create organized and meaningful layouts.
Example:
Buttons placed close together are seen as a group.
Benefit:
Improves clarity and usability of UI design.
Q5. What are the main Gestalt Principles used in UI Design?
Answer:
Proximity – Elements placed close together are related.
Similarity – Elements with similar color or shape are seen as a group.
Continuity – Eyes follow smooth lines or patterns.
Closure – Mind fills missing parts to complete shapes.
Purpose:
These principles help create clean and well-organized interfaces.
Q6. What is Aesthetics in UI Design?
Answer:
Aesthetics means the visual beauty and attractiveness of a user interface.
A good UI should be:
Simple
Clean
Visually appealing
Easy to understand
Example:
Using balanced layout, proper colors, and readable fonts.
Result:
Users feel comfortable using the application.
Q7. How are Light, Color, and Contrast used in UI Design?
Answer:
Light:
Used to highlight important elements.
Color:
Helps create emotions and brand identity.
Example:
Blue → Trust
Red → Attention
Contrast:
Difference between colors to improve visibility.
Example:
Black text on white background.
Purpose:
Makes the interface clear and readable.
Q8. What is Figma?
Answer:
Figma is a free online design tool used to create user interface designs.
Features:
UI design creation
Prototyping
Real-time collaboration
Cloud storage
Use:
Designers use Figma to design websites, mobile apps, and prototypes.
Q9. What is Visual Communication Design?
Answer:
Visual Communication Design is the process of communicating information using visual elements.
Elements used:
Icons
Images
Colors
Typography
Layout
Example:
A shopping cart icon showing where to buy products.
Goal:
Make information easy to understand visually.
Q10. How can effective visual communication be achieved in GUI design?
Answer:
Effective visual communication in Graphical User Interface (GUI) can be achieved by:
Using simple icons and images
Maintaining consistent colors and fonts
Keeping layout clean and organized
Highlighting important elements
Using clear labels and buttons
Result:
Users can understand and use the interface quickly and easily.