ERGOSIGN Blog

Anmerkung: Dies ist der erste Teil in einer unregelmäßigen Serie von Blog-Posts, die rudimentäre konzeptuelle Entwürfe von Ideen unserer Designer vorführt. Diese Skizzen kratzen meist nur an der Oberfläche oder beschränken sich auf ein isoliertes Szenario. Man sollte es nicht mit komplett ausgearbeiteten und getesteten Konzepten verwechseln.

Einleitung

Steve Jobs betonte bei der iPad-Ankündigung Apples dezidierten Vorstoß in ein neues drittes Gerätesegment zwischen Smartphone und traditionellem Computer/ Laptop. Erklärter Zielkontext ist dabei - zumindest anfangs - der Heimbereich, in dem primär Content in Form von Webseiten, Fotos, Filmen und Büchern konsumiert wird.

Aus User Interface Designer-Sicht sind dabei vor allem die folgenden Aspekte spannend:

  • Beim iPad bleibt man dem Interaktionsparadigma des iPhones treu: Bis auf den "Home" Button ist das Interface komplett touchbasiert. Die Größe des iPad-Displays bietet nun jedoch ausreichend Platz, dass Controls und Artefakt nicht mehr konkurrieren müssen, wie aktuell bei vielen Spielen auf dem iPhone.
  • Die Verlockung ist gross, den aktuell eher passiven Charakter des iPads auch in aktivere, content-produzierende Szenarien zu lenken, was wiederum durch das reine Touchkonzept interessante Einschränkungen aufwirft. Insbesondere die Einschätzung, ab wann die Touch-Interaktion mit dem Gerät zum Beispiel bei der Text-Eingabe ineffizient und unergonomisch wird, ist dabei erfolgskritisch.
  • Das iPad kann mittelfristig interessante Anwendungsszenarien im Heimbereich integrieren, die bisher - wenn überhaupt - isoliert durch einzelne Devices abgedeckt waren. Ad hoc fallen einem sofort Tasks wie E-Mails-Checken (z.B. bisher erledigt via Smartphone), Web-Browsen (z.B. bisher erledigt via Laptop), eBooks (z.B. bisher erledigt via Kindle) und Medienkonsum (z.B. bisher erledigt via HD-Recorder) etc...

Insgesamt repräsentiert das iPad viel auszuschöpfendes Potential, insbesondere für uns als User Experience Designer, deren graue Gehirnzellen seit Steves Keynote rotieren.

ERGOSIGN Family iPad Scenario Overview

Im Folgenden stellen wir zwei Anwendungsszenarien vor, die den Vorteil eines solchen (integrierenden) Tablets im Heimbereich hervorheben, welches gegebenenfalls sogar von mehreren Familienmitgliedern geteilt werden kann.

(Disclaimer: Natürlich sind wir uns bewusst, dass es bereits vor dem iPad vergleichbare Geräte und Konzepte gab. Nur angesichts der Medienresonanz ist davon auszugehen, dass - genauso wie iPod und iPhone für einen fundamentalen Umbruch im Musik- respektive Smartphone-Business stehen - das iPad das Tablet-Business revolutionieren wird).

Anwendungsfall #1: Personalisiertes Radio für Vater Homer

Bisher schaltete Homer jeden Morgen direkt nach dem Aufstehen sein Radio an, um gute Musik gemischt mit Nachrichten und Wetterbericht zu hören. Doch meistens störte entweder die eher grenzwertige Musikauswahl der Moderatoren oder aber die mangelnde Häufigkeit der Nachrichten.

Mit unseren neuen radio.app kann nun dieses Angebot wesentlich verfeinert werden: Unzählige semantische Verknüpfungen durch freie Künstler-Tags, Nachbarschaften mit Leuten, die einen ähnlichen Geschmack haben sowie individuelle Nachrichten-Intervalle sind nur einige Funktionen.

ERGOSIGN Family iPad 01
ERGOSIGN Family iPad 02
Das Tablet bringt in diesem Szenario neben seiner leichtgewichtigen Portabilität durch die rein touchbasierte Interaktion einen entscheidenden Vorteil mit sich: Das Interface skaliert wunderbar je nach Komplexität des Anwendungskontexts zwischen trivial (Start, Stop) bis hin zur gestenbasierten Navigation durch die Tag-Cloud (Zoom & Pinch). Des Weiteren können diverse Anzeige-Modi durch einfaches Wischen (Swipe) im oberen Bereich ausgetauscht werden.

Anwendungsfall #2: Interaktives Lernen für Tochter Lisa

Lisa findet die statischen Darstellungen in den Physik-Lehrbüchern zu abstrakt, infolgedessen richtig öde, was sich natürlich in den Noten widerspiegelt.

Mit unseren neuen learning.app kann sie nun alle Versuchsaufbauten perspektivisch betrachten, reinzoomen und als Film beliebig schnell ablaufen lassen.

