Module 2: Design Best Practices

Question 1

Interaction designer

Answer 1

Scaling accessibility across googles design system

Question 2

3 ways to put Users first in designs

Answer 2

1) universal design
2) inclusive design
3) equity-focused design

Question 3

Universal Design

Answer 3

The process of creating one product for users with the widest range of abilities and widest range of situations

> one-size fits all approach
Designers propose one solution for everyone

Down side:
>designs lose effectiveness
> intention of being inclusive excludes a lot of people

Question 4

Inclusive Design

Answer 4

Making design choices that take into account personal identifiers like
> ability
>race
>economic status
> language
> age
> gender
“Solve for one, extend to many”

• includes researchers + designers from traditionally excluded populations in process to provide unique perspectives during all phases of design process

Question 5

Accessibility

Answer 5

The design of products, devices, services or environments for people with disabilities

Example)
> closed captions
> enlarged fonts

Question 6

Equity-Focused Design

Answer 6

Thinking through all aspects of a designed product and making sure the product is both accessible and fair to all genders, races, and abilities

• goal = uplift groups that have been excluded historically

Question 7

Equity-Focused Design

Answer 7

Designing for groups that have been historically underrepresented or ignored when building products

• goal = uplift groups that have been excluded historically

Question 8

Equality vs equity

Answer 8

-Equality: providing the same amount of opportunity and support (everyone gets same thing)

-Equity: providing different levels of opportunity and support for each person in order to achieve fair outcomes

Question 9

Platform

Answer 9

The medium users experience your product on (desktop, mobile web, mobile app, tablet, wearable, tv, smart display, etc)

Question 10

Average mobile session

Answer 10

72 seconds

Question 11

Average desktop session

Answer 11

150 seconds

Question 12

How do mobile users use their devices?

Answer 12

They’re goal oriented
> focused on completing a single task
>tapping/swiping helps users move around the screen

*UX designers + mobile users connectivity limitations (mobile trafficking)

Question 13

Responsive web design

Answer 13

Allows a website to change automatically depending on the size of device
(Desktop vs phone screen)

Question 14

Best practices for mobile UX

Answer 14

1) call to action buttons placed ‘front
and center’ -> allows users to
complete desired task
2) navigation menus short + simple
3) use gestures that users already do
(tapping, swiping)
4) Design for both directions a phone
might be held (horizontal + vertical)

5) reduce visual clutter

Question 15

Why is it important to be centered on the user?

Answer 15

> user buys/uses product
solve problems people actually experience

“There’s no substitute for personally watching + listening to real people” -Larry Page

Question 16

User-centered Design

Answer 16

Puts the user front-and-center

> considering their story, emotions, and insights gathered about them

Question 17

User-Centered Design Process (4-steps)

Answer 17

1) understand - understand user experiences product or similar product (research)

2) specify - specify end users needs (based off research)

3) design - design solutions to the end-users problems

4) evaluate - evaluate design against end users needs

Question 18

User

Answer 18

Someone trying to solve a problem and is looking for a product/service to help them solve it

Question 19

User experience

Answer 19

Journey user takes with that product/service

Question 20

Initial research

Answer 20

-getting to know the user (characteristics, goals, pain points)

The user empowers you to design experiences that are helpful/easy to use

Question 21

Digital Literacy

Answer 21

The ability to use information + communication technologies to find, evaluate, create, and communicate information requiring both cognitive + technical skills and

Question 22

How are my users accessing the product/service?

Answer 22

• due to cost + availability, not all users experience product the same way
  -limited access to internet, network coverage, data

ALWAYS TAKE OFFLINE EXPERIENCE INTO ACCOUNT

Question 23

Where are my users accessing the product/service?

Answer 23

-maybe designing for products intended to be used worldwide
> local languages
> cultural norms

• Multilingual keyboard
• universally recognized icons

Question 24

Assistive Technology (AT)

Answer 24

Any products, equipment, and systems that enhance learning, working, and daily living for people with disabilities

> color modification
voice control
screen readers
alternative text

(XBOX - accessible gaming on Xbox + windows -> controllers/inputs)

Question 25

Color Modification

Answer 25

High contrast mode or dark mode on device increases contrast of colors on a screen [black text on white bg vise versa] * high contrast makes pg easier to see for people with low vision * helps anyone who might experience eye-strain (me)

Question 26

Voice Control + switch devices

Answer 26

Help people with limited dexterity; can service as a keyboard/mouse >navigating devices with only your voice Switch= assistive technology device that replaces the need to use a computer keyboard or a mouse

Question 27

Screen Readers [text]

Answer 27

Most common assisted technologies for people with limited vision > works on mobile + web devices > reads out loud any onscreen text > read buttons + non visible text

Question 28

Alternative Text [ALT TEXT]

Answer 28

Helps translate a visual user interface into a text space user interface > helps say what’s on the image without needing to see image > also helpful for those with ow bandwidths and image fails to load

Question 29

Speech-to-text

Answer 29

Uses speech to text into phone (example dad)

Question 30

Brand Identity

Answer 30

The visual appearance and voice of a company

Question 31

Call-to-action (CTA)

Answer 31

A visual prompt that tells the user to take action, like a click button

Question 32

Framework

Answer 32

Creates the basic structure that focuses and supports the problem you’re trying to solve

Question 33

Ideation

Answer 33

The process of generating a broad set of ideas on a given topic, with no armor to judge or evaluate them

Question 34

Insight

Answer 34

An observation that helps you understand the user or their needs from a new perspective