SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

Más 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
 

Más 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
 

Último

Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 

Último (19)

Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 

14 Principles of User Interface Design