ERGOSIGN Family iPad 03
ERGOSIGN Family iPad 04

Der Vorteil der Gestensteuerung liegt auch in diesem Szenario wieder (buchstäblich) auf der Hand: Neben der Manipulation der Darstellungsperspektive können auch - je nach Auflösungsstufe - unterschiedliche Detailinformationen angezeigt und sogar die Aufbauten in einer Art verändert werden, die der realen Unterrichtssituation entspricht.

Letztlich werden die physikalischen Zusammenhänge durch die natürliche Interaktion für Lisa direkt greifbar und schlüssig. Fehler im Aufbau werden direkt sowohl im Schema als auch in den Formeln durch Live-Simulation angezeigt.

(Autoren: Feli, Holger und Sebastian)
von Feli, Holger und Sebastian
ERGOSIGN at UXcamp Europe 2010

ERGOSIGN unterstützt als Sponsor das UXcamp Europe 2010, welches vom 29. bis zum 30. Mai in Berlin stattfindet.

Im zeitgemäßen Barcamp-Format diskutieren, kollaborieren und präsentieren Designer aktuelle Themen aus allen UX-verwandten Disziplinen.

Die Teilnahme ist frei, man muss sich lediglich (rechtzeitig) über das Barcamp-Wiki registrieren.

Wir freuen uns auf spannende Sessions!

von Sebastian

Prof. Dr. Dieter Wallach hält heute einen Vortrag zum Thema "HCI: Von der Theorie zur Praxis - und zurück" beim Informatischen Kolloquium des Hamburger Informatik-Forum e.V.

ERGOSIGN at HI Forum
  • Montag, 1. Februar 2010
  • 17 Uhr c.t.
  • Vogt-Kölln-Str. 30
  • Konrad-Zuse-Hörsaal
  • Gebäude B
Im Rahmen des Vortrages wird ein iterativer, benutzerzentrierter Designansatz zur Entwicklung gebrauchstauglicher Systeme am Beispiel konkreter Industrieprojekte und ihrer Ergebnisse vorgestellt.

Aus einer interdisziplinären Perspektive wird hierbei auf die wechselseitige Anregung von theoretischen Grundlagenarbeiten und praktischen Anforderungen bei dem Entwurf effektiver, effizienter und ästhetisch ansprechender User Interfaces eingegangen.

Neben der Diskussion zentraler Anforderungen an die konzeptuelle Gestaltung und das Interaktionsdesign von User Interfaces wird eine kognitionswissenschaftlich fundierte modellbasierte Evaluationsmethode zu deren Bewertung kritisch analysiert.

von Sebastian

Rechtzeitig zur Jecken-Hochsaison können Sie sich vier kostenlose Faschings-/Karnevals-Icons in 128px, 48px, 32px, 24px und 16px herunterladen ...

Zu den Gratis Icons in unserem Icon Shop...

ERGOSIGN Fasching/Karneval Icons
von Feli und Sebastian
Unter dem Motto Embracing Cultural Diversity – User Experience Design for the World findet die jährliche Fachtagung der Usability Professionals' Association zum ersten Mal außerhalb der Vereinigten Staaten statt: Vom 24. bis zum 28. Mai gibt es in München ein vielfältiges Angebot an Vorträgen, Workshops und Tutorials quer durch alle Teilgebiete der nutzerzentrierten Gestaltung.


ERGOSIGN at UPA2010

ERGOSIGN partizipiert an der Konferenz in Form von zwei Präsentationen:


A Best Practice Approach to the Design of Natural User Interfaces

von Prof. Dr. Dieter Wallach und Martin Radvak
Usability Fundamentals Track, Donnerstag, 27. Mai um 13:30 Uhr

Natural user interfaces, especially multi-touch systems, are becoming increasingly established in productive scenarios in which "classical" GUIs turn out to be less appropriate. This presentation describes guiding solutions for the arising conceptual and user-centred design challenges focussing on the platform and posture of tabletop-based systems like Microsoft Surface.


Establishing Cross-Cultural Collaboration in the Field of User Centered Design

von Dr. Marcus Plach, Sebastian C. Scholz, Aurobinda Pradhan und Jayaram Srinivasan
Experienced Practitioners Track, Donnerstag, 27. Mai um 16:15 Uhr

A process of establishing collaboration between a German and an Indian UCD service provider is presented, built on principles of modern communication theory: By following five phases gradually common ground was reached, allowing both partners to control the growth of trust and mutual understanding – eventually to deliver successful cross-cultural UCD projects.

Wir würden uns freuen, Sie auf der UPA2010 in München zu treffen!

von Sebastian
ERGOSIGN Award 2010 Fachhochschule Kaiserslautern

Am Freitag, den 15.01.2010 wurde im sechsten Jahr der mit 500.- Euro dotierte ERGOSIGN-Preis für herausragende Leistungen im Bereich "Medieninformatik und Digitale Medien" an der Fachhochschule Kaiserslautern, Standort Zweibrücken verliehen.

