HCI Finals Chapter 8 - UX Design

Hierachical Task Analysis (HTA)

a tool to analyze each substeps to achieve a subgoal by displaying the steps as a tree with proper explaination and order

Benefits of HTA

provides an overview of the app and helps taking all steps info consideration

High Level Task

a step in HTA that breaks into 4-8 substeps

3 Focus of Interaction Design

Where the interaction happens, type of interaction, end result

A good design doesn’t need a …

manual

Steps to Interaction Design

specify interaction location → design how to let user know the location → design the interaction → design the feedback(some feedback for any screen freeze more than 2 seconds)

Concepts that applies to lettings the user know interaction locations

affordance, visibility, standard icon, shadow, animation. call to action colors

UX Visual Design’s focus is?

ease of use and satisfiability

UX visual Design methods

scale(not more than 3 sizes), visual hierachy, balance, contrast

Gestalt’s Principle

Figure and Ground(clear separation between focus and background), Similarity, Proximity, Enclosure, Symmetry, Closure(fill missing shape), continuity(fill missing line)

what are the 5 colors in design?

3 main colors from organization’s motto, 1-2 colors for call to action

Jakob’s Law

make sure your site works lite how other sites works, proper page layout, explain parts that aren’t obvious, don’t change a lot of UI at once

Fitt’s Law

time to reach a target is dependent on distance and size, good size for visibility and good gap to prevent slip

Ideal touch target size

44×44 points

Hick’s Law

decision time is dependent on amount and complexity of choice, highlight important choices

Miller’s Law

5-9 items in memory, make organized subgroups