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

PDF
UX & UI Design - Differentiate through design
 
PPTX
Ux/ui Design Solution Services
PDF
Ux Ui Design for Mobile Apps
PDF
Top ui ux design trends for mobile apps 2021
PPTX
UI & UX Engineering
PDF
Growth Hacking - UX
PDF
Outwards and Inwards Experiential Transformation - Kaskus Case Study
PDF
UI Consistency vs UX
UX & UI Design - Differentiate through design
 
Ux/ui Design Solution Services
Ux Ui Design for Mobile Apps
Top ui ux design trends for mobile apps 2021
UI & UX Engineering
Growth Hacking - UX
Outwards and Inwards Experiential Transformation - Kaskus Case Study
UI Consistency vs UX

What's hot (20)

PPTX
UI and UX for Mobile Developers
PPTX
Top UX Design Trends for 2021 – MITSD
PDF
UI-UX Services | Web Designing Services
PPTX
Web Development Trends That Can Boost Your Digital Marketing Efforts in 2021
PPTX
Mobile User Experience (UE/UX)
PDF
State of UX in the Netherlands 2021
PDF
UX/UI design for web and mobile
PPTX
UX/UI design
PPTX
UI & UX Engineering
PDF
SERVICE DESIGN AND UX TOOLS
PDF
Beyond User Experience - Designing Strategy and Services
PDF
Ui ux the way of future
PDF
UX/UI Introduction
PPTX
UX techniques
PDF
Design-Integration: Boulder UI/UX Meetup
PPTX
NDC Sydney 2018 | Bots - the Next UI Revolution | Adam Stephensen
PDF
Melewi UX audit
PDF
UI UX Design Studio - Monsoonfish
PDF
Understanding Product Design UX / UI / v.3
PPTX
Technical seminar
UI and UX for Mobile Developers
Top UX Design Trends for 2021 – MITSD
UI-UX Services | Web Designing Services
Web Development Trends That Can Boost Your Digital Marketing Efforts in 2021
Mobile User Experience (UE/UX)
State of UX in the Netherlands 2021
UX/UI design for web and mobile
UX/UI design
UI & UX Engineering
SERVICE DESIGN AND UX TOOLS
Beyond User Experience - Designing Strategy and Services
Ui ux the way of future
UX/UI Introduction
UX techniques
Design-Integration: Boulder UI/UX Meetup
NDC Sydney 2018 | Bots - the Next UI Revolution | Adam Stephensen
Melewi UX audit
UI UX Design Studio - Monsoonfish
Understanding Product Design UX / UI / v.3
Technical seminar
Ad

Viewers also liked (20)

