SlideShare a Scribd company logo
The 8 Principles 

of Design

How to Leverage the Power of
Design and Turn Consumers
Into Customers
Josh Levine
Co-founder, CXO – Alexander Interactive (Ai)
IRCE Web Design & Mobile Conference, Orlando – Feb 2014
Hi, I’m Josh
Co-founder, CXO

Digital Design, Strategy

& Development Agency
Founded 2002, Independent
Transactional Expertise
Manhattan based
IMA Top 10 Agency of Year
www.alexanderinteractive.com
(My Bob Ross phase)
So, 

What is Design?
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
But what is it really?
Design is a plan for 

arranging elements in such 

a way as best to accomplish 

a particular purpose.
Charles Eames
Great design
establishes:

Clear communication
Emotional connection
Ease of use
To design is to 

“ communicate clearly

by whatever means

To design control 

you can is to communicate
clearly by whatever means

or master.
you can control or master.

Milton Glaser Milton Glaser
How they see

Great design 

enables you 

to control:

How they listen
How they feel
How they think
How they act
World Domination
world domination?

perhaps?
Leverage the power of design

to meet human needs and turn
consumers into customers

ho
Design is always having an
effect on your customers—
whether you are in control 

of it or not
lingscars.com
It is not a question

of whether you’re
getting on the
design bus or not…
you are already on it
Take control

and make
design work
for you
With great power comes 

great responsibility
Uncle Ben
And now…

The 8 essential
principles you
need to learn 

and follow
01

Typography
Leverage the power to

Convey meaning
Increase legibility
Establish tone
Embody personality
Choose a typeface that is
aligned with the way you
want to be understood
and perceived
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
Typography shifts the
focus from what we write
to how we write it—

and how others read it
Create visual hierarchy

and increase readability 

by using simple variations
within one type family
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
hey

you!

boom!

yo!

honk

bang!
woot!
omg

over

here!

shh
02

Color
Leverage the power to

Elicit emotion
Indicate meaning
Attract attention
Invite exploration
Choose a color scheme
that fits the desired mood,
and your brand
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
as background/wash.
invites scroll. delights
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
While color is important,

it’s how it interacts with
surrounding elements
that has a bigger impact
Which wins?

Add to Cart

Add to Cart
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
03

Contrast
Leverage the power to

Set priorities
Control energy
Maintain engagement
Strengthen accessibility
Draw attention and

interest to specific areas
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
04

Composition
Leverage the power to
!

Control rhythm
Provide structure
Create order & flow
Reduce cognitive load
!
Position elements within
page to make it easy for
customers to organize and
categorize them
Law of Proximity

Law of Similarity

C

s
w
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
free willy!
Improve hierarchy and
readability by providing
ability to direct (and pause)
people’s attention within 

the flow of a page
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
1

1a

2

2a

sony.com
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
Create a connection
between all elements 

by implementing and

adhering to a grid
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
05

Whitespace
Leverage the power to
!

Control the eye
Imply Importance
Apply stability
Control chaos
!
Use negative space 

to showcase and elevate
your product or content
made.com
olukai.com
Manipulate empty space to
give your interface more
clarity and organization
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
2012

This
week

gilt.com
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
apple storeolukai.com
- ipad app
Before

target.com
After?

holy crap
batman
06

Consistency
Leverage the power to
!

Enhance learnability
Breed familiarity
Reinforce brand
Instill calmness
Create a consistent 

system to establish 

familiarity and remove 

the need to relearn things
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
Create a holistic design
language in order to

retain consistency and
design integrity
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
07

Imagery
Leverage the power to
!

Set the story
Humanize the experience
Makes product tangible
Captivate an audience
Harness the power of a
well cropped photograph
nixon.com
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
sugoi.com
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
08

Movement
Leverage the power to
!

Encourage action
Enhance mood
Convey fluidity
Provide feedback
!
Include subtle motion 

to enhance the story 

and introduce an 

element of surprise
jcrew.com
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers
Key takeaways
n
Typography
Color

Take control
and make
design work
for you

Contrast
Composition
Whitespace
Consistency
Imagery
Movement
Thank you
Josh Levine
jl@alexanderinteractive.com
www.alexanderinteractive.com
slideshare.net/joshpacelevine

More Related Content

PDF
10 Things CEOs Need to Know About Design
PDF
Web Trends 2016
PDF
Designing for a Better User Experience
PDF
The People Formerly Known as the Consumer
PPTX
Designing for Change Half Day
PPT
The Psychology of Good Web Design
PDF
Understanding User Experience Design
PDF
Lightning Talk #10: Creating a Design-Centered Culture in Organizations: Lear...
10 Things CEOs Need to Know About Design
Web Trends 2016
Designing for a Better User Experience
The People Formerly Known as the Consumer
Designing for Change Half Day
The Psychology of Good Web Design
Understanding User Experience Design
Lightning Talk #10: Creating a Design-Centered Culture in Organizations: Lear...

