SlideShare a Scribd company logo
1 of 9
PID!
PRINCIPLES OF INTERACTIVE DESIGN- BY MARYKAY SCHNABEL
CONSISTENCY!
• Keeping elements consistent give users the feeling of
authenticity and familiarity. Humans are creatures of
habit and change can naturally throw them off. Appeal
to the subconscious by keeping things consistent, clean
and recognizable.
Thebeatplug.com is a perfect
example. He is a music
producer trying to sell his beats
to rappers. He keeps a
consistant color scheme the
whole way through his website.
VISIBILITY!
• Remember your demographic will not always be in your head.
• Your design needs to be obvious and user friendly.
• You need to guide them through every action on your website.
• They should never have to click a bunch of buttons to get to one simple outcome.
• Make things as easy as they can be for your user to interact with.
Thebeatplug.com also shows a good
examply of this. Their website is very
simple to use. You know exactly which
buttons to click on to get the exact
outcome you need. Nothing is blocking
anything or making the text hard to read.
LEARNABILITY!
• • The learnability of a design is based on comprehensibility: if you can’t understand it, you can’t learn it.
And vice versa. These rules will help keep your design easy to learn.
• Effectiveness: The number of functions learned, or the percentage of users who successfully learn and
use the product.
• Efficiency: The time it takes someone to learn (or re-learn) how to use a product, and their efficiency in
doing so.
• Satisfaction: The perceived value the person associates with their investment (time, effort, cost) in
learning how to use the product.
• Errors: Number of errors made, the ability to recover from those errors and the time it takes to do so.
Looking back at thebeatplug.com, a
perfect example of the learnability of his
website, is how you can learn to navigate
through his catalog.
It’s very clear that you can click on a song
if you want to play it, click the add to cart
button, or even click the button to share it
to someone else.
Everything is very simple and clear enough
that there should be minimal trial and
error.
PREDICTABILITY!
• If you make your page predictable, it makes the user naturally feel more comfortable and naturally will
be easier to navigate
• Remember that people are inclined to click on everything that they think is a button if there is no clear
direction of what they are looking for.
• It is important to keep your buttons labeled, weather it’s an image or a word.
• If the user knows what is going to happen when they click on a certain button they have more of a
sense of control and will stay on your website longer.
Again, this website is a perfect example of predictability.
Each button does exactly what you would predict it would do.
This makes you feel in control and comfortable moving around the website.
FEEDBACK!
Feedback is when your website gives the user a signal, to indicate that the action
that was chose either succeeded or failed at it’s task.
It generally answers the questions: Where am I, What is happenening, What
happens next, and what just happened.

More Related Content

What's hot

SOFIA BOOTH - WHAT IS AUDIENCE DEVELOPMENT, ANYWAY?
SOFIA BOOTH - WHAT IS AUDIENCE DEVELOPMENT, ANYWAY?SOFIA BOOTH - WHAT IS AUDIENCE DEVELOPMENT, ANYWAY?
SOFIA BOOTH - WHAT IS AUDIENCE DEVELOPMENT, ANYWAY?Hilary Ip
 
Production techniques evaluation
Production techniques evaluationProduction techniques evaluation
Production techniques evaluationEllie W.
 
Your PowerPoint sucks Learn Visual Storytelling
Your PowerPoint sucks Learn Visual StorytellingYour PowerPoint sucks Learn Visual Storytelling
Your PowerPoint sucks Learn Visual StorytellingMark Gibson
 
Mobile ux practices
Mobile ux practicesMobile ux practices
Mobile ux practicesSanjay Raval
 
DON WILCOX - BEST PRACTICES - DIGITAL PLATFORMS TO ENGAGE NEW AUDIENCES
DON WILCOX - BEST PRACTICES - DIGITAL PLATFORMS TO ENGAGE NEW AUDIENCESDON WILCOX - BEST PRACTICES - DIGITAL PLATFORMS TO ENGAGE NEW AUDIENCES
DON WILCOX - BEST PRACTICES - DIGITAL PLATFORMS TO ENGAGE NEW AUDIENCESHilary Ip
 
Why Are You Roadmapping?
Why Are You Roadmapping?Why Are You Roadmapping?
Why Are You Roadmapping?Wendy Johansson
 
VP of Product at LearnVest on Emotional Intelligence for Product Management
VP of Product at LearnVest on Emotional Intelligence for Product ManagementVP of Product at LearnVest on Emotional Intelligence for Product Management
VP of Product at LearnVest on Emotional Intelligence for Product ManagementProduct School
 
1. communication methods pro forma(1.2)-3
1. communication methods pro forma(1.2)-31. communication methods pro forma(1.2)-3
1. communication methods pro forma(1.2)-3LouisGilliland
 
