SlideShare una empresa de Scribd logo
1 de 16
USER EXPERIENCE, PRINCIPLES OF
INTERACTIVE DESIGN AND RICH
CONTENT OF WEB 2.0 OF
User Experience (UX)
a person's perceptions and responses that result from
the use or anticipated use of a product, system or
service
Interactive Design
the structure and behavior of interactive systems
Don Norman’s Principles of Interactive
Design
1. Visibility
2. Feedback
3. Constraints
4. Mapping
5. Consistency
6. Affordance
Visibility
It is the basic principle that the more visible an element is, the
more likely users will know about them and how to use them.
The skill in applying this principle is realizing that you can’t
make everything visible, because it’ll ultimately clutter the
interface but instead need to prioritize what interface
elements are by far the most important for the user
experience and prioritize their visibility.
Visibility
Feedback
It is the principle of making it clear to the user what action has
been taken and what has been accomplished. Many forms of
feedback exist in interaction design, including visual, tactile,
audio, and more. The key is to design the experience to never
leave the user guessing about what action they have taken and
the consequence of doing so.
Feedback
Feedback
*video*
Constraints
It is about limiting the range of interaction possibilities for the
user to simplify the interface and guide the user to the
appropriate next action. This is a case where constraints are
clarifying, since they make it clear what can be done. Limitless
possibilities often leave the user confused.
Constraints
Mapping
It is about having a clear relationship between controls and the
effect they have on the world. You want this mapping to feel as
natural as possible.
Mapping
Consistency
It refers to having similar operations and similar elements for
achieving similar tasks. By leveraging consistent elements
throughout your entire experience, you make your experience
far easier to use. This consistency is important not only within
your interface, but across the many interfaces users are using
across their devices.
Consistency
Affordance
It refers to an attribute of an object that allows people to know
how to use it. Essentially to afford means to give a clue. When
an object has strong affordances, it’s very clear how to use it.
Affordance

Más contenido relacionado

La actualidad más candente

Multimedia and ICT
Multimedia and ICTMultimedia and ICT
Multimedia and ICT
Mikaela Papa
 
Mil 10. media and information literate individual (feb.12)
Mil   10. media and information literate individual (feb.12)Mil   10. media and information literate individual (feb.12)
Mil 10. media and information literate individual (feb.12)
Juncar Tome
 
8 Opportunities, Challenges, and Power of Media and Information.pptx
8 Opportunities, Challenges, and Power of Media  and Information.pptx8 Opportunities, Challenges, and Power of Media  and Information.pptx
8 Opportunities, Challenges, and Power of Media and Information.pptx
MagdaLo1
 

La actualidad más candente (20)

Multimedia and ICT
Multimedia and ICTMultimedia and ICT
Multimedia and ICT
 
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image ManipulationEmpowerment Technologies - Principles and Basic Techniques of Image Manipulation
Empowerment Technologies - Principles and Basic Techniques of Image Manipulation
 
[EMPOWERMENT TECHNOLOGIES] - ADVANCED WORD PROCESSING SKILLS
[EMPOWERMENT TECHNOLOGIES] - ADVANCED WORD PROCESSING SKILLS[EMPOWERMENT TECHNOLOGIES] - ADVANCED WORD PROCESSING SKILLS
[EMPOWERMENT TECHNOLOGIES] - ADVANCED WORD PROCESSING SKILLS
 
Mil 10. media and information literate individual (feb.12)
Mil   10. media and information literate individual (feb.12)Mil   10. media and information literate individual (feb.12)
Mil 10. media and information literate individual (feb.12)
 
The Current State of ICT Technologies
The Current State of ICT TechnologiesThe Current State of ICT Technologies
The Current State of ICT Technologies
 
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
 
8 Opportunities, Challenges, and Power of Media and Information.pptx
8 Opportunities, Challenges, and Power of Media  and Information.pptx8 Opportunities, Challenges, and Power of Media  and Information.pptx
8 Opportunities, Challenges, and Power of Media and Information.pptx
 
Multimedia and ICT.pptx
Multimedia and ICT.pptxMultimedia and ICT.pptx
Multimedia and ICT.pptx
 
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
Media and Information Literacy (MIL) - 3. Information Literacy - Information ...
 
Online Systems, Functions and Platforms
Online Systems, Functions and Platforms Online Systems, Functions and Platforms
Online Systems, Functions and Platforms
 
Emp tech q2_m12_l1_multimedia_and_ict_fv
Emp tech q2_m12_l1_multimedia_and_ict_fvEmp tech q2_m12_l1_multimedia_and_ict_fv
Emp tech q2_m12_l1_multimedia_and_ict_fv
 
Media and Information Literacy: Media & Information Literate Individual
Media and Information Literacy: Media & Information Literate IndividualMedia and Information Literacy: Media & Information Literate Individual
Media and Information Literacy: Media & Information Literate Individual
 
Basic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutBasic Principles Of Graphics and Layout
Basic Principles Of Graphics and Layout
 
Media and Information Literacy (MIL) Types of Media (Part 1)- Types of Media ...
Media and Information Literacy (MIL) Types of Media (Part 1)- Types of Media ...Media and Information Literacy (MIL) Types of Media (Part 1)- Types of Media ...
Media and Information Literacy (MIL) Types of Media (Part 1)- Types of Media ...
 
Types of media
Types of mediaTypes of media
Types of media
 
