SlideShare a Scribd company logo
JAMES MCCONNELL // UX & INTERACTION DESIGNER &
ADNAN YAFI // INTERACTION DESIGNER
18th FEBRUARY 2013
KTH
UX
AN INTRODUCTION TO USER EXPERIENCE DESIGN
SCREEN INTERACTION
AGENDA
first half
We are Screen Interaction
What is User Experience?
User Experience design principles
The Benefits of UX design
QUIZ TIME
JAMES MCCONNELL // UX & INTERACTION DESIGNER 23RD JANUARY 2013
SCREEN INTERACTION
WE ARE
SCREEN INTERACTION
ADNAN YAFIJAMES MCCONNELL
4
Introduction to User Experience
SCREEN INTERACTION 6
SCREEN INTERACTION
KTH 2006, Computer Science (Datateknik)
with a focus on HCI
7
SCREEN INTERACTION 8
UX & HCI
DEVELOPMENT
SCREEN INTERACTION 10
UX & HCI
DEVELOPMENT
We have a vision to simplify everyday life
for people through the digital services
they use.
Introduction to User Experience
SCREEN INTERACTION 14
SCREEN INTERACTION
T
broad understanding in various disciplines
deep knowledge in a specific field
15
SCREEN INTERACTION
01What is User Experience?
SCREEN INTERACTION
A USER EXPERIENCE IS...
The sum of interactions a person has with a product or service.
SCREEN INTERACTION
SCREEN INTERACTION
It’s easy to use.
It’s fast.
It’s usable.
It has a nice, simple home page.
It gives me what I want.
It’s accurate and finds results quickly.
It’s focused and does not get too far away from its core value
—and that’s search.
SCREEN INTERACTION
PHILOSOPHY
1. Focus on the user and all else will follow.
http://www.google.com/about/company/philosophy/
SCREEN INTERACTION
TITLE IN CAPS
Etiam porta sem malesuada magna mollis euismod. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aenean lacinia bibendum nulla sed
consectetur. Cras mattis consectetur purus sit amet
fermentum.
21
The experience does not start and end at
the interface.
SCREEN INTERACTION
A USER EXPERIENCE IS
SUBJECTIVE.
SCREEN INTERACTION
BORN 1948
MALE
BRITISH
MARRIED
SUCCESSFUL
WEALTHY
2 KIDS
LIKE DOGS
LOVE OF THE ALPS
SCREEN INTERACTION
HABITS // CULTURE // SOCIAL CONTEXT // MOTIVATIONS
DID YOU CONSIDER...?
BORN 1948
MALE
BRITISH
MARRIED
SUCCESSFUL
WEALTHY
2 KIDS
LIKE DOGS
LOVE OF THE ALPS
SCREEN INTERACTION
CONTEXT
IS
KING
SCREEN INTERACTION
02UX Design Principles
SCREEN INTERACTION
“You’ve got to start with the
customer experience and work
back toward the technology,
not the other way around.”
SCREEN INTERACTION
BUSINESS
NEEDS
USER
NEEDSUX
SCREEN INTERACTION
BUSINESS
NEEDS
USER
NEEDSUX
SCREEN INTERACTION
USER CENTERED DESIGN
SCREEN INTERACTION
MEET BASIC EXPECTATIONS
SCREEN INTERACTION
SCREEN INTERACTION
PEOPLE
ACTIVITY
CONTEXT
SCREEN INTERACTION
VIDEO
VIDEO
who?
why?
what?
when?
where?
how?
SCREEN INTERACTION
HOW DOES KNOWING ALL THIS
HELP TO DESIGN A GREAT UX?
SCREEN INTERACTION
Discuss in pairs.
Think about the activity, context & person.
What would you change, add, or remove to create a
better user experience?
SCREEN INTERACTION
03The Benefits of UX Design
SCREEN INTERACTION
UX IS WORTH...?
43
SCREEN INTERACTION
UX IS WORTH...?
44
$1 BILLION
SCREEN INTERACTION
useful
usable
desirable
magical
early adopters recurrent users sharers ambassadors
USERVALUE
BUSINESS VALUE
SCREEN INTERACTION
QUIZ
SCREEN INTERACTION
Our vision is to ________ everyday life for people
through the digital services they use.
The experience does not start and end at the
________.
Context is ____.
SCREEN INTERACTION
AGENDA
second half
UX Strategy & Process
Process in Reality
Desirable UX
Careers
QUIZ TIME
Wrap up
SCREEN INTERACTION
04UX strategy & process
REQUIREMENTS
CONTEXT OF USE
BUSINESS NEED OR OPPORTUNITY
CONCEPT / IDEA
EXISTING SOLUTIONS
USER FLOWS
PEOPLE & PERSONAS
PROTOTYPING
KNOWLEDGE
WIREFRAMING
VISUAL DESIGN
PEOPLE & PERSONAS
‣ Who will use it?
‣ Why will they use it?
SCREEN INTERACTION
SCREEN INTERACTION
SCREEN INTERACTION
PERSONAS
- LAUNCH
- LISTEN & LEARN
- REITERATE
SCREEN INTERACTION
05Process in Reality
Introduction to User Experience
Introduction to User Experience
PC PICTURE
PC PICTURE
VS
RESEARCH
INFORMATION
ARCHITECTURE
INTERACTION
DESIGN
S
USER FLOWS
PROTOTYPING
WIREFRAMING
Ring Kundcenter
0771-123 124
Tillbaka till startsidan
föräldrapenning
6. Prata med din arbetsgivare
7. Ansök om föräldrapenning
8. Fler kontaktvägar till oss
Föräldrautbildning för blivande
www.forsakringskassan.se
Om mobila webben
Skicka e-post
Försäkringskassan
Ring Kundcenter
0771-123 124
Vanligaste sökningar - Bostad
Bostad
Blanketter
Besöksadress
Föräldrarpenning
www.forsakringskassan.se
Om mobila webben
Skicka e-post
Övrigt - Bostad
Tillbaka till startsidan
Försäkringskassan
Förälder
Sjuk
Bostad
Studerande
Vanliga tjänster i mobilen
Beräkna prel. FP
Beräkna prel. bostadsbidrag
Anmäl TFP
Beställ EU-kort
Visa alla tjänster i mobilen
Vabba på webben!
Vi besvarar frågor på facebook!
Mest ställda frågor
Startsida
Studerand
2
3
1
4
5
7
6
Nivå 2
Nivå 4
Introduction to User Experience
Introduction to User Experience
SCREEN INTERACTION
06Desirable User Experiences
THE SMALL THINGS
THE SMALL THINGS
SCREEN INTERACTION
07Careers
KTH UX PRESENTATION V 1.0
SCREEN INTERACTION 71
No matter your role,
EVERYONE plays a part in...
SCREEN INTERACTION
QUIZ
SCREEN INTERACTION
To understand the different target groups we create
________.
______ tests help us to understand human behaviours
and attitudes.
The small things help to create __________ user
experiences.
SCREEN INTERACTION
08Wrap up
SCREEN INTERACTION
facebook.com/screeninteraction
twitter.com/screentwitt
SCREEN INTERACTION
Adnan Yafi
Interaction Designer
+46 73 550 20 11
76
THANK YOU
James McConnell
UX & Interaction Designer
+46 7 3333 7216
facebook.com/screeninteractiontwitter.com/screentwitt

