SlideShare a Scribd company logo
1 of 6
Download to read offline
Principles of Interactive
Design
1.Consistency
2.Visability
3.Learnability
4.Predictability
Consistency
 Differences in design can draw attention but also
distract the users from the message you are trying
to communicate.
 Keeping elements consistent give users the feeling
of authenicity.
Example: www.facebook.com
Visability
Good visibility, according to David Hogue's principles,
 Lead the user through an interaction
 Guide them through a series of tasks
 Indicate what possible actions are available to
them
 Communicate the context of the situation.
Example: www. Nike.com
Learnability
The learnability of a product can be measured in the following ways:
 Effectiveness
 Efficiency
 Satisfaction
 Errors
Example: www. wix.com
Predictability
 makes people feel good about what they're using,
 what they're doing and what they'll be able to
accomplish.
Example: www. zillow.com
Feedback
Feedback answers questions :
 Location: Where am I?
 Current Status: What's happening-and is it still
happening?
 Future Status: What will happen next?
 Outcomes& Results: What just happened?
Example: www.testq.com

More Related Content

What's hot

Accessibility as a focus for people-first design
Accessibility as a focus for people-first designAccessibility as a focus for people-first design
Accessibility as a focus for people-first designDavid Sloan
 
Over the E-vent Horizon
Over the E-vent HorizonOver the E-vent Horizon
Over the E-vent HorizonJo Hart
 
Creating Effective Links
Creating Effective Links Creating Effective Links
Creating Effective Links sfnboyle
 
Using Social Media to Further Existing Strategic Goals On Your Campus
Using Social Media to Further Existing Strategic Goals On Your CampusUsing Social Media to Further Existing Strategic Goals On Your Campus
Using Social Media to Further Existing Strategic Goals On Your CampusRachel Reuben
 
A minute of your time ppt week six
A minute of your time ppt week six A minute of your time ppt week six
A minute of your time ppt week six Alyssa Vega
 
8 tips for successful online course facilitation
8 tips for successful online course facilitation8 tips for successful online course facilitation
8 tips for successful online course facilitationMolly Valdez
 
Creating Effective Online Professional Development
Creating Effective Online Professional DevelopmentCreating Effective Online Professional Development
Creating Effective Online Professional Developmentckclark
 
Impact of social media
Impact of social mediaImpact of social media
Impact of social mediaDurga Singh
 
Getting started with your course re/design
Getting started with your course re/designGetting started with your course re/design
Getting started with your course re/designTanya Joosten
 

What's hot (14)

Accessibility as a focus for people-first design
Accessibility as a focus for people-first designAccessibility as a focus for people-first design
Accessibility as a focus for people-first design
 
Over the E-vent Horizon
Over the E-vent HorizonOver the E-vent Horizon
Over the E-vent Horizon
 
Freshen Up Your Communications P
Freshen Up Your Communications PFreshen Up Your Communications P
Freshen Up Your Communications P
 
Creating Effective Links
Creating Effective Links Creating Effective Links
Creating Effective Links
 
201203 toyc2
201203 toyc2201203 toyc2
201203 toyc2
 
Using Social Media to Further Existing Strategic Goals On Your Campus
Using Social Media to Further Existing Strategic Goals On Your CampusUsing Social Media to Further Existing Strategic Goals On Your Campus
Using Social Media to Further Existing Strategic Goals On Your Campus
 
A minute of your time ppt week six
A minute of your time ppt week six A minute of your time ppt week six
A minute of your time ppt week six
 
8 tips for successful online course facilitation
8 tips for successful online course facilitation8 tips for successful online course facilitation
8 tips for successful online course facilitation
 
Informal professional development through social media participation and netw...
Informal professional development through social media participation and netw...Informal professional development through social media participation and netw...
Informal professional development through social media participation and netw...
 
Creating Effective Online Professional Development
Creating Effective Online Professional DevelopmentCreating Effective Online Professional Development
Creating Effective Online Professional Development
 
Impact of social media
Impact of social mediaImpact of social media
Impact of social media
 
Getting started with your course re/design
Getting started with your course re/designGetting started with your course re/design
Getting started with your course re/design
 
ISTE Standards
ISTE StandardsISTE Standards
ISTE Standards
 
New Grids on the Block
New Grids on the BlockNew Grids on the Block
New Grids on the Block
 

Similar to Principles of Interactive Design

5 principles of Interactive design
5 principles of Interactive design 5 principles of Interactive design
5 principles of Interactive design Steelers50
 
Social networks week 1
Social networks   week 1Social networks   week 1
Social networks week 1John Bourne
 
Online teaching and learning resource guide
Online teaching and learning resource guideOnline teaching and learning resource guide
Online teaching and learning resource guidepabraham8064
 
State of the Industry - Education
State of the Industry - EducationState of the Industry - Education
State of the Industry - EducationFYA Media Group
 
Collaborativet Tools
Collaborativet ToolsCollaborativet Tools
Collaborativet Toolststephens
 
Collaborative Tools
Collaborative ToolsCollaborative Tools
Collaborative Toolststephens
 
Collaborativet Tools
Collaborativet ToolsCollaborativet Tools
Collaborativet Toolststephens
 
Collaborativet Tools
Collaborativet ToolsCollaborativet Tools
Collaborativet Toolststephens
 
Collaborative Tools
Collaborative ToolsCollaborative Tools
Collaborative Toolststephens
 
Embedding Digital Skills into Education – Increasing Employability and Lifeti...
Embedding Digital Skills into Education – Increasing Employability and Lifeti...Embedding Digital Skills into Education – Increasing Employability and Lifeti...
Embedding Digital Skills into Education – Increasing Employability and Lifeti...Sue Beckingham
 
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
Communication Studies 35 – Midterm 1 Name  Chen Lin    .docxCommunication Studies 35 – Midterm 1 Name  Chen Lin    .docx
Communication Studies 35 – Midterm 1 Name Chen Lin .docxdrandy1
 
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
Communication Studies 35 – Midterm 1 Name  Chen Lin    .docxCommunication Studies 35 – Midterm 1 Name  Chen Lin    .docx
Communication Studies 35 – Midterm 1 Name Chen Lin .docxmccormicknadine86
 
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
Communication Studies 35 – Midterm 1 Name  Chen Lin    .docxCommunication Studies 35 – Midterm 1 Name  Chen Lin    .docx
Communication Studies 35 – Midterm 1 Name Chen Lin .docxcargillfilberto
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the HumanitiesShawn Day
 
Designing curriculum for global understanding
Designing curriculum for global understandingDesigning curriculum for global understanding
Designing curriculum for global understandingJulie Lindsay
 
Web 2.0 Collaboration – Using digital tools for redesigning governance
Web 2.0 Collaboration – Using digital tools for redesigning governanceWeb 2.0 Collaboration – Using digital tools for redesigning governance
Web 2.0 Collaboration – Using digital tools for redesigning governancePaul Gilbreath
 
Web 2.0 Collaboration – Using digital tools for redesigning governance
Web 2.0 Collaboration – Using digital tools for redesigning governanceWeb 2.0 Collaboration – Using digital tools for redesigning governance
Web 2.0 Collaboration – Using digital tools for redesigning governancePaul Gilbreath
 
Web Collaboration - Using Digital Tools for Redesigning Governance.
Web Collaboration - Using Digital Tools for Redesigning Governance.Web Collaboration - Using Digital Tools for Redesigning Governance.
Web Collaboration - Using Digital Tools for Redesigning Governance.Hélio Teixeira
 

Similar to Principles of Interactive Design (20)

5 principles of Interactive design
5 principles of Interactive design 5 principles of Interactive design
5 principles of Interactive design
 
Social networks week 1
Social networks   week 1Social networks   week 1
Social networks week 1
 
Online teaching and learning resource guide
Online teaching and learning resource guideOnline teaching and learning resource guide
Online teaching and learning resource guide
 
State of the Industry - Education
State of the Industry - EducationState of the Industry - Education
State of the Industry - Education
 
Collaborativet Tools
Collaborativet ToolsCollaborativet Tools
Collaborativet Tools
 
Collaborative Tools
Collaborative ToolsCollaborative Tools
Collaborative Tools
 
Collaborativet Tools
Collaborativet ToolsCollaborativet Tools
Collaborativet Tools
 
Collaborativet Tools
Collaborativet ToolsCollaborativet Tools
Collaborativet Tools
 
Collaborative Tools
Collaborative ToolsCollaborative Tools
Collaborative Tools
 
