Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

UX/UI > Lectures 14, 15, & 16 > Flashcards

Lectures 14, 15, & 16 Flashcards

1
Q

What is Interaction design?

A

Determines what’s on the screen & how people use/interact with those elements
- PART OF UX DESIGN

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is interaction design concerned with?

A
  • The interaction between the user & a system
  • Navigation, buttons, links, form fields, & interactions
  • Not worried about how the application looks
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What is visual design?

A

Determines how elements look

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are the different methodologies/approaches interaction designers rely on?

A
  • Usability
  • 5 dimensions (Words, Visual representation, physical objects or space, time, & behavior)
  • 3 laws (Hicks, Fitts, Teslers)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What is usability?

A

Refers to the quality of a user’s experience when interacting with a product

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Why is usability important?

A
  • UX design = creating a better experience for the user
  • Better experience = creating something that is usable
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What is the dimension “words”?

A
  • Concise, simple language
  • Words need to be meaningful & easily understood
  • Remove unnecessary words
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What is the dimension “Visual representation”?

A

Anything that is not a word
- Use in moderation

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What is the dimension “Physical Objects or space”?

A
  • Physical objects used to interact with the product (mouse, keyboard, fingers on mobile)
  • The space user is in when using product (office, standing outside)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What is the dimension “Time”?

A
  • UI elements that change with time (animation, sound)
  • Ex. sending a text on your phone (visual and sound feedback)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is the dimension “behavior”?

A
  • How user performs actions
  • How the system provides feedback to user’s actions
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is Hicks law?

A
  • The more choices a person has, the longer it takes
  • Simple decisions
  • Categorize to make products easier to find
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What is Fitts law?

A

Bigger object = faster a user can point it out

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What is Teslers law?

A
  • Every app has complexity
  • Keep design simple & easy to navigate, move complexity behind the scenes
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What do you include in screen layout?

A
  • Figure out “what” information is necessary for the screens
  • “Approach the design as a conversation” between the user & the company
  • Ex. multi-step forum
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What are the different aspects of screen layout?

A
  • User’s don’t read
  • Illuminate the path to completion
  • Labels & label placement
    -Input fields
  • Smart Defaults
  • Help Text
  • Consistency
17
Q

In screen layout, what does “User’s don’t read” mean, and what does it include?

A
  • Users scan
  • Page patterns (Z-pattern & F-pattern)
18
Q

What is the Z-pattern good for?

A
  • Pages with minimal content
  • Pages that aren’t centered on text
19
Q

What is the F-pattern good for?

A
  • Text heavy pages
20
Q

In screen layout, what is illuminating the path to completion?

A
  • Tell users where they are (titles)
  • Provide a clear scan line
  • Progress indications
21
Q

What are the pros and cons to top-alignment and when do you use top-alignment?

A

Pros
- Reduces form completion time
- User process this easily
- Less horizontal spacing
- Clear path to completion
- Flexible when text length changes

Cons
- Increased vertical space

When to use
- Reduce completion time
- Flexible with label length

22
Q

What are the pros and cons to right-alignment and when do you use right-alignment?

A

Pros
- Reduces form completion time
- Users process this easily
- Less vertical space

Cons
- Ragged edge reduces readability
- Less flexible when text length changes
- Less horizontal space

When to use
- Reduce completion time
- Reduce vertical screen space used

23
Q

What are the pros and cons to left-alignment and when do you use left-alignment?

A

Pros
- Easier to scan, readable
- Less vertical space

Cons
- Completion time reduced if field & label are NOT in close proximity
- Less flexible when text length changes
- Less horizontal space

When to use
- Reduces vertical screen space used
- Slows users down to learn what is required

24
Q

What are the pros and cons to labels within fields and when do you use labels within fields?

A

Pros
- Good when there isn’t much screen space
- Requires less vertical & horizontal space

Cons
- Context is gone when label disappears

When to use
- To deal with extreme space constraints

25
Q

What is mixed-alignment?

A
  • Generally not done
  • “Harder to use” feeling for users
  • Never done on the same page/screen
26
Q

What is a smart default?

A
  • A selection put into place that will serve most users
  • Can reduce the number of options a user needs to make (Hick’s Law)
27
Q

What are the different kinds of help text?

A

Next to input field
- Keeps text clear & concise
Automatic inline
- Help presented when user enters the field
User-activated

28
Q

What is consistency?

A
  • Same layout on all screens
  • Same language
  • Follow platform conventions
29
Q

What happens when button is pressed?

A

Success, failure, or in progress
- Useful attricutre
- Visibility of system status
- Responsive feedback

30
Q

What to do with errors?

A
  • Design principles
  • Include text & a visual cue
  • Prevent errors from happening in the first place
  • Locate message next to error
  • Help User Recover
31
Q

What are the different design principles with errors?

A
  1. Error prevention (Nielson)
    - Design prevents errors
  2. Recognize, Diagnose, & Recover from errors
    - Message in plain language, indicate problem, suggest solution
  3. Foregiveness
    - Mistakes easy to recover
32
Q

What are the options for locating message next to error & which is preferred?

A

Top of Form Validation vs Inline Validation
- Inline validation whenever possible to provide direct feedback

UX/UI (6 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions