Design an den Hybridautos

Screendesign Hybrid S-Klasse Mercedes
Screendesign Hybrid S-Klasse Mercedes

Neue Aufgabengebiete warten auf Screendesigner in der zur Zeit sehr schwächelnder Automobilbranche. Neue Anzeigen bei Hybridfahrzeugen zum Ladezustand der Batterien, der Kraftverteilung auf unterschiedliche Antriebssysteme usw. müssen neu und schlicht gestaltet werden, um die Aufmerksamkeit des Autofahrers nicht gefährlich zu belasten. In der aktuellen S-Klasse von Mercedes kostet das Hybrid-Modell übrigens 10.000 Euro mehr als vergleichbares Benzin Pendant.

Mobiler Reiseführer am Handy

Dieses Video demostriert beeindruckend die Möglichkeiten vom Einsatz eines G1 Handys mit dem Betriebssystem Android (von Google) in der Kombination mit dem mobilem Reiseführer wikitude. „Mobiler Reiseführer am Handy“ weiterlesen

Rapid Webdesign Development – 960 Grid System

Nach dem das Rapid Development die Entwicklerszene im Sturm erobert hat, ist es Zeit gekommen auch das Webdesign auf die Hochgeschwindigkeit zu bringen. Natürlich geht es nur wie auch in allen anderen Fällen mit dem strengen Einhalten der vorgegebener Richtlinien, bzw. Frameworks. Im Fall von „960 Grid System“ bedeutet es eisernes Durchhalten von 12 oder 16 Spalten und maximaler Breite von 960 Pixeln. Das ganze kann man als Framework für Rapid Web Development verstehen, angefangen bei den Skizzen zur neuen Webseiten und beendet bei einer sehr aufgefeilten CSS-Vorlage, die bereits alle möglichen Kombinationen von Boxen und DIVs beinhaltet. „Rapid Webdesign Development – 960 Grid System“ weiterlesen

Länder Icons für Sprachen

Dass die Länder, bzw. Sprach- Icons nicht immer langweilig sein müssen, beweist die Webseite timeshop24. Nicht nur dass die Flaggen endlich nicht rechteckig dargestellt werden müssen, sondern auch der gewählte Ausschnitt und die schräge Lage der Fahnen ermöglicht eine erfrischende Darstellung der Icons.

Flagge Land Sprache Icons

Semantische Suche

Eine interessante Suchmaschine für semantische Suche ist in der Betaphase aufgetaucht. Nach der Eingabe von einem Suchbegriff wird neben den Suchergebnissen eine semantische Keywords Wolke (Cloud auf Neudeutsch) dargestellt, die man auch als eine neue Art der Navigation benutzen kann.

www.quintura.com

Videos zappen bei youtube

Endlich ist auch das allseits beliebte Zappen im Internet möglich. Was bisher nur dem schön sinnlosen und dadurch sehr entspannendem Fernsehen vorbehalten war – nämlich das Zappen durchs Programm, wurde bei youtube unter dem schicken Namen „Warp Speed“ umgesetzt: Man klick auf ein Video und beginnt eine Reise durch die gesamte Galaxie der Videos, die alle nur einen Klick weiter entfernt sind. Das Interface Design und Usability ist sehr einfach zu bedienen, beim Mouseover kommt eine kurze Einblendung mit dem Titel und einer durchschnittlichen Bewertung und gleichzeitig „öffnen“ sich die Kreise für die verwandten Videos zu dem gerade aktiven. So entwickelt sich das Web immer weiter Richtung eines allumfassenden ÜBER-Mediums. Viel Spass beim Zappen!

Zappen Videos bei youtube

youtube Warp Speed.

Interface Design

Einige interessante Interface Design Projekte von der Fachhochschule Potsdam kann man in diesem Doku Video anschauen. Mein Liebling: mit Hilfe der Kerzen erlaubt ein experimentelles Interface die Steuerung der Musik direkt aus der Badewanne. Forschung kann so entspannend sein!

10 Usability Tipps für Online Shops zur Kundenanfragen-Reduzierung

