SlideShare a Scribd company logo
Narendra Kumar
USER INTERFACE DESIGN
GODS & DEMONS: LAWS OF BEAUTY
• Symmetry
• Texture
USER INTERFACE DESIGN 2
CHOICE PARADOX
• Autonomy and Freedom of choice are critical to our well being, and choice is critical to
freedom and autonomy. Nonetheless, though modern Americans have more choice than
any group of people ever has before, and thus, presumably, more freedom and autonomy,
we don't seem to be benefiting from it psychologically.
USER INTERFACE DESIGN 3
COGNITIVE LOAD
• Total amount of mental effort being used in the working memory.
USER INTERFACE DESIGN 4
DESIRABLE DIFFICULTY
• A learning task that requires a considerable but desirable amount of effort, thereby
improving long-term performance.
• Disfluency
USER INTERFACE DESIGN 5
CLOSURE
• An individual's desire for a firm answer to a question and an aversion toward ambiguity.
• Denotes a motivated tendency to seek out information.
USER INTERFACE DESIGN 6
FUNCTION FOLLOWS FORM
• Fast-testing your application
• Halo effect
• Best way to increase the perceived usability and
trustworthiness is to make it prettier
• Asymmetric nature of complexity
• Always better to err on the side of simplicity
• Beauty in the eyes of beholder
• Personalize for your demographics
USER INTERFACE DESIGN 7
DISPLAY BIASES
• Middle bias
• Top-left bias
• Cultural bias
• Hot spots/ cold spots
• Blind spots
• Horizontal bias
• Decision speed
• The faster we search and choose, and the more we
attempt to multitask, the stronger our visual biases are
USER INTERFACE DESIGN 8
DESIRABLE DIFFICULTY
• Upside of hard
• Disfluency
• Visual disfluency
• Cognitive disfluency
• Use cognitive disfluency to slow the mind down
• Calibrate disfluency to fit your site’s goals
USER INTERFACE DESIGN 9
CHOICE OPPORTUNITY
• Offer a manageable consideration set
• Personalize categories
• Incorporate choice tournaments
• Manage regret with choice closure
• Avoid navigation overload
• Manage attribute overload
• Maximize satisfaction, not clicks
USER INTERFACE DESIGN 10
GENERAL
• Use science to drive your design and A/B testing
USER INTERFACE DESIGN 11
Thanks
USER INTERFACE DESIGN 12

More Related Content

PDF
Guiding UX Principles 3/20/12
PDF
The 6 Immutable Principles of UX
PDF
Guiding UX Principles
PDF
What Design Means to Me
PDF
How to Make Happy Patrons: The Science Behind Good User Experiences with Libr...
PDF
UX Survival Skills by Ascend UX Conference
PPTX
How to design more ethically engaging experiences (UCD 2016)
Guiding UX Principles 3/20/12
The 6 Immutable Principles of UX
Guiding UX Principles
What Design Means to Me
How to Make Happy Patrons: The Science Behind Good User Experiences with Libr...
UX Survival Skills by Ascend UX Conference
How to design more ethically engaging experiences (UCD 2016)

What's hot (20)