What's hot (20)

PDF
Good UX Karma: Guiding Principles to Simpler, Easier and Happier UI Design
PDF
Exceptional Design is Emotional Design
PPT
Designing With Usability In Mind
PDF
Intro to UX UI Presentation at StartCo - May 24, 2017
PDF
Digital trends 2013
PDF
Design is the Business
PPTX
Visual interface design and design for scan
PDF
Jamin Hegeman - So you want to be a service designer - Productized16
PDF
Design Thinking Guide for Successful Professionals- Chapter 1
PPTX
Understanding Visual Hierarchy in Web Design
PPTX
Building products that don't suck by Satish Kanwar of Shopfiy
PDF
User testingwebinar delljulievittengl-presentationslides
PDF
Collaborative Design: Lessons & Observations
PPTX
AIA2019 - Mariam Rafehi - Create Your Landing Page & Collecting Leads
PPTX
Art of persuasive design
PDF
Content Structure & UX Guide by Kayak
PPTX
Usability design for pleasure
PDF
Bridging the gap: Brand Experience vs Product Development
PDF
On Branding: Turning Emotion into Connection
PDF
Abi Jones : Visual Resume
Good UX Karma: Guiding Principles to Simpler, Easier and Happier UI Design
Exceptional Design is Emotional Design
Designing With Usability In Mind
Intro to UX UI Presentation at StartCo - May 24, 2017
Digital trends 2013
Design is the Business
Visual interface design and design for scan
Jamin Hegeman - So you want to be a service designer - Productized16
Design Thinking Guide for Successful Professionals- Chapter 1
Understanding Visual Hierarchy in Web Design
Building products that don't suck by Satish Kanwar of Shopfiy
User testingwebinar delljulievittengl-presentationslides
Collaborative Design: Lessons & Observations
AIA2019 - Mariam Rafehi - Create Your Landing Page & Collecting Leads
Art of persuasive design
Content Structure & UX Guide by Kayak
Usability design for pleasure
Bridging the gap: Brand Experience vs Product Development
On Branding: Turning Emotion into Connection
Abi Jones : Visual Resume
Ad

Viewers also liked (20)

PDF
Lesson 1 • Elements & Principles of Design and Art
PPTX
Elements and Principles of Design
PDF
Power of Design
PDF
Design for the RUDES: The Value of Design Principles
PPTX
The Elements and Principles of Design
PPT
Principles of Design
PPT
Design principles and elements
PDF
Design theory - Lecture 04: Design Expertise / Design Thinking / Key concepts
PPT
Principles of Design
PDF
Elements of Design
PPTX
Elements & Principles of Art Design PowerPoint
PDF
Good Design is Honest: Cognitive Science to UX Design Principles
PPT
Principles Of Design
PDF
PDF
Pecha Kucha: Design is Dead! Long Live Design?
PPTX
Power of Visuals - HOW Design Live 2015
PDF
Your Account Director Solution
PDF
Principios clave en el ecommerce
PPT
Week3 Principles Of Design
PPTX
Contemporization of UX & Importance of design in mobility !
Lesson 1 • Elements & Principles of Design and Art
Elements and Principles of Design
Power of Design
Design for the RUDES: The Value of Design Principles
The Elements and Principles of Design
Principles of Design
Design principles and elements
Design theory - Lecture 04: Design Expertise / Design Thinking / Key concepts
Principles of Design
Elements of Design
Elements & Principles of Art Design PowerPoint
Good Design is Honest: Cognitive Science to UX Design Principles
Principles Of Design
Pecha Kucha: Design is Dead! Long Live Design?
Power of Visuals - HOW Design Live 2015
Your Account Director Solution
Principios clave en el ecommerce
Week3 Principles Of Design
Contemporization of UX & Importance of design in mobility !
Ad

Similar to The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers (20)

