it-swarm.com.de

Ersatz für die Raster- oder Tabellendatenvisualisierung für mobile Apps

Was könnte der beste Ersatz für die Visualisierung von Grid-Daten sein, wenn in mobilen Apps mehrere Datenelemente mit derselben Struktur angezeigt werden sollen?.

Nehmen wir an, wir haben 10 Zeilen und 5 Spalten oder relative Daten. Im Web kann dies in einer einfachen Tabellenstruktur visualisiert werden.

Meine Frage ist, wie effektiv dies in mobilen Anwendungen visualisiert werden kann, abgesehen von einer Tabellenansicht. Der Grund, warum ich mich nicht für eine Tabellenansicht entscheiden möchte, ist, dass ich nur über eine minimale Fläche verfüge und alle 5 Datenspalten anzeigen muss.

4
ravish

Sie können es in einer Listenstruktur entwerfen, je nachdem, wie es aussehen soll.

Hier ist ein Beispiel-Screenshot. Sie können die Höhe von Listenelementen erhöhen/verringern und dort die gewünschten Hauptdaten anzeigen. Sie können sich weitere Muster ansehen hier

In der folgenden Liste werden Daten für 4-5 Spalten in jeder Zeile angezeigt.

enter image description here

3
carora3

Manchmal muss eine Tabelle wirklich eine Tabelle sein, sonst verlieren Sie den Zweck davon. (d. h. wenn Sie Datensätze/Produkte/Benutzer vergleichen).

Wenn Sie der Meinung sind, dass es sich um Informationen handelt, die wirklich benötigt werden (nicht jeder, der die mobile Site verwendet, muss alles sehen, was für die Site in voller Größe verfügbar ist, liegt bei Ihnen), entscheiden Sie sich möglicherweise für eine Miniatur-/Bildversion der Tabelle Zeigen Sie den Kontext an, in dem die Tabelle verwendet wird, und stellen Sie einen Link bereit (und machen Sie das Bild auch auswählbar), der den Benutzer zu einer neuen vollständigen Seite führt, auf der die Tabelle einzeln angezeigt wird, damit er sie separat zur tatsächlichen Site lesen kann.

Auf diese Weise können Sie die tatsächlichen Tabellendaten weiterhin in ihrem vollständigen Zustand anzeigen, ohne Kompromisse beim Detail eingehen zu müssen. Sie müssen sie jedoch nicht nur zusammen mit allen anderen Seiteninhalten in der Seite rendern.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

3
JonW