cmenschel's blogmania » Design & HCI

Augmented Reality mit dem iPhone

cmenschel — Thu, 09 Jul 2009 15:59:09 +0000

Augmented Reality (AR) ist zur Zeit das Thema in Blogs, Youtube oder Twitter. Es erscheinen immer wieder spannende AR Innovationen. Folgendes Video zeigt einen U-Bahn (Underground) Wegweiser für London, was sicherlich ein interessanter Ansatz für AR sein wird. Es verdeutlicht das Potential, was mit AR möglich sein wird. Bald hält man sein Telefon vor dem Eifelturm in die Luft und bekommt gleich den Wikipedia-Eintrag dazu präsentiert. Oder ein anderes Szenario könnte eine Bar- oder Einkaufshilfe in der Stadt sein.

Bumptop – 3D Desktop – kurzer UX Review

cmenschel — Tue, 14 Apr 2009 08:55:20 +0000

Bumptop Entwickler Anand Agarawala erläutert im folgenden Video die Funktionen und Möglichkeiten:

Bumptop: Ein 3D-Desktop als Alternative zum herkömmlichen Windows Desktop. In einem 3D Raum kann der Nutzer Objekte und Icons von Dateien beliebig verschieben. In der Pro Version können gestapelte Objekte wie in Büchern durchgeblättert werden. Widgets für E-Mail, Facebook oder Twitter erlauben schnelle Drag & Drop Funktionen. So können mit einer simplen Bewegung Bilder zu Facebook hochgeladen werden. Innerhalb von Bumptop kann sich der Nutzer wie in einem dreidimensionalen Raum bewegen und interagieren.
So können zum Beispiel an den Wänden Bilder als Photoslideshow platziert werden.

Bumtop ist in einer freien und Pro Version (29 Dollar) erhältlich. Zur Zeit wird nur Microsoft Windows unterstützt. Mac und Linux sollen folgen.
Download unter: http://bumptop.com/download.php

Folgend meine Meinung zur User Experience und Usability von Bumptop

Pro

Innovativ und neu
Sehr gut und effizient: Anwendung von Fitt’s Law – Objekte können vergrößert werden und sind dann nach Fitt’s Law schneller auswählbar, was die Usability (Effizienz) messbar verbessert
Stapelfunktion: Objekte können gruppiert und zusammengefasst werden
Produktive Widgets: Drag & Drop Zusatzfeatures für E-Mail, Twitter, Facebook
Netter Look durch Photoslideshow über Flickr oder eigene Bilder an den Wänden
Markieren von Objekten funktioniert schnell und einfach -> intuitiv
Kontextmenü sinnvoll gelöst
Unterstützung von Sticky Notes

Con

Noch recht instabil (Stand: 14. April)
Grafisch noch nicht ganz glatt
Icons und Schriften werden in der Perspektive nicht korrekt dargestellt
Icons sind in Ordnern zu eng platziert
3D Mehrwert nicht ersichtlich – würde auch ohne funktionieren
Texte im Kontextmenü zu groß und zu starke Alpha-Blende, sodass Icon vom Desktop stören
Klick auf Ordner öffnet teilweise den Windows Explorer, dann bietet Bumtop keinen Mehrwert mehr
Für den kompletten Arbeitsworkflow ist der Explorer weiterhin notwendig, dadurch geschieht ein starker Bruch. Der Nutzer arbeitet dann mit zwei unterschiedlichen UI Ansätzen, was die Effizienz beim Workflow behindert
Konsequenterweise wäre ein kompletter Explorer-Ersatz sinnvoll, der Bruch und Unterschied ist zu stark
Absturz des Programms nach Aufwecken vom Stand-By

Download unter: http://bumptop.com/download.php

Der “Wir machen es wie Apple” Style

cmenschel — Thu, 09 Oct 2008 15:49:22 +0000

Jetzt mal ein Statement zur aktuellen Lage im Web: „Wir-machen-es-wie-Apple“

Apple hat es vorgemacht und viele andere haben es geklaut (wie so oft):

(Abbildung 1: iTunes Coverflow)

Die Karussell Navigation “Coverflow”.

Bei Apple klappt es, bei vielen anderen nicht wirklich.

Apple verwendet es in einem sinnvollen Nutzungskontext (bei iTunes als Plattenansicht).

Solch eine Plattenansicht wie bei iTunes kennt man aus der Jukebox oder aus den Regalen zu Hause.

Aber: Im Kreis drehende Küchengeräte oder Spiegelreflexkameras ist der Nutzer im normalen Leben nicht gewohnt.

(Abbildung 3: Karussell bei amazon.de)

Usability-Tests haben ergeben, dass sich nur wenige Nutzer mit einer Karussell-Navi dieser Art anfreunden können.

