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 PlanTechnology AnalysisTechnologyBusiness PlanContent StrategyMarketingBusiness PlanTechnology AnalysisTechnologyCode ProgrammingDevelopmentGraphic DesignCode / ProgrammingBusiness PlanVisual DesignInterface Design/UsabilityUser ExperienceEditorialContent StrategyMarketingDevelopmentGraphic DesignVisual DesignVisual DesignInterface Design/UsabilityUser 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, solutionsWho 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, librariesWhat 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, consistencyWhat 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