User Experience Design

Lecture 1 – School of ICT

Quinton Nitidrono
q.nitidrono@unasat.sr
8639355
User Experience Design
Lecture 1 – School of ICT Multiscreen UX Design: Developing for
a Multitude of Devices –Wolfram Nagel
›ISBN: 978-0-12-802729-5

Lecture 1: Introduction + Users

Lecture 2: UX Models + strategies & examples
Lecture 3: Context of use + Information Architect
Lecture 4: Device/Screen + Wireframes
Lecture 5: Interaction Design
Lecture 6: Beroepsopdracht
Lecture 7: Presentaties + Evaluatie

Quinton Nitidrono
q.nitidrono@unasat.sr
8639355
 User Experience Design
Lecture 1 – School of ICT

Introductie
Ik ben Quinton Nitidrono
- Communication & Multidimedia Design – Avans Breda in 2008
Uitstroom: Multimediale Vormgeving
- Docent Grafische Vormgeving, VideoMontage NATIN AV
- Docent Animatie AHKCO
- Hobbies o.a.: films, series, jagen

Introductie
 User Experience Design
Lecture 1 – School of ICT

Introductie
- Wie ben je?
- Welke vooropleiding heb je gedaan?
- Werk je? Zo ja, waar en wat voor werk?
- Welke studie doe je op School of ICT en waarom heb je hiervoor
gekozen?
- Wat zijn je hobbies?

Introductie
 User Experience Design
Lecture 1 – School of ICT

Afspraken
- Op tijd aanwezig zijn of inloggen in Teams zodat het college op tijd kan
beginnen en afronden
- Melden als je niet bij het college zal zijn
- Actieve participatie
- Als ik te snel ga, niet duidelijk genoeg ben of je snapt iets niet heb je
toestemming om me te stoppen voor herhaling of nader uitleg
- Eerste helft van de college bestaat uit hoorcollege, tweede helft
werken aan een opdracht
- Vanuit de studenten?

Introductie
 User Experience Design
Lecture 1 – School of ICT

User Experience (UX)

Wat is het?

Introductie UxD
 User Experience Design
Lecture 1 – School of ICT

User Experience (UX)

- All aspects of the experiences (perception, reaction,
behavior) of a user during the interaction with a
product, system, service, environment or institution.
- Also includes the software and IT systems.
- Encompasses the full spectrum of interactive
possibilities

Introductie UxD
 User Experience Design
Lecture 1 – School of ICT

User Experience (UX)

- Is concerned less with technology, product design, or an
interface and more with the aid of a digital device, creating
a sensible and meaningful experience for the user.
- An experience is subjective, comprehensive, situation-
and location-related, and thus context-related, dynamic,
and valuable
- An experience is a story, emerging from the dialogue of a
person with her or his world through action

Introductie UxD
 User Experience Design
Lecture1 – School of ICT

User Experience (UX) vs User Interaction (UI)

Introductie UxD UX vs UI
 User Experience Design
Lecture 1 – School of ICT

Introductie UxD UX vs UI
 User Experience Design
Lecture 1 – School of ICT

Introductie UxD UX vs UI
 User Experience Design
Lecture 1 – School of ICT

User Experience (UX)

Put the focus on the user.

- Research the target group(s): Who are the most

important users, what devices are they using and
- what are their motives and requirements? See
Chapter3, Section 3.5.

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT

Wie zijn de users (gebruikers)?

• wat voor type bezoekers komen er op de site/app?
• wat komen mensen op de site/app doen?
• wat verwachten ze?
• wanneer gebruiken ze de site/app?
• met welk apparaat bezoeken ze de site/app?
• zijn er problemen of onduidelijkheden bij het gebruik?
• welke sites of applicaties gebruiken ze nog meer?

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT

Users and their typifications

- The digital society consists of a wide array of people. All
have various needs, live and spend their day differently,
and frequently use digital devices differently.
- These persons can be roughly classified into eight typical
and representative user types from predominantly analog
media users to totally networked multiscreeners.

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT

Users and their typifications

- It is important to know your target group(s) as well as possible.
- Moreover, it is helpful to understand the users and their environment as
well as their motives and needs.
›Who are the most important users and what devices are they using?
›What does a typical day in the life of the user look like? How does his
or her workflow look?
›What are the relevant device touchpoints?
- That is, which device is used when, where, by whom, why, how, how
frequently, and for what?

Introductie UxD UX vs UI Users

 User Experience Design
Lecture1 – School of ICT

Users and their typifications

- In order to answer these questions, in addition to the
prototypical users, we introduce three tools in this chapter:
›The touchpoint matrix supplies comprehensive
information about the daily routine of the (potential) users.
›The multiscreen day flow offers a compact overview of the
daily routine of a user and his device usage.
›With the emotion maps, the (implicit) motives and needs
of the users can be depicted and synchronized with the brand
values and/or features of a service.
- The approach is based on findings from psychology.
Introductie UxD UX vs UI Users
 User Experience Design
Lecture 1 – School of ICT

Typification and segmentation

- Society is broken down into clearly delimitable user groups
- Regarding the user prototypes, the focus is generally on the technology, the
media affinity, the device usage, the context of use, and the user’s needs.
Based on the project, various or all aspects are relevant.
- The user prototypes of the digital society:
›Digital outsiders
›Occasional users (two subgroups)
›Professional users
›Trend users (two subgroups)
›Digital pros
›Digital avant-garde

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT

1 Digital outsider
2 Occasional users (two subgroups)
3 Professional users
4 Trend users (two subgroups)
5 Digital pros
6 Digital avant-garde

- Average age of 65 years

- Primarily female
- Primarily not gainfully employed
- Primarily minimal formal education
levels
- Below average income

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT
1 Digital outsider