PDF
10 Things That Make Your Design Good
PDF
The Principles and Laws of UX Design.pdf
DOCX
5 principles of visual design in ux
PPTX
Getaway tbc 2013 clickshape
PPTX
UX 101: The secrets of good (web & mobile) design
PPTX
8 Product Design Principles to Abide By
PDF
Design Philosophy
PPTX
Avalon's DM 101 - Design Tips and Tricks
PDF
25 epic graphic design tips for non-designers
PDF
Ocean user experience-swtokyo
KEY
DCATL 2010: The Importance of Great Design
PDF
Building Character: Creating Consistent Experiences With Design Principles- ...
PDF
21 tips for Higher Ed Website Design Projects
PPTX
LESSON 5 Imaging and Design Impact of Good Branding.pptx
PPTX
Mobile Design that Doesn't Suck
PDF
The 17 Graphic Design Tips All Non Designers Need to Know
PPT
Graphic Design For Developers Richmond Code Camp
PPTX
Week 202 design skills
PDF
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
PPTX
10 Design & Layout Principles Guaranteed To Improve
10 Things That Make Your Design Good
The Principles and Laws of UX Design.pdf
5 principles of visual design in ux
Getaway tbc 2013 clickshape
UX 101: The secrets of good (web & mobile) design
8 Product Design Principles to Abide By
Design Philosophy
Avalon's DM 101 - Design Tips and Tricks
25 epic graphic design tips for non-designers
Ocean user experience-swtokyo
DCATL 2010: The Importance of Great Design
Building Character: Creating Consistent Experiences With Design Principles- ...
21 tips for Higher Ed Website Design Projects
LESSON 5 Imaging and Design Impact of Good Branding.pptx
Mobile Design that Doesn't Suck
The 17 Graphic Design Tips All Non Designers Need to Know
Graphic Design For Developers Richmond Code Camp
Week 202 design skills
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
10 Design & Layout Principles Guaranteed To Improve

More from Josh Levine (13)

PDF
Millennials & Insurance - Changing the Way Millennials Engage and Experience ...
PDF
Silicon Valley InsurTech Consortium - Insurance Innovation & Design Thinking
PDF
How to Think Like an Insurtech - Design Thinking & Insurance at Insurance Ope...
PDF
Insurance Innovation & Design Thinking Workshop - Cake & Arrow Las Vegas 2019
PDF
Putting the Customer at the Core - Design Thinking and Insurance
PDF
Design Thinking Workshop – Irish Life Executive Innovation Program
PDF
Design Thinking and Small Business Insurance (SMB)
PDF
Designing with Purpose – How to Differentiate Through Authenticity and Trust
PDF
20 Tips to Improve Sales on your Ecommerce Site
PDF
March of DImes, March for Babies – Fundraising Tips from Team Levine
PDF
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
PDF
Color, themes, fonts: The building blocks of good e-commerce and ui design
PDF
Charting the Successful Redesign of an Independent Ecommerce Small Business —...
Millennials & Insurance - Changing the Way Millennials Engage and Experience ...
Silicon Valley InsurTech Consortium - Insurance Innovation & Design Thinking
How to Think Like an Insurtech - Design Thinking & Insurance at Insurance Ope...
Insurance Innovation & Design Thinking Workshop - Cake & Arrow Las Vegas 2019
Putting the Customer at the Core - Design Thinking and Insurance
Design Thinking Workshop – Irish Life Executive Innovation Program
Design Thinking and Small Business Insurance (SMB)
Designing with Purpose – How to Differentiate Through Authenticity and Trust
20 Tips to Improve Sales on your Ecommerce Site
March of DImes, March for Babies – Fundraising Tips from Team Levine
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Color, themes, fonts: The building blocks of good e-commerce and ui design
Charting the Successful Redesign of an Independent Ecommerce Small Business —...

Recently uploaded (20)

PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPT
UNIT I- Yarn, types, explanation, process
PDF
SEVA- Fashion designing-Presentation.pdf
PPTX
Media And Information Literacy for Grade 12
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
Phone away, tabs closed: No multitasking
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
Entrepreneur intro, origin, process, method
PDF
Chalkpiece Annual Report from 2019 To 2025
PPTX
EDP Competencies-types, process, explanation
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
intro_to_rust.pptx_123456789012446789.pdf
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
Acoustics new for. Sound insulation and absorber
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
UNIT I- Yarn, types, explanation, process
SEVA- Fashion designing-Presentation.pdf
Media And Information Literacy for Grade 12
HPE Aruba-master-icon-library_052722.pptx
Phone away, tabs closed: No multitasking
YV PROFILE PROJECTS PROFILE PRES. DESIGN
YOW2022-BNE-MinimalViableArchitecture.pdf
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Quality Control Management for RMG, Level- 4, Certificate
Entrepreneur intro, origin, process, method
Chalkpiece Annual Report from 2019 To 2025
EDP Competencies-types, process, explanation
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
rapid fire quiz in your house is your india.pptx
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
intro_to_rust.pptx_123456789012446789.pdf
DOC-20250430-WA0014._20250714_235747_0000.pptx
Acoustics new for. Sound insulation and absorber

The 8 Principles of Design – How to Leverage the Power of Design and Turn Consumers Into Customers