SlideShare a Scribd company logo
UX is not UIAn Introduction to UX
Pithan Rojanawong | Growth Hacking Asia
Sep 25, 2015
UX is not UI: An introduction to UX
So what is UX (and UI)?
Why UX?
Real world example
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UI design is not
the solution
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UX reframe this question
“What do we want to make?”
instead, ask
“What do we want to achieve?”
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
Business goals
Satisfied customers・Engaged prospects・Smarter and
more relevant content・Seamless usability・Improved
engagement・Social shares・Word-of-mouth marketing・
Brand recognition・Conversions・E-Commerce sales
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
This is the user interface of a website
Krungthai-AXA Life Insurance Website
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UX needs to ask why?
…and find the answers with data
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UI User Interface
UX User Experience
How people interact with websites/mobile apps/products
How they feel while they’re using them
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UI User Interface
UX User Experience
How people interact with websites/mobile apps/products
How they feel while they’re using them
Technical
Emotional
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
What does UX expert do
A senior UX role could be responsible
for user research, tests, coordinating
between product owners, stakeholders,
developers, designers
without touching UI design or even have the
skills to
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
So What does UX
actually mean?
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
User research・User interviewing・Gathering statistics・
Personas・Information architecture・Creating wireframes・
Prototyping・Usability・User interface・Visual design・
Interaction design・Content strategy・Accessibility・Working
closely with developers・Communication with stakeholders
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
User research・User interviewing・Gathering statistics・
Personas・Information architecture・Creating wireframes・
Prototyping・Usability・User interface・Visual design・
Interaction design・Content strategy・Accessibility・Working
closely with developers・Communication with stakeholders
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UI is an important
(and big) part of UX
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
Via: asinthecity.com
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
A skillful UX designer will focus
on the users by getting to know
who they are, what they want,
identify problems, and try to
solve the problems
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
A skillful UI designer will use
insights to design and develop
user interface that will help
solve the problems
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
Identify problems
User stories
Experiments
Information architecture
Wireframes
UI design
Mock-ups
Prototypes
Production
UX
UI
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UX at Krungthai-AXA Life
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UX Designer
Product Owner
Developer
UI Designer
ActuaryContent Specialist
Business AnalystProject Manager
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
So, what is UX?
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UX design is a strategic process
aims to create a product (or
website/mobile app) that users will
find easy to use, and quickly
understand.
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
UX Fundamentals Workshop
OCT 31, 2015
• Analyzing user data & creating personas
• Logic & content
• Content strategy
• Information architecture
• Design for multi device
• Wireframe & prototyping
• Usability testing
• Tools for UX design
Contact Growth Hacking Asia
Thank You
Source: Presentations on UX vs UI by Bruno Mendes,
Nicolas Demange,
and Centerline Digital
UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015

More Related Content

What's hot (20)

PPTX
UI and UX for Mobile Developers
Mohamed Nabil, MSc.
 
PPTX
Top UX Design Trends for 2021 – MITSD
MITAcademy1
 
PDF
UI-UX Services | Web Designing Services
eLuminous Technologies Pvt. Ltd.
 
PPTX
Web Development Trends That Can Boost Your Digital Marketing Efforts in 2021
Samskriti Business Solutions
 
PPTX
Mobile User Experience (UE/UX)
Hussain Shaheen
 
PDF
State of UX in the Netherlands 2021
Rob van der Haar
 
PDF
UX/UI design for web and mobile
Heads&Hands
 
PPTX
UX/UI design
deorwine infotech
 
PPTX
UI & UX Engineering
Sabaragamuwa University
 
PDF
SERVICE DESIGN AND UX TOOLS
Debarati Rakshit
 
PDF
Beyond User Experience - Designing Strategy and Services
Jasper Liu
 
PDF
Ui ux the way of future
Ravindra Kamtam
 
PDF
UX/UI Introduction
Shrutee Aneja
 
PPTX
UX techniques
Grand Union
 
PDF
Design-Integration: Boulder UI/UX Meetup
Jon Fukuda
 
PPTX
NDC Sydney 2018 | Bots - the Next UI Revolution | Adam Stephensen
Adam Stephensen
 
PDF
Melewi UX audit
Rumen Manev
 
PDF
UI UX Design Studio - Monsoonfish
Monsoonfish
 
PDF
Understanding Product Design UX / UI / v.3
Eduardo Wydler
 
PPTX
Technical seminar
SrinidhiReddy26
 
UI and UX for Mobile Developers
Mohamed Nabil, MSc.
 
Top UX Design Trends for 2021 – MITSD
MITAcademy1
 
UI-UX Services | Web Designing Services
eLuminous Technologies Pvt. Ltd.
 
