interaction design - lmu medieninformatik design.pdf · lmu münchen – medieninformatik –...
TRANSCRIPT
![Page 1: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/1.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Interaction Design
Chapter 10 (June 26, 2013, 9am-12pm): Service Design
1
![Page 2: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/2.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 2
May June July
III Beyond the Desktop
![Page 3: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/3.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Service Design
• What is a Service ?
• Characteristics of a Service
• Elements of Service Design
• Core Values of Service Design
• Prototyping Service Design
• Service Blueprints
3
![Page 4: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/4.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 4
You are what you use...not what you own
Slogan From Live/Work
![Page 5: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/5.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
5
http://www.markabull.com/wp-content/uploads/2011/01/stage.jpg
Front Stage
![Page 6: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/6.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
http://blog.entrepreneurthearts.com/etablog/wp-content/uploads/2010/08/backstage.jpg
Back Stage6
![Page 7: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/7.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 7source: [3]
![Page 8: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/8.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 8
http://3.bp.blogspot.com/_Tjn2n1CMss0/TTsJZ_GCTII/AAAAAAAAFXI/QvUK4TfntBY/s400/telephone_operators_springfield_il_.jpg
Phone Service
![Page 9: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/9.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 9
People, Places, Products...source: [3]
![Page 10: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/10.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 10
Processes...source: [3]
![Page 11: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/11.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 11http://hotline.ccsinsight.com/_images-article/imode-logo.jpg
![Page 12: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/12.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 12
Takeshi Natsuno
-works for NTT Docomo Japan-developed the iMode Service-drove the service to 32 million subscriberswithin 5 years
http://www.designinginteractions.com/interviews/LarryTesler source: [3]
![Page 13: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/13.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 13
![Page 14: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/14.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 14
Content Provider
Hardware Manufacturer
Network Provider
iMode Service CORE Stakeholders
![Page 15: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/15.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 15
Content Provider
Hardware Manufacturer
Network Provider
iMode Service CORE Stakeholders
Transport
Payment
Vending
....
....
....
........
![Page 16: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/16.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 16
http://www.tropicalisland.de/CPT%20Cape%20Town%20International%20Airport%20South%20African%20Airways%20B747-400%20aircraft%20b.jpg
Traveling with an Airline
![Page 17: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/17.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 17
1998go to travel agent
receive tickets by mail
go to the check in desk
receive boarding pass
check in bags
board plane
Todaygo to airlines website
receive mobile boarding pass
drop bags at self check in
board plane
![Page 18: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/18.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 18
Urban Interfaces
![Page 19: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/19.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 19
Urban Interfaces
![Page 20: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/20.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 20
Service Design in a NutshellOne (over-) view form a company called LiveIWork...
![Page 21: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/21.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 21
![Page 22: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/22.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 22
Service Design
ensures that all the touchpoints work brilliantly...
source: http://www.livework.co.uk/
![Page 23: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/23.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 23
Service Design
ensures that the touchpoints work together to create wonderful experiences
source: http://www.livework.co.uk/
![Page 24: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/24.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 24
Service Design
involves people that use and provide the service
source: http://www.livework.co.uk/
![Page 25: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/25.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 25
Service Design
tests a new service with users to make sure all works
source: http://www.livework.co.uk/
![Page 26: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/26.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 26
Service Design
ensures that all parts work together throughout the customer journey
source: http://www.livework.co.uk/
![Page 27: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/27.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 27
Service Example: Streetcar
![Page 28: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/28.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 28
Service Example: EasyJet
![Page 29: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/29.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29
What is a service?
-a chain of activities that form a process and have value for the end user(customer journey)
-services affect our daily qualify of life(user experience)
-service design is somehow similar to systems design (Chapter 2)(service blueprints)
-service design focuses on the entire system of use(via touchpoints)
source: [5]
![Page 30: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/30.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 30source: [5]
![Page 31: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/31.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Service Design
• What is a Service ?
• Characteristics of a Service
• Elements of Service Design
• Core Values of Service Design
• Prototyping Service Design
• Service Blueprints
31
![Page 32: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/32.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 32
1. IntangibleAlthough services are often populated with objects, the service itself is ephemeral, customers can´t see or touch the service itself-only the physical embodiments
http://www.flickr.com/photos/wensi/320468481/sizes/l/in/photostream/ source: [5]
![Page 33: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/33.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 33
2. Provider ownershipCustomers who use a service may come away from it with an owned object such as a cup of coffee or used car, but they don´t own the service itself.
http://filecache.drivetheweb.com/mr4enh_zipcar/71/photo_zipcar_prius.jpg source: [5]
![Page 34: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/34.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 34
3. Co-createdServices aren´t made by the service provider alone; they require the involvement and engagement of the customers as well.
http://www.unicreditbank.cz/download/karty_obrazky/co_brand/Miles_More_gold.jpg source: [5]
![Page 35: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/35.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 35
4. FlexibleEach new situation or customer requires that the service adapt to it
http://www.flickr.com/photos/26418562@N02/4530226295/sizes/l/in/photostream/ source: [5]
![Page 36: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/36.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 36
5. Time BasedServices take time to perform, and that time cannot be recovered if lost.
http://www.fraport.com/cms/media/28/28788.flugzeug_mit_bodenstrom_cdu09.jpg source: [5]
![Page 37: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/37.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 37
6. ActiveServices a created by human labor and are thus difficult to scale.
http://files.gecompany.com/gecom/de/summit/photos/GE%20Wind_Customer%20Support%20Center_lg.jpg source: [5]
![Page 38: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/38.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 38
7. Fluctuating demand.Most services vary by time of the day, season, and cultural mood.
http://www.flickr.com/photos/wink/2134042761/sizes/o/in/photostream/ source: [5]
![Page 39: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/39.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Service Design
• What is a Service ?
• Characteristics of a Service
• Elements of Service Design
• Core Values of Service Design
• Prototyping Service Design
• Service Blueprints
39
![Page 40: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/40.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 40
Elements of Service Design:
Service design focuses on multiple “touchpoints” and the usersinteractions with these touch-points over time.
These touchpoints are typically places, products, processes and people.
source: http://www.livework.co.uk/
![Page 41: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/41.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 41
Touchpointssome examples (but not limited):
-physical locations -specific parts of locations-signage-objects -web sites-mailing-spoken communication-printed communications-applications-machinery-customer service-partners..........
source: [5]
![Page 42: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/42.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 42
Touchpoints are the raw material interaction designers work with.Once a map of existing and potential touch-points is created designers can brainstorm on further details for each touchpoint.
Touchpoints
source: [5]
![Page 43: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/43.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 43source: [3]
![Page 44: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/44.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 44
Place-the settings for the service delivery-the environment needs to provide the space necessary to perform the actions of the service-it needs to tell the user cues for these actions such as signs, costumed menus or displays
http://upload.wikimedia.org/wikipedia/commons/2/29/Heathrow_Terminal_5_-_Flight_Connections.jpg source: [5]
![Page 45: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/45.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 45http://sakurasky.files.wordpress.com/2010/01/businesslounge.jpghttp://upload.wikimedia.org/wikipedia/commons/d/d2/Jinan_Yaoqiang_Airport_waiting_area_2005_10_15.jpg
![Page 46: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/46.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 46
Products-artifacts that facilitate interaction-products populate the environment (place)-they provide the potential for users´active participation
http://www.patentlyapple.com/.a/6a0120a5580826970c0133ed29ab4c970b-800wi source: [5]
![Page 47: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/47.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 47
Processes-the process describes “how” the service is ordered, created and delivered to the user-processes can change subtle or radically within the service through different environments and over time -often there are multiple pathways and therefore processes through a service experience
source: [5]
![Page 48: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/48.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 48
People-through people services come alive, usually through complex choreography-users and employees perform different parts of the service for achieving a particular result
http://www.flickr.com/photos/nivium/3857680299/ source: [5]
![Page 49: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/49.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Service Design
• What is a Service ?
• Characteristics of a Service
• Elements of Service Design
• Core Values of Service Design
• Prototyping Service Design
• Service Blueprints
49
![Page 50: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/50.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 50
Service Design leads to:
source: http://www.livework.co.uk/
![Page 51: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/51.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 51
Service Design....
-can lead to environmentally friendly solutions. (Car sharing service)-can boost good business models: well designed and executed services will increase sales and helping tying users to a specific brand
The introduction of new technology (sensors, smart-phones) makes this discipline highly relevant for interaction designers as their expertise involves bridging the gap between technology and people.
Applying interaction design techniques to service design can lead to richer experiences.
![Page 52: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/52.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 52
Shelley Evenson
-teaches service and interaction design at CMU, Pittsburgh -Co-founder of seeSpace and chief experience scientist for Scient
http://research.microsoft.com/en-us/news/features/images/Shelley.jpg
![Page 53: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/53.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 53
![Page 54: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/54.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 54
Service design can involve
person2person interaction = check in desk
person2machine interaction = self check in kiosk
machine2machine interaction = airport baggage system
![Page 55: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/55.jpg)
Service as Design Triangle:
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
ServiceProvider
People(User)
ServiceMedium
brandrelationship
designmetadesign
![Page 56: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/56.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 56
Service design addresses the functionality and form of the service medium. The aim is to ensure that service interfaces are usable and useful, effective and efficient, desirable and differentiated from the provider and the persons point of view.
after Birgit Mager
![Page 57: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/57.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Service Design
• What is a Service ?
• Characteristics of a Service
• Elements of Service Design
• Core Values of Service Design
• Prototyping Service Design
• Service Blueprints
57
![Page 58: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/58.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 58
Prototyping services
-is different from prototyping products since services don‘t come alive until someone is using them -involves creating scenarios based on the service moments and acting them out physically
![Page 59: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/59.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 59
Fran Samalionis
-is the service design lead at IDEO-MA in ergonomics from UCL
http://www.designinginteractions.com/interviews/FranSamalionis source: [3]
![Page 60: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/60.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 60
![Page 61: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/61.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 61
Research Analysis Concepts Prototypes
Validate Concepts
![Page 62: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/62.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Heinrich Hussmann – Interaction Design – SS2012
IDEO | observation
traditionalmarket
research
empathicresearch
subjects truth inspiration
(?)
62source: [4]
![Page 63: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/63.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 63source: [3]
![Page 64: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/64.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 64source: [3]
![Page 65: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/65.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 65
Research Analysis Concepts Prototypes
Validate Concepts
![Page 66: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/66.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
short term view
Pathfinder Dreamer
Onlooker Organizer
long term view
low engagement high engagement
source: [3]
![Page 67: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/67.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 67
Research Analysis Concepts Prototypes
Validate Concepts
![Page 68: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/68.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 68source: [3]
![Page 69: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/69.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Service Design
• What is a Service ?
• Characteristics of a Service
• Elements of Service Design
• Core Values of Service Design
• Prototyping Service Design
• Service Blueprints
69
![Page 70: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/70.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 70
Research Analysis Concepts Prototypes
Validate Concepts
Blueprints
![Page 71: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/71.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
In the British Standard for Service Design (BS 7000 -3, BS 7000 -10, BS EN ISO 9000), blueprinting is described as the mapping out of a service journey identifying the processes that constitute the service, isolating possible fail points and establishing the time frame for the journey.
We interpret this in a much broader sense. We look at it as an experience map which covers both the service elements as well as the product interactions.
Definition
71source: [2]
![Page 72: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/72.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
What is an Experience Blueprint?
An experience blueprint is a diagrammatic representation of the user journey that maps processes, touch points, people and support activities involved in creating the experience.
It helps in visualizing the correlation between the front stage (user end) and the back stage (provider end). It also helps to interconnect the tangible elements with intangible and deal with them more objectively.
72source: [2]
![Page 73: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/73.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
History and Use
Blueprinting services was pioneered by G. Lynn Shostack, former VP of Citibank, in the 1980’s as a way to plan the cost and revenue associated with operating a service.
Ever since it has been interpreted in many different ways and used by many leading design and management consultancies.
73source: [2]
![Page 74: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/74.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
TimeEntry Exit
Front Stage
Back Stage
User Journey
Support Processes
User Touch points
Provider Touch points
74source: [2]
![Page 75: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/75.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Touch Points
User Actions
Line of interaction
Line of visibility
Backstage activity
Line of internal interaction
Support process / Stake Holders
75source: [2]
![Page 76: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/76.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 76source: [2]
![Page 77: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/77.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Sketching a Service Blueprint
77source: [2]
![Page 78: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/78.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013
Sketching a Stakeholder Map
78source: [2]
![Page 79: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/79.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 79source: [3]
![Page 80: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/80.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 80source: [3]
![Page 81: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/81.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 81http://adaptivepath.com/uploads/archive/blog/wp-content/uploads/2009/03/stspanel_service_blueprint.png
Refined Service Blueprint
![Page 82: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/82.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 82
Touchpoint Prototype
![Page 83: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/83.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 83
Acting Out a Servicesource: [2]
![Page 84: Interaction Design - LMU Medieninformatik Design.pdf · LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 29 What is a service?-a](https://reader036.vdocuments.mx/reader036/viewer/2022062306/5e7fd1b8a923be0c762802f1/html5/thumbnails/84.jpg)
LMU München – Medieninformatik – Alexander Wiethoff + Andreas Butz – Interaction Design – SS2013 84
References (Books):
[1] Buxton, W. Sketching User Experiences, Morgan Kaufmann 2007.[2] Copenhagen Institute of Interaction Design, Service Design Workshop 2008.[3] Moggridge, B. Designing Interactions, MIT Press, 2006.[4] Rogers, Y., Preece, J. & Sharp, H. Interaction Design, Wiley & Sons 2011.[5] Saffer, D. Designing for Interaction, New Riders 2009.