PPTX
GDG Dhaka - UX quick talk - Masrur Hannan
PDF
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014
PDF
Basic Principles of Interface design
PDF
UX for beginners
PDF
Designing UX- Mike Rodgers
PPTX
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
PPT
Intro To Emotion Design- Pleasurability and Emotional Design- Experience Dyn...
PPTX
Why User Experience?
PDF
Brisbane Content Strategy Meetup Cct 2017
PDF
IA basics
PPT
Introduction to user experience research (TechUK Designing Digital Health sem...
PPTX
Designing mobile games for engagement and learning
PDF
Final presentation
PDF
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
PDF
NoVA UX Responsive Design
PDF
Keep it Simple: Mobile Design for Product Owners
PPT
Aimia- Future Of Usability 0712
PDF
Why we need to hire UX professionals
PDF
Behind the Scenes of the Use Experience of Unity
KEY
Game Design at Parsons Day1
GDG Dhaka - UX quick talk - Masrur Hannan
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014
Basic Principles of Interface design
UX for beginners
Designing UX- Mike Rodgers
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
Intro To Emotion Design- Pleasurability and Emotional Design- Experience Dyn...
Why User Experience?
Brisbane Content Strategy Meetup Cct 2017
IA basics
Introduction to user experience research (TechUK Designing Digital Health sem...
Designing mobile games for engagement and learning
Final presentation
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
NoVA UX Responsive Design
Keep it Simple: Mobile Design for Product Owners
Aimia- Future Of Usability 0712
Why we need to hire UX professionals
Behind the Scenes of the Use Experience of Unity
Game Design at Parsons Day1
Ad

Viewers also liked (20)

PDF
QM,QMC,PM Cubibles
DOC
Assignment 1 (6)
DOC
Assignment 2 (research report) (2)
PDF
Amazon Web Services v praxi - Bezpecnost v cloudu
PDF
Final presentation-report
DOC
Assignment 1 (6)
PPTX
20 mistakes everybody makes when selling
PPTX
Have you found your voice
DOC
essay
DOC
Assignment 1 (6)
PPT
Expo 2015 uno spinoso coagulante vegetale
DOC
Assignment 1 (6)
PDF
S3 Bucket Policies
PPTX
Access control list
PPTX
So, Do You Think You Have Asperger's Syndrome
PDF
User Interface that works | Sergiu Puscas | CodeWeek 2015
PPTX
Secrets to impactful presentations volume 2 - 8 tools
PDF
Sketchnotes: what & why
PDF
The Sketchnote Mini-Workshop
PPTX
Creative Mornings San Diego 2015
QM,QMC,PM Cubibles
Assignment 1 (6)
Assignment 2 (research report) (2)
Amazon Web Services v praxi - Bezpecnost v cloudu
Final presentation-report
Assignment 1 (6)
20 mistakes everybody makes when selling
Have you found your voice
essay
Assignment 1 (6)
Expo 2015 uno spinoso coagulante vegetale
Assignment 1 (6)
S3 Bucket Policies
Access control list
So, Do You Think You Have Asperger's Syndrome
User Interface that works | Sergiu Puscas | CodeWeek 2015
Secrets to impactful presentations volume 2 - 8 tools
Sketchnotes: what & why
The Sketchnote Mini-Workshop
Creative Mornings San Diego 2015
Ad

Similar to User Interface design (20)

PDF
NYU Web Intensive - Week 3 Class 1
PPT
Module-2-The UID process- Obstacles, Usability.ppt
PPT
Module-2-The UID process- Obstacles, Usability.ppt
PDF
UX Fundamentals for Beginners
PDF
UX Fundamentals for Beginners
PDF
Topic 3 Human Computer Interaction
PDF
Usability Workshop at Lillebaelt Academy
PPT
User interface design for the Web Engineering Psychology
PDF
Website Usability | Day 1
PPTX
HCI_Lecture_05.pptx
PDF
Usability 101
PPTX
Unit ii design process
PPTX
Usability and Web Design Principles Lecture 2.pptx
PDF
09-UX.pdf
PDF
Design - What differentiates the useful from usable & delightful
PPT
Usability
PDF
Designing the user experience
PPT
10 Principles Of Effective Web Design
PDF
Top Three Modern Product Trends
NYU Web Intensive - Week 3 Class 1
Module-2-The UID process- Obstacles, Usability.ppt
Module-2-The UID process- Obstacles, Usability.ppt
UX Fundamentals for Beginners
UX Fundamentals for Beginners
Topic 3 Human Computer Interaction
Usability Workshop at Lillebaelt Academy
User interface design for the Web Engineering Psychology
Website Usability | Day 1
HCI_Lecture_05.pptx
Usability 101
Unit ii design process
Usability and Web Design Principles Lecture 2.pptx
09-UX.pdf
Design - What differentiates the useful from usable & delightful
Usability
Designing the user experience
10 Principles Of Effective Web Design
Top Three Modern Product Trends

Recently uploaded (20)

PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
Introduction-to-World-Schools-format-guide.pdf
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
Evolution_of_Computing_Presentation (1).pptx
PPTX
Presentation.pptx anemia in pregnancy in
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PDF
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
intro_to_rust.pptx_123456789012446789.pdf
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
NEW EIA PART B - Group 5 (Section 50).pptx
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPTX
Media And Information Literacy for Grade 12
PPTX
Acoustics new for. Sound insulation and absorber
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Chalkpiece Annual Report from 2019 To 2025
Introduction-to-World-Schools-format-guide.pdf
GSH-Vicky1-Complete-Plans on Housing.pdf
Evolution_of_Computing_Presentation (1).pptx
Presentation.pptx anemia in pregnancy in
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
pump pump is a mechanism that is used to transfer a liquid from one place to ...
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
intro_to_rust.pptx_123456789012446789.pdf
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
NEW EIA PART B - Group 5 (Section 50).pptx
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
Media And Information Literacy for Grade 12
Acoustics new for. Sound insulation and absorber
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT

User Interface design

  • 2. GODS & DEMONS: LAWS OF BEAUTY • Symmetry • Texture USER INTERFACE DESIGN 2
  • 3. CHOICE PARADOX • Autonomy and Freedom of choice are critical to our well being, and choice is critical to freedom and autonomy. Nonetheless, though modern Americans have more choice than any group of people ever has before, and thus, presumably, more freedom and autonomy, we don't seem to be benefiting from it psychologically. USER INTERFACE DESIGN 3
  • 4. COGNITIVE LOAD • Total amount of mental effort being used in the working memory. USER INTERFACE DESIGN 4
  • 5. DESIRABLE DIFFICULTY • A learning task that requires a considerable but desirable amount of effort, thereby improving long-term performance. • Disfluency USER INTERFACE DESIGN 5
  • 6. CLOSURE • An individual's desire for a firm answer to a question and an aversion toward ambiguity. • Denotes a motivated tendency to seek out information. USER INTERFACE DESIGN 6
  • 7. FUNCTION FOLLOWS FORM • Fast-testing your application • Halo effect • Best way to increase the perceived usability and trustworthiness is to make it prettier • Asymmetric nature of complexity • Always better to err on the side of simplicity • Beauty in the eyes of beholder • Personalize for your demographics USER INTERFACE DESIGN 7
  • 8. DISPLAY BIASES • Middle bias • Top-left bias • Cultural bias • Hot spots/ cold spots • Blind spots • Horizontal bias • Decision speed • The faster we search and choose, and the more we attempt to multitask, the stronger our visual biases are USER INTERFACE DESIGN 8
  • 9. DESIRABLE DIFFICULTY • Upside of hard • Disfluency • Visual disfluency • Cognitive disfluency • Use cognitive disfluency to slow the mind down • Calibrate disfluency to fit your site’s goals USER INTERFACE DESIGN 9
  • 10. CHOICE OPPORTUNITY • Offer a manageable consideration set • Personalize categories • Incorporate choice tournaments • Manage regret with choice closure • Avoid navigation overload • Manage attribute overload • Maximize satisfaction, not clicks USER INTERFACE DESIGN 10
  • 11. GENERAL • Use science to drive your design and A/B testing USER INTERFACE DESIGN 11

Editor's Notes

  • #4: Barry Schwartz “The paradox of choice: Why more is less”
  • #6: In order to attain desirable difficulty, we need to introduce disfluency
  • #9: Items in middle shelf are more likely to chosen in supermarket If no middle option(2*2 matrix)- top-left are chosen In right to left language readers select top right cell High margin products/most used features on hot spots