jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-01-07 18:03:49 -05:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): update design quiz and review (#58398)

Browse Source
This commit is contained in:
Oliver Eyton-Williams
2025-01-28 15:24:45 +01:00
committed by GitHub
parent 9e86617d47
commit 1d6a0554a0
2 changed files with 39 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
curriculum/challenges/english/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
View File

@@ -39,7 +39,7 @@ Creates visual hierarchy, improves readability, focuses the viewer's attention o
#### --text--
What is the design principle of carefully choosing the size of elements in relation to each other and the layout?
What is the design principle of carefully choosing the size of elements in relation to each other?
#### --distractors--
@@ -65,25 +65,25 @@ Which of the following sites would most likely benefit from using breadcrumbs?
#### --distractors--
A single-page portfolio site.
A single-page portfolio site
---
An infinite scroll gallery site.
An infinite scroll gallery site
---
A simple blog with only a few posts.
A simple blog with only a few posts
#### --answer--
A complex e-commerce site with multiple categories and subcategories.
A complex e-commerce site with multiple categories and subcategories
### --question--
#### --text--
What design pattern allows users to access and interact with specific elements and content on a website without or while deferring registration?
Which design pattern allows users to access and interact with elements and content on a website without requiring immediate registration?
#### --distractors--
@@ -105,19 +105,19 @@ Deferred/lazy registration
#### --text--
What are the three main types of text alignment?
What are three types of text alignment?
#### --distractors--
Vertical, center, horizontal
Top, center, horizontal
---
Left, right, justified
Left, right, middle
---
Vertical, horizontal, justified
Vertical, horizontal, equal
#### --answer--
@@ -171,7 +171,7 @@ Elements that are strikingly different from each other visually
#### --text--
In the examples below, which one is an example of visual hierarchy in design?
Which of the following is an example of visual hierarchy in design?
#### --distractors--
@@ -197,7 +197,7 @@ What is a common goal of conducting exit interviews in user research?
#### --distractors--
To increase the number of new users.
To increase the number of new users
---
@@ -205,11 +205,11 @@ To test new features with existing users
---
To gather data for A/B testing.
To gather data for A/B testing
#### --answer--
To understand the factors causing user churn.
To understand the factors causing user churn
### --question--
@@ -285,19 +285,19 @@ How can user research impact user requirements?
#### --distractors--
It has no impact on user requirements.
It has no impact on user requirements
---
It only affects non-functional requirements.
It only affects non-functional requirements
---
It only affects functional requirements.
It only affects functional requirements
#### --answer--
It can help define and refine user requirements based on user feedback.
It can help define and refine user requirements based on user feedback
### --question--
@@ -307,63 +307,63 @@ Why is it important for a design brief to be reviewed and approved by all stakeh
#### --distractors--
To ensure everyone is aware of the project's social media strategy.
To ensure everyone is aware of the project's social media strategy
---
To finalize the color palette and design elements.
To finalize the color palette and design elements
---
To determine the project's marketing budget.
To determine the project's marketing budget
#### --answer--
To confirm that all stakeholders agree on the project's objectives and requirements.
To confirm that all stakeholders agree on the project's objectives and requirements
### --question--
#### --text--
What is one bad practice method for implementing infinite scroll?
What is considered bad practice when implementing infinite scroll?
#### --distractors--
Allow users to jump to a page or section through the navbar or a pagination drop down menu
Allowing users to jump to a page or section through the navbar or a pagination drop down menu
---
Add a load more indicator or symbol after a certain point in the page along with the infinite scroll
Adding a load more indicator or symbol after a certain point in the page along with the infinite scroll
---
Integrate a footer reveal at the bottom
Integrating a footer reveal at the bottom
#### --answer--
No back to top button, alternative methods of navigating the page, and very long inefficient scrolling
Not adding alternative methods of navigating the page
### --question--
#### --text--
What is one bad practice for working with images?
Which of the following is a best practice when designing progress indicators for forms?
#### --distractors--
Make important images stand out by being larger in size
Requiring users to restart the form if they navigate away from the page
---
Separate text and images into columns or rows
Keeping the progress indicator small and discreet
---
Put images outside the layout and important ones on their own or full screen
Making sure the progress is just displayed visually without any text
#### --answer--
Images placed in the middle of text paragraphs with very little margin space for separation
Breaking the progress indicator into labeled sections
### --question--
@@ -381,7 +381,7 @@ Do not allow users to add or remove items from the cart
---
Include a checkout summary on another page
Automatically add products to the cart without user interaction
#### --answer--
@@ -391,7 +391,7 @@ Include thumbnail images of products in the cart
#### --text--
Dark mode doesn't mean pure black. What are some colors and good techniques to create a good dark mode color scheme?
Dark mode doesn't mean pure black. What is a good technique to create an effective dark mode color scheme?
#### --distractors--
@@ -439,17 +439,17 @@ What is a design brief?
#### --distractors--
A design brief is a document outlining the programming and design standards of the project
A document outlining the programming and design standards of the project
---
A design brief is a document explaining how to replicate a design
A document explaining how to replicate a design
---
A design brief is a document with detailed information of icons, colors, and assets the designer should use
A document with detailed information of icons, colors, and assets the designer should use
#### --answer--
A design brief states the goals and project scope, budget, design requirements, and other important details of the project
A document stating the goals and project scope, budget and design requirements

1
curriculum/challenges/english/25-front-end-development/review-design-fundamentals/671a892927fdba60db05edfe.md
View File

@@ -33,6 +33,7 @@ Review the concepts below to prepare for the upcoming quiz.
- **Progressive Enhancement**: This is a design approach that ensures all users, regardless of browser or device, can access the essential content and functionality of an application.
- **User-centered Design**: This is an approach that prioritizes the end user, from their needs to their preferences and limitations. The goal of user-centered design is to craft a web page that is intuitive, efficient to use, and pleasing for your users to interact with.
- **User Research**: This is the systematic study of the people who use your product. The goal is to measure user needs, behaviors, and pain points.
- **Exit Interviews**: This is a survey you can give to users when they cancel their accounts. It can help you understand why users are leaving and what you can do to reduce churn.
- **User Testing**: This refers to the practice of capturing data from users as they interface with your application.
- **A/B Testing**: This is the process of shipping a new feature to a randomly selected subset of your user base. You can then leverage analytics data to determine if the feature is beneficial.
- **User Requirements**: This refers to the stories or rubric that your application needs to follow. User requirements might be defined by user research or industry standards. They can even be defined by stakeholder input.