Translating Theory to Design

Bridging the gap between theory and design by creating design cards that empower UX designers to translate insights from behavior change theories into impactful and user-centered solutions.
Project
UW HCDE 538:
Design for Behavior Change
Specifications
Time: 6 weeks
(Oct 2023 to Dec 2023)
Tools: Figma
My Role
UX Designer:
Ideation, Prototyping and Visual Design
Team
Researcher: Kan Bassi
Designers: Jessica Hord and Zuoya Jia

phase Ⅰ: individual work

In the 10-week course on behavior change, I explored six theories. From these, I chose the three highlighted readings to develop cards that assist designers in generating ideas for precise behavior change strategies.

Transtheoretical Model and Stages of Change

by James Prochaska, Colleen Redding and Kerry Evers

This theory explains how to assist positive behavior change throughout the different stages of change.

The Health Belief Model

by Victoria Champion and Celette Skinner

This model explains how health-related behavior can be changed or maintained and offers a framework for interventions.

Social Cognitive Theory

by Leksandra Luszczynska and Ralf Schwarzer

This theory outlines factors that influence behavior and provides a framework for adoption, initiation, and maintenance of behaviors.

Theory of Planned Behavior

by Icek Ajzen

This paper provides a framework for understanding, predicting, and changing human social behavior.

Theory of Goal Setting and Task Motivation

by Edwin Locke and Gary Latham

The focus of goal setting theory is on the core properties of an effective goal and motivation in work settings.

Intrinsic and Extrinsic Motivation

by Richard Ryan and Edward Deci

This paper explores factors that affect motivation and shows differences between intrinsic and extrinsic motivations.

designing the card

For each theory, I identified key constructs or factors influencing behavior. Narrowing my focus to a specific construct, I extracted a design insight from the readings that designers can apply in their work. The resulting cards consist of two sides:

Front Face

  • Title which includes action verbs
  • A subtitle to elaborate on the point
  • An illustration that is related to the concept
  • Explanation of the illustration
  • List of recommendations

Back Face

  • Construct or factor that influences the behavior
  • Same title as the front
  • A real life example with explanation
  • Practices not recommended
  • References and credits

diving into theory of planned behavior

For this theory, I explored the concept of 'Behavioral Beliefs' which states that individuals contemplate the likelihood of outcomes and assess whether they are favorable or unfavorable. Subsequently, they make decisions about whether engaging in a specific action is worthwhile based on this assessment.

This understanding served as the foundation for creating the following informational card:

exploring intrinsic and extrinsic motivations

For this theory, I focused on 'Autonomy' which states that an individual's intrinsic motivation is maintained or enhanced if they believe their behavior to be self-determined.

understanding the transtheoretical model

For this theory, I opted for 'Counterconditioning', which is a highly successful strategy for participants taking action towards positive behavior change. It involves substituting an existing unhealthy behavior with healthier alternative behaviors and thought patterns.

phase ⅠⅠ: group work

In the next stage, we used these design cards to design features to solve a specific problems.

redesigning the New York Times front page to reduce 'perceived barriers'

Challenge: Reading diverse political news
Client: New York Times
Deliverable: New layouts for the front page and/or article pages.