Posts tagged “Design”.

Neues Design: Ist das Konfetti verständlich?

Seit Samstag steht nun endlich das neue Design online! Geändert haben sich die Gesamterscheinung, die Tabellendarstellung und die Vergleichsvisualisierungen. Eein Beispiel: iPad 2 vs. Sony Tablet S

Eigentliches Ziel war es, die Visualisierungen von Zahlenwerten in den tabellarischen Vergleichen zu verbessern. Die alten Tabellen boten hier nicht so viel Flexibilität und Freiraum. Somit war eine grundlegende Umgestaltung der Tabellen nötig.

Da es auch schon länger Ideen für eine bessere Seitenstruktur gab, bot sich an dies ebenfalls gleich mit anzugehen. Und so lag es auch nicht mehr fern, gleich noch das Erscheinungsbild an die Entwicklungen der letzten zwei Jahre anzupassen.

Am Anspruchsvollsten war die Visualisierung der Zahlenwerte. Dies ist nun über grüne und graue Kreise gelöst. Größerer Kreis meint besserer Wert. Grün bedeutet bester in dieser Zeile (siehe z.B. obiges Beispiel).

Ist der Größenunterschied der Kreise in einer Zeile groß, bedeutet dies, das der Unterschied zwischen den Werten dementsprechend ebenfalls groß ist. Die Zeile bzw. das Feld ist somit ein deutliches Unterscheidungsmerkmal.

Sind die Kreise ähnlich groß, ist der Unterschied der Werte gering. Die Zeile ist für die Unterscheidung also nicht so wichtig.

Vorher konnte nur, durch die Hinterlegung mit einem grünen Hintergrund, der bessere Wert hervorgehoben werden. In welchem Verhältnis diese Werte aber zueinander standen, ging hieraus kaum hervor.

Mit der neuen Visualisierung ist es nun zusätzlich möglich auch eine schnell im überfliegen erfassbare Information abzulesen ob die Werte nur ca. 1%, 10% oder über 100% auseinander liegen.

Um eine schnelle Tendenz zu bekommen reicht es so also zu gucken in welcher Spalte sind die meisten grünen Symbole und die dicksten Kreise.

Die Frage ist nun: Ist dies so verständlich oder verwirren die Kreise und wirken wie Konfetti? Ich hoffe natürlich Ersteres!