SlideShare a Scribd company logo
2
Most read
5
Most read
6
Most read
Understanding
UI (User Interface),
UX (User Experience) &
CX (Customer
Experience)
UI - User Interface
 UI design focuses on visual design or skinning the wire-frames,
where the creative designer plays with colours, shapes, layouts,
typography and more
 UI design is related to branding, colours, typography, iconography.
 Branding related aspects are referred from a brand guidelines
document
 A digital first brand OR a brand looking at aggressive digital
transformation should focus on a separate dedicated online brand
guidelines document
 UI is all about what the customer sees & feels
 UI is more Right brain, a work related to emotions, creativity,
intuitiveness, imagination and free flow
UX – User Experience
 UX starts with research followed by analysis and strategy.
 It is about finding solutions, documentation, dealing with
Information Architecture, Data, Wireframes, Prototyping,
Decision making & similar logical attributes
 UX defines the structure of the product, funnels, scenarios,
data flow & development plan
 UX is all about how the customer thinks & acts to complete
the goal
 UX is more Left brain, a work related to Logic, Reason,
structure, linear and functionality
The Left brain & Right brain theory in context to UI & UX
Left brain Right brain
Logical
Reason
Linear
Functional
Structured
Emotional
Creative
Intuitive
Imaginative
Free flow
CX – Customer Experience
 UI + UX + Data + Advertising + Branding + Sales
process + Business strategy + Pricing + After sales
service + Support and other things result in effective CX
(Customer Experience)
 Effective CX is often result of balanced Creativity (Right
Brain) and Logic (Left brain) applied during application
design
UI, UX & CX - Putting together
CX
UX
UI
UI design focuses on visual
design or skinning the
wireframes, where the creative
designer plays with Colours,
Shapes, Layouts & Typography.
UI is more Right brain, a work
related to Emotions, Creativity,
Intuitiveness, Imagination &
Free flow
UX starts with research followed
by analysis & strategy. It is about
finding solutions, documentation,
Information Architecture, Data,
Wireframes, Prototyping &
Decision making.
UX is more Left brain, a work
related to Logic, Reason, Structure,
Linear & Functionality
UI + UX + Data + Advertising + Branding + Sales Process +
Business Strategy + Pricing + After Sales Service + Support
result in effective CX
Building blocks of a SMART application
S Sound, Safe & Scalable
M Measureable &
Modifiable
A Attractive & Accessible
R Revenue & Revenue 
T Targeted & Turnkey
+ =

More Related Content

PDF
Leveraging CX / UX / UI to optimise brand experiences
PDF
Demystifying UX, CX and Digital Transformation
PDF
What is UX?
PDF
What is UX, in 10 Slides
PDF
What is UX?
PPT
PPTX
UI vs UX ( User Interface vs User Experience)
PDF
Why Research? | UX Talks 001
Leveraging CX / UX / UI to optimise brand experiences
Demystifying UX, CX and Digital Transformation
What is UX?
What is UX, in 10 Slides
What is UX?
UI vs UX ( User Interface vs User Experience)
Why Research? | UX Talks 001

What's hot (20)

PDF
Hunting Unicorns - What makes an effective UX Professional
PPTX
UX is not UI!
PDF
Design Thinking Put it simply
PDF
UX Lesson 2: User Research
PDF
Design Futures through Design Fiction
PPTX
UX Design Mini Course
PDF
Introduction to Web Analytics
PDF
How to Map the Customer Journey
PDF
BASIC UX PRESENTATION
PPTX
The Importance of UX
PDF
Lean ux
PDF
User Interfaces beyond the screen
PDF
Business Intelligence Capabilities
PDF
golf simulator business plan Example.pdf
PPTX
The digital transformation of retail
PDF
Using Generative AI to Assess the Quality of Open-Ended Responses in Surveys
PDF
The history of ux by bara' harb
PDF
Nadia Piet - Design Thinking for AI
PDF
Product Design and UX / UI Design Process in Digital Product Development
PDF
The 9 Criteria for Brand Essence (TM)
Hunting Unicorns - What makes an effective UX Professional
UX is not UI!
Design Thinking Put it simply
UX Lesson 2: User Research
Design Futures through Design Fiction
UX Design Mini Course
Introduction to Web Analytics
How to Map the Customer Journey
BASIC UX PRESENTATION
The Importance of UX
Lean ux
User Interfaces beyond the screen
Business Intelligence Capabilities
golf simulator business plan Example.pdf
The digital transformation of retail
Using Generative AI to Assess the Quality of Open-Ended Responses in Surveys
The history of ux by bara' harb
Nadia Piet - Design Thinking for AI
Product Design and UX / UI Design Process in Digital Product Development
The 9 Criteria for Brand Essence (TM)
Ad

Similar to Understanding UI (User Interface), UX (User Experience) & CX (Customer Experience) (20)

