Weekly challenge 3: Explore design systems Answer
In this article i am gone to share Coursera Course: Create High-Fidelity Designs and Prototypes in Figma | Weekly challenge 3: Explore design systems Quiz Answer with you..
Weekly challenge 3: Explore design systems Quiz Answers
Also visit this link:ย Weekly challenge 4: Participate in design critique sessions Quiz Answer
Test your knowledge on design systems
Question 1)
Which of the following visual elements are included in a design system? Select all that apply.
- Color
- Typography
- Wireframes
- Iconography
Question 2)
A design team sets up a design system for an upcoming product launch. The design system includes visual styles, usage guidelines, _____, and support codes to ensure all elements in their design carry through to the final product.
- UI patterns
- graphics
- branding
Question 3)
One benefit of a design system is that it creates consistency for designers and users. When designers have a specific set of elements to work from, they can increase the speed of production, decrease inconsistencies, and focus on innovative solutions that focus on the user.
- True
- False
Test your knowledge on features of open-source design systems
Question 1)
Which of the following examples represent the best use of the app bar title on a desktop?
ย
Question 2)
What pages in a public design system can new designers access for additional information and download baseline design kits for Figma and Adobe XD?
- Design
- Components
- Resources
- Develop
Question 3)
How does a robust design system support a designer’s day-to-day work?
- Design systems create consistent guidelines for colors and images that help with brand recognition.
- Design systems provide a strict guideline that never changes
- Designs systems are scalable as an organization grows.ย
- Design systemsย are only useful to experienced designers, not to people new to the field.
Test your knowledge on working with design systems in Figma
Question 1)
You are creating an alternative design for an app using the Material Baseline Design Kit in Figma. You find a style for the navigation bar youโd like to add to the app. You copy the selected style from the _____ page and paste it to the new page.
- Sticker Sheet
- Getting Started
- Material Theme
- Cover
Question 2)
A designer begins a new project by reviewing the elevation section in the Material Baseline Design Kit in Figma. Which of the following design features should they apply a higher elevation to? Select all that apply.
- Navigation
- Alerts
- Buttons
- Page background
Question 3)
Including a design system in your case study showcases the creative and strategic design choices youโve made while enriching your portfolio for future job opportunities.
- True
- False
Weekly challenge 3: Explore design systems Answer
Question 1)
A brand establishes a design system to quickly iterate across teams. Which section of a design system outlines the guidelines for modules and templates?
- Visual style
- UI patterns
- Support code
- Guidelines
Question 2)
Consider the following scenario:
ย
Gabriel is a designer at a branding consultancy. Gabriel’s team successfully implements a design system, and delivers a product design that impresses their clients at a rapidly-growing startup. The clients are so happy, in fact, that they immediately want to iterate on the design and expand the product line.ย
ย
What is the result of implementing a design system?
- Saved time and moneyย
- Scaled the product
- Established consistency
- Implemented an approach for managing the client
Question 3)
Identify the main features designers are encouraged to explore in Material Design.
- Foundations, Content, Design, Components, and Experiences
- Design, Components, Develop, Resources, and Blog
- Foundation, Navigation, Color, Shape, and Communication
Question 4)
What are the main features that designers are encouraged to explore in Shopifyโs Polaris design system?
- Design, Components, Develop, Resources, and Blog
- Foundations, Content, Design, Components, and Experiences
- Foundation, Navigation, Color, Shape, and Communication
Question 5)
What types of components and elements can a designer include in their sticker sheet? Select all that apply.
- Colors
- Designers
- Icons
- Navigation bars
Question 6)
A designer shared the companyโs design system with the development team. What can the developers use the design system for?
- To list design errors for the design team to address
- To find the code to create elements or components included in the design system
- To document all the code needed for the product
- To find a written list of design changes that were implemented
Question 7)
Imagine a designer just started a new project and needs to learn the rules about how certain elements or styles should be applied. Which design system component should the designer consider to learn these rules?ย
- Developer codes
- Guidelines
- Visual styles
- UI patterns
Question 8)
A design team is hiring an additional designer to help manage the increased workload. What is the best resource they can share to help them understand the brandโs visual design elements?
- The company websiteโs About page
- The lead designerโs portfolio
- The companyโs design system
- The companyโs writing style guide
Question 9)
In an open-source design system like Material Design, what tools can designers use to customize the visual aspects of a design? Select all that apply.
- Material theming
- Icon library
- Develop page
- Color tool
Question 10)
At what point of the design process is a sticker sheet useful?
- When designers are working on mockups
- Before any design decisions like color palette or typography are made
- Once final designs are completed and delivered
- During the user research phase
Question 11)
How does adding components to a sticker sheet help a designer save time and energy? Select all that apply.ย
- A sticker sheet includes the different states of a component for a designer to use.
- A sticker sheet allows a designer to make changes on all the instances tied to the main component at once.
- A sticker sheet provides full prototype flows including exact interactions and animations for each action.
- A sticker sheet allows a designer to easily copy and paste the component into new designs.ย
Question 12)
A designer wants to develop design components for a new project but needs to start quickly. How can an existing design system assist the designer? Select all that apply.
- The designer can use some of the components from an existing design system and adjust elements to match the productโs branding.ย
- The designer can mix their own components with components gathered from a design system.
- The designer can start their own design system from scratch.ย
- The designer can ask developers to code components from common design systems used in similar projects.
Question 13)
To add layer and depth to your interface, which feature of Material Design should you use?
- Navigation
- Elevation
- Style guide
- Cover
Question 14)
A technology startup called Tempeste is creating the design system for their latest project. Theyโre defining the styles for the color palettes, typography, grid definitions, and iconography. Which section of the design system are they working on?
- Visual style
- Guidelines
- UI patterns
- Support code
Question 15)
What are some key benefits of using a design system?ย Select all that apply.
- Helps designers and developers work together more effectively
- Identifies gaps in competitor designs
- Allows teams to scale and update designs
- Creates consistency for designers and users
Question 16)
Which area of Polaris features content on accessibility, internationalization, information architecture, and mobile?
- Experiences
- Foundations
- Resources
- Content
Question 17)
Identify reasons a designer might want to use a sticker sheet during the design process. Select all that apply.
- Organize components and elements in a central area for convenience, reusability, and efficiency
- Help designers avoid making errors or creating inconsistencies in their designs
- Generate scaled versions of the components that were created
- Create a convenient, easy to print sheet to show to other designers
Question 18)
Which of the following statements are true about a company’s design system?
- It is a user-facing guide that provides the brandโs mission and values.
- It should not be shared with anyone but the UX designers.
- It is where all the high-fidelity prototypes are saved.
- It can be used by multiple teams including designers and developers.ย
Question 19)
Fill in the blank: Defining the styles in a design system for core visual design elements help companies _____. Select all that apply.
- improve the userโs experience
- distribute multiple brands
- develop more products
- express their brand consistently
Question 20)
Beyond offering visual elements to copy and paste, what else might an open-source design system provide? Select all that apply.
- A library of every color palette that passes WCAG accessibility standards
- Links to outside resources like downloadable fonts and icons
- A guide for typical user flows
- Guides on how to use the design elements effectively
Question 21)
What components can be used in a sticker sheet? Select all that apply.
- Buttons
- Colors
- Icons
- Sound clips
Question 22)
Consider the following scenario:
Gabriel is a designer working on a clientโs design project. They notice that iterations are consistently bounced back-and-forth between the design and development teams. Gabriel discovers that the overall look, color scheme, and branding that the team wants for the product is not yet established. Gabriel suggests creating a design system to align the two teams.ย
What is the result of implementing a design system?
- Scaled the product
- Established consistency
- Implemented an outline for managing the project
- Reinforced the engineering teamโs ideas for the project
Question 23)
Which Material Design feature explores the interactive building blocks for creating user interfaces, and features items such as date pickers, data tables, and menus?
- Design
- Components
- Foundations
- Resources
Question 24)
In what way should a new designer on a team use the companyโs design system? Select all that apply.ย
- To familiarize themselves with the brandโs color palette and easily apply them to their designs
- To learn about why certain brand colors were chosen over others
- To use as a starting point from which they can experiment with different colors or fonts not included in the design system
- To ensure their designs are consistent with the companyโs brand
Question 25)
Fill in the blank: Sticker sheets are useful in a design system because _____.
- designers can create each instance of a component
- designers can apply their individual style when working with other designers
- designers can develop elements and components from scratch
- designers can work faster and avoid rework
Question 26)
A designer needs to change all the buttons in a design to have rounded corners. What is the fastest way for them to make this update?
- Pass the task on to the developer, since the change needs to be made on so many buttons.
- Go through the designs and update each button individually.
- Select all the artboards at once and adjust the corners with everything selected.
- Update all the button instances by updating the main button on the sticker sheet.ย
Question 27)
Fill in the blank: Resources in a design system contain helpful tools like _____ to help designers build designs quickly and learn how to use elements effectively. Select all that apply.
- type scale generator
- prototype templates
- baseline design kits
- downloadable icons and fonts
Question 28)
Which feature in Material Design adds layering and depth to your interface?
- Material theme
- Elevation
- Sticker sheet
- Assets
Question 29)
Sticker sheets are a collection of elements and components that make up part of the design system.
- True
- False
Question 30)
A design system can be useful to many people in the company. Which of the following groups are likely to use a design system? Select all that apply.
- Content writers
- Developersย
- Users
- Designersย
Question 31)
Fill in the blank: If a startupโs team is growing rapidly, a design system promotes _____ and helps the design team maintain performance levels.ย
- scalability
- user conversion
- company values
- profitability
Question 32)
In established design systems like Material Design, can a designer customize preset styles?
- Yes
- No
Question 33)
A designer is creating a blood pressure monitoring app for a global health nonprofit. Theyโre having trouble coming up with ideas for font styles and type scale. Where can they go to find useful information on type scale and fonts in the Polaris design system?
- Foundations
- Experiences
- Components
- Design
Question 34)
What are some elements that frequently make up a design system? Select all that apply.
- Iconography
- Animation
- Wireframes
- Typography
Question 35)
Fill in the blank: To make a feature more visible to the user, you should _____ the elevation.
- align bottom
- increase
- align top
- decrease
Question 36)
A designer is creating a pedometer app for a healthcare company, and wants to explore pre-made icons instead of creating them from scratch. They use an open source design system called Material Design. Which page should they access to locate pre-made icons?
- Resources
- Experiences
- Components
- Design
Question 37)
When a designer makes a change to a component in a sticker sheet, what happens to each instance of that component?ย
- They revert to the original version.
- They get deleted.
- They get updated according to the same change.
- They remain the same.