Embedding Digital Skills into Education – Increasing Employability and Lifeti...
Embedding Digital Skills into Education – Increasing Employability and Lifeti...Embedding Digital Skills into Education – Increasing Employability and Lifeti...
Embedding Digital Skills into Education – Increasing Employability and Lifeti...
 
BU at SXSW
BU at SXSWBU at SXSW
BU at SXSW
 
Unit 5 powerpoint
Unit 5 powerpointUnit 5 powerpoint
Unit 5 powerpoint
 
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
Communication Studies 35 – Midterm 1 Name  Chen Lin    .docxCommunication Studies 35 – Midterm 1 Name  Chen Lin    .docx
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
 
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
Communication Studies 35 – Midterm 1 Name  Chen Lin    .docxCommunication Studies 35 – Midterm 1 Name  Chen Lin    .docx
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
 
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
Communication Studies 35 – Midterm 1 Name  Chen Lin    .docxCommunication Studies 35 – Midterm 1 Name  Chen Lin    .docx
Communication Studies 35 – Midterm 1 Name Chen Lin .docx
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Designing curriculum for global understanding
Designing curriculum for global understandingDesigning curriculum for global understanding
Designing curriculum for global understanding
 
Web 2.0 Collaboration – Using digital tools for redesigning governance
Web 2.0 Collaboration – Using digital tools for redesigning governanceWeb 2.0 Collaboration – Using digital tools for redesigning governance
Web 2.0 Collaboration – Using digital tools for redesigning governance
 
Web 2.0 Collaboration – Using digital tools for redesigning governance
Web 2.0 Collaboration – Using digital tools for redesigning governanceWeb 2.0 Collaboration – Using digital tools for redesigning governance
Web 2.0 Collaboration – Using digital tools for redesigning governance
 
Web Collaboration - Using Digital Tools for Redesigning Governance.
Web Collaboration - Using Digital Tools for Redesigning Governance.Web Collaboration - Using Digital Tools for Redesigning Governance.
Web Collaboration - Using Digital Tools for Redesigning Governance.
 

Recently uploaded

4.9.24 Social Capital and Social Exclusion.pptx
4.9.24 Social Capital and Social Exclusion.pptx4.9.24 Social Capital and Social Exclusion.pptx
4.9.24 Social Capital and Social Exclusion.pptxmary850239
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...Nguyen Thanh Tu Collection
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQuiz Club NITW
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQuiz Club NITW
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxSayali Powar
 
Unit :1 Basics of Professional Intelligence
Unit :1 Basics of Professional IntelligenceUnit :1 Basics of Professional Intelligence
Unit :1 Basics of Professional IntelligenceDr Vijay Vishwakarma
 
Sulphonamides, mechanisms and their uses
Sulphonamides, mechanisms and their usesSulphonamides, mechanisms and their uses
Sulphonamides, mechanisms and their usesVijayaLaxmi84
 
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxCLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxAnupam32727
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...DhatriParmar
 
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWMythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWQuiz Club NITW
 
PART 1 - CHAPTER 1 - CELL THE FUNDAMENTAL UNIT OF LIFE
PART 1 - CHAPTER 1 - CELL THE FUNDAMENTAL UNIT OF LIFEPART 1 - CHAPTER 1 - CELL THE FUNDAMENTAL UNIT OF LIFE
PART 1 - CHAPTER 1 - CELL THE FUNDAMENTAL UNIT OF LIFEMISSRITIMABIOLOGYEXP
 
Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research DiscourseAnita GoswamiGiri
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...Nguyen Thanh Tu Collection
 
Objectives n learning outcoms - MD 20240404.pptx
Objectives n learning outcoms - MD 20240404.pptxObjectives n learning outcoms - MD 20240404.pptx
Objectives n learning outcoms - MD 20240404.pptxMadhavi Dharankar
 
BÀI TẬP BỔ TRỢ 4 KĨ NĂNG TIẾNG ANH LỚP 8 - CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC ...
BÀI TẬP BỔ TRỢ 4 KĨ NĂNG TIẾNG ANH LỚP 8 - CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC ...BÀI TẬP BỔ TRỢ 4 KĨ NĂNG TIẾNG ANH LỚP 8 - CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC ...
BÀI TẬP BỔ TRỢ 4 KĨ NĂNG TIẾNG ANH LỚP 8 - CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC ...Nguyen Thanh Tu Collection
 
