[2024]Digital Global Overview Report 2024 Meltwater.pdf
Elements of UX Design
1. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Memi Beltrame
The UX Design Process
Creating User Experience
from Research to Implementation
Liip techtalk, November 9th
2010
2. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
User
Experience
Design
Content
Behaviour
Form
3. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Content
Behaviour
Form
Information
Architects
Grafic
Designers
Interaction
Designers
4. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
No Design
without Research
5. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
No Design
without Research
Who? What? Why? How?
6. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
UX Design follows
the 5S Pattern
12. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Scope
Find out
● Personas
● Their Goals
● Their Motivation
● Their Usecases
13. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Personas
A Short Introduction
14. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
A Persona is a representative
of a certeain user group.
Define Target
Audience
Analyze Users Group Users Form Persona
Peter
Sue
Marc
15. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Personas
● Are tangible
● Provide a common ground
for conversation
● Help prioritize tasks in
regard to business relevance
16. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Personas
● Name them
● Give them a background
● Define their level of skills
● Define motivation & needs
17. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
The Weiss familyJeff & Lize Kevin & friends
Example: Swiss Winter Resort
18. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
The Weiss familyJeff & Lize Kevin & friends
Who are they? What are their needs?
Example: Swiss Winter Resort
19. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Example: Swiss Winter Resort
The Weiss familyJeff & Lize Kevin & friends
● Middle class couple
● Jeff: Lawyer, Lize: Teacher
● Travel a Lot
● Like sports & nature
● Want to find out on their
own what suits them most
● Student
● Very social snowboard nerd
● Good offers are crucial to him
● Likes adreanline kicks
● Depends on public transport
● Wants to get on the slopes as
easily as possible
● Shoe-Shop owners with 2 kids
● Have been here before once
● Come by car
● Only during school holidays
● Want to be sure to get best
offers to match their budget
● Need planning support
23. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Skeleton
Translate Usecases and Tasks
to Prototypical Screens
24. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Skeleton
Translate Usecases and Tasks
to Prototypical Screens
Make Prototypes → Test → Iterate
25. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Skeleton
Tests verify assumptions on
● Tasks
● Workflows
● Content
26. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Skeleton
Define Patterns for
Interaction and Design
Principles
33. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Mission, Focus Groups
Personas, Tasks
Workflows,
Information Architecture
Prototypes,
Design Patterns
Screens, Implementation
36. Liip Techtalk November 9th
2010
Memi Beltrame: The UX Design Process
Creative Commons Credits:
By Steve Polyak
http://www.flickr.com/photos/spolyak/1031569673/
By David – Studio 757
http://www.flickr.com/photos/studio757/4515640847/
By Sport Communities
http://www.flickr.com/photos/sportcommunities/2200759639/