PDF
princesahanipksuiuxptforreprsentionto.pdf
PPTX
584697015-UI-and-UX-hiten presentation.pptx
PDF
UI vs UX.pdf
PDF
The Fundamentals of UI and UX Design - Cuneiform
PPTX
UX UI Design_final - Copy - Copy.pptx
PPTX
UX UI Design_final - Copy.pptx
PDF
Best graphic designing course in chandigarh
PDF
Top 10 Skills For UI/UX Designers
PPTX
What is Graphic Design.pptx
PDF
A Beginner's Guide To The Difference Between UX and UI Design.pdf
PPTX
UX UI Design_final.pptx
PPTX
ui ux design course in hyderabad........
PPTX
ui ux design course in hyderabad for best future
PDF
ui ux design course in hyderabad........
PPTX
ui ux design course in hyderabad Ameerpet, Hyderabad
PPTX
ui ux design courses and training in hyderabad
PDF
ui ux design course in hyderabad
PDF
Best ui/ux design course in pune |leading ui/ux course
PDF
Unlocking Success The Ultimate Guide to UI and UX Design Services
PPTX
How UI UX Brings in a Change in Web Design - UIUXDen.pptx
princesahanipksuiuxptforreprsentionto.pdf
584697015-UI-and-UX-hiten presentation.pptx
UI vs UX.pdf
The Fundamentals of UI and UX Design - Cuneiform
UX UI Design_final - Copy - Copy.pptx
UX UI Design_final - Copy.pptx
Best graphic designing course in chandigarh
Top 10 Skills For UI/UX Designers
What is Graphic Design.pptx
A Beginner's Guide To The Difference Between UX and UI Design.pdf
UX UI Design_final.pptx
ui ux design course in hyderabad........
ui ux design course in hyderabad for best future
ui ux design course in hyderabad........
ui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design courses and training in hyderabad
ui ux design course in hyderabad
Best ui/ux design course in pune |leading ui/ux course
Unlocking Success The Ultimate Guide to UI and UX Design Services
How UI UX Brings in a Change in Web Design - UIUXDen.pptx
Ad

Recently uploaded (20)

PDF
Encapsulation theory and applications.pdf
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PPTX
OMC Textile Division Presentation 2021.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Web App vs Mobile App What Should You Build First.pdf
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Getting Started with Data Integration: FME Form 101
PDF
Mushroom cultivation and it's methods.pdf
PPTX
1. Introduction to Computer Programming.pptx
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PPTX
Chapter 5: Probability Theory and Statistics
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PPTX
cloud_computing_Infrastucture_as_cloud_p
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
August Patch Tuesday
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Encapsulation theory and applications.pdf
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
OMC Textile Division Presentation 2021.pptx
Unlocking AI with Model Context Protocol (MCP)
Univ-Connecticut-ChatGPT-Presentaion.pdf
Building Integrated photovoltaic BIPV_UPV.pdf
Encapsulation_ Review paper, used for researhc scholars
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Web App vs Mobile App What Should You Build First.pdf
Group 1 Presentation -Planning and Decision Making .pptx
Getting Started with Data Integration: FME Form 101
Mushroom cultivation and it's methods.pdf
1. Introduction to Computer Programming.pptx
Heart disease approach using modified random forest and particle swarm optimi...
Chapter 5: Probability Theory and Statistics
SOPHOS-XG Firewall Administrator PPT.pptx
cloud_computing_Infrastucture_as_cloud_p
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
August Patch Tuesday
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf

Understanding UI (User Interface), UX (User Experience) & CX (Customer Experience)

  • 1. Understanding UI (User Interface), UX (User Experience) & CX (Customer Experience)
  • 2. UI - User Interface  UI design focuses on visual design or skinning the wire-frames, where the creative designer plays with colours, shapes, layouts, typography and more  UI design is related to branding, colours, typography, iconography.  Branding related aspects are referred from a brand guidelines document  A digital first brand OR a brand looking at aggressive digital transformation should focus on a separate dedicated online brand guidelines document  UI is all about what the customer sees & feels  UI is more Right brain, a work related to emotions, creativity, intuitiveness, imagination and free flow
  • 3. UX – User Experience  UX starts with research followed by analysis and strategy.  It is about finding solutions, documentation, dealing with Information Architecture, Data, Wireframes, Prototyping, Decision making & similar logical attributes  UX defines the structure of the product, funnels, scenarios, data flow & development plan  UX is all about how the customer thinks & acts to complete the goal  UX is more Left brain, a work related to Logic, Reason, structure, linear and functionality
  • 4. The Left brain & Right brain theory in context to UI & UX Left brain Right brain Logical Reason Linear Functional Structured Emotional Creative Intuitive Imaginative Free flow
  • 5. CX – Customer Experience  UI + UX + Data + Advertising + Branding + Sales process + Business strategy + Pricing + After sales service + Support and other things result in effective CX (Customer Experience)  Effective CX is often result of balanced Creativity (Right Brain) and Logic (Left brain) applied during application design
  • 6. UI, UX & CX - Putting together CX UX UI UI design focuses on visual design or skinning the wireframes, where the creative designer plays with Colours, Shapes, Layouts & Typography. UI is more Right brain, a work related to Emotions, Creativity, Intuitiveness, Imagination & Free flow UX starts with research followed by analysis & strategy. It is about finding solutions, documentation, Information Architecture, Data, Wireframes, Prototyping & Decision making. UX is more Left brain, a work related to Logic, Reason, Structure, Linear & Functionality UI + UX + Data + Advertising + Branding + Sales Process + Business Strategy + Pricing + After Sales Service + Support result in effective CX
  • 7. Building blocks of a SMART application S Sound, Safe & Scalable M Measureable & Modifiable A Attractive & Accessible R Revenue & Revenue  T Targeted & Turnkey + =