DBMSArchitecture_QueryProcessingandOptimization.pdf
DBMSArchitecture_QueryProcessingandOptimization.pdfDBMSArchitecture_QueryProcessingandOptimization.pdf
DBMSArchitecture_QueryProcessingandOptimization.pdfChristalin Nelson
 
MS4 level being good citizen -imperative- (1) (1).pdf
MS4 level   being good citizen -imperative- (1) (1).pdfMS4 level   being good citizen -imperative- (1) (1).pdf
MS4 level being good citizen -imperative- (1) (1).pdfMr Bounab Samir
 
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Osopher
 

Recently uploaded (20)

4.9.24 Social Capital and Social Exclusion.pptx
4.9.24 Social Capital and Social Exclusion.pptx4.9.24 Social Capital and Social Exclusion.pptx
4.9.24 Social Capital and Social Exclusion.pptx
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
 
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITWQ-Factor General Quiz-7th April 2024, Quiz Club NITW
Q-Factor General Quiz-7th April 2024, Quiz Club NITW
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
 
Unit :1 Basics of Professional Intelligence
Unit :1 Basics of Professional IntelligenceUnit :1 Basics of Professional Intelligence
Unit :1 Basics of Professional Intelligence
 
Sulphonamides, mechanisms and their uses
Sulphonamides, mechanisms and their usesSulphonamides, mechanisms and their uses
Sulphonamides, mechanisms and their uses
 
Plagiarism,forms,understand about plagiarism,avoid plagiarism,key significanc...
Plagiarism,forms,understand about plagiarism,avoid plagiarism,key significanc...Plagiarism,forms,understand about plagiarism,avoid plagiarism,key significanc...
Plagiarism,forms,understand about plagiarism,avoid plagiarism,key significanc...
 
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxCLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
 
Introduction to Research ,Need for research, Need for design of Experiments, ...
Introduction to Research ,Need for research, Need for design of Experiments, ...Introduction to Research ,Need for research, Need for design of Experiments, ...
Introduction to Research ,Need for research, Need for design of Experiments, ...
 
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
Blowin' in the Wind of Caste_ Bob Dylan's Song as a Catalyst for Social Justi...
 
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWMythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITW
 
PART 1 - CHAPTER 1 - CELL THE FUNDAMENTAL UNIT OF LIFE
PART 1 - CHAPTER 1 - CELL THE FUNDAMENTAL UNIT OF LIFEPART 1 - CHAPTER 1 - CELL THE FUNDAMENTAL UNIT OF LIFE
PART 1 - CHAPTER 1 - CELL THE FUNDAMENTAL UNIT OF LIFE
 
Scientific Writing :Research Discourse
Scientific  Writing :Research  DiscourseScientific  Writing :Research  Discourse
Scientific Writing :Research Discourse
 
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
31 ĐỀ THI THỬ VÀO LỚP 10 - TIẾNG ANH - FORM MỚI 2025 - 40 CÂU HỎI - BÙI VĂN V...
 
Objectives n learning outcoms - MD 20240404.pptx
Objectives n learning outcoms - MD 20240404.pptxObjectives n learning outcoms - MD 20240404.pptx
Objectives n learning outcoms - MD 20240404.pptx
 
BÀI TẬP BỔ TRỢ 4 KĨ NĂNG TIẾNG ANH LỚP 8 - CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC ...
BÀI TẬP BỔ TRỢ 4 KĨ NĂNG TIẾNG ANH LỚP 8 - CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC ...BÀI TẬP BỔ TRỢ 4 KĨ NĂNG TIẾNG ANH LỚP 8 - CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC ...
BÀI TẬP BỔ TRỢ 4 KĨ NĂNG TIẾNG ANH LỚP 8 - CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC ...
 
DBMSArchitecture_QueryProcessingandOptimization.pdf
DBMSArchitecture_QueryProcessingandOptimization.pdfDBMSArchitecture_QueryProcessingandOptimization.pdf
DBMSArchitecture_QueryProcessingandOptimization.pdf
 
MS4 level being good citizen -imperative- (1) (1).pdf
MS4 level   being good citizen -imperative- (1) (1).pdfMS4 level   being good citizen -imperative- (1) (1).pdf
MS4 level being good citizen -imperative- (1) (1).pdf
 
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
 

Principles of Interactive Design