Usabilla launcht neuen interessanten Service

Der Usability Tool Anbieter Usabilla hat einen neuen Service gelauncht, mit dem es einfach ist die Emotionen der Besucher über die Zeit hinweg zu beobachten.

Der Nutzer hat sogar die Möglichkeit einzelne Elemente auszuwählen.
Ich persönlich finde das ein super Ansatz.

Zudem ist es aus Anwendersicht super einfach sein Feedback zu hinterlassen. Ich werde mir das Tool einmal genauer ansehen.

Hier ein kurzes Video:

Hier gehts direkt zu Usabilla Live:
Website User Testing the Usabilla Way – Features.

  • Share/Save/Bookmark

Interaktive Zeitleiste mittels JSON

Eine nettes Open-Source Framework zur Visualiserung von zeitabhängigen Daten. Das tolle ist, das Framework kann eine Vielzahl von Formaten verstehen und bietet sogar Connectoren zu Twitter, Facebook, YouTube usw. Zudem gibt es sogar ein WordPress Plugin.

Timeline

Ich werde es auf jeden Fall demnächst einmal testen.

Das Framework findet man hier: Timeline.

  • Share/Save/Bookmark
Categories: Allgemein, Tech, Tools Tags:

Emotionales Design

Ein interessanter Artikel über die Rolle von Emotionen.
Nach Norman gilt es im Design (sei es ein Webseite, eine App oder irgendein Produkt) 3 Ebenen die angesprochen werden müssen:

  1. Visceral (meist verbunden mit dem Ersteindruck beeinflusst durch unsere Kultur und unsere Erfahrungen)
  2. Behavioral (meist durch die Interaktion beeinflusst)
  3. Reflective (schafft es das Design dass wir als Nutzer Zusammenhänge verstehen, interpretieren und das Ganze für uns oder andere reflektieren).

Um positiv Emotionen zu erzeugen d.h. alle 3 Ebenen anzusprechen gibt es laut dem Artikel mehrere Techniken:

  1. Humor
  2. Wiedererkennung
  3. Dissonanz
  4. Ton der Ansprache
  5. Motivation/Anteilnahme

Den ganzen sehr guten Artikel mit Beispielen findet man hier:
Not Just Pretty: Building Emotion Into Your Websites | Smashing UX Design
.

  • Share/Save/Bookmark
Categories: Richtlinien und Theorien Tags:

Eine Anleitung für all diejenigen die gerne Skribblen

Für alle Interaktionsdesigner sollte das Zeichnen/Sketchen Pflichtprogramm sein.
Hier eine tolle Anleitung wie man diverse Dinge angehen und worauf man beim Skribbeln achten sollte. Insbesondere die Methode in Layers zu arbeiten hat mich überzeugt.

Die Anleitung findet man beim Smashing Magazine:

The Messy Art Of UX Sketching | Smashing UX Design.

  • Share/Save/Bookmark
Categories: Allgemein, Tools, Trends Tags: , ,

Neues webbasiertes Prototyping Tool für mobile Applikationen

Jeder kennt das Problem bei der Prototypen-Entwicklung für mobile Endgeräte: die Diversität der Endgeräte sowie die neuartigen Interaktionsformen wie Swype, Pan etc. Da geht klassichen Tools wie Axure etc. schnell die Luft aus. Jetzt gibt es allerdings ein Prototyping-Toolhersteller, der dies adressiert und sogar flexible Layouts sowie Komponentenbibliotheken für die unterschiedlichen Arten der Endgeräte bereitstellt. Das Tool ist webbasiert und muss gemietet werde. Einen Einblick erhält man allerdings mit einem beschränkten kostenfeien Zugang.

Sicherlich einen Blick wert: Proto.io.

  • Share/Save/Bookmark
Categories: Tools Tags: ,

Axutopia – Jede Menge Axure Libraries

Hier findet man jede Menge Axure Libraries für jede Art von Projekt: von Software für OSx, Facebook Pages bis hin zu iPhone und Android.

Leider sind diese kostenpflichtig, was sich jedoch im Rahmen hält und sicherlich so eine Überlegung wert ist, bevor man selbst Hand anlegt.

Hier gehts zu den Axure Bibliotheken:
Libraries | Axutopia.

  • Share/Save/Bookmark
Categories: Tools Tags: ,

Freie Hintergrundmuster für Website Layouts

Massig Hintergrundgrafiken findet man hier:
Subtle Patterns | Free textures for your next web project.

  • Share/Save/Bookmark
Categories: Grafik Tags:

35 Photoshop Tutorials für Website Layouts

Sehr guter Einstieg für alle die Photoshop für Webdesign lernen möchten. Auf diesem Blog gibt es 35 Tutorials, wie spezielle Seiten mit PS gelayoutet wurden:

35 Photoshop Tutorials for Website Layouts | Vandelay Design Blog.

Einige Beispiele:

  • Share/Save/Bookmark
Categories: Grafik Tags:

Datenschutzerklärungen leicht gemacht!

Eine Alternative zur langweiligen Datenschutz-Erklärung.
Mit wenigen Klicks gelangt man zu einer ansprechenden und rechtlich konformen Datenschutz-Erklärung und das Ganze ist auch noch kostenlos.

iubenda – Privacy Policy generator.

  • Share/Save/Bookmark
Categories: Allgemein Tags:

Golden Grid System – 960 ist tot

Inbesondere deshalb, dass die Cross-Plattform Entwicklungen zunehmen – nicht zuletzt aufgrund des stetig wachsenden Mobile-Segments und der Diversität der Endgeräte – sollte man beim Design von Websites häufig vom allseits bekannten 960 Grid-System lösen und auf ein flexibles Grid (auch bekannt unter Responsive Design) zurückgreifen.

Ich habe hier über das Smashing Magazine ein sehr gutes Grid-System gefunden, dass anders wie bei den meisten responsive Grids, eine fixe Spaltenbreite zurgrunde liegt.

Sicherlich ist es schwerer in flexiblen Ausmaßen zu konzipieren und zu layouten (hier muss man dann Prioristäten vergeben) aber es macht sich insbesondere dann bezahlt, wenn man mit unterschiedlichsten Endgeräten auf den gleichen Content zugreift.

Das Grid System findet man hier zum Download:
Golden Grid System.

  • Share/Save/Bookmark