SlideShare une entreprise Scribd logo
1  sur  10
Télécharger pour lire hors ligne
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.

Contenu connexe

En vedette

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
Samsung Open Source Group
 
Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1Graphical User Interface (GUI) - 1
Graphical User Interface (GUI) - 1
PRN USM
 

En vedette (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)
 

Similaire à User Experience on Gui

User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation
Matt Artz
 
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
Salvatore Iaconesi
 
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 Sharma
Abhinav Sharma
 
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
todd271
 

Similaire à 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
 

Dernier

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Dernier (20)

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
 
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...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
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
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
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
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
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
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
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
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

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.