User Centered Design – TouchPanel Applikation

Michael Fretz — Tue, 13 Jan 2009 09:57:36 +0000

Im Modul User Centered Design haben wir uns mit einer Applikation befasst, welche auf einem Touchscreen installiert ist.

Konzept und Idee:
Ein Touchscreen für ex libris Filialen zur Vor-Ort-Bestellung von Produkten aus dem Internet: www.exlibris.ch
Fokus haben wir bei unserem Prototyp auf die Sparte Musik gelegt – natürlich wäre es auch denkbar das Touchscreen um andere Produktkategorien wie Bücher, Videospiele, usw. … zu erweitern.

Während des ganzen Entwicklungsprozesses haben wir regelmässig Testbenutzer in das Projekt einbezogen.

Zu Beginn haben wir einen Paper-Prototyp entwickelt.

Den Paperprototyp haben wir mit verschiedenen Testbenutzer getestet. Das Feedback haben wir ausgewertet und anschliessend einen Prototyp in PHP und XHTML entwickelt.

Prototyp Test

Printscreen der Touchscreen Applikation

Im Hintergrund unserer Applikation verwendeten wir das PHP Last.FM API von matto1990.com. Mit Hilfe dieser Applikation konnten wir die Daten von Last.FM abfragen und für unsere Anwendung aufbereiten. Mit Script Aculos
(http://script.aculo.us) verwendeten wir das Javascript Framework welches Hauptsächlich für das Anzeigen der Daten und die Animationen eingesetzt wurde. Auch mit Javascript haben wir eine Tastatur entwickelt, welche auf dem Touchpanel eingesetzt wurde. Da wir eine Art Template verwendet haben konnten in unserer Entwicklungsphase mehrere Designs gleichzeitig auf der Applikation verwenden und diese mit einem JumpMenu einfach
umschalten.
URL zur Demo: http://ucd.michaelfretz.com

Download Dokumentation :Dokumentation (PDF 2.7MB)

Download: Keynote Präsentation (ZIP 2MB)

Team: Christoph Brandin, Liliane Krauss, Michael Fretz

ReDesigning Standards – CeDe.ch

Michael Fretz — Wed, 26 Nov 2008 12:39:34 +0000

Projekt von Michael Fretz und Gabriel Süss im Modul «ReDesigning Standards».
Die umfangreiche Analyse des bestehenden Webauftritts von CeDe.ch, die Umfragen und die Gespräche mit verschiedenen Personen haben uns dazu bewegt, eine grafische Neugestaltung der Webseite von CeDe.ch zu erstellen. Das Angebot wurde aufgeräumt, weniger relevante Informationen weggelassen, die Anordnung verbessert und aufs Wesentliche reduziert. Neue Funktionen wurden keine hinzugefügt, lediglich die schon vorhandenen Informationen und Funktionen neu organisiert. Mit diesen Anpassungen sollte eine Verbesserung des Handlings des Webshops von CeDe.ch erreicht werden.

Projekt Webseite: http://cede.michaelfretz.ch

Michael Fretz - Interaction Designer » User Centred Design

User Centered Design – TouchPanel Applikation

ReDesigning Standards – CeDe.ch