An introduction to User Experience

Elena Torró
Elena TorróWeb developer
User eXperience
by Elena Torró
elenatorro.com
@elenarcolepsia
github.com/elenatorro
About me
1. UX?
2. User Centered Design (UCD)
3. Tools & Resources
4. UX Suite
Overview
Feedback
Why User eXperience?
Why do I want to
develop?
I want to make useful
tools for people
design a
product
create an
experience
experience
time
triggerfeeling
platform
context
interaction
User Centered Design
"User-centered design means
working with your users all
throughout the project." Don
Norman
UI != UX
UX uI
An introduction to User Experience
An introduction to User Experience
An introduction to User Experience
Interaction
Design
Information
Architecture
User
Interface
Usability
Accessibility
Visual
Design
UX Example
by @arianaescobar
http://www.arianaescobar.com/candy-crush-redesign
Human Computer
Interaction
Cycle Process
Evaluation
Analysis Design /
Implementation
Testing
Evaluation
● Planning
● Interviews
● Focus Groups
● Taks
Analysis
Learn from your users!
● Personas
● Scenarios
● Site evaluation
● Target user
Personas Scenario
To create a product that must
satisfy a broad audience of
users, logic will tell you to make it
as broad in its functionality as
possible to accommodate the
most people. Logic is wrong. Alan
Cooper.
Design and Implementation
● Information Architecture
● Card Sorting
● Prototyping
● UML
● Requirements
Prototyping
sketch
wireframe
mockup
prototype
sketch wireframe mockup
Testing
● Tests with real users
● Conduct Task Analysis
● Usability testing
● Metrics
● Heat Maps
Three UX Keys
* Consistency *
Consistency is one of the most powerful
usability principles: when things always behave
the same, users don’t have to worry about
what will happen. Instead, they know what will
happen based on earlier experience. Jakob
Nielsen
* Usability
& Accessibility*
Also note that invariably when we design
something that can be used by those with
disabilities, we often make it better for
everyone.
Don Norman.
* Be Simple *
Simple can be harder than complex: You
have to work hard to get your thinking
clean to make it simple. But it’s worth
it in the end because once you get
there, you can move mountains. Steve
Jobs
uxsuite.me
uxsuite.me
1. UX resources
2. Open API, where you are able to
collaborate if you want
3. Create open source tools
Live Demo!
Questions?
Thanks :)
1 of 34

Recommended

Ux design process in product development by
Ux design process in product developmentUx design process in product development
Ux design process in product developmentT-Design Center
188 views33 slides
Lean UX design process for rapid product development by
Lean UX design process for rapid product developmentLean UX design process for rapid product development
Lean UX design process for rapid product developmentGeoffrey Nwachukwu
216 views11 slides
Usability&UX by
Usability&UXUsability&UX
Usability&UXMehmet Karadayı
628 views23 slides
What Design Means to Me by
What Design Means to MeWhat Design Means to Me
What Design Means to MeCarolann Merchant
145 views32 slides
User experience design by
User experience designUser experience design
User experience designNissan Dookeran
472 views13 slides
User experience design by
User experience designUser experience design
User experience designNissan Dookeran
296 views13 slides

More Related Content

What's hot

Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ... by
Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ...Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ...
Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ...Carine Lallemand
7.7K views17 slides
Aimia- Future Of Usability 0712 by
Aimia- Future Of Usability 0712Aimia- Future Of Usability 0712
Aimia- Future Of Usability 0712Shane Morris
685 views31 slides
User experience artifacts soflux by
User experience artifacts sofluxUser experience artifacts soflux
User experience artifacts sofluxLauren Martin
424 views30 slides
UI/UX Fundamentals by
UI/UX FundamentalsUI/UX Fundamentals
UI/UX FundamentalsDijup Tuladhar
2.2K views50 slides
The difference between ux and ui design by
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui designShweta Joshi
1.4K views6 slides
What is a User Experience? by
What is a User Experience? What is a User Experience?
What is a User Experience? Dotinum
3K views20 slides

