Datenvisualisierung: Planung für mobile Geräte

Bis vor ein paar Jahren, wenn ein Designer eine papierbasierte Anzeige oder Broschüre erstellt, konnte sie genau planen, wie es aussehen würde, nachdem es gedruckt wurde. Der Designer kannte das Format und wie die Kunden es sehen würde. Allerdings hat die Popularität von mobilen Geräten erhöht und Designer hatten zwei neue Design-Fragen zu stellen:

• Design von mobilen Geräteschnittstellen

• Erstellung von Apps für mobile Endgeräte

Mit dem Aufkommen des Internets verwendet Online-Designer die wenigen Web-Browser, die die Planung zur Verfügung standen, wie ihre Entwürfe am Bildschirm aussehen würde. Die zur Verfügung stehenden Werkzeuge waren etwas grob, aber Design war ziemlich einfach. Wenn er jeden Web-Browser getestet, könnte ein Designer bestimmen, was er zu reparieren benötigt, so würde das Design direkt online suchen.

Jetzt müssen Designer für eine Vielzahl von mobilen Geräten entwerfen, von denen jeder seine eigene skurrile Bedürfnisse hat. Folglich haben die Komplexität der Gestaltung Visualisierungen gewachsen.

Embracing Responsive Design

Um mit der Ausgabe von mehreren Bildschirmgrößen und Betriebssystemen verwenden Designer das Prinzip der Responsive Design (RD). RD bezieht sich auf eine Schnittstelle oder das Layout, das sich auf der Grundlage neu konfigurieren kann, wo es angezeigt wird. Der Begriff wurde von Ethan Marcotte in ein erfundenes 2010 Artikel dass die Notwendigkeit erkannt, für Designer das Problem der Mehrfachbildschirm Anforderungen gerecht zu werden.

Eine Website-Design, das reagiert, noch ist sieht gut aus, ob Sie es auf Ihrem Desktop-Computer oder auf dem Smartphone anzuzeigen. Die abgerundeten Kanten und Symbole, die auf kleineren Geräten gemeinsam sind fallen automatisch einrastet.

In seinem Artikel zitiert Marcotte die drei Bereiche, in denen RD die größte Wirkung in Web-Design haben kann:

• Fluid-Gitter: Das Raster ist das Werkzeug, mit dem Designer ihre Entwürfe zu legen verwenden aus, unabhängig davon, ob diese Entwürfe online oder offline betrachtet werden wird. In der folgenden Abbildung ist ein Gitter-Design für drei Bildschirm Formen transformiert wurde.

  
  Grid Design auf verschiedenen Bildschirmen übersetzt.

• Flexible Bilder: Wenn Sie Bilder in einem Blog-Post oder auf Ihrer Website haben, wollen Sie sicherstellen, dass sie nicht abgeschnitten oder verzerrt. Sicherzustellen, dass Ihre Bilder umformatieren können sich wichtig ist.

• Medien-Anfragen: Wenn Sie einen Suchbegriff in eine Suchmaschine wie Google oder Bing eingeben, wollen Sie in der Lage zu sein, die Ergebnisse auf jedem beliebigen Bildschirm anzuzeigen. Dies ist ein zentrales Prinzip der RD. Der Inhalt muss auf jedem mobilen Gerät angezeigt werden ein Benutzer haben könnte. Was macht es auf einer Vielzahl von Geräten eine Herausforderung sehen ist, dass der Designer keine Möglichkeit, zu wissen hat, was das zurückgegebene Ergebnis sein wird.

Diese Ideen gelten auch für Datenvisualisierungen. Sie wollen sicherstellen, dass das Raster nicht verfälscht wird, wenn die Daten nämlich auf einem mobilen Gerät angezeigt wird. Die Bilder müssen klar sein und das Seitenverhältnis (Länge zu Breite) sollten unabhängig vom Gerät ausgerichtet werden, der Benutzer mit arbeitet.

Im Anschluss an App-Design-Standards

Designer nicht nur eine Schnittstelle wollen gut aussehen, sondern auch wollen, dass es alle Arten von Tricks zu tun. Als Ergebnis hat App-Design ist eine Disziplin für sich geworden.

Sie fragen sich vielleicht, warum Sie über App-Design kümmern sollte. Jeder, der etwas online zu visualisieren hat unterliegt den gleichen Standards wie jedem App-Designer.

In seinem Artikel "Apples 6 Einfache Regeln für die Gestaltung einer Killer-iOS App,"Pete Pachal beschreibt, was er tun musste, um seine Nachrichten-App bekommen Spun zertifiziert für Apples App Store. (In diesem Schreiben ist die App nicht in den USA App Store erhältlich.) Pachal Team für fünf Monate mit Apple arbeiten musste . Erfahren Sie alles perfektioniert Während dieser Zeit kodifiziert Pachal sechs Regeln für sein Team, von denen vier auf Daten nämlich Design anwenden:

• Einfachheit ist Stärke. Diese Regel ist wahrscheinlich die wichtigste Regel für die Datenvisualisierung. Das Ziel ist es zu erklären, oder neue Informationen aufdecken, die verwendet werden können, Einsichten zu entwickeln. Wenn Sie zu viele Datenpunkte konzentrieren, wird die Geschichte verloren. Wenn Sie ein Dashboard erstellen, ist diese Regel besonders wichtig, weil jedes Stück von Daten, das Ganze zu unterstützen muss.

• Nicht Qualität für Zeit opfern. Diese Regel ist wichtig für die Datenvisualisierung. Wenn Sie eine Visualisierung schlagen zusammen, die oder einfach nur schlampig zu entziffern ist schwer, niemand wird es benutzen wollen. Nehmen Sie sich Zeit, etwas Großes, zu entwickeln und weiterhin im Laufe der Zeit zu verfeinern.

• Belohnen Sie den Benutzer bei jeder Berührung. Jeder Menüpunkt sollte etwas Nützliches tun. Der Druck Link sollte funktionieren, zum Beispiel. Außerdem sollte jeder Klick informieren.

• Details der Materie. Bevor der Benutzer auf einen Link in einer Datenvisualisierung klickt, sollte klar sein, wo diese Verbindung ihr oder welche Art von Daten stattfinden wird sie zu sehen.