SlideShare a Scribd company logo
A INFORMATORY MINI 
E-BOOK BY 
XOVEX.IN
WHAT IS
UX, &
UI ?
To the average person, user interface
(UI) and user experience (UX) are
often considered one in the same.
While one can’t live without the other,
there are some distinct differences
that should not be confused. Think of
it like this:
UI is the saddle, the stirrups, and the
reigns.
UX is the feeling you get being able to
ride the horse and rope your cattle.
Interface & Experience To put it simply,
UI design is the section of the product
(typically a website or application)
facing the user. User interface is focused
on the actual elements the user interacts
with, including menus, dialog boxes,
icons, images and animations. It does not
address details such as how the user
reacts to the system, remembers the
system and re-uses it.
Commercial designers recognize that
systems (webpages and apps) easier to
use will a competitive edge in terms of
information retrieval...and personal
computer applications.
In the process of online consumption, the
most important interface design is the
design of the website Some of the most
important things that make up a
flawless user interface that contributes
to a great user experience are:
What is UI?
Staying consistent. Staying consistent
throughout your website or app will
help create a sense of harmony and
balance, leaving your website and
users in a zen state. Disorganized
interfaces, i.e., interfaces that contain
too many fonts, irrelevant and
misplaced graphics, or navigation
icons placed halfway or near the
bottom of the page will leave a user
feeling confused, frustrated, and
unable to find the information they are
looking for.
Using visual cues to hint at the object’s
function. Doing so will encourage user
interaction. For example, “click”
buttons exhibiting three-dimensional
effects look like they are meant to be
pushed and entice users to take that
action. Incorporating whitespace.
White space, or space that contains
little to no graphics or text, emphasizes
the area that you want to call attention
to such as, calls to action or sales text.
Including well-placed images can help
users make quick decisions and increase
comprehension. Consider that the
average user leaves a web page in 10-20
seconds, this can make or break your
ability to convey your point. Key Points
to Remember When Designing a User
Interface
*The appearance of the website as a
whole influenced by the UI. *The UI
controls how the user navigates the
website to find the information they
need. *A website’s interface is where
the user makes contact with a product.
While UI surrounds the physical
elements of a website or app, user
experience (UX) is all about what the
user feels during and after their
interaction with your site.
No two people experience the exact
same reactions but all demographics
share similar reactions to similar
concepts, which should be taken into
consideration when developing and
designing a site or application
• Direct and simple--do not overload
users with information. Less is more--
but do the less well.
• Satisfying expectations--a UX needs
to be visually appealing but balanced,
pleasantly interactive and emotionally
gratifying.
• Personal but within acceptable
boundaries—A UX professional should
focus on meeting each user’s needs by
designing adaptive interfaces for
different peripheral locations .
• The interface should be capturable “at
a glance”. More or less, eliciting a good
UX means that they shouldn’t have to
think too hard. Users should be able to
read a display at a glance to rapidly
gather important information in
situations where their attention may be
and is often diverted.
• Minimizing settings, options and
tasks--optimizing UX means including
“rest areas” for users to achieve the
desired goals of the interface. Avoid
overloading users with intense displays
of information that require too much
thinking.
If you’re interested in learning more
about UI/ UX, The Humane Interface is
a great place to start.
MADE WITH LOVE,
BY
XOVEX.IN
A CUSTOMER EDUCATION
INITIATIVE

More Related Content

PPTX
UI Design - Lessons Learned, Principles, and Best Practices
PPTX
UX / UI Mobile Trends
PDF
What the #$%@ is UX Design?
PDF
UX Trends 2016
PPTX
The Importance of UI/UX Design in Mobile App Development
PPTX
UI Design 101: Day 02 of 07
PPTX
PPTX
A UI and UX training presentation
UI Design - Lessons Learned, Principles, and Best Practices
UX / UI Mobile Trends
What the #$%@ is UX Design?
UX Trends 2016
The Importance of UI/UX Design in Mobile App Development
UI Design 101: Day 02 of 07
A UI and UX training presentation

What's hot (20)

