SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Downloaden Sie, um offline zu lesen
USER
EXPERIENCE
VS
USER
INTERFACE
There is sometimes a false impression among
people in workplaces regarding the difference
between User Interface and User Experience. What
is the difference between the two, anyway?
Let’s start by their meanings.
In simple words, user interface is actually the
system through which users will interact with the
machine. There is hardware and software included
in the user interface.
The purpose of this interaction between the user
and system is to provide the users effective,
friendly and enjoyable experience, thus, producing
the desired results.
User Interface Types
1. GUI (Graphical User Interfaces)
The GUI accepts the input through the computer keyboard
and mouse and expresses the final graphical output on the
screen of your computer.
User Interface Types
2. WUI (Web User Interfaces)
Web user interfaces accept the input from your keyboard and
mouse and generates the output in the form of web pages.
3. Touch Screens
User Interface Types
Touch screens accept the input from user through touch of
a finger or the stylus. It is being used in large number of
mobile phones, self-service machines...
Let’s get back to user experience
I hope you have understood the actual difference between
both terms. Although both UI and UX are different concepts,
they can be combined for the best results. They will
certainly help in conveying your message to the users and
collecting information from them.
and
CHECK OUT OUR
WEBINAR!
VISIT
1WD BOOTCAMP!

Weitere ähnliche Inhalte

Ähnlich wie User Experience vs User Interface

Human computerinterface
Human computerinterfaceHuman computerinterface
Human computerinterfaceKumar Aryan
 
Type of interfaces Touch and air based-gesture
Type of interfaces Touch and air based-gestureType of interfaces Touch and air based-gesture
Type of interfaces Touch and air based-gestureAminah Min
 
Provide better user experience to your project
Provide better user experience to your projectProvide better user experience to your project
Provide better user experience to your projectIgor Napierala
 
Essay On Morning Shift
Essay On Morning ShiftEssay On Morning Shift
Essay On Morning ShiftBrooke Curtis
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docxRiniyaMary
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer InteractionBHAKTI PATIL
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1Durgesh Pandey
 
IRJET- Finger Gesture Recognition Using Linear Camera
IRJET-  	  Finger Gesture Recognition Using Linear CameraIRJET-  	  Finger Gesture Recognition Using Linear Camera
IRJET- Finger Gesture Recognition Using Linear CameraIRJET Journal
 
Surface computing ppt
Surface computing pptSurface computing ppt
Surface computing pptJayati Tiwari
 
What’s the difference between a UX and UI designer? (Part one)
What’s the difference between a UX and UI designer? (Part one)What’s the difference between a UX and UI designer? (Part one)
What’s the difference between a UX and UI designer? (Part one)iFactory Digital
 
SMARCOS HIG Paper on Designing Touch Screen Interfaces
SMARCOS HIG Paper on Designing Touch Screen InterfacesSMARCOS HIG Paper on Designing Touch Screen Interfaces
SMARCOS HIG Paper on Designing Touch Screen InterfacesSmarcos Eu
 
Next generation User interfaces
Next generation User interfacesNext generation User interfaces
Next generation User interfacesHarshad Kt
 
microsoft Surface computer
microsoft Surface computer microsoft Surface computer
microsoft Surface computer Ashish Singh
 
microsoft Surface computer
microsoft Surface computermicrosoft Surface computer
microsoft Surface computerAshish Singh
 

Ähnlich wie User Experience vs User Interface (20)

Human computerinterface
Human computerinterfaceHuman computerinterface
Human computerinterface
 
Type of interfaces Touch and air based-gesture
Type of interfaces Touch and air based-gestureType of interfaces Touch and air based-gesture
Type of interfaces Touch and air based-gesture
 
Provide better user experience to your project
Provide better user experience to your projectProvide better user experience to your project
Provide better user experience to your project
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Essay On Morning Shift
Essay On Morning ShiftEssay On Morning Shift
Essay On Morning Shift
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
IRJET- Finger Gesture Recognition Using Linear Camera
IRJET-  	  Finger Gesture Recognition Using Linear CameraIRJET-  	  Finger Gesture Recognition Using Linear Camera
IRJET- Finger Gesture Recognition Using Linear Camera
 
Surface computing ppt
Surface computing pptSurface computing ppt
Surface computing ppt
 
NUI_jaydev
NUI_jaydevNUI_jaydev
NUI_jaydev
 
