SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
GUI Design   (Mehmet Baykal)
Usability vs User Experience
Usability; ease of use



User Experience; usability + function + beauty + charm + story
Usabilty
Usability is the ease of use and learnability of a human-made object. The object of use can be a
software application, website, book, tool, machine, process, or anything a human interacts with.
(Wikipedia)
User Experience
User experience (UX) is the way a person feels about using a product, system or service. User
experience highlights the experiential, affective, meaningful and valuable aspects of human-computer
interaction and product ownership, but it also includes a person’s perceptions of the practical aspects
such as utility, ease of use and efficiency of the system. User experience is subjective in nature, because
it is about an individual’s feelings and thoughts about the system. User experience is dynamic, because
it changes over time as the circumstances change.(Wikipedia)
User Experience Design
Heat Map
Where are the users focuses on the screen?
Interaction Design
In design, human–computer interaction, and software development, interaction design, often
abbreviated IxD, is "the practice of designing interactive digital products, environments, systems, and
services." Like many other design fields interaction design also has an interest in form but its main
focus is on behaviour. What clearly marks interaction design as a design field as opposed to a science
or engineering field is that it is synthesis and imagining things as they might be, more so than focusing
on how things are.

Interaction design is heavily focused on satisfying the needs and desires of the people who will use the
product. Where other disciplines like software engineering have a heavy focus on designing for
technical stakeholders of a project.(Wikipedia)
Progressive Disclosure
Progressive disclosure is an interaction design technique often used in human computer interaction to
help maintain the focus of a user's attention by reducing clutter, confusion, and cognitive workload.
This improves usability by presenting only the minimum data required for the task at hand. The
principle is used in journalism's inverted pyramid style, learning's spiral approach, and the game
twenty questions.(Wikipedia)
Von Restorff Effect
The Von Restorff effect (named after Hedwig von Restorff), also called the isolation effect, predicts
that an item that "stands out like a sore thumb" (called distinctive encoding) is more likely to be
remembered than other items.
For instance, if a person examines a shopping list with one item highlighted in bright green, he or she
will be more likely to remember the highlighted item than any of the others.(Wikipedia)

                                Developer                     User                       Real
          UI                       UI                         UI                         UI
          Logic                    Logic                                                 Logic


          Data                     Data                       Magic                      Data
What We Should Ask?
"If I asked my customers what they want, they want a faster horse" H.Ford

Instead of asking consumers what they want, ask them what's going to disturb them and what will
make them happy, and then design the product according to the data.

Mais conteúdo relacionado

Destaque

Linux Power Management Discussions & Lessons Learned
Linux Power Management Discussions & Lessons LearnedLinux Power Management Discussions & Lessons Learned
Linux Power Management Discussions & Lessons LearnedSamsung Open Source Group
 
Application GUI Design - Notes from a Toolkit Developer
Application GUI Design - Notes from a Toolkit DeveloperApplication GUI Design - Notes from a Toolkit Developer
Application GUI Design - Notes from a Toolkit DeveloperSamsung Open Source Group
 