Web Development Trends That Can Boost Your Digital Marketing Efforts in 2021
Samskriti Business Solutions
 
Mobile User Experience (UE/UX)
Hussain Shaheen
 
State of UX in the Netherlands 2021
Rob van der Haar
 
UX/UI design for web and mobile
Heads&Hands
 
UX/UI design
deorwine infotech
 
UI & UX Engineering
Sabaragamuwa University
 
SERVICE DESIGN AND UX TOOLS
Debarati Rakshit
 
Beyond User Experience - Designing Strategy and Services
Jasper Liu
 
Ui ux the way of future
Ravindra Kamtam
 
UX/UI Introduction
Shrutee Aneja
 
UX techniques
Grand Union
 
Design-Integration: Boulder UI/UX Meetup
Jon Fukuda
 
NDC Sydney 2018 | Bots - the Next UI Revolution | Adam Stephensen
Adam Stephensen
 
Melewi UX audit
Rumen Manev
 
UI UX Design Studio - Monsoonfish
Monsoonfish
 
Understanding Product Design UX / UI / v.3
Eduardo Wydler
 
Technical seminar
SrinidhiReddy26
 

Viewers also liked (20)

PDF
FSE 2016: Mobile analytics in context. Keynote Seattle Nov 14 2016
Ankit Jain
 
PPTX
Analytics in Digital Industry
Louisa Jessica Condro
 
PDF
Research Paper - Analytics And Segmentation
bjk002
 
PPTX
How digital marketing analytics is changing in 2015
Edureka!
 
PPT
Mobile Analytics for Advertising_Michael Hanley
Sara Quinn
 
PPTX
Making Analytics Actionable with Web Content Management
Webtrends
 
PPS
Mobile Analytics: Digital Strategies and Measurement Challenges
Aquent
 
PDF
Getting Strategic with Digital - Analytics and Digital Strategy
nForm User Experience
 
PDF
Digital analytics upskilling & career tips
Phil Pearce
 
PDF
The Science of Analytics
HubSpot
 
PPTX
Falling in love (again) with Digital Analytics in Higher Education (PSEWEB 20...
Karine Joly
 
PPTX
"How to Re-Energize Your Digital Analytics Program" - Hyatt + WAD, Digital Ve...
Tealium
 
PDF
Why digital analytics?
Raymond Chau
 
PPT
Scalable Realtime Analytics with declarative SQL like Complex Event Processin...
Srinath Perera
 
PDF
Analytics and Digital Storytelling
mStoner, Inc.
 
PDF
From Digital Analytics to Insight
Pithan Rojanawong
 
PDF
Cathay Pacific: Using Digital Analytics to Drive Global Customer Centric Insi...
Connie CHAN
 
PPTX
Role of Analytics in Digital Business
Srinath Perera
 
KEY
Marrying Web Analytics and User Experience
Louis Rosenfeld
 
PDF
Visual Design for Digital Storytelling
mStoner, Inc.
 
FSE 2016: Mobile analytics in context. Keynote Seattle Nov 14 2016
Ankit Jain
 
Analytics in Digital Industry
Louisa Jessica Condro
 
Research Paper - Analytics And Segmentation
bjk002
 
How digital marketing analytics is changing in 2015
Edureka!
 
Mobile Analytics for Advertising_Michael Hanley
Sara Quinn
 
Making Analytics Actionable with Web Content Management
Webtrends
 
Mobile Analytics: Digital Strategies and Measurement Challenges
Aquent
 
Getting Strategic with Digital - Analytics and Digital Strategy
nForm User Experience
 
Digital analytics upskilling & career tips
Phil Pearce
 
The Science of Analytics
HubSpot
 
Falling in love (again) with Digital Analytics in Higher Education (PSEWEB 20...
Karine Joly
 
"How to Re-Energize Your Digital Analytics Program" - Hyatt + WAD, Digital Ve...
Tealium
 
Why digital analytics?
Raymond Chau
 
Scalable Realtime Analytics with declarative SQL like Complex Event Processin...
Srinath Perera
 
Analytics and Digital Storytelling
mStoner, Inc.
 
From Digital Analytics to Insight
Pithan Rojanawong
 
Cathay Pacific: Using Digital Analytics to Drive Global Customer Centric Insi...
Connie CHAN
 
Role of Analytics in Digital Business
Srinath Perera
 
Marrying Web Analytics and User Experience
Louis Rosenfeld
 
Visual Design for Digital Storytelling
mStoner, Inc.
 
Ad

Similar to UX is not UI: An introduction to UX (20)

PDF
What is UX v1
Mike Gallers
 
PDF
Getting Design in Your Company's DNA
Brian Sullivan
 
PDF
UXcellence: The Importance Of Human-Centered Design
Mike Townson
 
PDF
UX Fundamentals for Startups
Growth Hacking Asia
 
PDF
Design Thinking Dallas by Chris Bernard
Chris Bernard
 
PPTX
Fundamentals of UX Design
The Wisdom Daily
 
PPTX
An Introduction to User Experience for Dev's & Techies
Scott Savage
 
PDF
Intro to UX UI Presentation at StartCo - May 24, 2017
David Sparks, UX, UI, and Usability Professional
 
PDF
5 things you need to know about ux webcamp kl
Izwan Ismail
 
PPTX
UI_UX Training in Hyd PPT.pptx
basanthbliss99
 
PDF
UI_UX Training in Hyd PPT-converted.pdf
basanthbliss99
 
PDF
ui/ux training institutes in Hyderabad
KumarNaik21
 
PPTX
ui/ux training institutes in Hyderabad
KumarNaik21
 
PDF
UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)
ux singapore
 
PDF
From B2B to B2C: The UX Path to Innovation
Karen T. Lin
 
PPTX
UI/UX presentation by Roshan Karunarathna
Roshan Karunarathna
 
PPTX
UX & Design Thinking for BI Applications
ibi
 
PDF
What is this UX thing?
Youmna Aoukar
 
PPT
User Experience Design - Why & How to
minhdo
 
PPTX
What is UX v2
Mike Gallers
 
What is UX v1
Mike Gallers
 
Getting Design in Your Company's DNA
Brian Sullivan
 
UXcellence: The Importance Of Human-Centered Design
Mike Townson
 
UX Fundamentals for Startups
Growth Hacking Asia
 
Design Thinking Dallas by Chris Bernard
Chris Bernard
 
Fundamentals of UX Design
The Wisdom Daily
 
An Introduction to User Experience for Dev's & Techies
Scott Savage
 
Intro to UX UI Presentation at StartCo - May 24, 2017
David Sparks, UX, UI, and Usability Professional
 
5 things you need to know about ux webcamp kl
Izwan Ismail
 
UI_UX Training in Hyd PPT.pptx
basanthbliss99
 
UI_UX Training in Hyd PPT-converted.pdf
basanthbliss99
 
ui/ux training institutes in Hyderabad
KumarNaik21
 
ui/ux training institutes in Hyderabad
KumarNaik21
 
UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)
ux singapore
 
