Designing User Experience – Chapter 1 Comprehensive Notes

Aims & Overview

• UX focuses on developing high-quality interactive systems, products, and services that seamlessly fit with people’s everyday lives.
  • Computing and communication capabilities are now embedded in washing machines, TVs, ticket machines, jewellery, etc.
  • Museums, libraries, exhibitions now routinely include interactive installations.
  • Mobile, worn, and carried technologies today are far more powerful than the desktop computers of only a few years ago.
  • Countless websites, online communities, mobile apps, and IoT devices still need to be developed – UX is about all of these.
• After this chapter you should be able to:
  • Understand core UX concepts.
  • Explain why human-centred design (HCD) is critical.
  • Outline UX’s historical background.
  • List the skills & knowledge a UX designer must draw upon.

1.1 The Variety of UX

• UX concerns many different interactive artefacts:
  • Web services for desktop/laptop use.
  • Mobile apps, games, smart-home products, digital cameras, tablet applications.
  • Entire technology-rich environments (e.g., retail spaces where phones, tablets, projectors, etc. inter-communicate).
  • Interactive systems for home, work, and communities.
• Designers must think beyond a single device and consider the ecology of devices involved in an experience.

Example $1$ – The iPhone

• Released $2007$ by Apple; redefined mobile computing.
  • Premium hardware & interface specifically crafted for finger input.
  • Multi-touch capacitive screen enabled gestures such as pinch-to-zoom.
  • Built-in motion sensors detect orientation ⇒ automatic portrait/landscape switching.
• App Store (launched $2008$) turned the iPhone into an open platform:
  • Spawned a new industry of third-party apps.
  • Leveraged iTunes for frictionless distribution.
  • Model subsequently adopted by Android & Windows Phone ecosystems.

Example $2$ – Nest Smart Thermostat

• Introduced $2014$ (company later acquired by Google $2015$).
  • Elegant physical design; simple UI via an outer rotating dial.
  • Communicates with boiler through proprietary Heat Link protocol + connects to home Wi-Fi.
  • Paired mobile apps let users change temperature remotely.
  • Now part of a larger family of smart smoke alarms, cameras, lights, etc.

Device Ecologies (Further Thoughts)

• Interaction rarely happens in isolation; multiple devices cooperate.
• The ecological metaphor ➔ study of organisms + environment = study of devices + contexts + people.
• Café anecdote: picture AirDropped between two iPhones over Wi-Fi ⇒ tiny ecosystem producing a seamless UX.

Example $3$ – i Robo-Q Toy Robot

• Represents a new wave of tech-enhanced toys.
  • Uses robotics, voice I/O, multiple sensors.
  • Aims to create novel, engaging play experiences for children.

Interim Summary

• UX designers must understand possibilities for novel interactions (solo, co-located, remote, across media).
• Field combines creativity with rapidly evolving technology ↔ “fascinating area to work in.”

Challenge $1.1$ (Critical Reflection Exercise)

• Pick two interactive products/services you personally use (e.g., coffee machine, smartphone app, theme park, TV service, game, web service).
  • Write what you like and dislike about each.
  • Consider the entire experience, not just individual functions.
  • Evaluate content: relevance? fun? engaging?
• Discuss with a friend/colleague – design critique is a social act.

1.2 The Concerns of UX

• Work may target hardware + software (product design), pure software (system / interactive-system design), or multi-device services (service design).
• Four key concern clusters:
  1. Design – processes & representations.
  2. Technologies – devices, components, infrastructures.
  3. People – intended users & beneficiaries.
  4. Activities & Contexts – goals, feelings, environments where interaction occurs.

Design — Conceptual Foundations

• Classic quote (M. Kapor): design stands with one foot in technology, one in human purpose and tries to align them.
• Term covers both process and artefacts (sketches, wireframes, blueprints, prototypes…).
• Design is iterative, exploring requirements & solutions in parallel; both evolve together.
• Spectrum of formality:
  • Engineering design: highly formal, model-driven (bridges, cars, buildings).
  • Creative / artistic design: innovation & imagination dominate.
  • Design as craft: hybrid practice using both analytic rigor & creativity.
• Donald Schön: design is a “conversation with materials.” UX materials = interactive systems, services, physical spaces.
• Social dimension: much design is carried out by teams.

Interactive Systems (Technological Medium)

• Definition: components, devices, products, services, software primarily concerned with interactive information processing (text, graphics, audio, video).
• Examples: mobile phones, websites, parcel-tracking ecosystem (web service + app + vans + scanners).
• Interactive components now embedded in clothes, buildings, buses → IoT.

People & Technologies — The Fundamental Gap

• People vs Machines (Box $1.1$):
  • Machine-centred view: people = vague, distractible; machines = precise but dumb.
  • People-centred view: people = creative, adaptive; machines = rigid, constrained.
• Languages differ:
  • People express goals, feelings.
  • Machines require explicit instructions.

The Interface (Input + Output + Connectivity)

• Must enable input (instructions, data) & output (feedback, content presentation).
• Content modalities: text, images, video, animation, etc.
• Interfaces also broker device-to-device connectivity (e.g., Internet-based services).
• Figure $1.7$ illustrates diverse interfaces (remote home control, entertainment dashboards, security panels…).

