Procoder

Top 3 Winners:

Amruta Jadhav, Sneha Bobde and  Hemant Patil

Congratulations!!

Quiz Questions and answers are as below:

1. Which of the following helps maintain consistency in a product?

• Reusing shared components

• Following design system rules

• Using different button styles for each screen

• Keeping naming conventions uniform

✔ Correct Answer: Following design system rules

2. What action makes a web app more accessible?

• Using semantic HTML tags

• Supporting keyboard navigation

• Using only color to convey meaning

• Adding alt text to images

✔ Correct Answer: Using semantic HTML tags

3. How can developers improve performance of web apps?

• Lazy loading images

• Caching API responses

• Reducing bundle size

• Adding complex animations on load

✔ Correct Answer: Reducing bundle size

4. Which practice helps with error prevention and handling?

• Validating user inputs

• Showing clear error messages

• Only logging errors in the backend

• Providing helpful suggestions for fixing errors

✔ Correct Answer: Validating user inputs

5. Why is user feedback important in UI?

• It confirms that an action is happening or complete

• It reduces confusion or uncertainty

• It hides technical errors from users

• It slows down user flow

✔ Correct Answer: It confirms that an action is happening or complete

6. Which of the following follows accessibility best practices?

• Sufficient color contrast between text and background

• Descriptive labels for form fields

• Placeholder-only fields

• Using low-contrast grey text for instructions

✔ Correct Answer: Sufficient color contrast between text and background

7. What is a benefit of focusing on performance as UX?

• Users stay longer on your app

• Higher conversion rates

• Better mobile experience on slow networks

• More API calls from users

✔ Correct Answer: Higher conversion rates

8. Why should developers care about UX?

• Their code affects how users experience the app

• Good UX reduces support requests

• UX is only the designer’s job

• Clean code often supports a better user experience

✔ Correct Answer: Their code affects how users experience the app

9. Which technique improves perceived performance?

• Showing skeleton screens

• Preloading content

• Adding loading indicators

• Removing all animations

✔ Correct Answer: Showing skeleton screens

10. How can developers prevent common user errors?

• Using dropdowns instead of free-text inputs

• Setting sensible default values

• Disabling invalid options

• Letting users guess field formats

✔ Correct Answer: Using dropdowns instead of free-text inputs

11. What improves user trust in a product?

• Consistent behavior of UI elements

• Reliable feedback after actions

• Random UI changes

• Vague error messages

✔ Correct Answer: Consistent behavior of UI elements

12. What can poor affordances lead to?

• User confusion about what to click

• Missed actions or incomplete tasks

• Better visual design

• Shorter user sessions

✔ Correct Answer: User confusion about what to click

13. What tool can help test accessibility?

• Lighthouse

• Axe browser plugin

• Google Translate

• CSS validator

✔ Correct Answer: Axe browser plugin

14. What is a good consistency practice in development?

• Using a single source of truth for styles

• Following platform-specific design guidelines

• Custom styling for every page

• Using shared components across the app

✔ Correct Answer: Using a single source of truth for styles

15. What is a key benefit of applying UX principles as a developer?

• Smoother user interactions

• Fewer bugs and errors

• Happier and more loyal users

• More server-side logic

✔ Correct Answer: Smoother user interactions