From B2B to B2C: The UX Path to Innovation
Karen T. Lin
 
UI/UX presentation by Roshan Karunarathna
Roshan Karunarathna
 
UX & Design Thinking for BI Applications
ibi
 
What is this UX thing?
Youmna Aoukar
 
User Experience Design - Why & How to
minhdo
 
What is UX v2
Mike Gallers
 
Ad

Recently uploaded (20)

PPTX
SEO Solutions Boosting Growth | TechCadd
radhikachauhan01779
 
PDF
Boost website visibility with smart SEO.
DIGITAL-GROWTH
 
PPTX
Are You Missing Out on Voice Search Traffic? The AEO Solution
First DigiAdd
 
PPT
Marketing Mix - Mrs.S.Shree Nithi - BBA-02.07.2025.ppt
shreenithis2
 
PDF
Digital Marketing Course in Uttam Nagar-NSIM
saqibembibe
 
PDF
Best Digital Marketing Course in Jalandhar
alwayserror12
 
PPT
4P'Marketing Mix / Element of Marketing Mix/Concept - BBA.ppt
Shree Nithi
 
PPTX
Essentials of Digital Marketing_the.pptx
Abu Bashar
 
PPTX
SOCIAL MEDIA MARKETING.pptxMaster Social Media Marketing from Scratch — Strat...
ayeshagul29594
 
PDF
Pdf of a the Social Media Marketing.pdf
r62544400
 
PPT
BASIC COMPUTER COURSE ..................
satsahibsatshib9
 
PPTX
COMPETITIVE ANALYSIS for startup company.pptx
samserobanyane
 
PDF
Dark Green White Gradient Technology Keynote Presentation (1).pdf
bajpaisneha43
 
PDF
Best Cloud Computing Course in Jalandhar.pdf
prabhkiran684
 
PDF
AI & Automation: The Future of Marketing or the End of Creativity - Jose Vict...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
PDF
India' s best Digital Marketing Agency
BrandedGuru
 
PDF
My BISA Presentation - How NGOs Can Win on Digital: Effective Social Media fo...
Eli Daniel-Wilson
 
PDF
The best Linux course in Jalandhar.pdf
prabhkiran684
 
PDF
The Psychology of Web Content: Mastering Cognitive Biases, Conversion Trigger...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
PDF
KFC Brand Audit and Marketing Strategies
ASHITHA P R
 
