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


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

Steve Jobs 2007


BERLIN31. Mai 2011


UNIVERSAL USER INTERFACE


BERLIN31. Mai 2011


UNIVERSAL USER INTERFACE

4

INTERNET TV

DESKTOP APPLICATION

MULTITOUCH DEVICEGAME CONSOLE

MOBILE DEVICE

FACEBOOK APPLICATIONWIDGET APPLICATION

ARTE CREATIVE

WEB-INTERFACE

Quelle: www.loewe.de


BERLIN31. Mai 2011


SCREEN EVOLUTION - HEUTE > MORGEN

12

Goggle InterfaceDisplay Interface


BERLIN31. Mai 2011


GOGGLE INTERFACE

13

Goggle Interface2D Mixed Reality Mode


BERLIN31. Mai 2011


GOGGLE INTERFACE

14

Goggle Interface2D Mixed Reality Mode


BERLIN31. Mai 2011


Microsoft Surface iPad / iPhone Xbox 360 Kinect

Multitouch Computing

Natürliche Gesten zur Interaktion


DIEBURG20. Mai 2011

fbmedia hd_aVon Web zu App

GESTENNATÜRLICHE, GELERNTE, SPEZIALGESTEN

16


BERLIN31. Mai 2011


FORMALE ASPEKTE

17


BERLIN31. Mai 2011


FORMALE ASPEKTE

18


BERLIN31. Mai 2011


FORMALE ASPEKTE

19


BERLIN31. Mai 2011


20

GESTEN


BERLIN31. Mai 2011


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


BERLIN31. Mai 2011


GESTURES

23

Multi-touch:

Pinch and Stretch

Common Less common

Single-touch:

Tap Double Tap Pan Flick Touch and hold

Natural Enabled


BERLIN31. Mai 2011


WIE WERDEN DIESE GESTEN GENANNT?

24


BERLIN31. Mai 2011


GESTEN - BEZEICHNUNGEN APPLE

25

Tap

Double-Tap

Pinch open

Pinch close

Swipe or Drag

FlickWegschnipsen

Bewegen

Doppeltippen

Antippen

Ausbreiten

Kneifen


BERLIN31. Mai 2011


GESTEN - BEZEICHNUNGEN WP7

26

Tap

Double-Tap

Stretch

Pinch

Pan

FlickWegschnipsen

Bewegen

Doppeltippen

Antippen

Ausbreiten

Kneifen


BERLIN31. Mai 2011


GESTEN - BEZEICHNUNGEN

27

Touch and HoldBerühren und Halten


BERLIN31. Mai 2011


28

DER GRÖSSTE WANDEL IN DER GESTALTUNG

Von der Gestaltung des visuellen Aussehenszur Gestaltung desvisuellen Verhaltens.


BERLIN31. Mai 2011


Navigation

Multimedia

VerhaltenBrand Design

Corporate Design

Interface Design

FEELLOOK

GRAPHICAL-USER-INTERFACE-DESIGN

Usability

Dialogue

Interaction

Die Gestaltung von grafischen Objekten steht im Mittelpunkt


BERLIN31. Mai 2011


Orientation

Dialogue

VerhaltenLOOKBrand Design

Corporate Design

Interface Design

NATURAL-USER-INTERFACE-DESIGN

FEEL

Interaction

Multimedia

Usability

Die Gestaltung von Verhalten steht im Mittelpunkt


BERLIN31. Mai 2011


Reduktion auf das Wesentliche!NUI Guideline 01

Kontext-sensitive Funktionen


BERLIN31. Mai 2011


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 [email protected]


BERLIN31. Mai 2011


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

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

mailto:[email protected]

mailto:[email protected]





Universal UI - Geräteübergreifendes Interaktionsdesign

Technology

Transcript of Universal UI - Geräteübergreifendes Interaktionsdesign