week 6 Flashcards
(12 cards)
What are the four key principles of a good user interface?
A:
Simplicity: Minimize unnecessary elements and use straightforward language.
Consistency: Uniform colors, typography, and layouts across screens.
Feedback: Provide visual or audio cues for user actions or errors.
Flexibility: Allow users to adapt the interface to their needs (e.g., dark mode).
Give an example of feedback in UI design.
A sound when sending a message or highlighting an error field.
What is visual hierarchy, and why is it important?
Visual hierarchy organizes content so users focus on what matters most. It helps users quickly understand and navigate interfaces, reducing cognitive load and improving efficiency.
Name and explain two techniques to achieve visual hierarchy.
Size and Scale: Bigger elements attract more attention (e.g., headlines vs. body text).
Contrast: Using dark text on light backgrounds or vice versa to highlight elements (e.g., notifications with contrasting colors).
What are the three main color models, and where are they used?
RGB: Used for digital screens.
CMYK: Used for print media.
RYB: Traditional color theory for art.
Explain the concept of monochromatic color harmony.
Monochromatic harmony uses a single hue with varied tints and shades for a simple and cohesive design.
What is the 60-30-10 rule in color design?
Use 60% of the dominant color, 30% of the secondary color, and 10% as an accent to create balance and harmony.
Why is accessibility important in UI design?
It ensures that everyone, including users with disabilities, can interact with the design. For example, visually impaired users benefit from screen readers.
What is WCAG, and name one guideline?
WCAG stands for Web Content Accessibility Guidelines. One guideline is color contrast, ensuring sufficient contrast between text and background for readability.
Mention one tool used for accessibility testing and its purpose.
Axe: A tool to test accessibility compliance with WCAG standards.
What are three focus areas when designing a mock UI?
Apply Visual Hierarchy: Prioritize key elements like “Order Now” buttons.
Use Color Theory: Choose cohesive color schemes and test for contrast.
Ensure Accessibility: Check compliance with WCAG standards.
What tools can you use for creating a wireframe?
Figma: Collaborative tool for wireframes and high-fidelity prototypes.
Adobe XD: For interactive prototypes and animations.
Canva: Beginner-friendly with pre-made templates.