Meine Meinung: Nicht alles, was von Apple kommt und cool ist, lässt sich auf andere Nutzungsumgebungen übertragen, sodass es für die Nutzer verständlich und bedienbar ist.

Amazon (Abbildung 3) hat die Karussell-Navigation mittlerweile auch wieder von der Startseite entfernt.

Aufpassen: Nicht alle coole Sachen einfach mal eben kopieren!

Passend hier ist die Theorie der “Afforfances”, “Constraints” und “Conceptual Models”von Don Norman: http://www.jnd.org/dn.mss/affordance_conv.html

Cheers

Update III: Deswegen ist Powerpoint katastrophal und minderwertig! Usability :-(

cmenschel — Fri, 20 Jun 2008 11:42:24 +0000

Ich spare mir lange Begründungen oder Erklärungsversuche. Hier die Fakten:

Kein Undo beim Verschieben von Hilfslinien

Undo nur eingeschränkt möglich – nur wenige Schritte zurück möglich

Balken von Statistiken und Graphen werden nach Bearbeitung ständig verschoben

Obwohl eine Videofunktion vorgesehen ist, lassen sich kaum gängige Videoformate importieren – Ein Absturz beim Speichern ist dann leider der Standardfehler

Formatübertragen: Oftmals fehlerhaft, z.B. Übertragen von Schrift verändert die Größe einer Grafik

Box vergrößern per Maus geht nicht innerhalb einer Statistik, Box bleibt starr – es geht aber über die manuelle Eingabe per Zahlen (wie unsinnig)

und hier noch 8 weitere Fehler und Probleme mit Powerpoint ->

Man kann Boxen/Textfelder per Pfeiltasten bewegen, Textfelder in Diagrammen komischerweise nicht

Positionen von Objekten können nur mit der Maus verändert werden – direkte Angaben in Zentimeter oder Pixel sind nicht möglich

Die Shift Taste sperrt normalerweise die vertikale, bzw. horizontale, Achse für eine geradlinige Bewegung, bei Diagrammen geht das nicht

Textfelder sind bei Diagrammen nicht pixelgenau verschiebar

Häufig unbegründeter Absturz von Powerpoint (Immerhin kann Powerpoint den Zustand vorm Absturz wiederherstellen)

Lange Pfadtiefen im System funktionieren nicht bei Powerpoint – Absturz ist der Standard Fehler

Hat der Ordner-Name eine Länge ab 12 Zeichen, so lassen sich keine Audio Dateien aus diesem Ordner importieren, obwohl Powerpoint keine Fehlermeldung bringt. Man hört einfach keinen Ton, die Datei scheint aber eingefügt zu sein (was für ein Trugschluss)

Größen von Feldern usw. werden in Zentimeter angegeben, obwohl Powerpoint für Bildschirmpräsentationen gedacht ist und nichts mit DTP zu tun hat. Die Größe der gesamten Powerpointfolie wird hingegen in Pixel angegeben (z.B. 1024×768). (Was für ein Widerspruch)

Änderungen der Größen oder Positionen sind mit den Zentimeterangaben nur erschwert umöglich (Ratespiel), da sich die Auflösung (DPI) des Dokuments nicht erschließt und keine Änderung der Auflösung möglich ist.
Umbrüche sind fehlerhaft. Es kommt vor, dass bestimmte Wörter trotz Bindestrich nicht automatisch umgebrochen werden.
Ändert man unter “Absatz” bei Texten den Zeilenabstand, so passiert etwas skurriles: Geht man bei “Zeilenabstand” auf “Genau”, so ändert sich einfach die Position des Dropdown-Menüs für den Zeilenabstand, geht man wieder auf “Einfach”, so springt das Dropdown wieder zurück. Ein springendes Dropdown-Menü ist lustig. Danke Microsoft für den lustigen Bug.

… to be continued

Vorschläge und Probleme sind willkommen!

Interactive Director-Film

cmenschel — Mon, 28 May 2007 16:18:47 +0000

Im Fach “Multimedia Programming” an der DKIT (Irland) wurde uns
die Aufgabe gestellt, ein beliebiges Programm mit Hilfe von Director
zu erstellen. Hierbei sollte Wert auf die Programmierung gelegt werden.
Im 2. Semester der Medieninformatik war die Programmierung in Lingo nahezu unrelevant.
Ich habe mir vorgenommen so wenig wie möglich Frames und Sprites zu benutzen und den Ablauf mit Hilfe von Lingo zu gestalten…
Resultat: Ein Film in 3 Sprites und 3 Frames.
Die Umgebung wurde in Maya 3D modelliert.
Die weiteren Medien liegen im SWF Format vor. Somit kann der Film dynamisch erweitert werden.
Für die Darstellung wird ein Shockwave Player benötigt.
Movie starten

Directormovie – Christian Menschel im Jahr 2007

3D CGs

cmenschel — Tue, 15 May 2007 16:28:48 +0000

Für diverse Projekte und Konzepte habe ich 3D CGs erstellt.
Die 3D Grafiken sollen der Interaktion oder der Veranschaulichung dienen.
Die Umsetzung wurde in Autodesk Maya vorgenommen.
Sehen Sie selbst

Glaskugeln mit Raytracing für eine Director Präsentation
Christian Menschel – 2005

Kanal mit Raytracing für eine Director Präsentation
Christian Menschel – 2007

Weinglas mit Raytracing
Christian Menschel – 2006

Raumdarstellung (1) für ein Marketingkonzept
Christian Menschel – 2007

Raumdarstellung (2) für ein Marketingkonzept
Christian Menschel – 2007

GUI: “Swapper” (Fitt’s Law)

cmenschel — Mon, 14 May 2007 15:56:38 +0000

“Swapper” – An User Interface Prototype by Christian Menschel developed in 03/07 at the DKIT in Ireland.
I developed a prototype of an User Interface based on Fitt’s Law to swap the currently running applications. The Interface prototype is created according to Apple’s Mac OS X User Interface “Expose”. If the user hits the F9 Key in OS X, all currently open windows and applications will be displayed smaller on one screen. Swapper uses the same idea of pressing a key that evokes displaying all running applications. But the difference is that the window size depends on the usage frequency. The more used application appears bigger than less used programs. More major applications are shown on the right side. On the other hand less are displayed more to the left side.
Fitt’s Law says that the time of reaching a target depends on the size and distance of the goal. The time can be reduced with bigger goals and shorter distances. Therefore the user should be able to find the more important applications quicker than the less important.

Download for more Information as a PDF

Screenshot of “Swapper”

Touchscreen für das Bergbaumuseum Rammelsberg

cmenschel — Mon, 22 Jan 2007 17:03:00 +0000

Im Rahmen des Semesterprojekts wurde eine Touchscreenanwendung im Auftrag für das Bergbaumuseum “Rammelsberg” in Goslar in Gruppen-arbeit entwickelt. Der Einsatz ist für die Abteilung “Erzaufbereitung”, die aus sieben Stufen besteht besteht, vorgesehen. Der Besucher soll an der Touchscreeneinheit die Möglichkeit haben, sich über die einzelnen Stufen zu informieren. Für die Darstellung werden von Studierenden der Medien-
informatik erstellten Filme benutzt. Aber auch weitere Medien, wie Interviews mit ehemaligen “Kumpels”, Fotografien und Slideshows, sind Bestandteil der Präsentation auf dem Touchscreen. Die Semesterprojektgruppe hat sich eine intuitive Bedienung, Skalier – und Erweiterbarkeit als die wichtigsten Ziele der Touchscreenanwendung vorgenommen. Entwickelt wurde die Umgebung in Adobe Flex Builder 2, Actionscript 3, PHP und MySQL. Meine Aufgabe war die Entwicklung des Content Management Systems und des Datenbankmodells.

Anwendung der Touchscreeneinheit

Mobile Multimedia Player

cmenschel — Wed, 22 Nov 2006 15:52:24 +0000

Für das Fach “Mobile Interfaces” im Wintersemester 2006/07 entstand das Projekt “Mobile Multimedia Player” in Gruppenarbeit mit Hilfe von Flash Lite. Vorrangiges Ziel war es, ein Interfaceprototypen für einen PDA zu entwickeln, der mit Fingereingabe und ohne Stift oder Hilfsmittel bedient werden kann. Die Umsetzung erfolgte in Flashlite, das zu diesem Zeitpunkt in der Version 2.1 vorlag. Der Mobile Multimedia Player soll Audio, -Foto – und Videodateien abspielen können. Oberste Prämisse sollte eine einfache und intuitive Bedienung des Players sein. Die Gruppe hatte sich vorgenommen einen vollständig lauffähigen Player mit Finger-Bedienung zu entwickeln. Leider ist der Umfang von Flashlite in der Version 2.1 sehr eingeschränkt, sodass einige Funktionen nicht vollständig implementiert werden konnten.

Interface des Mobile Multimedia Players

Eyecontrol

cmenschel — Wed, 02 Aug 2006 15:42:53 +0000

Eyecontrol – Ein von Christian Menschel entwickeltes Eyetracking -
Eingabegerät zur Steuerung einer Fotoslideshow. In Anlehnung an das bereits entwickelte Eyetracking System “Eyetracker” von Andreas Janthur und Christian Menschel wurde das Eingabesystem “Eyecontrol” entwickelt. “Eyecontrol” stellt ein Interface dar, mit dem Manipulationen möglich sein sollen. Während mit “Eyetracker” Augenbewegungen und Ablenkungen an projezierten Bildern gemessen wurden, kann der Nutzer hier den Ablauf einer Fotoslideshow mit seinen Augenbewegungen selbst steuern. Durch den Blick in die rechte Bildschirmecke kann der Nutzer zum nächsten Bild wechseln. Entsprechend kann er ein Bild zurück gehen, indem er auf den linken Bildschirmrand schaut.

Download: Mehr Informationen als PDF

Kallibrierung vor dem Start

Emotionale Intelligenz

cmenschel — Thu, 22 Jun 2006 17:12:02 +0000

Vortrag über “Emotionale Intelligenz” vom 21.06.2006
Was ist Ei (=”Emotionale Intelligenz”)?
Nach Goleman: “Das ist die Fähigkeit, unsere eigenen Gefühle und die anderer zu erkennen, uns selbst zu motivieren und gut mit Emotionen in uns selbst und in unseren Beziehungen umzugehen.”
In diesem Vortrag wird ein Überblick gegeben.
Download als PDF

Eyetracker im Eigenbau

cmenschel — Thu, 22 Jun 2006 15:49:13 +0000

Im Rahmen der Veranstaltung Interface Lab im Sommersemester 2006 enstand eine Interface Methode für kognitionspsychologische Untersuchungen von Andreas Janthur & Christian Menschel, welches Teil der Prüfungsleistung war. Entwickelt wurde ein “Eyetracker” mit Hilfe einer DV-Kamera, der die Augenbewegungen einer Person registriert. So können z.B.
Wahrnehmungen von Bildern untersucht werden. In unserem Aufbau saß der Proband vor drei vor ihm aufgestellten Monitoren. Der mittig aufgestellte Bildschirm zeigte einen Film, den der Proband beobachten sollte. Links und rechts des Monitors wurden zwei weitere aufgestellt, die abwechselnd Bilder präsentierten. Mit Hilfe des “Eyetrackers” wurde die Wahrnehmung der Bilder untersucht. Lenken die Bilder links und rechts neben dem Monitor ab? Wenn ja, welche? Wie lange? Die Software des Eyetrackers wurde in Macromedia Director mit Hilfe des Xtras TTCPro umgesetzt.

Download: Mehr Informationen als PDF

Der Eyetracker im Einsatz

Kalibrierung

Ergebnisse nach der Durchfürung

Viewable

cmenschel — Sat, 22 Apr 2006 16:03:02 +0000

Viewable ist ein Interface – Design Konzept von Christian Menschel.

Der menschliche Blickwinkel beträgt ca. 120°, so daß wir allerhand wahrnehmen können, ohne den Kopf drehen zu müßen. Allerdings umfaßt die Scharfsehzone des Gesichtsfelds nur wenige Grad. In heutigen Computerspielen hat man außer bei 3D Brillen einen Tunnelblick. Erste Ansätze, die das Sichtfeld erweitern, sind Widescreen Monitore wie von Apple oder Dell. Jedoch bleibt auch hier die Blickfläche planar, also in einer Ebene. Eine neue Anordnung des Bildschirms mit zwei Seitendisplays könnte die Wahrnehmung einer Raumtiefe verbeßern. Die Seitenmonitore würden beispielsweise bei einer Raumansicht die Seitenwände darstellen. Der Betrachter soll das Gefühl bekommen, mitten im Raum zu stehen. Als Mensch-Computer-Interface dient ein Motiontracking System. Um sich im Raum zu bewegen, hat jedes Display eine Kamera, die Handbewegungen registriert.
Download als PDF
Viewable Prototyp

Referat über “Interface – Design neu begreifen” (Gui Bonsiepe)

cmenschel — Sat, 22 Oct 2005 16:08:09 +0000

Ein zentrales Dokument gegenwärtiger Auseinandersetzung um Theorie und Praxis des Design.
Was ist eigentlich Design? Gibt es eine Theoretisierung des Design Begriffs?
Gui Bonsiepe beschreibt “Design” mit sieben Thesen, die den Begriff theoretisieren sollen.
Wie ist der Begriff Interface-Design zu verstehen?
„Interface ist nicht eine Sache, sondern die Dimension, in der die Interaktion zwischen Körper, Werkzeug (Hard-, wie Software) und Handlungsziel gegliedert wird.“
Download des Vortrags als PDF
Das Buch bei Amazon: http://www.amazon.de/Interface-Design-neu-begreifen-Bonsiepe/dp/3927901849

Verpackungsdesign

cmenschel — Tue, 22 Feb 2005 17:17:58 +0000

Ein Vortrag über Verpackungsdesign von Christian Menschel & Sebastian Müller.

Je nach Umfeld und Produkt treffen ca. zwei Drittel der Verbraucher ihre
Kaufentscheidungen anhand von Verpackungen.
Aber wie und womit wirken Verpackungen?
Worauf achten die Käufer? Was kommt an und was nicht?

Download als PDF