augmented reality im ux design

60
AUGMENTED REALITY IM UX DESIGN Von Hollywood zum Benutzer [email protected] Senior UX Designer Lead Mobile Solutions Tobias Zapp tobizapp http://cyrilandersontraining.com/2013/09/20/augmented-reality-and-wearable-computing-possibilities-for-google-glass-in-training/

Upload: ergosign-gmbh

Post on 22-Mar-2017

1.535 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Augmented Reality im ux design

AUGMENTED REALITY IM UX DESIGNVon Hollywood zum Benutzer

[email protected]

Senior UX Designer Lead Mobile Solutions

Tobias Zapp

tobizapp

http://cyrilandersontraining.com/2013/09/20/augmented-reality-and-wearable-computing-possibilities-for-google-glass-in-training/

Page 2: Augmented Reality im ux design

UNTERNEHMEN

2

Page 3: Augmented Reality im ux design

UNTERNEHMEN

3

Spezialisierter Anbieter von User Interface Design Services

User Interfaces für Productivity Tools

Gesamter User Centered Design Life Cycle

Gründungsjahr: 2000

Gründer: Dr. Marcus Plach, Prof. Dr. Dieter Wallach

Feste Mitarbeiter: 90

Standorte in Saarbrücken, Hamburg, München, Berlin und Zürich

Ergosign GmbH

Page 4: Augmented Reality im ux design

Enterprise Industry Medical Consumer

Page 5: Augmented Reality im ux design

AUGMENTED REALITY

5

Page 6: Augmented Reality im ux design

WAS IST DAS?

6http://www.digitalspy.com/tv/news/a454935/little-britain-gavin-stacey-what-is-bbc-threes-best-ever-show/?zoomable

Page 7: Augmented Reality im ux design

AUGMENTED REALITY

Was ist das überhaupt?

Erweiterung der Realität um zusätzliche Informationen

Jede Art der Sinneswahrnehmung

Überwiegend jedoch visuelle Überlagerung von Informationen

7

Page 8: Augmented Reality im ux design

AUGMENTED REALITY

Definition und Einordnung

„Augmented reality is about augmenting the real world environment with virtual information by improving people’s senses and skills.” (R. Azuma 1997)

8

Mixed Reality

Real Environment

Virtual Environment

Augmented Reality

Reality-Virtuality Continuum (Milgram)

Page 9: Augmented Reality im ux design

AUGMENTED REALITY

Reality-Virtuality Continuum (Milgram)

9

Virtual Reality Augmented Reality

Der kleine Unterschied

Page 10: Augmented Reality im ux design

10http://www.critch.de/steven-spielberg-macht-den-kinofilm-minority-report-aus-dem-jahr-2002-zur-serie.html

Page 11: Augmented Reality im ux design

11http://technode.com/2011/04/22/senscape-is-chinas-first-augmented-reality-platform/iron-man-ar/

Page 12: Augmented Reality im ux design

12

Page 13: Augmented Reality im ux design

13

Page 14: Augmented Reality im ux design

14

Page 15: Augmented Reality im ux design

15

Page 16: Augmented Reality im ux design

HISTORY

16

Page 17: Augmented Reality im ux design

HISTORY

17http://blog.smartthings.com/news/roundups/5-ways-back-to-the-future-would-have-been-different-with-smartthings/

Page 18: Augmented Reality im ux design

AUGMENTED REALITY HISTORY

18

1957 1966 1992 1999 2000 2008

Morton Helig

Sensorama

http://www.pocket-lint.com/news/108888-the-history-of-augmented-reality

Page 19: Augmented Reality im ux design

AUGMENTED REALITY HISTORY

19

1957 1966 1992 1999 2000 2008

Prof. Ivan Sutherland

„The Sword of Damocles“

http://mashable.com/2012/09/24/augmented-reality/#S2rIR7Z0EPqd

Page 20: Augmented Reality im ux design

AUGMENTED REALITY HISTORY

20

1992 1999 2000 20081957 1966

Prof. Tom Caudell

„AR“ is born

http://de.slideshare.net/nowherelab/yoomee-workshopfiera-ambientelavoro2013

Page 21: Augmented Reality im ux design

AUGMENTED REALITY HISTORY

21

1992 1999 2000 20081957 1966

Louis B. Rosenberg