PDF
FSE 2016: Mobile analytics in context. Keynote Seattle Nov 14 2016
PPTX
Analytics in Digital Industry
PDF
Research Paper - Analytics And Segmentation
PPTX
How digital marketing analytics is changing in 2015
PPT
Mobile Analytics for Advertising_Michael Hanley
PPTX
Making Analytics Actionable with Web Content Management
PPS
Mobile Analytics: Digital Strategies and Measurement Challenges
PDF
Getting Strategic with Digital - Analytics and Digital Strategy
PDF
Digital analytics upskilling & career tips
PDF
The Science of Analytics
PPTX
Falling in love (again) with Digital Analytics in Higher Education (PSEWEB 20...
PPTX
"How to Re-Energize Your Digital Analytics Program" - Hyatt + WAD, Digital Ve...
PDF
Why digital analytics?
PPT
Scalable Realtime Analytics with declarative SQL like Complex Event Processin...
PDF
Analytics and Digital Storytelling
PDF
From Digital Analytics to Insight
PDF
Cathay Pacific: Using Digital Analytics to Drive Global Customer Centric Insi...
PPTX
Role of Analytics in Digital Business
KEY
Marrying Web Analytics and User Experience
PDF
Visual Design for Digital Storytelling
FSE 2016: Mobile analytics in context. Keynote Seattle Nov 14 2016
Analytics in Digital Industry
Research Paper - Analytics And Segmentation
How digital marketing analytics is changing in 2015
Mobile Analytics for Advertising_Michael Hanley
Making Analytics Actionable with Web Content Management
Mobile Analytics: Digital Strategies and Measurement Challenges
Getting Strategic with Digital - Analytics and Digital Strategy
Digital analytics upskilling & career tips
The Science of Analytics
Falling in love (again) with Digital Analytics in Higher Education (PSEWEB 20...
"How to Re-Energize Your Digital Analytics Program" - Hyatt + WAD, Digital Ve...
Why digital analytics?
Scalable Realtime Analytics with declarative SQL like Complex Event Processin...
Analytics and Digital Storytelling
From Digital Analytics to Insight
Cathay Pacific: Using Digital Analytics to Drive Global Customer Centric Insi...
Role of Analytics in Digital Business
Marrying Web Analytics and User Experience
Visual Design for Digital Storytelling
Ad

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

PDF
UXPA 2015 UX Strategy Tutorial
PDF
UXPA 2015 UX Strategy Tutorial
PDF
What the *UX?!? A Structured Approach to Tackling UX Strategy - Steve Dennin...
PDF
What the *UX?!? Implementing UX Strategy in your organisation
PPTX
Tangible User Experience
PDF
From B2B to B2C: The UX Path to Innovation
PDF
UX STRAT USA, Leo Frishberg and Dr. Charles Lambdin, "Presumptive Design Work...
PDF
Presentation at Plug N Work, Sao Paulo, Brazil
PPTX
Role of UI and UX in improving customer experience
PDF
ROI of UX by Jagriti Pande
PDF
The Emperor's New Lean UX: Why I'm not using lean UX, and perhaps why you sho...
PDF
Introduction to UX Design
PDF
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
PDF
Self introduction of UX Researcher and consultant_Liyun Li
PPTX
Agile metteg 9(agile tooling)-draft-v1.0
PPTX
Ux and seo
PPTX
Business Decisions Done Right: Through the Four Elements of User Experience
PDF
Workshop #1: UX Career Development Plan by Ashwin Umathay & Aunindra Kumar Sinha
PPTX
UX Design Jobs - MIT ID Innovation
PPTX
Application Design Thinking wrt Integration Architecture - Part I | MuleSoft ...
UXPA 2015 UX Strategy Tutorial
UXPA 2015 UX Strategy Tutorial
What the *UX?!? A Structured Approach to Tackling UX Strategy - Steve Dennin...
What the *UX?!? Implementing UX Strategy in your organisation
Tangible User Experience
From B2B to B2C: The UX Path to Innovation
UX STRAT USA, Leo Frishberg and Dr. Charles Lambdin, "Presumptive Design Work...
Presentation at Plug N Work, Sao Paulo, Brazil
Role of UI and UX in improving customer experience
ROI of UX by Jagriti Pande
The Emperor's New Lean UX: Why I'm not using lean UX, and perhaps why you sho...
Introduction to UX Design
Measuring What Matters: A UX Approach to Metrics :: UX Days Tokyo [April 2015]
Self introduction of UX Researcher and consultant_Liyun Li
Agile metteg 9(agile tooling)-draft-v1.0
Ux and seo
Business Decisions Done Right: Through the Four Elements of User Experience
Workshop #1: UX Career Development Plan by Ashwin Umathay & Aunindra Kumar Sinha
UX Design Jobs - MIT ID Innovation
Application Design Thinking wrt Integration Architecture - Part I | MuleSoft ...

Recently uploaded (20)

PDF
Coleção Nature .
PPTX
Ranking a Webpage with SEO (And Tracking It with the Right Attribution Type a...
PDF
Boost Sales Around the Clock with AI Chatbots for Marketing
PPTX
Mastering eCommerce SEO: Strategies to Boost Traffic and Maximize Conversions
PDF
EVOLUTION OF RURAL MARKETING IN INDIAN CIVILIZATION
PPTX
Your score increases as you pick a category, fill out a long description and ...
PPTX
"Best Healthcare Digital Marketing Ideas
PDF
Hidden gems in Microsoft ads with Navah Hopkins
PDF
Pay-Per-Click Marketing: Strategies That Actually Work in 2025
PDF
AI & Automation: The Future of Marketing or the End of Creativity - Matthew W...
PPTX
Sumit Saxena IIM J Project Market segmentation.pptx
PDF
RC 14001 Certification: Enhancing ISO 14001 with EHS & Security Standards
PPTX
UNIT 3 - 5 INDUSTRIAL PRICING.ppt x
PDF
Digital Marketing - clear pictire of marketing
PPTX
The evolution of the internet - its impacts on consumers
PDF
E_Book_Customer_Relation_Management_0.pdf
PPTX
hnk joint business plan for_Rooftop_Plan
PDF
Digital Marketing Agency in Thrissur with Proven Strategies for Local Growth
PDF
How to Break Into AI Search with Andrew Holland
PDF
AFCAT Syllabus 2026 Guide by Best Defence Academy in Lucknow.pdf
Coleção Nature .
Ranking a Webpage with SEO (And Tracking It with the Right Attribution Type a...
Boost Sales Around the Clock with AI Chatbots for Marketing
Mastering eCommerce SEO: Strategies to Boost Traffic and Maximize Conversions
EVOLUTION OF RURAL MARKETING IN INDIAN CIVILIZATION
Your score increases as you pick a category, fill out a long description and ...
"Best Healthcare Digital Marketing Ideas
Hidden gems in Microsoft ads with Navah Hopkins
Pay-Per-Click Marketing: Strategies That Actually Work in 2025
AI & Automation: The Future of Marketing or the End of Creativity - Matthew W...
Sumit Saxena IIM J Project Market segmentation.pptx
RC 14001 Certification: Enhancing ISO 14001 with EHS & Security Standards
UNIT 3 - 5 INDUSTRIAL PRICING.ppt x
Digital Marketing - clear pictire of marketing
The evolution of the internet - its impacts on consumers
E_Book_Customer_Relation_Management_0.pdf
hnk joint business plan for_Rooftop_Plan
Digital Marketing Agency in Thrissur with Proven Strategies for Local Growth
How to Break Into AI Search with Andrew Holland
AFCAT Syllabus 2026 Guide by Best Defence Academy in Lucknow.pdf

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