2 Occasional users (two subgroups)

3 Professional users
4 Trend users (two subgroups)
5 Digital pros
6 Digital avant-garde

- Average age of 45 years

- Slightly more females than males
- Minimal percentage of gainfully
employed persons (approximately half)
- Primarily simple/medium formal
education levels
- Average income

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT
1 Digital outsider
2 Occasional users (two subgroups)

3 Professional users
4 Trend users (two subgroups)
5 Digital pros
- Average age of 45 years 6 Digital avant-garde

- Higher percentage of women (more than

half)
- Higher percentage of gainfully employed
persons (75%)
- Mainly simple/medium formal education
levels
- Above average income

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT
1 Digital outsider
2 Occasional users (two subgroups)
3 Professional users

4 Trend users (two subgroups)

5 Digital pros
- Average age of 37 years 6 Digital avant-garde

- Higher percentage of men

- More job-related activities
- Medium formal education levels
- Slightly above average income

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT
1 Digital outsider
2 Occasional users (two subgroups)
3 Professional users
4 Trend users (two subgroups)

5 Digital pros
- Average age of 38 years 6 Digital avant-garde

- Primarily male
- Highest percentage of gainfully
employed persons
- High formal education levels
- Highest average income

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT
1 Digital outsider
2 Occasional users (two subgroups)
3 Professional users
4 Trend users (two subgroups)
5 Digital pros

- Average age of 34 years 6 Digital avant-garde

- Higher percentage of men
- Primarily gainfully employed
persons
- High formal education levels
- Tend to have above average income

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT

Persona’s
Een persona is een nauwkeurige omschrijving van iemand uit
de doelgroep. Reden om ze te maken is dat een levendige
beschrijving van een persona veel beter werkt dan de droge
opsomming van een doelgroepomschrijving. Wanneer een
product sterk focust op de persona, des te beter de 'user
experience' - de ervaring die de bezoeker of gebruiker heeft.

Introductie UxD UX vs UI Users

Introductie UxD UX vs UI Users
Introductie UxD UX vs UI Users
Introductie UxD UX vs UI Users
 User Experience Design
Lecture 1 – School of ICT

User persona’s
• Collect extensive data on target users.
• Determine the qualities of and differences between users.
• Develop a hypothesis from the research, determining the qualities of and differences between users.
• Ensure stakeholders agree on the hypothesis about the users.
• Determine a number of personas – more than one per project, but focus especially on one.
• Name and describe each persona in 1-2 pages, including:
1. A picture.
2. User’s values, interests, education, lifestyle, needs, attitudes, desires, limitations, goals and
behavior patterns.
3. Extra details about the persona (e.g., interests) – anything to make him/her more real and relevant
and help build empathy. A written story is better than bullet points.

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT

User persona’s
• Describe several situations/scenarios prompting the persona to use your
product – put him/her in contexts with problems to overcome.
• Include everyone involved in the project so they’ll accept the persona or advise
revisions.
• Send them the persona to use in their work.
• Ensure everyone develops scenarios – these should expose the persona
optimally to potential use cases.
• Make continuous adjustments – revisit the persona; add new features; add
required new personas; discard outdated personas.

Introductie UxD UX vs UI Users

 User Experience Design
Lecture 1 – School of ICT

Scenario’s
•Provide the context of:
• Who – details of the persona.
• What their goals are.
• When they might perform tasks (including obstacles).
• Where they might do these (including obstacles).
• Why they want to do things, must perform subtasks, etc.
•Focus on the bigger picture but keep to the point – include the circumstances leading up to the interaction, the
factors that impact the user’s world and that might influence how they interact with a solution (e.g., cultural
context) and anything they may need before encountering or using the solution (e.g., information).
•Make the scenario understandable for people who don’t have technical backgrounds – so everyone, including
stakeholders, can get on board with elements they can easily relate to and can stay open-minded about
necessary processes, etc.
•Keep user scenarios tightly centered on the users themselves – to ensure any ideas about design features stay
grounded in the reality of the users’ context.

Introductie UxD UX vs UI Users Scenario’s

 User Experience Design
Lecture 1 – School of ICT

Scenario’s
“Jeremy, 52, a senior manager for a medical supplies company, needs constantly updated information
on purchasing-related issues while he travels between work and hospital sites so he can use/allocate
resources optimally. He’s highly skilled, organized and diligent.
However, with recent layoffs he now struggles to manage his workload and is too drained to enjoy his
career. He strains to handle tasks which his former assistant previously performed, stays current with
issues and investigates supply-chain problems, while he tries to find alternatives that would be more
economical in the financial climate.
He wants something convenient like an app to take him straight to only the most relevant updates and
industry news, including current information feeds about share prices, tariffs on foreign suppliers,
budget decisions in local hospitals and innovations in the medical devices he handles (mostly lung and
cardiovascular products).
Instead of continuing to liaise with three other managers and spending an hour generating one end-
of-day report through the company intranet, he’d love to have all the information he needs securely
on his smartphone and be able to easily send real-time screenshots for junior staff to action and file
and corporate heads to examine and advise him about.”
Introductie UxD UX vs UI Users Scenario’s
Introductie UxD UX vs UI Users Scenario’s
 User Experience Design
Lecture 1 – School of ICT

Vragen?

Introductie UxD UX vs UI Users Scenario’s

 User Experience Design
Lecture 1 – School of ICT

Opdracht (individueel)
- Kies 1 Surinaamse retail website
- Beschrijf 3 persona’s voor de website
- Beschrijf minimaal 1 scenario’s per persona

Opdracht inleveren uiterlijk maandag 7 November 2022 om 23:59u via Teams

Introductie UxD UX vs UI Users Scenario’s Opdracht