mmi 15 PC-UI - medien.ifi.lmu.de · Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 15 -...

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 15 - Grafische Benutzerschnittstellen am Personal Computer Folie

Mensch-Maschine-Interaktion

Kapitel 15 - Graphische UI am PC• Personal Computer und Desktop Metapher • Das WIMP Konzept • Fenster und Leisten • Menü-Techniken • WYSIWYG

Die Xerox Star Workstation (von 1981)

Beispiel: Xerox Star User Interface (1982)

4h"p://www.youtube.com/watch?v=Cn4vC80Pv6Q

Windows 1

Quelle: http://blogs.msdn.com/b/b8/archive/2012/05/18/creating-the-windows-8-user-experience.aspx

Comments on Mouse Usage in Windows 1• “Mice are nice ideas, but of dubious value for business users” (George

Vinall, PC Week, April 24, 1984) • “There is no evidence that people want to use these things.” (John C.

Dvorak, San Francisco Examiner, February 19, 1984) • “I was having lots of fun, but in the back of my corporate mind, I

couldn't help but think about productivity.” (George Vinall, PC Week, April 24, 1984)

• “Does the mouse make the computer more accessible, more friendly, to certain target audiences such as executives? The answer is no.” (Computerworld, October 31, 1983)

• “There is no possibility that this device will feel more comfortable to the executive than the keyboard. Because of its ‘rollability,’ the mouse has the aura of a gimmick…” (Computerworld, October 31, 1983)

• “The mouse and its friends are merely diversions in this process. What sounds revolutionary does not necessarily help anyone with anything, and therein lies the true test of commercial longevity.” (David A. Kay, Datamation, October 1983)

Windows 2

Quelle: Wikipedia, http://en.wikipedia.org/wiki/Windows_2.0

Windows 3

At the Same Time: Mac OS 6

"System6.0.8MacII" by Self made screenshot. http://en.wikipedia.org/wiki/File:System6.0.8MacII.png#mediaviewer/File:System6.0.8MacII.png

Windows 95

Der „Start“-Button von Windows 95

Usability Probleme mit Windows 95

Windows XP (2001)

Vista, Windows 7, Windows 8

Vista: Aero Visual Style (2006)

Windows 7: Neue Tastbar (2009)

Windows 8: Kacheln - Konzepte von mobilen Benutzerschnittstelle für den Desktop PC (2012)

Quelle: http://en.wikipedia.org/wiki/Computer_icon

Pointer

Helps to find your pointer: http://www.pointerpointer.com/

Elemente eines Fensters für Desktop PC

Window Decorations

Pull-Down-Menüs

Kontextmenü/Popup-Menü

Von Tortenmenüs zu Marking Menüs

Marking Menüs

Grundprinzipien der Direkten Manipulation

Kontinuierliche Manipulation von Objekten und Aktionen1

2 Physikalische Aktionen statt Komanndospezifikationen

3 Schnelle Reversibilität von Aktionen

Ben Shneiderman

Vor- und Nachteile der DM

Pros Cons

versus

Leicht zu lernenFür Anfänger geeignet

Erfahren Benutzer profitieren von DMErfahrene Benutzer können schnell arbeiten

LernbarkeitBenutzer können im Verlauf der Zeit Expertenfähigkeiten erlangen

Übertreibung der MetapherEinige Benutzer strapazieren die Metapher der DM

Kann nicht auf alle Aufgaben angewendet werdenNicht alles lässt sich durch Manipulation von Objekten ausdrücken

BildschirmplatzDM benötigt mehr Aktionsfläche auf dem Bildschirm

Unmittelbare RückmeldungBenutzer können unmittelbar sehen, ob sich sich ihrem Ziel annähern.

Kann langsamer seinDie Manipulation der Maus ist nicht immer die schnellste Methode zur Interaktion

WYSIWYG

Quelle: http://en.wikipedia.org/wiki/WYSIWYG

WYSIWYG?

Quelle: http://www.userfriendly.org/cartoons/archives/07jul/uf010526.gif

mmi 15 PC-UI - medien.ifi.lmu.de · Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 15 -...

Documents

Eurocode Software AB · PDF file1.1.2 Eurokod 2 Kapitel 1 Allmänt Kapitel 2 Grundläggande dimensioneringsregler Kapitel 3 Material Kapitel 4 Beständighet och täckande