What’s the difference between a UX and UI designer? (Part one)
What’s the difference between a UX and UI designer? (Part one)What’s the difference between a UX and UI designer? (Part one)
What’s the difference between a UX and UI designer? (Part one)
 
UX and UI
UX and UIUX and UI
UX and UI
 
SMARCOS HIG Paper on Designing Touch Screen Interfaces
SMARCOS HIG Paper on Designing Touch Screen InterfacesSMARCOS HIG Paper on Designing Touch Screen Interfaces
SMARCOS HIG Paper on Designing Touch Screen Interfaces
 
Input devices
Input devicesInput devices
Input devices
 
Unit v
Unit vUnit v
Unit v
 
UI_UX_Design.pptx
UI_UX_Design.pptxUI_UX_Design.pptx
UI_UX_Design.pptx
 
Next generation User interfaces
Next generation User interfacesNext generation User interfaces
Next generation User interfaces
 
microsoft Surface computer
microsoft Surface computer microsoft Surface computer
microsoft Surface computer
 
microsoft Surface computer
microsoft Surface computermicrosoft Surface computer
microsoft Surface computer
 

Mehr von Dainis Graveris

DDLG Relationships: What is the meaning of DDLG?
DDLG Relationships: What is the meaning of DDLG?DDLG Relationships: What is the meaning of DDLG?
DDLG Relationships: What is the meaning of DDLG?Dainis Graveris
 
Thinkific vs teachable unbiased comparison (so you can finally decide..)
Thinkific vs teachable unbiased comparison (so you can finally decide..)Thinkific vs teachable unbiased comparison (so you can finally decide..)
Thinkific vs teachable unbiased comparison (so you can finally decide..)Dainis Graveris
 
60 Beautiful Examples of Silhouette Photography
60 Beautiful Examples of Silhouette Photography60 Beautiful Examples of Silhouette Photography
60 Beautiful Examples of Silhouette PhotographyDainis Graveris
 
65 Creative and Funny Photoshopped Images
65 Creative and Funny Photoshopped Images65 Creative and Funny Photoshopped Images
65 Creative and Funny Photoshopped ImagesDainis Graveris
 
Graphic Design Examples Worldwide
Graphic Design Examples WorldwideGraphic Design Examples Worldwide
Graphic Design Examples WorldwideDainis Graveris
 
52 Creative and Interesting Advertisements
52 Creative and Interesting Advertisements52 Creative and Interesting Advertisements
52 Creative and Interesting AdvertisementsDainis Graveris
 
38 Creative Skateboard Designs
38 Creative Skateboard Designs38 Creative Skateboard Designs
38 Creative Skateboard DesignsDainis Graveris
 
Beautiful Wallpaper Collection
Beautiful Wallpaper CollectionBeautiful Wallpaper Collection
Beautiful Wallpaper CollectionDainis Graveris
 
Guide to Choosing Color Combinations
Guide to Choosing Color CombinationsGuide to Choosing Color Combinations
Guide to Choosing Color CombinationsDainis Graveris
 
Character Illustration Tutorials
Character Illustration TutorialsCharacter Illustration Tutorials
Character Illustration TutorialsDainis Graveris
 
Minimal Web Design Icon Sets 2
Minimal Web Design Icon Sets 2Minimal Web Design Icon Sets 2
Minimal Web Design Icon Sets 2Dainis Graveris
 
Minimal Web Design Icon Sets
Minimal Web Design Icon SetsMinimal Web Design Icon Sets
Minimal Web Design Icon SetsDainis Graveris
 
45 Beautiful Dual Screen Wallpapers
45 Beautiful Dual Screen Wallpapers45 Beautiful Dual Screen Wallpapers
45 Beautiful Dual Screen WallpapersDainis Graveris
 
40 Abstract 3D Wallpapers
40 Abstract 3D Wallpapers40 Abstract 3D Wallpapers
40 Abstract 3D WallpapersDainis Graveris
 
40 Excellent T-Shirt Designs
40 Excellent T-Shirt Designs40 Excellent T-Shirt Designs
40 Excellent T-Shirt DesignsDainis Graveris
 
Typographic Logo Inspiration
Typographic Logo InspirationTypographic Logo Inspiration
Typographic Logo InspirationDainis Graveris
 

Mehr von Dainis Graveris (20)

