SlideShare uma empresa Scribd logo
1 de 9
UX & UI
- Injecting Brand Personality -
Fisher 2015/03
UXD
● User experience design (UXD) is the process
of enhancingcustomer satisfaction and
loyalty by improving the usability,ease of
use, and pleasure provided in the
interaction between the customer and the
product
UXD (cont.)
● content
● usablility
● UI design
Myth of UX
1. UX != UI
2. you = your user
3. user always know what they want
4. UX ends when user leave website/screen
Elements of UX
● THE SURFACE - Visual Design / UI
● THE SKELETON - Wire-frame,Interaction patterns, Global navigation ...
● THE STRUCTURE - Information architecture, Defiing content ...
● THE SCOPE - Functionality,Usefulness, Requirements ...
● THE STRATEGY - Business requirements, Defiing user Needs, Goals and
Aspirations ...
Steps
● Briefing
ask...until you know it all
● Content Architecture
create hierarchy and flow
● Wireframing
make a plan...
Steps (Cont.)
● Prototyping
it shows all the interaction flaws
● UI Design
look & feel - front-end design
● User Testing & Fine Tuning
user centered testing over gut feel
Steps (Cont.)
● Analytics Reports
finding patterns in facts & figures
● Winning a SEO fight !
Next we’ll talk about UI
Thank you

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
What is UX?
What is UX?What is UX?
What is UX?
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
What is UX?
What is UX?What is UX?
What is UX?
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UX and UI
UX and UIUX and UI
UX and UI
 
UI UX Design Course
UI UX Design CourseUI UX Design Course
UI UX Design Course
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 

Destaque

Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny PlacesMobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Apigee | Google Cloud
 

Destaque (20)

Ux strategy 112315c
Ux strategy 112315cUx strategy 112315c
Ux strategy 112315c
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]
Designing with Lean UX : Rapid Product Design [UX Lisbon 2014]
 
Ux testing recap
Ux testing recapUx testing recap
Ux testing recap
 
Android UI Optimisation
Android UI OptimisationAndroid UI Optimisation
Android UI Optimisation
 
Out There Media Mobile Marketing
Out There Media Mobile MarketingOut There Media Mobile Marketing
Out There Media Mobile Marketing
 
Андрей Стеля_Make magic happen. «А что будет, если нажать вот сюда?»
Андрей Стеля_Make magic happen. «А что будет, если нажать вот сюда?»Андрей Стеля_Make magic happen. «А что будет, если нажать вот сюда?»
Андрей Стеля_Make magic happen. «А что будет, если нажать вот сюда?»
 
Be Productive with Mobile Apps
Be Productive with Mobile AppsBe Productive with Mobile Apps
Be Productive with Mobile Apps
 
Course User interface — Lesson 7
Course User interface — Lesson 7Course User interface — Lesson 7
Course User interface — Lesson 7
 
Citymetria new
Citymetria newCitymetria new
Citymetria new
 
UX & Persuasive Design
UX & Persuasive Design UX & Persuasive Design
UX & Persuasive Design
 
Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012Mobile App Design @ ITU 2012
Mobile App Design @ ITU 2012
 
Android L and So Much More Webinar Slides
Android L and So Much More Webinar SlidesAndroid L and So Much More Webinar Slides
Android L and So Much More Webinar Slides
 
Build Mobile Apps as if You Have No Legacy IT
Build Mobile Apps as if You Have No Legacy ITBuild Mobile Apps as if You Have No Legacy IT
Build Mobile Apps as if You Have No Legacy IT
 
Xamarin: Introduction to iOS 8
Xamarin: Introduction to iOS 8Xamarin: Introduction to iOS 8
Xamarin: Introduction to iOS 8
 
Jen Ng | UX / UI Design Portfolio
Jen Ng  |  UX / UI Design PortfolioJen Ng  |  UX / UI Design Portfolio
Jen Ng | UX / UI Design Portfolio
 
Emotion Design - Brand & UI
Emotion Design - Brand & UIEmotion Design - Brand & UI
Emotion Design - Brand & UI
 
Emotional UX Design by Insuk Ko
Emotional UX Design by Insuk KoEmotional UX Design by Insuk Ko
Emotional UX Design by Insuk Ko
 
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny PlacesMobile App Design Best Practices - Usable Interfaces for Tiny Places
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
 
The Collaborative UX Designer's Toolbox
The Collaborative UX Designer's ToolboxThe Collaborative UX Designer's Toolbox
The Collaborative UX Designer's Toolbox
 

Semelhante a Ux & ui

Webinar Presentation on User Experience Design
Webinar Presentation on User Experience DesignWebinar Presentation on User Experience Design
Webinar Presentation on User Experience Design
PearlAcademy India
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Tuấn Anh
 

Semelhante a Ux & ui (20)

Foundation of UI/UX
Foundation of UI/UXFoundation of UI/UX
Foundation of UI/UX
 
Step to Great User Experience
Step to Great User Experience Step to Great User Experience
Step to Great User Experience
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
 
A primer on ux design
A primer on ux designA primer on ux design
A primer on ux design
 
