Universal UI - Geräteübergreifendes Interaktionsdesign

Post on 27-Jan-2015

106 views 0 download

Tags:

description

Folien zum Vortrag "Geräteübergreifendes Interaktionsdesign" von Prof. Wolfgang Henseler (SENSORY-MINDS) auf der Webinale 2011 am 31. Mai 2011 in Berlin.

Transcript of Universal UI - Geräteübergreifendes Interaktionsdesign

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

UNIVERSAL UIGERÄTEÜBERGREIFENDES INTERAKTIONSDESIGN

我々の祈り、日本に届きますように。

BERLIN17.05.2011

IICO 2011Welcome to the APP-Economy

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

„It's all about people and changing their minds.“

Steve Jobs 2007

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

UNIVERSAL USER INTERFACE

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

UNIVERSAL USER INTERFACE

4

INTERNET TV

DESKTOP APPLICATION

MULTITOUCH DEVICEGAME CONSOLE

MOBILE DEVICE

FACEBOOK APPLICATIONWIDGET APPLICATION

ARTE CREATIVE

WEB-INTERFACE

Quelle: www.loewe.de

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

SCREEN EVOLUTION - HEUTE > MORGEN

12

Goggle InterfaceDisplay Interface

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

GOGGLE INTERFACE

13

Goggle Interface2D Mixed Reality Mode

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

GOGGLE INTERFACE

14

Goggle Interface2D Mixed Reality Mode

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

Microsoft Surface iPad / iPhone Xbox 360 Kinect

Multitouch Computing

Natürliche Gesten zur Interaktion

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

DIEBURG20. Mai 2011

fbmedia hd_aVon Web zu App

GESTENNATÜRLICHE, GELERNTE, SPEZIALGESTEN

16

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

FORMALE ASPEKTE

17

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

FORMALE ASPEKTE

18

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

FORMALE ASPEKTE

19

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

20

GESTEN

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

SENSORY-MINDS GMBH 2010

HAMBURG26 November 2010

KEMPERTRAUTMANNAPP Workshop

MOBILE BETRIEBSSYSTEME

22

Apple - iOS 4.2 Google - Android 2.1 Microsoft - WP7 1.0Blackberry - Storm 1.0 HP - Symbian 9.2 Samsung Bada

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

GESTURES

23

Multi-touch:

Pinch and Stretch

Common Less common

Single-touch:

Tap Double Tap Pan Flick Touch and hold

Natural Enabled

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

WIE WERDEN DIESE GESTEN GENANNT?

24

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

GESTEN - BEZEICHNUNGEN APPLE

25

Tap

Double-Tap

Pinch open

Pinch close

Swipe or Drag

FlickWegschnipsen

Bewegen

Doppeltippen

Antippen

Ausbreiten

Kneifen

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

GESTEN - BEZEICHNUNGEN WP7

26

Tap

Double-Tap

Stretch

Pinch

Pan

FlickWegschnipsen

Bewegen

Doppeltippen

Antippen

Ausbreiten

Kneifen

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

GESTEN - BEZEICHNUNGEN

27

Touch and HoldBerühren und Halten

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

28

DER GRÖSSTE WANDEL IN DER GESTALTUNG

Von der Gestaltung des visuellen Aussehenszur Gestaltung desvisuellen Verhaltens.

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

Navigation

Multimedia

VerhaltenBrand Design

Corporate Design

Interface Design

FEELLOOK

GRAPHICAL-USER-INTERFACE-DESIGN

Usability

Dialogue

Interaction

Die Gestaltung von grafischen Objekten steht im Mittelpunkt

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

Orientation

Dialogue

VerhaltenLOOKBrand Design

Corporate Design

Interface Design

NATURAL-USER-INTERFACE-DESIGN

FEEL

Interaction

Multimedia

Usability

Die Gestaltung von Verhalten steht im Mittelpunkt

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

Reduktion auf das Wesentliche!NUI Guideline 01

Kontext-sensitive Funktionen

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

VISUELLES VERHALTEN

LUXEMBOURGJune 4th, 2010

SES ASTRAEnvisioning Workshop

Natural User Interface Design

DANKE FÜR IHRE AUFMERKSAMKEITZEIT FÜR IHRE FRAGEN UND ANTWORTEN

SENSORY-MINDS GMBH

PROFESSOR WOLFGANG HENSELERManaging Creative Director

Ludwigstrasse 1263067 Offenbach am Main

T +49. 69. 847 789 913M +49. 173. 702 6197E w.henseler@sensory-minds.com

SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011

BERLIN31. Mai 2011

WEBINALE 2011Universal User Interfaces

Follow us on:

http://www.twitter.com/sensoryminds

http://www.vimeo.com/sensoryminds

http://www.flickr.com/people/sensoryminds

http://www.facebook.com/sensoryminds

Natural User Interface Design

de:bug #152

我々の祈り、日本に届きますように。