USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

44

description

WIE SIE IHREN UI DESIGN PROCESS AUFSETZEN UND UMSETZEN KOENNEN Unter "User Interface Design" faellt das Design jeglicher Art von Benutzerschnittstelle eines interaktiven Systems. Benutzerschnittstellen bestehen hierbei oft aus hunderten von Interaktionselementen und dynamischen Abfolgen. Inhalt dieses Vortrages ist ein Ueberblick ueber neue Methoden und Werkzeuge, die Sie dabei unterstuetzen Ihren eigenen UI Design Process aufsetzen und umsetzen zu koennen. Dazu zaehlen unter anderem Heuristische Evaluierung (Usability Review), Design Patterns und Best Practices, Collaborative Design (besonders für agile Projekte), Prototyping und Usability Testing mit Endbenutzern (Think Aloud). Presented by Univ.Prof. Dr. Manfred Tscheligi, Academic Director (ICT&S Center, University of Salzburg)

Transcript of USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Page 1: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 2: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

1. Was macht ein UI erfolgreich?

2. Warum braucht man einen Prozess?

3. User Centred Design

4. Take Away

Page 3: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

• Universitätsprofessor Human-Computer Interaction & Usability, Universität Salzburg

• Leiter ICT&S Center

• Leiter CD-Labor „Contextual Interfaces“

• Fachbereichsleiter Computerwissenschaften, Universität Salzburg

Contextual User Experience Research

• User Experience Frameworks und Parameter

• User Experience in speziellen Kontexten (Auto, Home, Mobil, Fabriken, ...)

• Zukünftige Interaktionsformen („Interaction Materials“)

• User Experience für spezielle Benutzergruppen (Ältere Personen, Kinder, ...)

Manfred Tscheligi

Page 4: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 5: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 6: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 7: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 8: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 9: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 10: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

UNTERNEHMEN Management

Technik Design

… Funktionen

Aufgaben

Entwickler

Benutzer

SYSTEM

Page 11: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

UNTERNEHMEN Management

Technik Design

USER

Page 12: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 13: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 14: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

„A journey of a thousand miles begins with a single step“ Lao Tzu

Page 15: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 16: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

definierbar

messbar

beeinflussbar

optimierbar

Page 17: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Analyse &

Definition

Evaluation &

Optimierung

Experience Design

& Prototyping

Entwicklung Test Launch Konzeption Design

Page 18: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Analyse &

Definition

Page 19: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Analyse &

Definition

Page 20: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Experience

Design &

Prototyping

Page 21: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Experience

Design &

Prototyping

Page 22: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Evaluation &

Optimierung

Page 23: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Evaluation &

Optimierung

Page 24: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Experience Tools & Methoden

Page 25: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 26: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 27: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 28: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 29: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 30: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 31: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 32: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 33: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

„If you are not prepared to be wrong, you'll never come up with anything original“ Sir Ken Robinson

Page 34: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Identity

Design

User

Experience

Usability

User

Interface

Design

Design

Management

•Brand Image

•Corporate Reputation

•Customer Loyalty

•…

•Purchase Rate

• Sales Figures

• Innovation Degree

•…

• Time to Market

•Cost Savings

• Sustainability

•…

•Customer Satisfaction

•Hotline Calls

•…

Technical

Design

•Development Time

•Change Requests

•…

• Error Rate

• Learnability

• Task Completion Time

•…

RoX

Page 35: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

„People‘s behavior makes sense if you think of their goals, needs, and motives“ Thomas Mann

Page 36: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 37: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

6

Page 38: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 39: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…
Page 40: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

http://design.windows.com

http://www.usecon.com

http://www.experience-strategy.com

Page 41: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

http://aka.ms/mymicrosoftday

App downloaden, Feedback geben &

3 coole Devices gewinnen

Page 42: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Empfohlene Trainings von unseren Learning Partners

Page 43: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…

Windows 8:

Apps entwickeln

mit XAML

Windows 8:

Apps mit HTML5

und JavaScript

entwickeln

Aktion gültig für alle Microsoft Day 2013 Teilnehmer, online buchbar unter www.ppedv.at bis 15.03.2013 mit dem Stichwort „MSDay“

½ Preis für alle Microsoft-Kurse

Page 44: USECON & Microsoft: Wie Sie Ihren User Interface Design Prozess aufsetzen u…