Zuhause Persönliche Finanzen Datenvisualisierung: Entwerfen für mobile Geräte - Dummies

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

Inhaltsverzeichnis:

Video: Build a basic app - Qlik Sense 2025

Video: Build a basic app - Qlik Sense 2025
Anonim

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.

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

Die Wahl des Herausgebers

Was Sie über den Makler und die Hauptbeziehung für die Immobilienlizenzprüfung wissen sollten - Dummies

Was Sie über den Makler und die Hauptbeziehung für die Immobilienlizenzprüfung wissen sollten - Dummies

Die Elemente der Verantwortung eines Agenten gegenüber dem Auftraggeber werden in einem Wort zusammengefasst - Treuhänder. Die Immobilienlizenzprüfung wird zweifellos Fragen zu diesen Treuhandpflichten stellen. Treuhänder bedeutet treuer Diener, und ein Agent ist der Treuhänder des Auftraggebers. Der Vertreter vertritt getreu die Interessen des Auftraggebers vor allen anderen ...

Erkennen Miller Analogie Test 1: 3, 2: 4 Analogien - Dummies

Erkennen Miller Analogie Test 1: 3, 2: 4 Analogien - Dummies

The Der Miller Analogies Test (MAT) ist ein standardisierter Test, der normalerweise für die Zulassung von Absolventen verwendet wird. Der Test besteht vollständig aus Analogien. Der Miller Analogies Test verwendet mehrere Analogtypen wie 1: 3, 2: 4. Die Erkennung der Art der verwendeten Analogie spielt eine entscheidende Rolle bei der Auswahl der richtigen Antwort für diese Frage. ...

Erkennen Miller Analogie Test 1: 2, 3: 4 Analogien - Dummies

Erkennen Miller Analogie Test 1: 2, 3: 4 Analogien - Dummies

The Der Miller Analogies Test (MAT) ist ein standardisierter Test, der normalerweise für die Zulassung von Absolventen verwendet wird. Der Test besteht vollständig aus Analogien. Der Miller Analogies Test verwendet mehrere Analogtypen wie 1: 2, 3: 4. Die Erkennung der Art der verwendeten Analogie spielt eine entscheidende Rolle bei der Auswahl der richtigen Antwort für diese Frage. ...

Die Wahl des Herausgebers

Excel-Dashboards und -Berichte: So führen Sie Makros aus - Dummies

Excel-Dashboards und -Berichte: So führen Sie Makros aus - Dummies

Makros sind sehr nützlich für Ihre Excel Dashboards und Berichte. Um Ihre Makros in Aktion zu sehen, wählen Sie den Befehl Makros auf der Registerkarte Entwickler. Das in dieser Abbildung gezeigte Dialogfeld wird angezeigt, in dem Sie das Makro auswählen können, das Sie ausführen möchten. Wählen Sie das AddDataBars-Makro aus, und klicken Sie auf die Schaltfläche Ausführen. Wenn alles gut geht, ...

Excel-Dashboards und Berichte: Halten Sie Ihre Pivot-Tabelle frisch - Dummies

Excel-Dashboards und Berichte: Halten Sie Ihre Pivot-Tabelle frisch - Dummies

So langweilig wie Ihre Pivot-Tabellen Wie es scheint, werden sie schließlich zu den Stars Ihrer Excel-Berichte und Dashboards. Es ist daher wichtig, dass Sie Ihre Pivottabellen frisch und relevant halten. Im Laufe der Zeit können sich Ihre Daten mit neu hinzugefügten Zeilen und Spalten ändern und wachsen. Die Aktion der Aktualisierung Ihrer Pivot-Tabelle mit diesen ...

Excel 2010 Für Dummies Cheat Sheet - Dummies

Excel 2010 Für Dummies Cheat Sheet - Dummies

Auf den ersten Blick kann es schwierig sein, die vielen Menüs zu verstehen , Tabulatoren, Spalten und Zeilen der Excel 2010-Benutzeroberfläche. Dieser Cheat Sheet hilft Ihnen jedoch, Ihren Weg zu navigieren, indem Sie Tastenanschläge für die Bewegung des Zellen-Cursors zu einer neuen Zelle zeigen, einfache Regeln für die Dateneingabe-Etikette, häufige Ursachen einiger ...

Die Wahl des Herausgebers

Verwendung von Web Stats zur Verbesserung Ihrer Website - Dummies

Verwendung von Web Stats zur Verbesserung Ihrer Website - Dummies

Leute mögen nicht langsame Webseiten. Die Verwendung von Webstatistiken kann sicherstellen, dass Sie keine haben. Heutzutage werden wir alle durch schnelle Internetverbindungen verwöhnt, und Forschungsergebnisse zeigen, dass Webnutzer auf eine andere Website klicken, wenn Ihre Website mehr als zwei Sekunden benötigt, um sie zu öffnen. Eine schnellere Site behält mehr Besucher. mit einem langsameren ...

Webhost-Systemsteuerungsoptionen - dummies

Webhost-Systemsteuerungsoptionen - dummies

Sie haben mehrere Optionen für Web gehostete Control Panels. Die beliebteste und offensichtlichste Wahl ist cPanel. cPanel ist aufgrund seiner Balance zwischen Flexibilität und Benutzerfreundlichkeit eine gute Wahl für Bedienfelder. Die Wahl des Bedienfelds ist jedoch eine Frage der persönlichen Vorlieben und Sie müssen eines finden, das am besten passt ...

Zehn Essential Online Web Hosting Ressourcen - Dummies

Zehn Essential Online Web Hosting Ressourcen - Dummies

Bücher sind großartige Referenzen, aber es gibt auch einige wirklich gute Web-Hosting-Ressourcen online verfügbar, um Ihnen zusätzliche Informationen zu geben, wenn Sie nicht finden können, was Sie brauchen. Haben Sie keine Angst, das Internet zu überprüfen. ZeltBlogger. com TentBlogger. com ist im Besitz und geschrieben von John Saddington. Es ist wahrscheinlich die beste Online-Ressource für praktisch alles mit ...