Stealing Chromium: Embedding HTML5 with the Servo Browser Engine (LinuxCon NA...
Stealing Chromium: Embedding HTML5 with the Servo Browser Engine (LinuxCon NA...Stealing Chromium: Embedding HTML5 with the Servo Browser Engine (LinuxCon NA...
Stealing Chromium: Embedding HTML5 with the Servo Browser Engine (LinuxCon NA...Samsung Open Source Group
 
Why Open Source is Important and What are We Doing About it?
Why Open Source is Important and What are We Doing About it?Why Open Source is Important and What are We Doing About it?
Why Open Source is Important and What are We Doing About it?Samsung Open Source Group
 
Running Dual Android Xen Instances on Nexus 10
Running Dual Android Xen Instances on Nexus 10Running Dual Android Xen Instances on Nexus 10
Running Dual Android Xen Instances on Nexus 10Samsung Open Source Group
 
Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1PRN USM
 
Graphical User Interface (Gui)
Graphical User Interface (Gui)Graphical User Interface (Gui)
Graphical User Interface (Gui)Bilal Amjad
 

Destaque (8)

Linux Power Management Discussions & Lessons Learned
Linux Power Management Discussions & Lessons LearnedLinux Power Management Discussions & Lessons Learned
Linux Power Management Discussions & Lessons Learned
 
Application GUI Design - Notes from a Toolkit Developer
Application GUI Design - Notes from a Toolkit DeveloperApplication GUI Design - Notes from a Toolkit Developer
Application GUI Design - Notes from a Toolkit Developer
 
Stealing Chromium: Embedding HTML5 with the Servo Browser Engine (LinuxCon NA...
Stealing Chromium: Embedding HTML5 with the Servo Browser Engine (LinuxCon NA...Stealing Chromium: Embedding HTML5 with the Servo Browser Engine (LinuxCon NA...
Stealing Chromium: Embedding HTML5 with the Servo Browser Engine (LinuxCon NA...
 
Why Open Source is Important and What are We Doing About it?
Why Open Source is Important and What are We Doing About it?Why Open Source is Important and What are We Doing About it?
Why Open Source is Important and What are We Doing About it?
 
Running Dual Android Xen Instances on Nexus 10
Running Dual Android Xen Instances on Nexus 10Running Dual Android Xen Instances on Nexus 10
Running Dual Android Xen Instances on Nexus 10
 
Matlab GUI
Matlab GUIMatlab GUI
Matlab GUI
 
Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1
 
Graphical User Interface (Gui)
Graphical User Interface (Gui)Graphical User Interface (Gui)
Graphical User Interface (Gui)
 

Semelhante a User Experience on Gui

Dashboard UX Design - Whitepaper for Volkswagen AG
Dashboard UX Design - Whitepaper for Volkswagen AGDashboard UX Design - Whitepaper for Volkswagen AG
Dashboard UX Design - Whitepaper for Volkswagen AGAsis Panda
 
User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation Matt Artz
 
Ux Overview
Ux OverviewUx Overview
Ux Overviewmbrosset
 
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience DesignTing-Han Chen
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product ExperiencesJeremy Johnson
 
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1Salvatore Iaconesi
 
Touch Research 3: How Bodies Matter [Handouts]
Touch Research 3: How Bodies Matter [Handouts]Touch Research 3: How Bodies Matter [Handouts]
Touch Research 3: How Bodies Matter [Handouts]Harald Felgner, PhD
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design paulodavila
 
Mobile UX for Academic Libraries
Mobile UX for Academic LibrariesMobile UX for Academic Libraries
Mobile UX for Academic LibrariesKevin Rundblad
 
Information Architecture - introduction
Information Architecture - introduction Information Architecture - introduction
Information Architecture - introduction Asis Panda
 
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav SharmaMultimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav SharmaAbhinav Sharma
 
Multi-Touch Tangible Interface; HCI trends, projects, and development
Multi-Touch Tangible Interface; HCI trends, projects, and developmentMulti-Touch Tangible Interface; HCI trends, projects, and development
Multi-Touch Tangible Interface; HCI trends, projects, and developmentJazmi Jamal
 
Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Sarah Weinstein
 
Running Head DESIGN IMPLEMENTATION PROPOSAL 1DESIGN IMPLEMEN.docx
Running Head DESIGN IMPLEMENTATION PROPOSAL 1DESIGN IMPLEMEN.docxRunning Head DESIGN IMPLEMENTATION PROPOSAL 1DESIGN IMPLEMEN.docx
Running Head DESIGN IMPLEMENTATION PROPOSAL 1DESIGN IMPLEMEN.docxtodd271
 
HCI : Activity 1
HCI : Activity 1 HCI : Activity 1
HCI : Activity 1 autamata4
 

Semelhante a User Experience on Gui (20)

Dashboard UX Design - Whitepaper for Volkswagen AG
Dashboard UX Design - Whitepaper for Volkswagen AGDashboard UX Design - Whitepaper for Volkswagen AG
Dashboard UX Design - Whitepaper for Volkswagen AG
 
User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
 
The Science behind Good UIs and UXs
The Science behind Good UIs and UXsThe Science behind Good UIs and UXs
The Science behind Good UIs and UXs
 
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
Master of Exhibit Design at La Sapienza University, Introduction and Lesson 1
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
Touch Research 3: How Bodies Matter [Handouts]
Touch Research 3: How Bodies Matter [Handouts]Touch Research 3: How Bodies Matter [Handouts]
Touch Research 3: How Bodies Matter [Handouts]
 
HCI handouts 1.docx
HCI handouts 1.docxHCI handouts 1.docx
HCI handouts 1.docx
 
Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
 
Mobile UX for Academic Libraries
Mobile UX for Academic LibrariesMobile UX for Academic Libraries
Mobile UX for Academic Libraries
 
Information Architecture - introduction
Information Architecture - introduction Information Architecture - introduction
Information Architecture - introduction
 
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav SharmaMultimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
 
Multi-Touch Tangible Interface; HCI trends, projects, and development
Multi-Touch Tangible Interface; HCI trends, projects, and developmentMulti-Touch Tangible Interface; HCI trends, projects, and development
Multi-Touch Tangible Interface; HCI trends, projects, and development
 
Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy?
 
HCI First Lecture.pptx
HCI First Lecture.pptxHCI First Lecture.pptx
HCI First Lecture.pptx
 
Running Head DESIGN IMPLEMENTATION PROPOSAL 1DESIGN IMPLEMEN.docx
Running Head DESIGN IMPLEMENTATION PROPOSAL 1DESIGN IMPLEMEN.docxRunning Head DESIGN IMPLEMENTATION PROPOSAL 1DESIGN IMPLEMEN.docx
Running Head DESIGN IMPLEMENTATION PROPOSAL 1DESIGN IMPLEMEN.docx
 
HCI : Activity 1
HCI : Activity 1 HCI : Activity 1
HCI : Activity 1
 

Último

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embeddingZilliz
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 

Último (20)

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Training state-of-the-art general text embedding
Training state-of-the-art general text embeddingTraining state-of-the-art general text embedding
Training state-of-the-art general text embedding
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 

User Experience on Gui

  • 1. GUI Design (Mehmet Baykal)
  • 2. Usability vs User Experience Usability; ease of use User Experience; usability + function + beauty + charm + story
  • 3. Usabilty Usability is the ease of use and learnability of a human-made object. The object of use can be a software application, website, book, tool, machine, process, or anything a human interacts with. (Wikipedia)
  • 4. User Experience User experience (UX) is the way a person feels about using a product, system or service. User experience highlights the experiential, affective, meaningful and valuable aspects of human-computer interaction and product ownership, but it also includes a person’s perceptions of the practical aspects such as utility, ease of use and efficiency of the system. User experience is subjective in nature, because it is about an individual’s feelings and thoughts about the system. User experience is dynamic, because it changes over time as the circumstances change.(Wikipedia)
  • 6. Heat Map Where are the users focuses on the screen?
  • 7. Interaction Design In design, human–computer interaction, and software development, interaction design, often abbreviated IxD, is "the practice of designing interactive digital products, environments, systems, and services." Like many other design fields interaction design also has an interest in form but its main focus is on behaviour. What clearly marks interaction design as a design field as opposed to a science or engineering field is that it is synthesis and imagining things as they might be, more so than focusing on how things are. Interaction design is heavily focused on satisfying the needs and desires of the people who will use the product. Where other disciplines like software engineering have a heavy focus on designing for technical stakeholders of a project.(Wikipedia)
  • 8. Progressive Disclosure Progressive disclosure is an interaction design technique often used in human computer interaction to help maintain the focus of a user's attention by reducing clutter, confusion, and cognitive workload. This improves usability by presenting only the minimum data required for the task at hand. The principle is used in journalism's inverted pyramid style, learning's spiral approach, and the game twenty questions.(Wikipedia)
  • 9. Von Restorff Effect The Von Restorff effect (named after Hedwig von Restorff), also called the isolation effect, predicts that an item that "stands out like a sore thumb" (called distinctive encoding) is more likely to be remembered than other items. For instance, if a person examines a shopping list with one item highlighted in bright green, he or she will be more likely to remember the highlighted item than any of the others.(Wikipedia) Developer User Real UI UI UI UI Logic Logic Logic Data Data Magic Data
  • 10. What We Should Ask? "If I asked my customers what they want, they want a faster horse" H.Ford Instead of asking consumers what they want, ask them what's going to disturb them and what will make them happy, and then design the product according to the data.