How to win at Conversion Optimization
How to win at Conversion OptimizationHow to win at Conversion Optimization
How to win at Conversion OptimizationSnehal Samant
 
Industry Summit 2017 : Invent and Simplify
Industry Summit 2017 : Invent and SimplifyIndustry Summit 2017 : Invent and Simplify
Industry Summit 2017 : Invent and SimplifyKintan Brahmbhatt
 
Design Communication in Product Management | Latif Nanji
Design Communication in Product Management | Latif NanjiDesign Communication in Product Management | Latif Nanji
Design Communication in Product Management | Latif NanjiProduct Tank Toronto
 
Managing Freelancers Without Losing Your Mind
Managing Freelancers Without Losing Your MindManaging Freelancers Without Losing Your Mind
Managing Freelancers Without Losing Your MindMelissa Eggleston
 
How to Make a Better Presentation?
How to Make a Better Presentation?How to Make a Better Presentation?
How to Make a Better Presentation?Sameer Mathur
 
Project 1 production techniques evaluation
Project 1 production techniques evaluationProject 1 production techniques evaluation
Project 1 production techniques evaluationbenmcfadyen2
 
Designing Beautiful Applications
Designing Beautiful ApplicationsDesigning Beautiful Applications
Designing Beautiful ApplicationsKintan Brahmbhatt
 
Startup Heart — Presentation Minsk 2019
Startup Heart — Presentation Minsk 2019Startup Heart — Presentation Minsk 2019
Startup Heart — Presentation Minsk 2019John McTavish
 
The Way We Build Our Product
The Way We Build Our ProductThe Way We Build Our Product
The Way We Build Our ProductKamil Zieba
 

What's hot (20)

SOFIA BOOTH - WHAT IS AUDIENCE DEVELOPMENT, ANYWAY?
SOFIA BOOTH - WHAT IS AUDIENCE DEVELOPMENT, ANYWAY?SOFIA BOOTH - WHAT IS AUDIENCE DEVELOPMENT, ANYWAY?
SOFIA BOOTH - WHAT IS AUDIENCE DEVELOPMENT, ANYWAY?
 
Designing for Change
Designing for Change Designing for Change
Designing for Change
 
Production techniques evaluation
Production techniques evaluationProduction techniques evaluation
Production techniques evaluation
 
Why responsive web design matters
Why responsive web design mattersWhy responsive web design matters
Why responsive web design matters
 
Your PowerPoint sucks Learn Visual Storytelling
Your PowerPoint sucks Learn Visual StorytellingYour PowerPoint sucks Learn Visual Storytelling
Your PowerPoint sucks Learn Visual Storytelling
 
Mobile ux practices
Mobile ux practicesMobile ux practices
Mobile ux practices
 
Report on unit 11
Report on unit 11Report on unit 11
Report on unit 11
 
DON WILCOX - BEST PRACTICES - DIGITAL PLATFORMS TO ENGAGE NEW AUDIENCES
DON WILCOX - BEST PRACTICES - DIGITAL PLATFORMS TO ENGAGE NEW AUDIENCESDON WILCOX - BEST PRACTICES - DIGITAL PLATFORMS TO ENGAGE NEW AUDIENCES
DON WILCOX - BEST PRACTICES - DIGITAL PLATFORMS TO ENGAGE NEW AUDIENCES
 
Why Are You Roadmapping?
Why Are You Roadmapping?Why Are You Roadmapping?
Why Are You Roadmapping?
 
VP of Product at LearnVest on Emotional Intelligence for Product Management
VP of Product at LearnVest on Emotional Intelligence for Product ManagementVP of Product at LearnVest on Emotional Intelligence for Product Management
VP of Product at LearnVest on Emotional Intelligence for Product Management
 
1. communication methods pro forma(1.2)-3
1. communication methods pro forma(1.2)-31. communication methods pro forma(1.2)-3
1. communication methods pro forma(1.2)-3
 
How to win at Conversion Optimization
How to win at Conversion OptimizationHow to win at Conversion Optimization
How to win at Conversion Optimization
 
Industry Summit 2017 : Invent and Simplify
Industry Summit 2017 : Invent and SimplifyIndustry Summit 2017 : Invent and Simplify
Industry Summit 2017 : Invent and Simplify
 
Design Communication in Product Management | Latif Nanji
Design Communication in Product Management | Latif NanjiDesign Communication in Product Management | Latif Nanji
Design Communication in Product Management | Latif Nanji
 
Managing Freelancers Without Losing Your Mind
Managing Freelancers Without Losing Your MindManaging Freelancers Without Losing Your Mind
Managing Freelancers Without Losing Your Mind
 
How to Make a Better Presentation?
How to Make a Better Presentation?How to Make a Better Presentation?
How to Make a Better Presentation?
 
