Elements of Digital Design

To create a digital product, six elements overlap each other to define six disciplines. Here's a handy visualization of how these areas dovetail and compliment each other.

Six Elements

  1. Marketing
  2. Editorial
  3. User Interface Design
  4. Graphic Design
  5. Coding & Programming
  6. Technology Analysis 

Six Disciplines

  1. Business Plan
  2. Content Strategy
  3. User Experience
  4. Visual Design
  5. Development
  6. Technology Plan

Hover between each element below to reveal the overlapping discipline.

Business Plan Technology Analysis Technology Business Plan Content Strategy Marketing Business Plan Technology Analysis Technology Code Programming Development Graphic Design Code / Programming Business Plan Visual Design Interface Design/Usability User Experience Editorial Content Strategy Marketing Development Graphic Design Visual Design Visual Design Interface Design/Usability User Experience
Which technologies are reliable and affordable investments?, Will they enable growth?, How can I future-proof current decisions against fads?, Keywords: budgets, TCO, architecture, integration, solutions Who are my audiences?, Who are my competitors?, How can my print, web, email, and media work together?, How do I generate traffic?  , Keywords: search engines, domains, SEO, SEM, advertising
How do I translate my vision into real web pages?, Can off-the-shelf systems do the job? And cheaper? , Is my site accessible and compliant with web standards?, Keywords: HTML, CSS, SQL, JS, databases, plugins, libraries What is the right voice and tone for my audience?, Where is my natural content? Who will create which parts?, What are the step-by-step phases of content development?, Keywords: content strategy, style guide, schedule, project management
What specific appeal, style, and feel is right for my site?, How can I find and add images?, Is my site over- or under- designed? Is the layout clear?, Keywords: brand, identity, logo, fonts, colors, print, consistency What are the interactive goals?, Is the information user-friendly and easy to find?, Which content? When and How?, Keywords: organize, navigation, taxonomy, chunking, information architecture