Der diesjährige Preisträger Stefan Kochvachev absolvierte sein Studium der Digitalen Medien innerhalb der Regelstudienzeit mit Auszeichnung und der Abschlussnote 1.1.

In seiner hervorragenden Diplomarbeit bewertete er verschiedene Implementierungen der Java Persistence API bzgl. ihrer Performance, Featurevielfalt, Dokumentation und Benutzerfreundlichkeit.

von David
Aufgrund der zunehmenden Verbreitung von WPF-Applikationen wollen wir uns bei ERGOSIGN in diesem Beitrag dem Thema skalierbarer Vektor-Icons innerhalb von WPF-Anwendungen widmen.

Was ist der Vorteil von skalierbaren Vektor-Icons?

Bei der Entwicklung von Anwendungen wird oft eine Vielzahl von Grafiken und Icons verwendet. Besonders vorteilhaft ist es, wenn eine einzige Icon-Bibliothek für alle Anwendungsfälle wie Toolbars, Splash Screens, Tree Views, Buttons usw. verwendet werden kann.

ERGOSIGN XAML Icons

Dies kann entweder durch das Windows-spezifische ICO-Format geschehen, welches mehrere Icongrößen in einer Datei ablegt oder – noch eleganter – durch die Integration von frei skalierbaren Vektor-Icons.

Die Integration von Vektor-Icons in WPF-Anwendungen erfolgt im XAML-Format. 

Eine einzelne Icondatei kann hierdurch gleichzeitig in mehreren Größen verwendet werden, da XAML-Vektor-Icons ohne Verluste innerhalb von WPF skaliert werden kann.

Wie werden XAML-Icons erstellt?

Vektor-Icons werden bei ERGOSIGN mit Adobe Illustrator erstellt. Anschließend können diese im Expression Blend Designer nachbearbeitet und in XAML-Code umgewandelt werden.

Dieses Vorgehen ermöglicht zum einen die Benutzung unserer gewohnten Design-Instrumente und somit die Aufrechterhaltung unseres Qualitätsanspruches. Zum anderen können die Icons so auch problemlos als druckfähige EPS-Dateien exportiert werden.

Wie werden in XAML gelieferte Icons in ein WPF-Projekt integriert?

Die Integration einer XAML-Icon-Bibliothek gestaltet sich denkbar einfach. Alle XAML-Icons werden in einer einzelnen XAML-Ressource-Datei geliefert, die in das bestehende WPF-Projekt eingebunden werden kann.

ERGOSIGN XAML Icons

Anschließend stehen die einzelnen Icons als Rectangle Ressources zur Verfügung und können nahtlos in Toolbars, Tree Views, Buttons oder jedes andere Control integriert werden.

Im Fall von Expression Blend kann das Icon dafür einfach auf das entsprechende Control gezogen werden. Um ein Icon per Code einzufügen, muss lediglich folgende Zeile integriert werden

<Rectangle Fill={DynamicResource Iconname} />

Um das Ganze selbst zu testen, können Sie sich unsere XAML-Testicons hier herunterladen.

Wenn Sie für Ihr Projekt vektorbasierte XAML-Icons erstellen lassen möchten, nehmen Sie doch einfach mit uns Kontakt auf.

von Feli

Passend zum Dekadenwechsel 2010 - einem Jahr, welches mit ERGOSIGNs zehnjährigem Firmenjubiläum einhergeht - ist das neue Redesign der ERGOSIGN-Website online gegangen.

Besonders vorzuheben sind dabei:

ERGOSIGN Redesign 01 Größere Schriften, mehr Weißraum und prägnantere Key Visuals zollen stetig wachsenden Bildschirmgrößen und - auflösungen Tribut. Dabei sorgt eine standardkonforme und (weitestgehend) plugin-freie Umsetzung für eine möglichst hohe Kompatibilität.
ERGOSIGN Redesign 02 Die Referenzen wurden stark ausgebaut, eine hohe, weiterhin steigende Anzahl von Case Studies ermöglicht Ihnen durch detaillierte Beschreibungen und Screenshots einem maximalen praxisnahen Einblick in unser Arbeiten.
ERGOSIGN Redesign 03 UnserIcon Shop wurde komplett überarbeitet: Insgesamt 702 Stock Icons stehen in zwei Stilrichtungen zum Download bereit. Zusätzlich zu den bekannten Paketen thematisch verwandter Metaphern gibt es nun auch die Möglichkeit einzelne Icons zu erwerben. Dabei können, alle Icons durch ein interaktives Vorschau-Widget (Firefox, Safari, Opera, IEX 7+) in verschiedenen potentiellen Anwendungsbereichen wie Ribbon, Toolbar oder ähnlichem ausprobiert werden.
Wir freuen uns auf Ihr Feedback!
von Sebastian

Seite 4 von 4 Seiten - « First  <  2 3 4