PDF
UX Lesson 6: Visual Hierarchy
PPTX
Site Mockups
PPTX
Basic Visual Design Principles and UI Design Best Practices
PPTX
User interface design: definitions, processes and principles
PDF
UX/UI Design and How It Works
PPTX
Academy PRO: UI\UX. Introduction.
PPTX
User interface for website
PDF
UX Trends
PPTX
BIH - What is UX?
PPTX
UI/UX Fundamentals
PDF
Flat Design. Microsoft Story
PDF
BBDO Whitepaper—Responsive & Adaptive Design
PDF
User Interface Design Basic
PPTX
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
PPT
Ui Design And Usability For Everybody
PDF
Simple Steps to UX/UI Web Design
PDF
BASIC UX PRESENTATION
PDF
How to Design Mobile First and the KISSS principle
PDF
UX RULES: 10 ESSENTIAL PRINCIPLES
PDF
UX Toolkit: Phase Three - Skeleton
UX Lesson 6: Visual Hierarchy
Site Mockups
Basic Visual Design Principles and UI Design Best Practices
User interface design: definitions, processes and principles
UX/UI Design and How It Works
Academy PRO: UI\UX. Introduction.
User interface for website
UX Trends
BIH - What is UX?
UI/UX Fundamentals
Flat Design. Microsoft Story
BBDO Whitepaper—Responsive & Adaptive Design
User Interface Design Basic
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
Ui Design And Usability For Everybody
Simple Steps to UX/UI Web Design
BASIC UX PRESENTATION
How to Design Mobile First and the KISSS principle
UX RULES: 10 ESSENTIAL PRINCIPLES
UX Toolkit: Phase Three - Skeleton
Ad

Similar to Xovex e book, ux & ui (20)

PPTX
UI-UX Design - Definition and Importance of UI-UX.pptx
PPTX
User Interface (UI) and User Experience (UX) Design Principles in Software De...
PPTX
Innovative UX Interface Design Solutions for a Superior User Experience
PPTX
A thing or two about User Experience
PDF
UX UI - Principles and Best Practices 2014-2015
PDF
UX crash course - part 1
PDF
The Fundamentals of UI and UX Design - Cuneiform
PDF
UX design presentation
PDF
UI/UX: Distinction and Trends
PDF
UI/UX-Distinction and Trend
PPTX
What is UX v2
PPTX
editegygty u yiuuiiy h dt loi yr6viyb7bo8u0nnpt.pptx
PPTX
Ux and usability it's no PICNIC
DOCX
DOCX
PDF
Uxpin web ui_design_best_practices
PPTX
Week 2 - Web UI design - introduction.pptx
PPSX
UX Explained
DOCX
UI vs. UX: What’s the difference?
PPTX
User Experience Design
UI-UX Design - Definition and Importance of UI-UX.pptx
User Interface (UI) and User Experience (UX) Design Principles in Software De...
Innovative UX Interface Design Solutions for a Superior User Experience
A thing or two about User Experience
UX UI - Principles and Best Practices 2014-2015
UX crash course - part 1
The Fundamentals of UI and UX Design - Cuneiform
UX design presentation
UI/UX: Distinction and Trends
UI/UX-Distinction and Trend
What is UX v2
editegygty u yiuuiiy h dt loi yr6viyb7bo8u0nnpt.pptx
Ux and usability it's no PICNIC
Uxpin web ui_design_best_practices
Week 2 - Web UI design - introduction.pptx
UX Explained
UI vs. UX: What’s the difference?
User Experience Design
Ad

Recently uploaded (20)

PPTX
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
PDF
BMEC211 - INTRODUCTION TO MECHATRONICS-1.pdf
PPTX
CH1 Production IntroductoryConcepts.pptx
PPTX
Lesson 3_Tessellation.pptx finite Mathematics
PPTX
Sustainable Sites - Green Building Construction
PPTX
KTU 2019 -S7-MCN 401 MODULE 2-VINAY.pptx
PPT
Mechanical Engineering MATERIALS Selection
PPTX
UNIT-1 - COAL BASED THERMAL POWER PLANTS
PPTX
Engineering Ethics, Safety and Environment [Autosaved] (1).pptx
PPTX
Foundation to blockchain - A guide to Blockchain Tech
PDF
SM_6th-Sem__Cse_Internet-of-Things.pdf IOT
PDF
composite construction of structures.pdf
PPTX
CYBER-CRIMES AND SECURITY A guide to understanding
PPTX
Infosys Presentation by1.Riyan Bagwan 2.Samadhan Naiknavare 3.Gaurav Shinde 4...
PPTX
bas. eng. economics group 4 presentation 1.pptx
PDF
Embodied AI: Ushering in the Next Era of Intelligent Systems
PDF
Digital Logic Computer Design lecture notes
PPTX
Geodesy 1.pptx...............................................
PPT
Project quality management in manufacturing
PDF
PPT on Performance Review to get promotions
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
BMEC211 - INTRODUCTION TO MECHATRONICS-1.pdf
CH1 Production IntroductoryConcepts.pptx
Lesson 3_Tessellation.pptx finite Mathematics
Sustainable Sites - Green Building Construction
KTU 2019 -S7-MCN 401 MODULE 2-VINAY.pptx
Mechanical Engineering MATERIALS Selection
UNIT-1 - COAL BASED THERMAL POWER PLANTS
Engineering Ethics, Safety and Environment [Autosaved] (1).pptx
Foundation to blockchain - A guide to Blockchain Tech
SM_6th-Sem__Cse_Internet-of-Things.pdf IOT
composite construction of structures.pdf
CYBER-CRIMES AND SECURITY A guide to understanding
Infosys Presentation by1.Riyan Bagwan 2.Samadhan Naiknavare 3.Gaurav Shinde 4...
bas. eng. economics group 4 presentation 1.pptx
Embodied AI: Ushering in the Next Era of Intelligent Systems
Digital Logic Computer Design lecture notes
Geodesy 1.pptx...............................................
Project quality management in manufacturing
PPT on Performance Review to get promotions

