UXD - User Experience Design

By YouTube Android Developers Channel

UXD Overview

  • User Experience – emergent property resulting from users interacting with your product
    • UX emerges from users interacting with your product interface
    • Visual Design, Interaction Design, and Engineering embody the user interface
  • Visual Design – the designed visual language
    • AKA: visual personality
    • Designer accounts for color, iconography, typography, imagery, and visual hierarchy
  • Interaction Design – the designed interaction and sequence flow of a task(s)
    • AKA: behavioral personality
    • Designer accounts for interactions with data via individual UI elements and all UI elements combined
  • Engineering – the designed architecture and code
    • AKA: functional personality
    • Designer accounts for product functionality, environment, resources, and product life cycle

UX-Related Terms

  • Cognitive Load – information load a user inherits when using your product
  • Trust – accurate, timely, and reliable information display
  • Delight – emergent property manifesting as a “wow”/“cool” moment defining personality
  • Friction – poor interaction design resulting in user frustration

Attention Capture Design

Visual Attention

  • Don’t violate constraints of how humans perceive the world through the five senses

  • Leverage how we interpret our world so we can design feedback that matches or exceeds expectations

    • Don’t animate changes if user’s attention isn’t desired
    • Consider animation to bring awareness to interface change
    • Consider animation style to suggest change type
    • Consider a flicker to draw attention without animation
  • Selective Attention / Change Blindness – focus in one area results in missing the changes of another area

    • Subtle animations can be used to bring attention to changes in the periphery
  • Divided Attention – focus in numerous areas is divided within the interface

    • Multitasking – is really single tasking with an expensive context switch
      • This is a poor use if focusing on a single task is the desired interaction
    • Situational Awareness – divided attention can encourage heightened situational awareness
      • This is a good use if focusing on many things concurrently is the desired interaction


  • People tend to remember the items of a long list that reside:
    • Primacy – at the top
    • Recency – at the bottom
    • For important items in lists, menus, etc. use primacy and recency
  • People retrieve memory by:
    • Recall – expensive memory retrieval
    • Recognition – cheaper memory retrieval
    • Lean toward recognition over recall when possible (use data already accessible when available)
  • Change Aversion
    • Negative short-term reaction to changes in a product or service
    • It’s better to gradually introduce change into an interface so a drastic change isn’t perceived
    • Provide awareness that changes are coming to mitigate lash back
    • Providing small incremental changes over time can go seemingly unnoticed if that is desired
    • Intentional awareness can be leveraged by featuring change
  • Familiarity Principle –intuitive interfaces result from expectations being matched to prior experience
    • Leverage conventions and best practices to increase user intuition in your interfaces