Home
Bookmarks
Leagues
LEARN
Courses
Career Paths
Assessments
Tutorials
Arcade
Glossary
GROW
Certifications
Log in
Glossary
Log inSign up
Courses/UX Design Foundations/Common Designer Roles
Level 6 · Workflows and Deliverables

Common Designer Roles

14 min read
6 exercises
250 XP
Start lesson

Ready to test what you learned?

Complete the lesson quiz and earn 250 XP.

Start quiz

Topics in this lesson

The Modern Product Design EcosystemThe UX Researcher (UXR): Empirical Behavioral InsightsThe Information Architect (IA): Structure & WayfindingThe Content Designer / UX Writer: Crafting Interface LanguageThe UI / Visual Designer: Crafting the Sensory ExperienceThe Design Systems Engineer / Design Technologist

From Course

📘
UX Design FoundationsBeginner · 25 lessons
Common Designer Roles

Lesson

Common Designer Roles

The Modern Product Design EcosystemThe UX Researcher (UXR): Empirical Behavioral InsightsThe Information Architect (IA): Structure & WayfindingThe Content Designer / UX Writer: Crafting Interface LanguageThe UI / Visual Designer: Crafting the Sensory ExperienceThe Design Systems Engineer / Design Technologist
Start lesson
Complete lesson and earn 250 PX
Exercise #1

The Modern Product Design Ecosystem

As digital software grew in complexity, the generic title of 'Web Designer' splintered into specialized disciplines:

Modern product development operates across four core design pillars:

  1. User Experience (UX) Architecture: Strategy, behavioral psychology, and task flows.
  2. User Interface (UI) & Visual Design: Sensory polish, typography, and brand identity.
  3. User Research (UXR): Empirical inquiry, user testing, and behavioral data.
  4. Design Engineering: Bridging design tokens, code components, and engineering handoff.
Exercise #2

The UX Researcher (UXR): Empirical Behavioral Insights

UX Researchers ground product roadmaps in empirical reality rather than executive guesswork:

Qualitative Research

  • Methods: Semi-structured 1-on-1 user interviews, contextual inquiries, field ethnographic observations, diary studies.
  • Core Question: Why do users behave this way? What are their hidden motivations, anxieties, and unarticulated needs?

Quantitative Research

  • Methods: Large-scale surveys, telemetry analytics, A/B split tests, card sorts, tree tests, SUS scoring.
  • Core Question: How many users drop off at step 3? Which variation statistically converts higher?
Exercise #3

The Information Architect (IA): Structure & Wayfinding

Information Architects organize complex digital ecosystems so information is effortlessly discoverable:

Core IA Responsibilities

  • Ontology: Defining the exact meaning of entities within the domain (e.g., in a university portal, what distinguishes a 'course', 'module', and 'program'?).
  • Taxonomy: Hierarchical classification and tagging systems.
  • Site Maps & Navigation Trees: Designing the overarching organizational hierarchy to prevent deep navigational burying.
  • Search Logic: Designing faceted search filters and query suggestion algorithms.
Exercise #4

The Content Designer / UX Writer: Crafting Interface Language

Design is not just visual; words are interaction design:

Content designers craft the precise language that guides users through software:

  • Microcopy: Button labels, form field hints, empty state prompts, and tooltip explanations.
  • Error States: Crafting constructive, empathetic error messages that explain what happened and how to recover without technical jargon.
  • Voice and Tone Guidelines: Ensuring that conversational AI, notifications, and onboarding flows speak with consistent brand personality.
Exercise #5

The UI / Visual Designer: Crafting the Sensory Experience

Visual designers focus on the emotional resonance, aesthetic excellence, and aesthetic-usability effect of software:

  • Visual Polish: Designing iconography, bespoke illustration styles, [color schemes](/glossary/color-theory), and micro-interactions.
  • Typography Systems: Establishing readable typographic hierarchies that maintain legibility across mobile and desktop.
  • Aesthetic-Usability Effect: Research proves users perceive attractive designs as more usable and are significantly more forgiving of minor usability defects when an interface is beautifully crafted.
Exercise #6

The Design Systems Engineer / Design Technologist

Design Systems Engineers sit squarely at the intersection of design and engineering:

  • Token Pipelines: Managing Style Dictionary or automated CLI tools that compile Figma variables into CSS tokens, iOS Swift constants, and Android Kotlin themes.
  • Reusable Component Libraries: Building production-ready React/Vue components that enforce strict accessibility (WCAG AA) and interaction state compliance.
  • Bridging the Gap: Eliminates the traditional friction of developer handoff by speaking both design theory and software architecture fluently.