DDLG Relationships: What is the meaning of DDLG?
DDLG Relationships: What is the meaning of DDLG?DDLG Relationships: What is the meaning of DDLG?
DDLG Relationships: What is the meaning of DDLG?
 
Thinkific vs teachable unbiased comparison (so you can finally decide..)
Thinkific vs teachable unbiased comparison (so you can finally decide..)Thinkific vs teachable unbiased comparison (so you can finally decide..)
Thinkific vs teachable unbiased comparison (so you can finally decide..)
 
60 Beautiful Examples of Silhouette Photography
60 Beautiful Examples of Silhouette Photography60 Beautiful Examples of Silhouette Photography
60 Beautiful Examples of Silhouette Photography
 
35 Smart Logos
35 Smart Logos35 Smart Logos
35 Smart Logos
 
65 Creative and Funny Photoshopped Images
65 Creative and Funny Photoshopped Images65 Creative and Funny Photoshopped Images
65 Creative and Funny Photoshopped Images
 
Graphic Design Examples Worldwide
Graphic Design Examples WorldwideGraphic Design Examples Worldwide
Graphic Design Examples Worldwide
 
52 Creative and Interesting Advertisements
52 Creative and Interesting Advertisements52 Creative and Interesting Advertisements
52 Creative and Interesting Advertisements
 
38 Creative Skateboard Designs
38 Creative Skateboard Designs38 Creative Skateboard Designs
38 Creative Skateboard Designs
 
Typography Wallpapers
Typography WallpapersTypography Wallpapers
Typography Wallpapers
 
Beautiful Wallpaper Collection
Beautiful Wallpaper CollectionBeautiful Wallpaper Collection
Beautiful Wallpaper Collection
 
Guide to Choosing Color Combinations
Guide to Choosing Color CombinationsGuide to Choosing Color Combinations
Guide to Choosing Color Combinations
 
Surrealism
SurrealismSurrealism
Surrealism
 
Character Illustration Tutorials
Character Illustration TutorialsCharacter Illustration Tutorials
Character Illustration Tutorials
 
Minimal Web Design Icon Sets 2
Minimal Web Design Icon Sets 2Minimal Web Design Icon Sets 2
Minimal Web Design Icon Sets 2
 
Minimal Web Design Icon Sets
Minimal Web Design Icon SetsMinimal Web Design Icon Sets
Minimal Web Design Icon Sets
 
45 Beautiful Dual Screen Wallpapers
45 Beautiful Dual Screen Wallpapers45 Beautiful Dual Screen Wallpapers
45 Beautiful Dual Screen Wallpapers
 
40 Abstract 3D Wallpapers
40 Abstract 3D Wallpapers40 Abstract 3D Wallpapers
40 Abstract 3D Wallpapers
 
40 Excellent T-Shirt Designs
40 Excellent T-Shirt Designs40 Excellent T-Shirt Designs
40 Excellent T-Shirt Designs
 
Typographic Logo Inspiration
Typographic Logo InspirationTypographic Logo Inspiration
Typographic Logo Inspiration
 
Robin Williams Quotes
Robin Williams QuotesRobin Williams Quotes
Robin Williams Quotes
 

Kürzlich hochgeladen

Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 

Kürzlich hochgeladen (19)

Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 

User Experience vs User Interface

  • 2. There is sometimes a false impression among people in workplaces regarding the difference between User Interface and User Experience. What is the difference between the two, anyway?
  • 3. Let’s start by their meanings.
  • 4. In simple words, user interface is actually the system through which users will interact with the machine. There is hardware and software included in the user interface.
  • 5. The purpose of this interaction between the user and system is to provide the users effective, friendly and enjoyable experience, thus, producing the desired results.
  • 6. User Interface Types 1. GUI (Graphical User Interfaces) The GUI accepts the input through the computer keyboard and mouse and expresses the final graphical output on the screen of your computer.
  • 7. User Interface Types 2. WUI (Web User Interfaces) Web user interfaces accept the input from your keyboard and mouse and generates the output in the form of web pages.
  • 8. 3. Touch Screens User Interface Types Touch screens accept the input from user through touch of a finger or the stylus. It is being used in large number of mobile phones, self-service machines...
  • 9. Let’s get back to user experience
  • 10. I hope you have understood the actual difference between both terms. Although both UI and UX are different concepts, they can be combined for the best results. They will certainly help in conveying your message to the users and collecting information from them.