SlideShare une entreprise Scribd logo
1  sur  21
14 principles of user interface design
To design is much more than simply to
assemble, to order, or even to edit; it is to add
value and meaning, to illuminate, to simplify,
to clarify, to modify, to dignify, to dramatize, to
persuade, and perhaps even to amuse.
User interface designing is not mere art.
Interfaces are meant to serve a purpose and
their effectiveness can be gauged. However,
best user interface designs are not just
utilitarian, they inspire, communicate, evoke,
deliver, connect and intensify relationship
between users and digital world.
Lets dig into 14 principles of user interface
design that every designer should memorize.
Inspire Clarity
One hundred clear screens is better than a
single cluttered screen.
Enable interaction.
Conserve attention.
Grant control.
Direct manipulation.
Direct manipulation is feeling of involvement
directly with a world of objects rather than of
communicating with an intermediary.
Single action per screen.
Keep inessential elements secondary.
Human centric interaction.
Be consistent with user expectations.
Maintain visual hierarchy.
Size | Color | Contrast | Space | Symmetry | Proximity
Reduce cognitive load.
Use right colors.
Progressively disclose information.
Great design is invisible.
14 Principles of User Interface Design

Contenu connexe

Plus de DesignMantic

Ignite Your Creative Spark: 24 Creativity Quotes for 2024
Ignite Your Creative Spark: 24 Creativity Quotes for 2024Ignite Your Creative Spark: 24 Creativity Quotes for 2024
Ignite Your Creative Spark: 24 Creativity Quotes for 2024DesignMantic
 
The Power of a Great Logo Slogan and How To Create One
The Power of a Great Logo Slogan and How To Create OneThe Power of a Great Logo Slogan and How To Create One
The Power of a Great Logo Slogan and How To Create OneDesignMantic
 
The Horrors of Design In Healthcare
The Horrors of Design In HealthcareThe Horrors of Design In Healthcare
The Horrors of Design In HealthcareDesignMantic
 
10 Most Iconic Automobile Logos
10 Most Iconic Automobile Logos10 Most Iconic Automobile Logos
10 Most Iconic Automobile LogosDesignMantic
 
The 9 Principles of Design!
The 9 Principles of Design!The 9 Principles of Design!
The 9 Principles of Design!DesignMantic
 
9 Striking Logos That Speak Volumes About Their Startups!
9 Striking Logos That Speak Volumes About Their Startups!9 Striking Logos That Speak Volumes About Their Startups!
9 Striking Logos That Speak Volumes About Their Startups!DesignMantic
 
The Tenets of Material Design
The Tenets of Material DesignThe Tenets of Material Design
The Tenets of Material DesignDesignMantic
 
No-Nonsense Logo Design Tips For Small Business Owners
No-Nonsense Logo Design Tips For Small Business OwnersNo-Nonsense Logo Design Tips For Small Business Owners
No-Nonsense Logo Design Tips For Small Business OwnersDesignMantic
 
Web Design Trends: Ins & Outs
Web Design Trends: Ins & OutsWeb Design Trends: Ins & Outs
Web Design Trends: Ins & OutsDesignMantic
 
Color Palette For Easter!
Color Palette For Easter!Color Palette For Easter!
Color Palette For Easter!DesignMantic
 
How To Find Your Typeface?
How To Find Your Typeface? How To Find Your Typeface?
How To Find Your Typeface? DesignMantic
 
25 Festive Fonts For Women Oriented Businesses!
25 Festive Fonts For Women Oriented Businesses!25 Festive Fonts For Women Oriented Businesses!
25 Festive Fonts For Women Oriented Businesses!DesignMantic
 
15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!DesignMantic
 
20 Fantastic Flat Icons and Their Meaning In Logo Design
20 Fantastic Flat Icons and Their Meaning In Logo Design20 Fantastic Flat Icons and Their Meaning In Logo Design
20 Fantastic Flat Icons and Their Meaning In Logo DesignDesignMantic
 
15 Things To Get Hitched In Style This Winter!
15 Things To Get Hitched In Style This Winter!15 Things To Get Hitched In Style This Winter!
15 Things To Get Hitched In Style This Winter!DesignMantic
 
16 Design Rules To Break In 2016
16 Design Rules To Break In 201616 Design Rules To Break In 2016
16 Design Rules To Break In 2016DesignMantic
 
Logo Redesigns From 2015: For Better or For Worse.
Logo Redesigns From 2015: For Better or For Worse.Logo Redesigns From 2015: For Better or For Worse.
Logo Redesigns From 2015: For Better or For Worse.DesignMantic
 