SEO Solutions Boosting Growth | TechCadd
radhikachauhan01779
 
Boost website visibility with smart SEO.
DIGITAL-GROWTH
 
Are You Missing Out on Voice Search Traffic? The AEO Solution
First DigiAdd
 
Marketing Mix - Mrs.S.Shree Nithi - BBA-02.07.2025.ppt
shreenithis2
 
Digital Marketing Course in Uttam Nagar-NSIM
saqibembibe
 
Best Digital Marketing Course in Jalandhar
alwayserror12
 
4P'Marketing Mix / Element of Marketing Mix/Concept - BBA.ppt
Shree Nithi
 
Essentials of Digital Marketing_the.pptx
Abu Bashar
 
SOCIAL MEDIA MARKETING.pptxMaster Social Media Marketing from Scratch — Strat...
ayeshagul29594
 
Pdf of a the Social Media Marketing.pdf
r62544400
 
BASIC COMPUTER COURSE ..................
satsahibsatshib9
 
COMPETITIVE ANALYSIS for startup company.pptx
samserobanyane
 
Dark Green White Gradient Technology Keynote Presentation (1).pdf
bajpaisneha43
 
Best Cloud Computing Course in Jalandhar.pdf
prabhkiran684
 
AI & Automation: The Future of Marketing or the End of Creativity - Jose Vict...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
India' s best Digital Marketing Agency
BrandedGuru
 
My BISA Presentation - How NGOs Can Win on Digital: Effective Social Media fo...
Eli Daniel-Wilson
 
The best Linux course in Jalandhar.pdf
prabhkiran684
 
The Psychology of Web Content: Mastering Cognitive Biases, Conversion Trigger...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
KFC Brand Audit and Marketing Strategies
ASHITHA P R
 

UX is not UI: An introduction to UX

  • 1. UX is not UIAn Introduction to UX Pithan Rojanawong | Growth Hacking Asia Sep 25, 2015
  • 3. So what is UX (and UI)? Why UX? Real world example UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
  • 4. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UI design is not the solution
  • 5. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UX reframe this question “What do we want to make?” instead, ask “What do we want to achieve?”
  • 6. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 Business goals Satisfied customers・Engaged prospects・Smarter and more relevant content・Seamless usability・Improved engagement・Social shares・Word-of-mouth marketing・ Brand recognition・Conversions・E-Commerce sales
  • 7. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 This is the user interface of a website Krungthai-AXA Life Insurance Website
  • 8. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UX needs to ask why? …and find the answers with data
  • 9. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UI User Interface UX User Experience How people interact with websites/mobile apps/products How they feel while they’re using them
  • 10. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UI User Interface UX User Experience How people interact with websites/mobile apps/products How they feel while they’re using them Technical Emotional
  • 11. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 What does UX expert do
  • 12. A senior UX role could be responsible for user research, tests, coordinating between product owners, stakeholders, developers, designers without touching UI design or even have the skills to UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
  • 13. So What does UX actually mean? UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015
  • 14. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 User research・User interviewing・Gathering statistics・ Personas・Information architecture・Creating wireframes・ Prototyping・Usability・User interface・Visual design・ Interaction design・Content strategy・Accessibility・Working closely with developers・Communication with stakeholders
  • 15. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 User research・User interviewing・Gathering statistics・ Personas・Information architecture・Creating wireframes・ Prototyping・Usability・User interface・Visual design・ Interaction design・Content strategy・Accessibility・Working closely with developers・Communication with stakeholders
  • 16. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UI is an important (and big) part of UX
  • 17. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 Via: asinthecity.com
  • 18. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 A skillful UX designer will focus on the users by getting to know who they are, what they want, identify problems, and try to solve the problems
  • 19. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 A skillful UI designer will use insights to design and develop user interface that will help solve the problems
  • 20. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 Identify problems User stories Experiments Information architecture Wireframes UI design Mock-ups Prototypes Production UX UI
  • 21. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UX at Krungthai-AXA Life
  • 22. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UX Designer Product Owner Developer UI Designer ActuaryContent Specialist Business AnalystProject Manager
  • 23. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 So, what is UX?
  • 24. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UX design is a strategic process aims to create a product (or website/mobile app) that users will find easy to use, and quickly understand.
  • 25. UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015 UX Fundamentals Workshop OCT 31, 2015 • Analyzing user data & creating personas • Logic & content • Content strategy • Information architecture • Design for multi device • Wireframe & prototyping • Usability testing • Tools for UX design Contact Growth Hacking Asia
  • 26. Thank You Source: Presentations on UX vs UI by Bruno Mendes, Nicolas Demange, and Centerline Digital UX is not UI by Pithan Rojanawong | Growth Hacking Asia | Sep 25, 2015