VIRTUAL FIXTURES

https://en.wikipedia.org/wiki/Virtual_fixture

http://web.stanford.edu/group/rrd/People/vdl/publications/ Biorobotics/BioRobotics.html

Page 22: Augmented Reality im ux design

AUGMENTED REALITY HISTORY

22

1992 1999 2000 20081957 1966

Steven Feiner, Blair MacIntyre, Doree Seligmann

KARMA (Knowledge-based Augmented Reality for Maintenance Assistance)

http://www.pocket-lint.com/news/108888-the-history-of-augmented-reality

Page 23: Augmented Reality im ux design

AUGMENTED REALITY HISTORY

23

1999 2000 20081957 1966 1992

Hirokazu Kato

ARToolKit

http://artoolkit.org/documentation/doku.php?id=7 _Examples:example_simplelite

https://www.flickr.com/photos/92015120@N00/2435516148

Page 24: Augmented Reality im ux design

AUGMENTED REALITY HISTORY

24

2000 20081957 1966 1992 1999

Bruce Thomas

ARQuake

https://en.wikipedia.org/wiki/ARQuake

Page 25: Augmented Reality im ux design

AUGMENTED REALITY HISTORY

25

1966 1992 1999 2000 20081957

Mobilizy

Wikitude

http://www.androidcentral.com/lg-and-wikitude-team-launch-3d-augmented-reality-browser

Page 26: Augmented Reality im ux design

AUGMENTED REALITY AKTUELL

26

2015

Page 27: Augmented Reality im ux design

Augmented Reality

Anwendungsgebiete

Page 28: Augmented Reality im ux design

28http://www.elitereaders.com/smartphones-germanium/

Page 29: Augmented Reality im ux design

29https://www.youtube.com/watch?v=vDNzTasuYEw

Page 30: Augmented Reality im ux design

30

Page 31: Augmented Reality im ux design

31https://www.youtube.com/watch?v=2ZkZ3kW5CiM

Page 32: Augmented Reality im ux design

32https://vimeo.com/142050397

Page 33: Augmented Reality im ux design

33

https://zombiesrungame.com/

Page 34: Augmented Reality im ux design

34http://www.fanpop.com/clubs/star-trek-the-next-generation/images/9406844/title/

Page 35: Augmented Reality im ux design

35http://genheration.com/technology-what-happened-to-google-glass/

Page 36: Augmented Reality im ux design

36http://winfuture.de/videos/Hardware/HoloLens-So-gross-ist-das-Sichtfeld-in-der-Realitaet-der-Nutzung-14793.html

Page 37: Augmented Reality im ux design

37https://www.microsoft.com/microsoft-hololens/en-us/experience

Page 38: Augmented Reality im ux design

38http://www.samsung.com/de/news/product-/virtual-reality-fuer-samsung-galaxy-s6-und-s6-edge

d

Page 39: Augmented Reality im ux design

39

Page 40: Augmented Reality im ux design

DIE UX-SICHT

40

Page 41: Augmented Reality im ux design

AUGMENTED REALITY

Mehrwert

Effizienz Entscheidende Informationen an Ort und Stelle

Mapping Verständnis komplexer Prozesse wird durch unmittelbare Projektion auf das Objekt vereinfacht

Hands-free Interaction Bei Einsatz von Datenbrillen/Head-Up-Displays in Kombination mit Sprachsteuerung

41

Page 42: Augmented Reality im ux design

I hear I forgetI see I rememberI experience I understand

AR: Lernen von Bedienschritten

Page 43: Augmented Reality im ux design
Page 44: Augmented Reality im ux design

http://www.cnet.com/news/hyundai-augmented-reality-owners-manual/

Page 45: Augmented Reality im ux design

AUGMENTED REALITY

Herausforderungen

Es existieren noch keine Patterns oder Gestaltungsregeln

Design muss den Geräten angepasst werden

Interaktion im Raum

Kein haptisches Feedback

Alternativen: Gesten, Sprachsteuerung, Pointing, Interaktion durch Hardbuttons

Loslösen von der „kleinen Leinwand“

Einbinden von Informationen in den realen Kontext

Bedürfnisse der Nutzer und das Umfeld spielen eine noch größere Rolle

45

Page 46: Augmented Reality im ux design

AUGMENTED REALITY

Vorsicht!