Beyond Single-Device Interfaces

• UX must account for human–device ecologies and emergent human–human interactions mediated by technology.
• Experiences often span multiple channels & devices.

Being Human-Centred (HCD)

• People first philosophy; design for and with people.
• Key tenets:
  • Focus on what people want to do, not merely what technology can do.
  • Invent new ways to connect people.
  • Involve users throughout the design process.
  • Design for diversity (abilities, cultures, contexts).

Box $1.2$ – Evolution of UX as a Discipline

• Early $1980$s: Human-Computer Interaction (HCI) emerges – blends cognitive psychology & software engineering.
• $1990$s: CSCW explores tech support for cooperative work (adds sociology & anthropology).
• $1989$: First computer-related design course at Royal College of Art, London.
• $1990$: The Art of Human-Computer Interface Design (Apple designers).
• $1992$: Stanford “Bringing Design to Software” meeting.
• Early $2000$s: Interaction Design solidified; first textbooks (incl. this one).
• Term “User Experience” coined by Don Norman ($1993$, Apple ATG).
• Today: UX covers activities across work & leisure, digital & physical.

Where Are We Heading? (Norman’s Three Legs)

• Success = Technology + Business Model + Timing (not tech alone).
• Don Norman (The Invisible Computer, $1999$) stresses three legs of product development:
  $\text{Technology} \quad + \quad \text{Marketing} \quad + \quad \text{User Experience}$

1.4 Skills of the UX Designer

• Must comfortably span disciplines:
  1. User Research – study activities, goals, contexts → derive requirements.
  2. Technology Awareness – grasp sensors, actuators, software, protocols.
  3. Ideation & Prototyping – craft solutions that fit people + context.
  4. Evaluation & Iteration – test, refine, repeat.

Social Sciences (People Perspective)

• Sociology – social relationships, groups, settings.
• Anthropology – culture, biology, language evolution.
• Psychology – cognition, emotion, action.
• Ergonomics / Human Factors – physical & cognitive fit between people and machines.

Technologies (Engineering Perspective)

• Software Engineering – specification & programming.
• Hardware Components – sensors (input), actuators/effectors (output).
• Communication Protocols – device interoperability.

Activities & Contexts (Organisational Perspective)

• Communities of Practice – groups with shared goals & practices.
• Need organisational psychology, knowledge management, social computing.
• New tech can create entirely new ways of working.

Design (Creative Perspective)

• Draws on architecture, product, graphic, information, interaction, service design.
• Importance of knowing the materials (interactive tech) ⇒ anticipates rise of specialist sub-disciplines.

Figure $1.10$ & Figure $1.11$

• Visualise wide constellation of contributing disciplines (computer science, usability, motion design, audio architecture, software dev, communication design, philosophy, cognitive science, etc.).

1.5 Why Being Human-Centred Is Important

• Costly (needs observation, interviews, prototyping) → businesses ask “Is it worth it?”
• Return on Investment (Williams et al., $2007$):
  • Better UX ⇒ fewer support calls, reduced training, higher throughput, boosted sales.
  • User involvement increases acceptability & productivity.

Safety

• Three Mile Island nuclear incident (early $1980$s): control panel misindications contributed to near meltdown.
• Similar issues in aviation & rail disasters.
• Poor design ≠ human error; good HCD prevents accidents.

Ethics

• Transparency about data flows, privacy choices — critical as systems autonomously share data.
• Intellectual property: avoid plagiarism, give proper credit.
• Designers wield power → must follow ACM Code of Ethics.
• Equality & accessibility are political obligations; standards & legislation apply.

Sustainability

• Millions of discarded devices release harmful metals; large displays consume vast power.
• Cultural sustainability: prevent domination of few languages/cultures.
• HCD should respect diversity & promote human values.

Roles & Artefacts in UX Practice

• UX Designer vs UI Designer (Source Altamira):
  • UX: information architecture, user pathways, research, wireframes, prototypes.
  • UI: visual aesthetics, colour, typography, mock-ups, graphic layouts.
• Interaction Designer – orchestrates user flows.
• Visual Designer – crafts final look.

Wireframes vs Mock-ups vs Prototypes

• Wireframe – low-fidelity layout (structure, content placement).
• Mock-up – high-fidelity static visual (colour, typography, imagery).
• Prototype – interactive representation (click-through or functional build) for behaviour testing.
• Figure illustrates visual differences among the three.

Chapter Summary & Key Points

• UX is multidisciplinary & wide-ranging, influencing virtually every aspect of modern life.
• There is vast diversity in interactive systems: business S/W, websites, mobile apps, IoT, blended physical-digital spaces.
• Designing UX demands attention to people, technologies, activities, contexts.
• Human-centred design ensures solutions are safe, effective, ethical, sustainable, and economically sound.
• UX grew from HCI & Interaction Design and now sits at the core of contemporary design practice.
• Successful practitioners need holistic knowledge spanning social sciences, engineering, design crafts, and business considerations.