Einsatznachbearbeitung. Kapitel 1 Einführung Kapitel 2 Installation/Programmaufruf und Zugangsberechtigung Kapitel 3Einsatznachbearbeitung Kapitel 4Übungen/Sicherheitswachen/Öffentlichkeitsarbeit

Sending and Facsimile Guide · 2019. 11. 5. · Kapitel 1 Kapitel 2 Kapitel 3 Kapitel 4 Kapitel 5 Kapitel 6 Kapitel 7 Kapitel 8 Kapitel 9 Kapitel 10 Wir haben uns bemüht sicherzustellen,

mmi 18 Mobile-UI · 2020-06-29 · Tint Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 18 - Mobile Interaktion Folie Die Kosten für Unterbrechungen 5 • Aufgabe ohne Unterbrechung

Kapitelwortschatz Kapitel 7–12 Kapitel 7 – Kontakte

F rel sningsanteckningar, ralgebraIIhasse/LinalgII.pdfDavid Lay, Linear algebra and its applications: Kapitel 1; Kapitel 2, $1-3&8-9; Kapitel 3, $1-2; Kapitel 5, $1-4; Kapitel 6 ,

die stuttgarter die stuttgart - BCA OnLive: Willkommen · 3 Zukunft braucht Herkunft. Kapitel 1 Kapitel 2 Kapitel 3 Kapitel 4 Kapitel 5 Kapitel 6 Kapitel 7 Blick zurück

Kapitel 6: »Fotografieren und Bilder bearbeiten« Inhalt ...media.vierfarben.de/.../leseprobe_vierfarben_samsung_galaxy_tab_a... · Kapitel Fotografieren und Bilder bearbeiten Kapitel

mmi 17 Touch-UI - LMU Medieninformatik · 2020-04-11 · Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 17 - Interaktive Oberflächen Folie Kapitel 17 - Interaktive Oberflächen

Termiten-LiU3-20170912140631 · Rivstart kapitel 3 Framstegstest 1 Rivstart kapitel 4 Djur Rivstart kapitel 4 Rivstart kapitel 5 Fritid/Umgänge V anor och ovanor Rivstart kapitel

Alexej Winter - Buch.de - Bücher versandkostenfrei · Inhaltsverzeichnis Sekundensache Impressum Inhaltsverzeichnis Sekundensache Prolog Kapitel 1 Kapitel 2 Kapitel 3 Kapitel 4 Kapitel

Konkurrence- redegørelse 2005 · Kapitel 9: Søren Andersen, Henning Wacker Kapitel 10: Andreas Ring Kapitel 11: Torben Thorø Pedersen Kapitel 12: Majken V. Skovgaard Kapitel 13:

mmi 15 PC-UI - LMU München - Medieninformatik · Kapitel 15 - Graphische UI am PC • Personal Computer und Desktop Metapher • Das WIMP Konzept • Fenster und Leisten • Menü-Techniken

Benutzerschnittstellen des ATLAS- Pixeldetektor- Kontrollsystems Diplomvortrag von Tobias Henß

Skript Programmierung graphischer Benutzerschnittstellen ...nbn:de:hebis:... · iv Programmierung graphischer Benutzerschnittstellen mit Tcl/Tk Zweitens ist mit Python eine weitere

New Multiscreen-Entwicklung für 3D-Benutzerschnittstellen · 2012. 9. 20. · I Inhaltsverzeichnis Tabellen- und Abbildungsverzeichnis .....IV Listingverzeichnis .....VI

Lesetagebuch - fysimo.files.wordpress.com · Kapitel 13 Kapitel 14 26.0^.2 oiR 4 0 Kapitel 15 4 ^ Kapitel 16 2 6. ör.2o^r Kapitel 17 4 3 Kapitel 18 44 Fynn Simons 6C WJG -Z6 . Lesetagebuch:

Kapitel 1 Folie 1 Kapitel 2 Kapitel 3 Kapitel 4. Kapitel 1 Folie 2

Essigsäure und ihre Derivate. 2 Gliederung des Vortrags Kapitel 1: Die Essigsäure Kapitel 2: Die Acetate Kapitel 3: Essigsäureethylester Kapitel 4: Essigsäureanhydrid

TFH Berlin MCK 1: Einführung Entwicklung der Benutzerschnittstellen Software-Ergonomie Usability Beteiligte Disziplinen "Einfach telefonieren" © Ilse Schmiedecke