Project 1 production techniques evaluation
Project 1 production techniques evaluationProject 1 production techniques evaluation
Project 1 production techniques evaluation
 
Designing Beautiful Applications
Designing Beautiful ApplicationsDesigning Beautiful Applications
Designing Beautiful Applications
 
Startup Heart — Presentation Minsk 2019
Startup Heart — Presentation Minsk 2019Startup Heart — Presentation Minsk 2019
Startup Heart — Presentation Minsk 2019
 
The Way We Build Our Product
The Way We Build Our ProductThe Way We Build Our Product
The Way We Build Our Product
 

Similar to Pid (1)

The hacked, non-expert guide to creating great Landing Pages.
The hacked, non-expert guide to creating great Landing Pages.The hacked, non-expert guide to creating great Landing Pages.
The hacked, non-expert guide to creating great Landing Pages.Mannin Marsh
 
Wendy week five power point busey
Wendy week five power point buseyWendy week five power point busey
Wendy week five power point buseywendyr1974
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive DesignKaren Krull
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015Katelyn Caillouet
 
The 7 most common usability issues by UserTesting
The 7 most common usability issues by UserTestingThe 7 most common usability issues by UserTesting
The 7 most common usability issues by UserTestingInVision App
 
Search is the Front Door to UX
Search is the Front Door to UXSearch is the Front Door to UX
Search is the Front Door to UXAbby Covert
 
12 reasons your site sucks - InvestNI
12 reasons your site sucks - InvestNI12 reasons your site sucks - InvestNI
12 reasons your site sucks - InvestNICraig Sullivan
 
Driving Online Sales - Craig Sullivan, The future of the online marketplace 2...
Driving Online Sales - Craig Sullivan, The future of the online marketplace 2...Driving Online Sales - Craig Sullivan, The future of the online marketplace 2...
Driving Online Sales - Craig Sullivan, The future of the online marketplace 2...Invest Northern Ireland
 
Layar March 5th Webinar - Get More Out of Interactive Print
Layar March 5th Webinar - Get More Out of Interactive PrintLayar March 5th Webinar - Get More Out of Interactive Print
Layar March 5th Webinar - Get More Out of Interactive PrintLayar
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersEuropeana Newspapers
 
101 Conversion Rate Optimization Tips
101 Conversion Rate Optimization Tips101 Conversion Rate Optimization Tips
101 Conversion Rate Optimization TipsJosh Patrice
 
Digital Marketing Tactics To Increase Conversions
Digital Marketing Tactics To Increase ConversionsDigital Marketing Tactics To Increase Conversions
Digital Marketing Tactics To Increase ConversionsBJ Bergey
 
"Les erreurs à ne pas faire sur votre homepage" par Oussama Amar
"Les erreurs à ne pas faire sur votre homepage" par Oussama Amar"Les erreurs à ne pas faire sur votre homepage" par Oussama Amar
"Les erreurs à ne pas faire sur votre homepage" par Oussama AmarTheFamily
 
9 Reasons You Should be Using Facebook advertising
9 Reasons You Should be Using Facebook advertising9 Reasons You Should be Using Facebook advertising
9 Reasons You Should be Using Facebook advertisingSaundra Jackson
 
Social Media Marketing: Understanding the Landscape, Benefits & Challenges
Social Media Marketing: Understanding the Landscape, Benefits & ChallengesSocial Media Marketing: Understanding the Landscape, Benefits & Challenges
Social Media Marketing: Understanding the Landscape, Benefits & ChallengesSaffire
 

Similar to Pid (1) (20)

The hacked, non-expert guide to creating great Landing Pages.
The hacked, non-expert guide to creating great Landing Pages.The hacked, non-expert guide to creating great Landing Pages.
The hacked, non-expert guide to creating great Landing Pages.
 
Wendy week five power point busey
Wendy week five power point buseyWendy week five power point busey
Wendy week five power point busey
 
Week 4 - tablet app design
Week 4 - tablet app designWeek 4 - tablet app design
Week 4 - tablet app design
 
Web Usability July 2011
Web Usability July 2011Web Usability July 2011
Web Usability July 2011
 
UX patterns & practices
UX patterns & practicesUX patterns & practices
UX patterns & practices
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive Design
 
UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015UX Tools, Tips & Tricks for Code(Her) Conference 2015
UX Tools, Tips & Tricks for Code(Her) Conference 2015
 
The 7 most common usability issues by UserTesting
The 7 most common usability issues by UserTestingThe 7 most common usability issues by UserTesting
The 7 most common usability issues by UserTesting
 
Search is the Front Door to UX
Search is the Front Door to UXSearch is the Front Door to UX
Search is the Front Door to UX
 