More Related Content

PDF
Usability: Part of User Experience (UX)
PDF
Ui ux the way of future
PDF
Engagement small
PPTX
UX - Why There Is No Module For That (Drupalcamp Ghent 2018)
PDF
Make design happen
PDF
Research Poster-A3-GOOD
PDF
Introduction to User Experience Design
Usability: Part of User Experience (UX)
Ui ux the way of future
Engagement small
UX - Why There Is No Module For That (Drupalcamp Ghent 2018)
Make design happen
Research Poster-A3-GOOD
Introduction to User Experience Design

Similar to Introduction to User Experience (20)

PDF
Introduction to User experience design for beginner
PPTX
Engaging UX in engineering
PDF
Punchcut Immersive UX Experience Design
PDF
Why UX matters
PDF
Learner Experience Design: A New Hope? #lxdesign #icdeunisa
PDF
Why UX Matters? at Ripple Conference - Porto 2014
PDF
LBi Digital Academy | Class #2
PDF
Matching the Experience to the Brand
PPTX
User Experience Design - MIT ID Innovation
PDF
Why UX Matters? for Startup Braga 2015 #2 Acceleration Programe
PDF
Guest posting checkux.....2.pdf
PDF
An introduction to user experience design
PDF
Tapping User Experience Design
PDF
User Experience (UX) and Digital Transformation : The Why, What, and How
PPTX
MIMA Summit October 2015 - Shifting baselines
PDF
How UI UX Design Can Improve User Engagement.pdf
PPTX
Andrew Newman UX director
PDF
Design - What differentiates the useful from usable & delightful
PDF
Provide better user experience to your project
PDF
Demystifying User Experience
Introduction to User experience design for beginner
Engaging UX in engineering
Punchcut Immersive UX Experience Design
Why UX matters
Learner Experience Design: A New Hope? #lxdesign #icdeunisa
Why UX Matters? at Ripple Conference - Porto 2014
LBi Digital Academy | Class #2
Matching the Experience to the Brand
User Experience Design - MIT ID Innovation
Why UX Matters? for Startup Braga 2015 #2 Acceleration Programe
Guest posting checkux.....2.pdf
An introduction to user experience design
Tapping User Experience Design
User Experience (UX) and Digital Transformation : The Why, What, and How
MIMA Summit October 2015 - Shifting baselines
How UI UX Design Can Improve User Engagement.pdf
Andrew Newman UX director
Design - What differentiates the useful from usable & delightful
Provide better user experience to your project
Demystifying User Experience
Ad

Recently uploaded (20)

PDF
A comparative analysis of optical character recognition models for extracting...
PPTX
1. Introduction to Computer Programming.pptx
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Enhancing emotion recognition model for a student engagement use case through...
PPTX
cloud_computing_Infrastucture_as_cloud_p
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPTX
Tartificialntelligence_presentation.pptx
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
Approach and Philosophy of On baking technology
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
TLE Review Electricity (Electricity).pptx
PDF
Mushroom cultivation and it's methods.pdf
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
A comparative analysis of optical character recognition models for extracting...
1. Introduction to Computer Programming.pptx
Univ-Connecticut-ChatGPT-Presentaion.pdf
Enhancing emotion recognition model for a student engagement use case through...
cloud_computing_Infrastucture_as_cloud_p
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
1 - Historical Antecedents, Social Consideration.pdf
Tartificialntelligence_presentation.pptx
Assigned Numbers - 2025 - Bluetooth® Document
Group 1 Presentation -Planning and Decision Making .pptx
MIND Revenue Release Quarter 2 2025 Press Release
Agricultural_Statistics_at_a_Glance_2022_0.pdf
WOOl fibre morphology and structure.pdf for textiles
Approach and Philosophy of On baking technology
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
TLE Review Electricity (Electricity).pptx
Mushroom cultivation and it's methods.pdf
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Ad

Introduction to User Experience