![Page 1: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/1.jpg)
Lecture 7
THE PROCESS OF INTERACTION DESIGN
Adapted by dr Kristina Lapin
![Page 2: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/2.jpg)
Overview
• What is involved in Interaction Design?– Importance of involving users
– Degrees of user involvement
– What is a user-centered approach?
– Four basic activities
• Framework for needs analysis: PACT
• Some practical issues– Who are the users?
– What are ‘needs’?
– Where do alternatives come from?
– How to choose among alternatives?
– How to integrate interaction design activities in other lifecycle models?
www.id-book.com 2
![Page 3: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/3.jpg)
What is involved in Interaction
Design?• It is a process:
– a goal-directed problem solving activity informed by intended use, target domain, materials, cost, and feasibility
– a creative activity
– a decision-making activity to balance trade-offs
• Generating alternatives and choosing between them is key
• Four approaches: user-centered design, activity-centered design, systems design, and genius designSaffer (2010)
www.id-book.com 3
![Page 4: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/4.jpg)
Design approaches
1. User centered design
– The users know best what they need and theyare the designer's source of knowledge
– The role of the designer – translate users' needs and goals to the design decisions
2. Activity-centred design
– Highlights the activities surrounding the task
– The user is still important but more the activities are analysed instead of needs and objectives
4
![Page 5: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/5.jpg)
Design approaches
• System design
– A structured, rigorous and holistic design approach
– Highlights a context
– appropriate for complex systems
• Rapid expert design (genius design)
– Based on the experience of a designer
– User’s role – to evaluate the designer’s ideas• the user is not involved to a design process itself
5
![Page 6: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/6.jpg)
www.id-book.com
Importance of involving users
• Expectation management
– Realistic expectations
– No surprises, no disappointments
– Timely training
– Communication, but no hype
• Ownership
– Make the users active stakeholders
– More likely to forgive or accept problems
– Can make a big difference to acceptance and success of product
6
![Page 7: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/7.jpg)
www.id-book.com
Degrees of user involvement
• Member of the design team
– Full time: constant input, but lose touch with users
– Part time: patchy input, and very stressful
– Short term: inconsistent across project life
– Long term: consistent, but lose touch with users
• Newsletters and other dissemination devices
– Reach wider selection of users
– Need communication both ways
• User involvement after product is released
• Combination of these approaches
7
![Page 8: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/8.jpg)
Research on user involvement• The benefits of the user study outweigh the costs (Kujala
et al., 2000).
• Other results are more ambiguous Subramanyam et al
(2010)
8
![Page 9: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/9.jpg)
Research on user involvement• User involvement can have a negative impact
on the project (Heinbokel et al, 1996):– Users generate complex ideas halfway through
the project and wants to include them too late.
– In some cases, users are afraid of losing their jobs and running unconstructive
– Users are unpredictable and understanding design principles require significant changes in almost the last moment
– User-conceit may lead to stress and cause unnecessary conflict
• Designing multimedia systems, to high user influence can suppress the innovative solutions
9
![Page 10: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/10.jpg)
www.id-book.com
What is a user-centered approach?
User-centered approach is based on:– Early focus on users and tasks:
• directly studying cognitive, behavioral, anthropomorphic &
attitudinal characteristics
– Empirical measurement:
• users’ reactions and performance to scenarios, manuals,
simulations & prototypes are observed, recorded and analysed
– Iterative design:
• when problems are found in user testing, fix them and carry out
more tests
10
![Page 11: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/11.jpg)
www.id-book.com
Some practical issues
• Who are the users?
• What do we mean by ‘needs’?
• How to generate alternatives
• How to choose among alternatives
• How to integrate interaction design activities with other lifecycle models?
11
![Page 12: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/12.jpg)
www.id-book.com
Who are the users/stakeholders?
• Not as obvious as you think:
– those who interact directly with the product
– those who manage direct users
– those who receive output from the product
– those who make the purchasing decision
– those who use competitor’s products
• Three categories of user (Eason, 1987):
– primary: frequent hands-on
– secondary: occasional or via someone else
– tertiary: affected by its introduction, or will influence its purchase
12
![Page 13: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/13.jpg)
www.id-book.com
Who are the stakeholders?
Check-out operators
CustomersManagers and owners
• Suppliers
• Local shop
owners
13
![Page 14: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/14.jpg)
What do we mean by ‘needs’?
• Users rarely know what is possible
• Users can’t tell you what they ‘need’ to help them achieve their goals
• Instead, look at existing tasks:
– their context
– what information do they require?
– who collaborates to achieve the task?
– why is the task achieved the way it is?
• Envisioned tasks:
– can be rooted in existing behaviour
– can be described as future scenarios
14www.id-book.com
![Page 15: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/15.jpg)
Activities and technologies
15
Activities in contexts
Technologies
Requirements
Opportunities
People
![Page 16: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/16.jpg)
User needs analysis
16
•People•Activities
•Context of use
•Technologies
PACT analysis
![Page 17: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/17.jpg)
Physical differences
• Physical characteristics: height, weight
• Senses: sight, hearing, touch, smell, taste
17
Source of images: An innocent visit to a Thailand ATM sparks a new meme
![Page 18: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/18.jpg)
Physical differences
• Colour blindness
– inability to distinguish red and green
colours affects ~8% males
• Short-sightedness, long-
sightedness
• Hearing and finger dexterity
impairements
• Large fingers vs small buttons
18
![Page 19: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/19.jpg)
Psychological differences
• Different spatial abilities
–Good ability help easier navigate in
websites
–Designers should design for people with
poor ability
• Provide good signs and clear directions
–Language differences
–Cultural differences
19
![Page 20: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/20.jpg)
Mental model
• The understanding and
knowledge of using IT
– Incomplete
• people understand some
parts better that others
– unstable
• people can forget details
• Develop through
interacting with systems
20
Norman’s system image(Benyon, 2013, p. 31)
![Page 21: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/21.jpg)
Social differences
• the reason for use technologies
– The goals and motivations in using technology
• Beginner, intermediate and expert users
• Motivations to learn and use particular system
– beginner needs to be guided
– experts use a system regularly and learn all sorts of details
– intermediate need to remember how to use
21
![Page 22: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/22.jpg)
USER NEEDS ANALYSIS:
PERSONAS AND SCENARIOS
![Page 23: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/23.jpg)
Different experience levels
23[1] Chapter 3. Beginners, intermediates, experts
![Page 24: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/24.jpg)
Beginners
• Need extra help fro the program until they
became intermediates
• They may not recall from use to use
exactly which command is needed to act
on a particular object,
– but they will definitely remember the
relationships between objects and actions.
![Page 25: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/25.jpg)
Intermediates
• need access to tools.
– They don’t need scope and purpose explained
to them because they already know these
things
– tooltips
• know how to use reference materials.
– They are motivated to dig deeper and learn,
as long as they don’t have to tackle too much
at once
![Page 26: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/26.jpg)
Experts
• demand faster access to their regular
working set of tools, which may be quite
large.
– want shortcuts to everything
• seek to learn more and to see more
connections between their actions and the
product’s behavior and representation.
• appreciate new, powerful features.
![Page 27: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/27.jpg)
27
•People
•Activities•Context of use
•Technologies
PACT analysis
![Page 28: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/28.jpg)
Activities
• Temporal aspects
• Cooperation
• Complexity
• Safety-critical
• The nature of content
Tikslinis projektavimas | Naudotojų tipai 28
![Page 29: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/29.jpg)
Activities
• Temporal aspects
– frequency
• Frequent tasks – easy to do
• Infrequent tasks – easy to learn or remember how to do
– Time pressure
• Quiet or busy
– Single or continuous actions
• Can be interrupted?
– If Yes – let user find their place
– Acceptable response time
29
![Page 30: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/30.jpg)
Activities
• Cooperation
– One or more users?
– For collaborative activities
• Awareness
• Coordination
• Communication
30
![Page 31: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/31.jpg)
Activities
• Complexity
– Well-defined task
• can be accomplished by steo by step design
– for a vague activity people have to be able
• to browse around
• see different types of information
• move from one think to another
• …
31
![Page 32: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/32.jpg)
Activities
• Safety-critical aspects
– any mistake could result in in an injury or
serious accident
– designers must pay attention to ensuring that
mistakes do not have a serious effect
• Designers must
– think what happens when people make
mistakes and errors
– design for that circumstances
32
![Page 33: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/33.jpg)
Activities: Content
• Data requirements
– What is input?
• large/modest/small amount of required data?
– How to input?
– What is output?
• alphanumerical data, video records, other media
• good content:
– accurate, up to date, relevant, good presented
33
![Page 34: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/34.jpg)
34
•People
•Activities
•Context of use•Technologies
PACT analysis
![Page 35: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/35.jpg)
The physical context
• Environment in which activity happens
• Physical environment
– temperature, humidity, atmospheric pressure,
lightlevels, noise, ..
35
![Page 36: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/36.jpg)
Social contexts
• Social environment
– privat issues
– individual or group
activity
36
![Page 37: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/37.jpg)
Organisational contexts
• Changes in
technologies alter
communication and
power structures
• Automation can have
affects
– suxh as deskilling
37
![Page 38: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/38.jpg)
38
•People
•Activities
•Context of use
•Technologies
PACT analysis
![Page 39: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/39.jpg)
Technologies
• Input devices
– switches and buttons facilitate instructions
• take up space
– for alphanumerical input – keyboards
39
![Page 40: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/40.jpg)
Technologies
• Input devices
– touch screens
– pointing devices, e.g. mouse, stylus
– trackball
– joystick
40
Microsoft surface
![Page 41: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/41.jpg)
Technologies
• Input devices
– gestures
– QR codes
41
Microsoft Kinnect
![Page 42: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/42.jpg)
Output technologies
42
Flexible organic light-emitting diode
2D and 3D printers
Haptic technologies
![Page 43: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/43.jpg)
Communication
• Between people and between devices
– Bandwidth and speed are critical
– Wired with fibre-optic cables
• The fastest communication
– Wireless, wifi
• quite limited in range
• need to be within a few metres
• 4G fast and wide coverage
– Bluetooth, NFC
43
![Page 44: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/44.jpg)
Content
• Good content
– accurate, up to date, relevant and well presented
• Characteristics of the data influence input
methods
– Barcodes – for data that does not change often
– Touchscreens – for a few options to choose from
– Speech input
• if there is no noise and few commands to enter
44
![Page 45: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/45.jpg)
Scoping the design problem
with PACT
• User needs is a right mix
–of technologies
–to support activities
–being undertaken by people
– in different contexts
45
![Page 46: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/46.jpg)
www.id-book.com
Four basic activities in
Interaction Design
1. Establishing requirements
2. Designing alternatives
3. Prototyping
4. Evaluating
46
![Page 47: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/47.jpg)
www.id-book.com
A simple interaction design lifecycle
model
Exemplifies a user-centered design approach
47
![Page 48: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/48.jpg)
![Page 49: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/49.jpg)
User centered design (UCD)
49
Image from the Ergonomen.ch
![Page 50: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/50.jpg)
How to integrate interaction design
in other models• Integrating interaction design activities in lifecycle
models from other disciplines needs careful planning
• Several software engineering lifecycle models have
been considered
• Integrating with agile software development is
promising
– it stresses the importance of iteration
– it champions early and regular feedback
– it handles emergent requirements
– it aims to strike a balance between flexibility and structure
50www.id-book.com
![Page 51: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/51.jpg)
51
A simple interaction design lifecycle
model
Exemplifies a user-centered design approach
Establishing
needs and
requirements
Evaluation(Re)design
Development of
interactive
prototype
Production
![Page 52: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/52.jpg)
Star model
52
ImplementationTask analysis,
function analysis
Evaluation
Developing the
prototype
implementation
Conceptual presentation
formal representation
(Hartson ir Hix, 1989)
![Page 53: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/53.jpg)
53 www.id-book.com
How to integrate interaction design
lifecycles with SE models
• Lifecycle models from other disciplines
• Agile software development promising
– have development and design running in separate
tracks
– maintain a coherent vision of the interface
architecture
![Page 54: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/54.jpg)
The usability engineering lifecycle
54(D. Deborah J. Mayhew & Associates 2011
![Page 55: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/55.jpg)
Agile development
55
http://istqbexamcertification.com/what-is-agile-model-advantages-
disadvantages-and-when-to-use-it/
![Page 56: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/56.jpg)
SOME PRACTICAL ISSUES
www.id-book.com 56
![Page 57: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/57.jpg)
How to generate alternatives
• Humans stick to what they know works
• But considering alternatives is important to ‘break out of the box’
• Designers are trained to consider alternatives, software people generally are not
• How do you generate alternatives?
— ‘Flair and creativity’: research and synthesis
— Seek inspiration: look at similar products or look at very different products
57www.id-book.com
![Page 58: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/58.jpg)
IDEO TechBox
• Library, database and website all-in-one
• Contains physical gizmos for inspiration
58www.id-book.com
![Page 59: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/59.jpg)
The TechBox
59www.id-book.com
![Page 60: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/60.jpg)
How to choose among alternatives• Evaluation with users or with peers, e.g. prototypes
• Technical feasibility: some not possible
• Quality thresholds: Usability goals lead to usability criteria set early on and check regularly
– safety: how safe?
– utility: which functions are superfluous?
– effectiveness: appropriate support? task coverage, information available
– efficiency: performance measurements
– learnability: is the time taken to learn a function acceptable to the users?
– memorability: can infrequent users remember how to achieve their goal?
60www.id-book.com
![Page 61: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/61.jpg)
Testing prototypes to choose
among alternatives
61www.id-book.com
![Page 62: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/62.jpg)
SummaryFour basic activities in the design process
1. Establishing requirements
2. Designing alternatives
3. Prototyping
4. Evaluating
User-centered design rests on three principles
1. Early focus on users and tasks
2. Empirical measurement using quantifiable & measurable usability criteria
3. Iterative design
62www.id-book.com
![Page 63: Lecture 7 THE PROCESS OF INTERACTION DESIGN Adapted by dr …web.vu.lt/mif/k.lapin/files/2017/03/7-Process.pdf · 2017-04-23 · User needs analysis 16 ... Scoping the design problem](https://reader034.vdocuments.us/reader034/viewer/2022042113/5e8fc144bad8d34a4f4a716f/html5/thumbnails/63.jpg)
References
• Preece J., Sharp H., Rogers Y., Interaction Design: Beyond
Human-Computer Interaction, 4th Edition, Wiley, 2015.
• Saffer Dan, Designing for Interaction: Creating Smart Applications and
Clever Devices, New Riders, 2010. Google books
• David Benyon, Phil Turner, Susan Turner. Designing Interactive
Systems: People, Activities, Contexts, Technologies. Addison
Wesley, 2005, 2014. chapter 2: PACT framework
• Aaron Cooper. "How should we integrate User Experience in Agile
and Scrum?”, 2017
• Desirée Sy. Adapting Usability Investigations for Agile User-centered
Design. Journal of Usability Studies, vol. 2, is. 3, 2007, pp. 112-132
www.id-book.com 63