12 reasons your site sucks - InvestNI
12 reasons your site sucks - InvestNI12 reasons your site sucks - InvestNI
12 reasons your site sucks - InvestNI
 
Driving Online Sales - Craig Sullivan, The future of the online marketplace 2...
Driving Online Sales - Craig Sullivan, The future of the online marketplace 2...Driving Online Sales - Craig Sullivan, The future of the online marketplace 2...
Driving Online Sales - Craig Sullivan, The future of the online marketplace 2...
 
User experience
User experienceUser experience
User experience
 
Layar March 5th Webinar - Get More Out of Interactive Print
Layar March 5th Webinar - Get More Out of Interactive PrintLayar March 5th Webinar - Get More Out of Interactive Print
Layar March 5th Webinar - Get More Out of Interactive Print
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic Newspapers
 
101 Conversion Rate Optimization Tips
101 Conversion Rate Optimization Tips101 Conversion Rate Optimization Tips
101 Conversion Rate Optimization Tips
 
Digital Marketing Tactics To Increase Conversions
Digital Marketing Tactics To Increase ConversionsDigital Marketing Tactics To Increase Conversions
Digital Marketing Tactics To Increase Conversions
 
"Les erreurs à ne pas faire sur votre homepage" par Oussama Amar
"Les erreurs à ne pas faire sur votre homepage" par Oussama Amar"Les erreurs à ne pas faire sur votre homepage" par Oussama Amar
"Les erreurs à ne pas faire sur votre homepage" par Oussama Amar
 
9 Reasons You Should be Using Facebook advertising
9 Reasons You Should be Using Facebook advertising9 Reasons You Should be Using Facebook advertising
9 Reasons You Should be Using Facebook advertising
 
Social Media Marketing: Understanding the Landscape, Benefits & Challenges
Social Media Marketing: Understanding the Landscape, Benefits & ChallengesSocial Media Marketing: Understanding the Landscape, Benefits & Challenges
Social Media Marketing: Understanding the Landscape, Benefits & Challenges
 
Grow Your Business
Grow Your BusinessGrow Your Business
Grow Your Business
 

Recently uploaded

Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 

Recently uploaded (20)

Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 

Pid (1)

  • 1. PID! PRINCIPLES OF INTERACTIVE DESIGN- BY MARYKAY SCHNABEL
  • 2. CONSISTENCY! • Keeping elements consistent give users the feeling of authenticity and familiarity. Humans are creatures of habit and change can naturally throw them off. Appeal to the subconscious by keeping things consistent, clean and recognizable. Thebeatplug.com is a perfect example. He is a music producer trying to sell his beats to rappers. He keeps a consistant color scheme the whole way through his website.
  • 3. VISIBILITY! • Remember your demographic will not always be in your head. • Your design needs to be obvious and user friendly. • You need to guide them through every action on your website. • They should never have to click a bunch of buttons to get to one simple outcome. • Make things as easy as they can be for your user to interact with.
  • 4. Thebeatplug.com also shows a good examply of this. Their website is very simple to use. You know exactly which buttons to click on to get the exact outcome you need. Nothing is blocking anything or making the text hard to read.
  • 5. LEARNABILITY! • • The learnability of a design is based on comprehensibility: if you can’t understand it, you can’t learn it. And vice versa. These rules will help keep your design easy to learn. • Effectiveness: The number of functions learned, or the percentage of users who successfully learn and use the product. • Efficiency: The time it takes someone to learn (or re-learn) how to use a product, and their efficiency in doing so. • Satisfaction: The perceived value the person associates with their investment (time, effort, cost) in learning how to use the product. • Errors: Number of errors made, the ability to recover from those errors and the time it takes to do so.
  • 6. Looking back at thebeatplug.com, a perfect example of the learnability of his website, is how you can learn to navigate through his catalog. It’s very clear that you can click on a song if you want to play it, click the add to cart button, or even click the button to share it to someone else. Everything is very simple and clear enough that there should be minimal trial and error.
  • 7. PREDICTABILITY! • If you make your page predictable, it makes the user naturally feel more comfortable and naturally will be easier to navigate • Remember that people are inclined to click on everything that they think is a button if there is no clear direction of what they are looking for. • It is important to keep your buttons labeled, weather it’s an image or a word. • If the user knows what is going to happen when they click on a certain button they have more of a sense of control and will stay on your website longer.
  • 8. Again, this website is a perfect example of predictability. Each button does exactly what you would predict it would do. This makes you feel in control and comfortable moving around the website.
  • 9. FEEDBACK! Feedback is when your website gives the user a signal, to indicate that the action that was chose either succeeded or failed at it’s task. It generally answers the questions: Where am I, What is happenening, What happens next, and what just happened.