1.
Main objective of UI design:
• Ensure visual appeal and ease of use.
• Facilitate user interaction with a product or system effectively.
• Enhance usability and accessibility.
• Help users achieve their goals with minimal friction and effort.
2. Example of a UI element:
• Button: A clickable element used to trigger actions (e.g., submit, navigate).
• Helps users complete tasks, such as submitting a form or navigating pages.
• Provides feedback, like changing color or animation, when clicked, confirming the action is
recognized.
[Link] in UX design:
• Enables designers to understand user needs, emotions, and frustrations.
• Empathy ensures designs are user-centered and cater to a wide range of users.
• Helps designers create solutions that address user pain points and enhance satisfaction.
[Link] in interaction design:
• The system’s way of responding to user actions (e.g., button click, form submission).
• Includes visual, auditory, or tactile responses (e.g., color change, sound, vibration).
• Provides users with confirmation that their input has been received, reducing uncertainty.
5. Contrast in UI design:
• Involves using distinct colors, shapes, sizes, or fonts to differentiate elements.
• Helps important elements like buttons, headings, or notifications stand out.
• Improves readability and ensures a clear visual hierarchy so users can quickly find key
information.
6. Advantage of a design system with a style guide:
• Ensures consistency across different components and pages of a product.
• Saves time by providing pre-defined components that designers and developers can reuse.
• Improves collaboration by aligning teams with a common design language.
7. Primary focus of UI design:
• Create interfaces that are not only visually appealing but also intuitive.
• Focus on how users interact with the interface through components like buttons, icons, and
menus.
• Ensure that layout, typography, and colors are clear, cohesive, and guide the user effectively.
[Link] of a UI element and explanation:
• Slider: A UI element that lets users adjust a value by dragging a handle along a track (e.g.,
volume control).
• Provides interactive feedback as users adjust it, showing immediate changes in the values.
• Allows for precise control over a range of settings, enhancing the user experience by giving
them more control.
[Link] of empathy in UX design:
• Helps designers put themselves in the user’s shoes to understand their needs and
challenges.
• Prioritizes human-centered solutions that solve real problems and improve the product's
usability.
• Increases user satisfaction by addressing concerns and making the experience more intuitive
and enjoyable.
10. Contrast in UI design:
• Refers to using differences in colors, sizes, and fonts to make specific elements stand out.
• Helps create a visual hierarchy, guiding users’ attention to the most important parts of the
interface.
• Enhances usability by ensuring key information and actions are more visible and easy to
understand.
11. Concept of feedback in interaction design:
• Feedback is the immediate response the system provides after user actions (e.g., a loading
spinner after submitting a form).
• It reassures users that their input has been acknowledged and is being processed.
• Keeps users informed and engaged, helping them feel in control of the interaction process.
12. Benefit of a design system with a style guide:
• Provides consistency in design across various components, ensuring that products look and
feel uniform.
• Speeds up the design process by providing a framework of reusable components.
• Promotes better collaboration between teams by standardizing design principles and coding
practices.