Xovex e book, ux & ui

  • 1. A INFORMATORY MINI  E-BOOK BY  XOVEX.IN WHAT IS UX, & UI ?
  • 2. To the average person, user interface (UI) and user experience (UX) are often considered one in the same. While one can’t live without the other, there are some distinct differences that should not be confused. Think of it like this: UI is the saddle, the stirrups, and the reigns.
  • 3. UX is the feeling you get being able to ride the horse and rope your cattle. Interface & Experience To put it simply, UI design is the section of the product (typically a website or application) facing the user. User interface is focused on the actual elements the user interacts with, including menus, dialog boxes, icons, images and animations. It does not address details such as how the user reacts to the system, remembers the system and re-uses it.
  • 4. Commercial designers recognize that systems (webpages and apps) easier to use will a competitive edge in terms of information retrieval...and personal computer applications. In the process of online consumption, the most important interface design is the design of the website Some of the most important things that make up a flawless user interface that contributes to a great user experience are:
  • 5. What is UI? Staying consistent. Staying consistent throughout your website or app will help create a sense of harmony and balance, leaving your website and users in a zen state. Disorganized interfaces, i.e., interfaces that contain too many fonts, irrelevant and misplaced graphics, or navigation icons placed halfway or near the bottom of the page will leave a user feeling confused, frustrated, and unable to find the information they are looking for.
  • 6. Using visual cues to hint at the object’s function. Doing so will encourage user interaction. For example, “click” buttons exhibiting three-dimensional effects look like they are meant to be pushed and entice users to take that action. Incorporating whitespace. White space, or space that contains little to no graphics or text, emphasizes the area that you want to call attention to such as, calls to action or sales text.
  • 7. Including well-placed images can help users make quick decisions and increase comprehension. Consider that the average user leaves a web page in 10-20 seconds, this can make or break your ability to convey your point. Key Points to Remember When Designing a User Interface *The appearance of the website as a whole influenced by the UI. *The UI controls how the user navigates the website to find the information they need. *A website’s interface is where the user makes contact with a product.
  • 8. While UI surrounds the physical elements of a website or app, user experience (UX) is all about what the user feels during and after their interaction with your site. No two people experience the exact same reactions but all demographics share similar reactions to similar concepts, which should be taken into consideration when developing and designing a site or application
  • 9. • Direct and simple--do not overload users with information. Less is more-- but do the less well. • Satisfying expectations--a UX needs to be visually appealing but balanced, pleasantly interactive and emotionally gratifying. • Personal but within acceptable boundaries—A UX professional should focus on meeting each user’s needs by designing adaptive interfaces for different peripheral locations .
  • 10. • The interface should be capturable “at a glance”. More or less, eliciting a good UX means that they shouldn’t have to think too hard. Users should be able to read a display at a glance to rapidly gather important information in situations where their attention may be and is often diverted.
  • 11. • Minimizing settings, options and tasks--optimizing UX means including “rest areas” for users to achieve the desired goals of the interface. Avoid overloading users with intense displays of information that require too much thinking.
  • 12. If you’re interested in learning more about UI/ UX, The Humane Interface is a great place to start.
  • 13. MADE WITH LOVE, BY XOVEX.IN A CUSTOMER EDUCATION INITIATIVE