Weekly challenge 3: Explore design systems

 

Weekly challenge 3: Explore design systems

Latest Submission Grade 88.46%

1.

Question 1

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?

1 / 1 point

Support code

Guidelines

UI patterns

Visual style

Correct

Visual style for core visual design elements include typography, color palettes, and iconography.

2.

Question 2

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?

0 / 1 point

Scaled the product

Established consistency

Implemented an outline for managing the project

Reinforced the engineering team’s ideas for the project

Incorrect

Review the video that addresses the benefits of design systems.

3.

Question 3

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?

1 / 1 point

Resources

Components

Design

Experiences

Correct

The resources page of Google’s design system—Material Design—is a great page for discovering free icons, design kits, a type scale generator, color tools, and more. In this scenario, the designer can choose from hundreds of pre-made icons.

4.

Question 4

Which area of Polaris features content on accessibility, internationalization, information architecture, and mobile?

1 / 1 point

Content

Foundations

Resources

Experiences

Correct

The foundations section of Polaris emphasizes accessibility, internationalization, information architecture, and mobile as key considerations during the design process.

5.

Question 5

Sticker sheets are a collection of elements and components that make up part of the design system.

1 / 1 point

True

False

Correct

Sticker sheets are a collection of elements and components that make up part of the design system. However, they do not include experiences. Sticker sheets are comprised of elements and components for a design project.

6.

Question 6

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.

0.5 / 1 point

Content writers

This should not be selected

Review the video that addresses the benefits of design systems.

Developers

Users

Designers

Correct

Design systems are primarily used by the design team, though teams that work closely with designers may also use design systems.

7.

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?

1 / 1 point

UI patterns

Guidelines

Developer codes

Visual styles

Correct

Design principles, editorial guidelines, and implementation guidelines define the rules for how to apply design for components.

8.

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?

1 / 1 point

The company website’s About page

The company’s writing style guide

The company’s design system

The lead designer’s portfolio

Correct

The design system is a great resource to help onboard new team members.

9.

Question 9

Beyond offering visual elements to copy and paste, what else might an open-source design system provide? Select all that apply.

1 / 1 point

Guides on how to use the design elements effectively

Correct

Design systems like Material Design are often public so designers can interact with and learn from them.

Links to outside resources like downloadable fonts and icons

Correct

Design systems like Material Design are particularly useful for new designers to reference and pull from.

A library of every color palette that passes WCAG accessibility standards

A guide for typical user flows

10.

Question 10

Fill in the blank: Sticker sheets are useful in a design system because _____.

1 / 1 point

designers can work faster and avoid rework

designers can apply their individual style when working with other designers

designers can develop elements and components from scratch

designers can create each instance of a component

Correct

Sticker sheets save time, increases consistency, and enables collaboration. They help designers work more efficiently.

11.

Question 11

How does adding components to a sticker sheet help a designer save time and energy? Select all that apply.

1 / 1 point

A sticker sheet provides full prototype flows including exact interactions and animations for each action.

A sticker sheet includes the different states of a component for a designer to use.

Correct

Designers can often find different states of a component on the sticker sheet including active and inactive states.

A sticker sheet allows a designer to make changes on all the instances tied to the main component at once.

Correct

The ability to make even minor design changes across the artboards simply by changing the main component on the sticker sheet is a huge time-saver.

A sticker sheet allows a designer to easily copy and paste the component into new designs.

Correct

A sticker sheet makes it easy to pull any predetermined visual element into new designs.

12.

Question 12

In established design systems like Material Design, can a designer customize preset styles?

1 / 1 point

Yes

No

Correct

Designers can customize preset styles for elements like typography, color, elevation, and states.

13.

Question 13

Which feature in Material Design adds layering and depth to your interface?

1 / 1 point

Elevation

Assets

Material theme

Sticker sheet

Correct

Elevation is Material Design’s system for adding layering and depth to your interface. Important features, such as navigation and alerts, have higher elevation so they’re visible to users.