Custom UI/UX Design Services
Custom UI/UX Design ServicesCustom UI/UX Design Services
Custom UI/UX Design Services
 
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design CourseElevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
Elevate Your Design Skills: Enroll in Pune's Premier UI/UX Design Course
 
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
How We Work In UI And UX. User Interface (UI) and User Experience (UX)How We Work In UI And UX. User Interface (UI) and User Experience (UX)
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
 
UX UI Design_final - Copy - Copy.pptx
UX UI Design_final - Copy - Copy.pptxUX UI Design_final - Copy - Copy.pptx
UX UI Design_final - Copy - Copy.pptx
 
UX UI Design_final.pptx
UX UI Design_final.pptxUX UI Design_final.pptx
UX UI Design_final.pptx
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
 
The Art of UI/UX Designing
The Art of UI/UX DesigningThe Art of UI/UX Designing
The Art of UI/UX Designing
 
UX UI Design_final - Copy.pptx
UX UI Design_final - Copy.pptxUX UI Design_final - Copy.pptx
UX UI Design_final - Copy.pptx
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
 
The Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - CuneiformThe Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - Cuneiform
 
User Experience Fission Team Training
User Experience Fission Team TrainingUser Experience Fission Team Training
User Experience Fission Team Training
 
Webinar Presentation on User Experience Design
Webinar Presentation on User Experience DesignWebinar Presentation on User Experience Design
Webinar Presentation on User Experience Design
 
What is the difference between UI and UX design_.pptx
What is the difference between UI and UX design_.pptxWhat is the difference between UI and UX design_.pptx
What is the difference between UI and UX design_.pptx
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
The Art of UI/UX Design: Creating Seamless Digital Experiences
The Art of UI/UX Design: Creating Seamless Digital ExperiencesThe Art of UI/UX Design: Creating Seamless Digital Experiences
The Art of UI/UX Design: Creating Seamless Digital Experiences
 

Último

Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Christo Ananth
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Dr.Costas Sachpazis
 
UNIT-V FMM.HYDRAULIC TURBINE - Construction and working
UNIT-V FMM.HYDRAULIC TURBINE - Construction and workingUNIT-V FMM.HYDRAULIC TURBINE - Construction and working
UNIT-V FMM.HYDRAULIC TURBINE - Construction and working
rknatarajan
 
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
dharasingh5698
 

Último (20)

Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
 
Online banking management system project.pdf
Online banking management system project.pdfOnline banking management system project.pdf
Online banking management system project.pdf
 
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
 
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
Call Girls in Nagpur Suman Call 7001035870 Meet With Nagpur Escorts
 
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
Call for Papers - Educational Administration: Theory and Practice, E-ISSN: 21...
 
Russian Call Girls in Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
Russian Call Girls in Nagpur Grishma Call 7001035870 Meet With Nagpur EscortsRussian Call Girls in Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
Russian Call Girls in Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
 
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Isha Call 7001035870 Meet With Nagpur Escorts
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
 
Porous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingPorous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writing
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
 
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptx
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptxBSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptx
BSides Seattle 2024 - Stopping Ethan Hunt From Taking Your Data.pptx
 
UNIT-V FMM.HYDRAULIC TURBINE - Construction and working
UNIT-V FMM.HYDRAULIC TURBINE - Construction and workingUNIT-V FMM.HYDRAULIC TURBINE - Construction and working
UNIT-V FMM.HYDRAULIC TURBINE - Construction and working
 
Introduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptxIntroduction and different types of Ethernet.pptx
Introduction and different types of Ethernet.pptx
 
Java Programming :Event Handling(Types of Events)
Java Programming :Event Handling(Types of Events)Java Programming :Event Handling(Types of Events)
Java Programming :Event Handling(Types of Events)
 
Roadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and RoutesRoadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and Routes
 
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...
 
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Ankleshwar 7001035870 Whatsapp Number, 24/07 Booking
 
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete Record
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete RecordCCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete Record
CCS335 _ Neural Networks and Deep Learning Laboratory_Lab Complete Record
 
University management System project report..pdf
University management System project report..pdfUniversity management System project report..pdf
University management System project report..pdf
 

Ux & ui

  • 1. UX & UI - Injecting Brand Personality - Fisher 2015/03
  • 2. UXD ● User experience design (UXD) is the process of enhancingcustomer satisfaction and loyalty by improving the usability,ease of use, and pleasure provided in the interaction between the customer and the product
  • 3. UXD (cont.) ● content ● usablility ● UI design
  • 4. Myth of UX 1. UX != UI 2. you = your user 3. user always know what they want 4. UX ends when user leave website/screen
  • 5. Elements of UX ● THE SURFACE - Visual Design / UI ● THE SKELETON - Wire-frame,Interaction patterns, Global navigation ... ● THE STRUCTURE - Information architecture, Defiing content ... ● THE SCOPE - Functionality,Usefulness, Requirements ... ● THE STRATEGY - Business requirements, Defiing user Needs, Goals and Aspirations ...
  • 6. Steps ● Briefing ask...until you know it all ● Content Architecture create hierarchy and flow ● Wireframing make a plan...
  • 7. Steps (Cont.) ● Prototyping it shows all the interaction flaws ● UI Design look & feel - front-end design ● User Testing & Fine Tuning user centered testing over gut feel
  • 8. Steps (Cont.) ● Analytics Reports finding patterns in facts & figures ● Winning a SEO fight !
  • 9. Next we’ll talk about UI Thank you