Datenvisualisierung: Entwerfen für mobile Geräte - Dummies

Bis vor einigen Jahren, als ein Designer eine papierbasierte Anzeige oder Broschüre erstellte, könnte genau planen, wie es aussehen würde, nachdem es gedruckt wurde. Der Designer kannte das Format und wie Kunden es sehen würden. Die Popularität von Mobilgeräten hat jedoch zugenommen, und die Designer mussten sich zwei neuen Designproblemen stellen:

• Design von Mobilgeräteschnittstellen

• Erstellung von Apps für Mobilgeräte

Mit dem Aufkommen des Internets benutzten Online-Designer die wenigen Webbrowser, die verfügbar waren, um zu planen, wie ihre Designs auf dem Bildschirm aussehen würden. Die verfügbaren Werkzeuge waren etwas grob, aber das Design war ziemlich einfach. Wenn er jeden Webbrowser testete, konnte ein Designer bestimmen, was er reparieren musste, damit das Design richtig online aussah.

Jetzt müssen Designer für eine Vielzahl von mobilen Geräten entwerfen, von denen jeder seine eigenen Besonderheiten hat. Folglich ist die Komplexität des Entwerfens von Visualisierungen gewachsen.

Umfassendes Responsive Design

Um das Problem der verschiedenen Bildschirmgrößen und Betriebssysteme zu lösen, verwenden Designer das Prinzip des Responsive Design (RD) . RD bezieht sich auf eine Schnittstelle oder ein Layout, die / das sich basierend auf der Anzeige neu konfigurieren kann. Der Begriff wurde von Ethan Marcotte in einem Artikel aus dem Jahr 2010 geprägt, der die Notwendigkeit von Designern erkannte, das Problem der Anforderungen an mehrere Bildschirme anzugehen.

Ein responsives Website-Design sieht immer noch gut aus, egal ob Sie es auf Ihrem Desktop-Computer oder auf Ihrem Smartphone betrachten. Die gerundeten Kanten und Symbole, die bei kleineren Geräten üblich sind, fallen automatisch an ihren Platz.

In seinem Artikel zitierte Marcotte die drei Bereiche, in denen RD den größten Einfluss auf das Webdesign haben kann:

• Fluidgitter: Das Gitter ist das Werkzeug, mit dem Designer ihre Entwürfe entwerfen, unabhängig davon, ob Entwürfe werden online oder offline betrachtet. In der folgenden Abbildung wurde ein Rasterentwurf für drei Bildschirmformen transformiert.

  

  Grid-Design wurde auf verschiedene Bildschirme übersetzt.

• Flexible Bilder: Wenn Sie Bilder in einem Blogpost oder auf Ihrer Website haben, möchten Sie sicherstellen, dass sie nicht abgeschnitten oder verzerrt werden. Sicherstellen, dass deine Bilder sich selbst neu formatieren können, ist wichtig.

• Medienabfragen: Wenn Sie einen Suchbegriff in eine Suchmaschine wie Google oder Bing eingeben, möchten Sie die Ergebnisse auf jedem Ihrer Bildschirme anzeigen können. Dies ist ein Schlüsselprinzip von RD. Der Inhalt muss auf jedem mobilen Gerät angezeigt werden, das ein Nutzer haben könnte. Was das Anzeigen auf verschiedenen Geräten zu einer Herausforderung macht, ist, dass der Designer keine Möglichkeit hat zu wissen, wie das Ergebnis aussehen wird.

Diese Ideen gelten auch für Datenvisualisierungen. Sie möchten sicherstellen, dass Ihr Grid nicht verzerrt wird, wenn der Daten-Viewer auf einem mobilen Gerät angezeigt wird. Die Bilder müssen klar sein und das Seitenverhältnis (Länge zu Breite) sollte unabhängig vom Gerät, mit dem der Benutzer arbeitet, ausgerichtet sein.

Den Design-Standards der App folgen

Designer wollen nicht nur, dass eine Oberfläche gut aussieht, sondern auch alle möglichen Tricks. Infolgedessen ist App-Design zu einer Disziplin geworden.

Sie fragen sich vielleicht, warum Sie sich für App-Design interessieren sollten. Jeder, der online etwas visualisieren muss, unterliegt denselben Standards wie jeder App-Designer.

In seinem Artikel "Apples 6 einfache Regeln für das Entwerfen einer Killer-iOS-App" beschreibt Pete Pachal, was er tun musste, um seine Nachrichten-App Spun für Apples App Store zertifizieren zu lassen. (Zu diesem Zeitpunkt ist die App im US-amerikanischen App Store nicht verfügbar.) Pachals Team musste fünf Monate lang mit Apple zusammenarbeiten, um alles zu perfektionieren. Während dieser Zeit hat Pachal sechs Regeln für sein Team festgelegt, von denen vier für das Design von Daten gelten:

• Einfachheit ist Stärke. Diese Regel ist wahrscheinlich die wichtigste Regel für Datenvisualisierungen. Das Ziel besteht darin, neue Informationen zu erklären oder aufzudecken, mit deren Hilfe Erkenntnisse gewonnen werden können. Wenn Sie sich auf zu viele Datenpunkte konzentrieren, geht die Geschichte verloren. Wenn Sie ein Dashboard erstellen, ist diese Regel besonders wichtig, da jedes Datenelement das Ganze unterstützen muss.

• Verzichten Sie nicht auf Zeit. Diese Regel ist wichtig für die Datenvisualisierung. Wenn Sie eine Visualisierung zusammenfügen, die schwer zu entziffern ist oder einfach nur schlampig ist, wird sie niemand benutzen wollen. Nehmen Sie sich die Zeit, um etwas Großes zu entwickeln, und verfeinern Sie es mit der Zeit weiter.

• Belohne den Benutzer bei jeder Berührung. Jeder Menüpunkt sollte etwas Nützliches tun. Die Druckverbindung sollte zum Beispiel funktionieren. Außerdem sollte jeder Klick Informationen liefern.

• Details sind wichtig. Bevor der Benutzer auf einen Link in einer Datenvisualisierung klickt, sollte ersichtlich sein, wo dieser Link hinführt oder welche Art von Daten er sehen wird.