EMPOWERMENT TECHNOLOGIES - LESSON 4
EMPOWERMENT TECHNOLOGIES - LESSON 4EMPOWERMENT TECHNOLOGIES - LESSON 4
EMPOWERMENT TECHNOLOGIES - LESSON 4
 
1.-MEDIA-DLL week1.docx
1.-MEDIA-DLL week1.docx1.-MEDIA-DLL week1.docx
1.-MEDIA-DLL week1.docx
 
Media and Information Literacy (MIL) - Text Information and Media (Part 1)
Media and Information Literacy (MIL) - Text Information and Media (Part 1)Media and Information Literacy (MIL) - Text Information and Media (Part 1)
Media and Information Literacy (MIL) - Text Information and Media (Part 1)
 
Media and Information Literacy (MIL) - 10. Media and Information Literate Ind...
Media and Information Literacy (MIL) - 10. Media and Information Literate Ind...Media and Information Literacy (MIL) - 10. Media and Information Literate Ind...
Media and Information Literacy (MIL) - 10. Media and Information Literate Ind...
 
Module 4 EMPOWERMENT TECHNOLOGY
Module 4 EMPOWERMENT TECHNOLOGYModule 4 EMPOWERMENT TECHNOLOGY
Module 4 EMPOWERMENT TECHNOLOGY
 

Similar a USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN AND RICH CONTENT of Web 2.0 of MOBILE LEGENDS

Similar a USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN AND RICH CONTENT of Web 2.0 of MOBILE LEGENDS (20)

USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN, AND RICH CONTENT OF WEB 2....
USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN, AND RICH CONTENT OF WEB 2....USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN, AND RICH CONTENT OF WEB 2....
USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN, AND RICH CONTENT OF WEB 2....
 
Technical Report.docx
Technical Report.docxTechnical Report.docx
Technical Report.docx
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackon
 
Insight into Application Design & Oracle Fusion
Insight into Application Design & Oracle Fusion Insight into Application Design & Oracle Fusion
Insight into Application Design & Oracle Fusion
 
EDI_PRESENTATION
EDI_PRESENTATIONEDI_PRESENTATION
EDI_PRESENTATION
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
Top 10 jakob nielsen’s phenomenal rules of uiux design for 2022
Top 10 jakob nielsen’s phenomenal rules of uiux design for 2022Top 10 jakob nielsen’s phenomenal rules of uiux design for 2022
Top 10 jakob nielsen’s phenomenal rules of uiux design for 2022
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UED
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
 
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTS
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTSAN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTS
AN APPROACH TO IMPROVEMENT THE USABILITY IN SOFTWARE PRODUCTS
 
20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptx20IT706PE User Interface Design - Unit 1.pptx
20IT706PE User Interface Design - Unit 1.pptx
 
Ijetr021224
Ijetr021224Ijetr021224
Ijetr021224
 
Ijetr021224
Ijetr021224Ijetr021224
Ijetr021224
 
The Golden Rules by Theo Mandel - Software Engineering
The Golden Rules by Theo Mandel - Software EngineeringThe Golden Rules by Theo Mandel - Software Engineering
The Golden Rules by Theo Mandel - Software Engineering
 
HCI Unit 3.pptx
HCI Unit 3.pptxHCI Unit 3.pptx
HCI Unit 3.pptx
 
UI guidelines
UI guidelinesUI guidelines
UI guidelines
 
UI DESIGN.pdf
UI DESIGN.pdfUI DESIGN.pdf
UI DESIGN.pdf
 

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 

USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN AND RICH CONTENT of Web 2.0 of MOBILE LEGENDS

  • 1. USER EXPERIENCE, PRINCIPLES OF INTERACTIVE DESIGN AND RICH CONTENT OF WEB 2.0 OF
  • 2. User Experience (UX) a person's perceptions and responses that result from the use or anticipated use of a product, system or service
  • 3. Interactive Design the structure and behavior of interactive systems Don Norman’s Principles of Interactive Design 1. Visibility 2. Feedback 3. Constraints 4. Mapping 5. Consistency 6. Affordance
  • 4. Visibility It is the basic principle that the more visible an element is, the more likely users will know about them and how to use them. The skill in applying this principle is realizing that you can’t make everything visible, because it’ll ultimately clutter the interface but instead need to prioritize what interface elements are by far the most important for the user experience and prioritize their visibility.
  • 6. Feedback It is the principle of making it clear to the user what action has been taken and what has been accomplished. Many forms of feedback exist in interaction design, including visual, tactile, audio, and more. The key is to design the experience to never leave the user guessing about what action they have taken and the consequence of doing so.
  • 9. Constraints It is about limiting the range of interaction possibilities for the user to simplify the interface and guide the user to the appropriate next action. This is a case where constraints are clarifying, since they make it clear what can be done. Limitless possibilities often leave the user confused.
  • 11. Mapping It is about having a clear relationship between controls and the effect they have on the world. You want this mapping to feel as natural as possible.
  • 13. Consistency It refers to having similar operations and similar elements for achieving similar tasks. By leveraging consistent elements throughout your entire experience, you make your experience far easier to use. This consistency is important not only within your interface, but across the many interfaces users are using across their devices.
  • 15. Affordance It refers to an attribute of an object that allows people to know how to use it. Essentially to afford means to give a clue. When an object has strong affordances, it’s very clear how to use it.