What's hot(16)

Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ... by Carine Lallemand
Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ...Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ...
Embrace UX and adapt your evaluation methods accordingly (CanUX 2015 - short ...
Carine Lallemand7.7K views
Aimia- Future Of Usability 0712 by Shane Morris
Aimia- Future Of Usability 0712Aimia- Future Of Usability 0712
Aimia- Future Of Usability 0712
Shane Morris685 views
User experience artifacts soflux by Lauren Martin
User experience artifacts sofluxUser experience artifacts soflux
User experience artifacts soflux
Lauren Martin424 views
The difference between ux and ui design by Shweta Joshi
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
Shweta Joshi1.4K views
What is a User Experience? by Dotinum
What is a User Experience? What is a User Experience?
What is a User Experience?
Dotinum3K views
Centerline Digital - UX vs UI - 050613 by Centerline Digital
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613
Centerline Digital43.5K views
UI-UX Practical Talking - Mohamed Shehata by Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
Mohamed Shehata2K views
UX session by Bonolota UXd at BICC - Digital World and BASIS Soft Expo 2014 by Masrur Hannan
 UX session by Bonolota UXd at BICC - Digital World and BASIS Soft Expo 2014 UX session by Bonolota UXd at BICC - Digital World and BASIS Soft Expo 2014
UX session by Bonolota UXd at BICC - Digital World and BASIS Soft Expo 2014
Masrur Hannan873 views
GDG Dhaka - UX quick talk - Masrur Hannan by Masrur Hannan
GDG Dhaka - UX quick talk - Masrur HannanGDG Dhaka - UX quick talk - Masrur Hannan
GDG Dhaka - UX quick talk - Masrur Hannan
Masrur Hannan919 views
An Amsterdam perspective on Design Thinking by icemobile
An Amsterdam perspective on Design ThinkingAn Amsterdam perspective on Design Thinking
An Amsterdam perspective on Design Thinking
icemobile675 views
Why User Experience Matters | By UX Professionals from Centerline Digital by Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline Digital
Centerline Digital13K views

Viewers also liked

User centric design (ucd) by
User centric design (ucd)User centric design (ucd)
User centric design (ucd)Gudmundur Sigurfreyr
1.1K views10 slides
The Elements of User Experience by
The Elements of User ExperienceThe Elements of User Experience
The Elements of User ExperienceMichael Grillhösl
1.2K views1 slide
Create a User-Centric Culture with User Research by
Create a User-Centric Culture with User ResearchCreate a User-Centric Culture with User Research
Create a User-Centric Culture with User ResearchJonathan Horowitz
5.5K views38 slides
Welcome to Userland - A user centric web2.0 workshop by
Welcome to Userland - A user centric web2.0 workshopWelcome to Userland - A user centric web2.0 workshop
Welcome to Userland - A user centric web2.0 workshopTamir Berkman
4.6K views68 slides
Designing a user-centric strategy using digital by
Designing a user-centric strategy using digitalDesigning a user-centric strategy using digital
Designing a user-centric strategy using digitalT-Shape Consulting
714 views34 slides
Product strategy in a customer centric company at LeanKit by
Product strategy in a customer centric company at LeanKitProduct strategy in a customer centric company at LeanKit
Product strategy in a customer centric company at LeanKitFlorent de Gantes
829 views51 slides

Viewers also liked(7)

Create a User-Centric Culture with User Research by Jonathan Horowitz
Create a User-Centric Culture with User ResearchCreate a User-Centric Culture with User Research
Create a User-Centric Culture with User Research
Jonathan Horowitz5.5K views
Welcome to Userland - A user centric web2.0 workshop by Tamir Berkman
Welcome to Userland - A user centric web2.0 workshopWelcome to Userland - A user centric web2.0 workshop
Welcome to Userland - A user centric web2.0 workshop
Tamir Berkman4.6K views
Designing a user-centric strategy using digital by T-Shape Consulting
Designing a user-centric strategy using digitalDesigning a user-centric strategy using digital
Designing a user-centric strategy using digital
T-Shape Consulting714 views
Product strategy in a customer centric company at LeanKit by Florent de Gantes
Product strategy in a customer centric company at LeanKitProduct strategy in a customer centric company at LeanKit
Product strategy in a customer centric company at LeanKit
Florent de Gantes829 views

Similar to An introduction to User Experience

UX Design Mini Course by
UX Design Mini CourseUX Design Mini Course
UX Design Mini CourseDigital Snack
174 views33 slides
Ux Overview by
Ux OverviewUx Overview
Ux Overviewmbrosset
892 views32 slides
UX Evolution Mindset & Methods by
UX Evolution Mindset & MethodsUX Evolution Mindset & Methods
UX Evolution Mindset & MethodsDanforth
6.4K views40 slides
Mobile Best Practices for UX by
Mobile Best Practices for UXMobile Best Practices for UX
Mobile Best Practices for UXThe Wisdom Daily
134 views52 slides
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction by
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionhendrikknoche
1.3K views49 slides
Ux and usability it's no PICNIC by
Ux and usability   it's no PICNICUx and usability   it's no PICNIC
Ux and usability it's no PICNICMyriam Jessier
911 views65 slides

Similar to An introduction to User Experience(20)

Ux Overview by mbrosset
Ux OverviewUx Overview
Ux Overview
mbrosset892 views
UX Evolution Mindset & Methods by Danforth
UX Evolution Mindset & MethodsUX Evolution Mindset & Methods
UX Evolution Mindset & Methods
Danforth6.4K views
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction by hendrikknoche
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
hendrikknoche1.3K views
Ux and usability it's no PICNIC by Myriam Jessier
Ux and usability   it's no PICNICUx and usability   it's no PICNIC
Ux and usability it's no PICNIC
Myriam Jessier911 views
Fundamentals and practices of UX research by Lucia Trezova
Fundamentals and practices of UX research Fundamentals and practices of UX research
Fundamentals and practices of UX research
Lucia Trezova1.7K views
10 Truths to Great Product Experiences by Jeremy Johnson
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
Jeremy Johnson46.5K views
Role of UX Design in Building Products: How I Stopped Designing and Started t... by Praneet Koppula
Role of UX Design in Building Products: How I Stopped Designing and Started t...Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...
Praneet Koppula1.2K views
Importance of User eXperience by guest1bcbc9
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
guest1bcbc9680 views
PxS'12 - week 1 - Introduction by hendrikknoche
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introduction
hendrikknoche913 views
Introduction to UX by Effective
Introduction to UXIntroduction to UX
Introduction to UX
Effective3K views
Dev fest ile ife 2014-ux, material design and trends by Tunde Ojediran
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
Tunde Ojediran1.1K views
MHIT 603: Introduction to Interaction Design by Mark Billinghurst
MHIT 603: Introduction to Interaction DesignMHIT 603: Introduction to Interaction Design
MHIT 603: Introduction to Interaction Design
Mark Billinghurst1.1K views
Embry-Riddle Campus Solutions UX Design by paulodavila
Embry-Riddle Campus Solutions UX Design Embry-Riddle Campus Solutions UX Design
Embry-Riddle Campus Solutions UX Design
paulodavila1.7K views
User Experience Design - Why, How and Where by jacodewet
User Experience Design - Why, How and WhereUser Experience Design - Why, How and Where
User Experience Design - Why, How and Where
jacodewet738 views
Building for People: 5 Practical Tip for Greating Great UX by qixingz
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UX
qixingz2.3K views

Recently uploaded

DALI Basics Course 2023 by
DALI Basics Course  2023DALI Basics Course  2023
DALI Basics Course 2023Ivory Egg
14 views12 slides
Perth MeetUp November 2023 by
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023 Michael Price
15 views44 slides
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor... by
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...Vadym Kazulkin
75 views64 slides
Melek BEN MAHMOUD.pdf by
Melek BEN MAHMOUD.pdfMelek BEN MAHMOUD.pdf
Melek BEN MAHMOUD.pdfMelekBenMahmoud
14 views1 slide
STPI OctaNE CoE Brochure.pdf by
STPI OctaNE CoE Brochure.pdfSTPI OctaNE CoE Brochure.pdf
STPI OctaNE CoE Brochure.pdfmadhurjyapb
12 views1 slide
How the World's Leading Independent Automotive Distributor is Reinventing Its... by
How the World's Leading Independent Automotive Distributor is Reinventing Its...How the World's Leading Independent Automotive Distributor is Reinventing Its...
How the World's Leading Independent Automotive Distributor is Reinventing Its...NUS-ISS
15 views25 slides

Recently uploaded(20)

DALI Basics Course 2023 by Ivory Egg
DALI Basics Course  2023DALI Basics Course  2023
DALI Basics Course 2023
Ivory Egg14 views
Perth MeetUp November 2023 by Michael Price
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023
Michael Price15 views
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor... by Vadym Kazulkin
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...
How to reduce cold starts for Java Serverless applications in AWS at JCON Wor...
Vadym Kazulkin75 views
STPI OctaNE CoE Brochure.pdf by madhurjyapb
STPI OctaNE CoE Brochure.pdfSTPI OctaNE CoE Brochure.pdf
STPI OctaNE CoE Brochure.pdf
madhurjyapb12 views
How the World's Leading Independent Automotive Distributor is Reinventing Its... by NUS-ISS
How the World's Leading Independent Automotive Distributor is Reinventing Its...How the World's Leading Independent Automotive Distributor is Reinventing Its...
How the World's Leading Independent Automotive Distributor is Reinventing Its...
NUS-ISS15 views
Black and White Modern Science Presentation.pptx by maryamkhalid2916
Black and White Modern Science Presentation.pptxBlack and White Modern Science Presentation.pptx
Black and White Modern Science Presentation.pptx
maryamkhalid291614 views
Igniting Next Level Productivity with AI-Infused Data Integration Workflows by Safe Software
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software225 views
Web Dev - 1 PPT.pdf by gdsczhcet
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
gdsczhcet55 views
Empathic Computing: Delivering the Potential of the Metaverse by Mark Billinghurst
Empathic Computing: Delivering  the Potential of the MetaverseEmpathic Computing: Delivering  the Potential of the Metaverse
Empathic Computing: Delivering the Potential of the Metaverse
Mark Billinghurst470 views
Future of Learning - Khoong Chan Meng by NUS-ISS
Future of Learning - Khoong Chan MengFuture of Learning - Khoong Chan Meng
Future of Learning - Khoong Chan Meng
NUS-ISS33 views
Voice Logger - Telephony Integration Solution at Aegis by Nirmal Sharma
Voice Logger - Telephony Integration Solution at AegisVoice Logger - Telephony Integration Solution at Aegis
Voice Logger - Telephony Integration Solution at Aegis
Nirmal Sharma17 views
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu... by NUS-ISS
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
NUS-ISS37 views
The details of description: Techniques, tips, and tangents on alternative tex... by BookNet Canada
The details of description: Techniques, tips, and tangents on alternative tex...The details of description: Techniques, tips, and tangents on alternative tex...
The details of description: Techniques, tips, and tangents on alternative tex...
BookNet Canada121 views
AMAZON PRODUCT RESEARCH.pdf by JerikkLaureta
AMAZON PRODUCT RESEARCH.pdfAMAZON PRODUCT RESEARCH.pdf
AMAZON PRODUCT RESEARCH.pdf
JerikkLaureta15 views
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze by NUS-ISS
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng TszeDigital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
NUS-ISS19 views
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors by sugiuralab
TouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective SensorsTouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective Sensors
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors
sugiuralab15 views

An introduction to User Experience