Sinnvollen Kontext beachten

Augmented Interface:

Realität steht im Vordergrund

Zusätzliche Informationen unterscheidbar gestalten

Fallbacks, falls das zu erweiternde Objekt nicht im Sichtfeld ist

Ethische Aspekte beachten (z.B. Persönlichkeitsrechte)

Cybersickness

46

Page 47: Augmented Reality im ux design

AUSBLICK

47

Page 48: Augmented Reality im ux design

IDEEN & ZIELE

48

Idee: Kombination von Wearables

AR-Brille

Einblendungen, wenn sich reale Objekte im Sichtfeld befinden

Smart Bracelet

Haptisches Feedback bei Eingaben

Notifications, auch wenn Objekte gerade nicht sichtbar sind

Verwaltung von Daten

UI befindet sich auf einer Ebene und nicht im Raum

+

Page 49: Augmented Reality im ux design

49

WARNMELDUNGEN

Page 50: Augmented Reality im ux design

50

WARNMELDUNGEN

Page 51: Augmented Reality im ux design

51

WARNMELDUNGEN

Page 52: Augmented Reality im ux design

52https://www.youtube.com/watch?v=QARt89_6Jrs

Page 53: Augmented Reality im ux design

53https://www.youtube.com/watch?v=tnRJaHZH9lo

Page 54: Augmented Reality im ux design

54https://www.youtube.com/watch?v=GJKwHAvR4uI

Page 55: Augmented Reality im ux design

55https://www.youtube.com/watch?v=tE-pbfXeFkQ

Page 56: Augmented Reality im ux design

FAZIT

56

Page 57: Augmented Reality im ux design

HYPE ODER SCHLÜSSELTECHNOLOGIE?

SINNVOLLER UMGANG UND ZUKÜNFTIGER EINSATZ

57

Page 58: Augmented Reality im ux design

AUGMENTED REALITY

58

Innovation

Trigger

Peak of

Inflated

Expectations

Trough of

Disillusionment

Slope of Enlightenment Plateau of

Productivity

EXPECTATIONS

TIME

Sensing

Smart Dust

Quantum Computing

Quantified Self Bioprinting

Computer Interface

Human Augmentation

Volumetric and Holographic Displays

Electrovibration

Affective Computing

Prescriptive Analytics

Autonomous Vehicles

Biochips

Neurobusiness

3D Scanners

Mobile Robots

-Speech Translation

Internet of Things

Language Question Answering

Big Data Wearable User Interfaces

Complex -Event Processing

Content Analytics

In-Memory Database Management Systems

Virtual Assistants

Augmented Reality

Machine -to-Machine Communication Services

Mobile Health Monitoring

NFC

Mesh Networks: Sensor

Cloud

Computing

Virtual Reality

In-Memory Analytics

Gesture Control

Activity Streams

Enterprise 3D Printing

Biometric Authentication Methods

Consumer Telematics

Location Intelligence

Speech Recognition

Predictive Analytics

Bioacoustic

3D

Brain -

Speech -to

Natural -

Consumer 3D Printing

Gamification

less than 2 years

2 to 5 years

5 to 10 years

more than 10 years

Plateau will be reached in:

Hype Cycle of Innovation

Page 59: Augmented Reality im ux design

AUGMENTED REALITY

Gartner (2014): Augmented Reality Will Become an Important Workplace Tool

„Gartner expects to see moderate adoption of AR for internal purposes over the next five years as the availability of powerful handheld devices, such as smartphones and tablets, and more portable, convenient and affordable head-mounted displays is making internal AR applications more widely available.“

59

Page 60: Augmented Reality im ux design

Ergosign GmbHKistlerhofstraße 7581379 MünchenGermany

T +49 89 6890607-0F +49 89 6890607-10

T +49 30 246397-13 F +49 681 988412-10

Ergosign GmbHRingbahnstraße 4212099 BerlinGermany

Ergosign GmbHHopfenstraße 23 20359 HamburgGermany

T +49 40 3179868-0F +49 40 3179868-10

Ergosign Switzerland AGBadenerstrasse 8088048 ZürichSwitzerland

T +41 44 54293-04F +41 44 54293-07

T +49 681 988412-0 F +49 681 988412-10

Ergosign GmbHEuropaallee 1266113 SaarbrückenGermany

VIELEN DANK.