8 Steps To Do It Yourself Design Like A Pro!
8 Steps To Do It Yourself Design Like A Pro!8 Steps To Do It Yourself Design Like A Pro!
8 Steps To Do It Yourself Design Like A Pro!DesignMantic
 
A Primer To Lean UX
A Primer To Lean UXA Primer To Lean UX
A Primer To Lean UXDesignMantic
 
6 Reasons Technophiles Make Better Graphic Designers
6 Reasons Technophiles Make Better Graphic Designers6 Reasons Technophiles Make Better Graphic Designers
6 Reasons Technophiles Make Better Graphic DesignersDesignMantic
 

Plus de DesignMantic (20)

Ignite Your Creative Spark: 24 Creativity Quotes for 2024
Ignite Your Creative Spark: 24 Creativity Quotes for 2024Ignite Your Creative Spark: 24 Creativity Quotes for 2024
Ignite Your Creative Spark: 24 Creativity Quotes for 2024
 
The Power of a Great Logo Slogan and How To Create One
The Power of a Great Logo Slogan and How To Create OneThe Power of a Great Logo Slogan and How To Create One
The Power of a Great Logo Slogan and How To Create One
 
The Horrors of Design In Healthcare
The Horrors of Design In HealthcareThe Horrors of Design In Healthcare
The Horrors of Design In Healthcare
 
10 Most Iconic Automobile Logos
10 Most Iconic Automobile Logos10 Most Iconic Automobile Logos
10 Most Iconic Automobile Logos
 
The 9 Principles of Design!
The 9 Principles of Design!The 9 Principles of Design!
The 9 Principles of Design!
 
9 Striking Logos That Speak Volumes About Their Startups!
9 Striking Logos That Speak Volumes About Their Startups!9 Striking Logos That Speak Volumes About Their Startups!
9 Striking Logos That Speak Volumes About Their Startups!
 
The Tenets of Material Design
The Tenets of Material DesignThe Tenets of Material Design
The Tenets of Material Design
 
No-Nonsense Logo Design Tips For Small Business Owners
No-Nonsense Logo Design Tips For Small Business OwnersNo-Nonsense Logo Design Tips For Small Business Owners
No-Nonsense Logo Design Tips For Small Business Owners
 
Web Design Trends: Ins & Outs
Web Design Trends: Ins & OutsWeb Design Trends: Ins & Outs
Web Design Trends: Ins & Outs
 
Color Palette For Easter!
Color Palette For Easter!Color Palette For Easter!
Color Palette For Easter!
 
How To Find Your Typeface?
How To Find Your Typeface? How To Find Your Typeface?
How To Find Your Typeface?
 
25 Festive Fonts For Women Oriented Businesses!
25 Festive Fonts For Women Oriented Businesses!25 Festive Fonts For Women Oriented Businesses!
25 Festive Fonts For Women Oriented Businesses!
 
15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!
 
20 Fantastic Flat Icons and Their Meaning In Logo Design
20 Fantastic Flat Icons and Their Meaning In Logo Design20 Fantastic Flat Icons and Their Meaning In Logo Design
20 Fantastic Flat Icons and Their Meaning In Logo Design
 
15 Things To Get Hitched In Style This Winter!
15 Things To Get Hitched In Style This Winter!15 Things To Get Hitched In Style This Winter!
15 Things To Get Hitched In Style This Winter!
 
16 Design Rules To Break In 2016
16 Design Rules To Break In 201616 Design Rules To Break In 2016
16 Design Rules To Break In 2016
 
Logo Redesigns From 2015: For Better or For Worse.
Logo Redesigns From 2015: For Better or For Worse.Logo Redesigns From 2015: For Better or For Worse.
Logo Redesigns From 2015: For Better or For Worse.
 
8 Steps To Do It Yourself Design Like A Pro!
8 Steps To Do It Yourself Design Like A Pro!8 Steps To Do It Yourself Design Like A Pro!
8 Steps To Do It Yourself Design Like A Pro!
 
A Primer To Lean UX
A Primer To Lean UXA Primer To Lean UX
A Primer To Lean UX
 
6 Reasons Technophiles Make Better Graphic Designers
6 Reasons Technophiles Make Better Graphic Designers6 Reasons Technophiles Make Better Graphic Designers
6 Reasons Technophiles Make Better Graphic Designers
 

Dernier

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 

Dernier (20)

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 

14 Principles of User Interface Design