Für einen Webdesigner kann auch manchmal eine ganz andere Anforderung kommen, nämlich beispielsweise beim Konzept für einen Online Shop oder einen Redesign eines bereits bestehenden. Die Aufgabe vom Design und Konzept ist es dann auch die Anzahl der Kundenanfragen zu reduzieren. Denn jede Anfrage kostet natürlich Geld und verbraucht die Ressourcen eines Unternehmens. Es muss vieles beim Design beachtet werden, um nicht nur den Bestellprozess für den User einfach und transparent zu gestalten, sondern auch das Verhalten des Shops nach dem Bestellvorgang. Klare und schnelle Bestätigungen per Email über den erfolgreiche abgeschlossenen Kaufprozess und den Versand des Artikels sind nur die wenigsten und wichtigsten Bestandteile davon. Besonders wenn die bestellten Produkte in mehrere Pakete gesplittet werden und zeitlich versetzt verschickt werden sollte die Kommunikation sehr eindeutig und schnell sein.

Hier finden Sie die wichtigsten 10 Usability Optimierungen, um die Anzahl der Kundenanfragen zu minimieren:

1. Gratis Beilagen und Gutscheinaktionen sollten immer detailliert beschrieben werden, damit der User garantiert versteht, wann und was er bekommt.

2. Bei jedem Artikel muss die Lieferzeit eindeutig erkennbar sein, um Fragen „kommt es noch vor Weihnachten?“ zu verhindern.

3. Verschiedene Versandkosten pro Zahlungsart und Land sollten möglichst in einer Tabelle übersichtlich dargestellt werden, das erspart unnötige Nachfragen der Kunden.

4. Bei allen Vorkasse Bestellungen sollten die Kontodaten sehr auffällig (große Schrift, evtl. farbige Hervorhebung) spätesnens in der Bestellbestätigung angezeigt werden, damit der Kunde nicht suchen oder nachfragen muss.

5. Im Shop sollte deutlich und klar beschrieben sein, dass ein Widerrufsrecht besteht. Die Formulierungen sollten nicht im Rechtsdeutsch, sondern klar und verständlich für die User sein.

6. Die durchgeführte Bestellung sollte sofort per Mail bestätigt werden – so können keine Unsicherheiten beim User entstehen und es gibt keine Nachfragen bei der Service-Hotline.

7. Auch der Versand der bestellten Waren sollte per Mail bestätigt werden, dann kann der Kunde die restlichen Liefertage selbst gut abschätzen.

8. Über ein Paket-Tracking sollte der User die Möglichkeit erhalten, den Status seiner Lieferung selbst verfolgen zu können.

9. Im Paket sollte ein Retourenschein beiliegen, um eventuelle Rücksendungen ohne Rückfrage zu ermöglichen.

10. Je schneller die Gutschrift für die Retoure erfolgt, desto weniger Fragen können auch anfallen.

Diese Liste basiert auf der aktuellen Usability Studie von Shoplupe.de

Usability Studien für Webdesigner

Usability Heatmap Studien. Kostenlose Downloads Usability Buch, Studie, Heatmap.

Diese Studien, Tests und Untersuchungen gehen an die Platzierungen zentraler Webdesign-Elemente und bieten Beipiele von Heatmaps und Eyetracking Auswertungen, vermitteln Erkenntnisse über die Positionierung von Suchboxen, Bilder und dem Design von Webseiten und Online Shops.

usability heatmap frauen user usability heatmap maenner user
„Usability Studien für Webdesigner“ weiterlesen

Internet User sind Banner-blind

Eine aktuelle Eyetracking-Studie des amerikanischen Usability-Experten Jakob Nielsen belegt Defizite in der Wirksamkeit von Bannern. Eine Heatmap-Auswertung der Plätze auf der Website, an denen die Augen der Besucher am längsten verweilen, zeigt: Banner werden von den Internetnutzern keines Blickes gewürdigt – zumindest wenn sie, wie von den Internetnutzern gelernt, am oberen und rechten Seitenrand positioniert werden. Andererseits zeigen die Heatmaps, dass Designelemente, die wie Werbung aussehen, aber in Wirklichkeit redaktionelle Inhalte bereitstellen – beispielweise Linklisten zu verwandten Themen – von den Besuchern ebenfalls ignoriert werden. Dies alles sind sehr wichtige Hinweise für das Webdesign.

Für Werbetreibenden und Webdesigner gleichermaßen, die die Blicke der Zielgruppe auf sich ziehen wollen, empfiehlt der Usability-Experte, Formate zu gestalten, die aussehen wie der redaktionelle Inhalt, und diese dann noch innerhalb der redaktionellen Inhalte zu platzieren.