HomeCasa Prompts

Design-Spezifikation für eine Datentabelle im Admin-Dashboard

Definiere eine vollständige Datentabelle: Spaltenreihenfolge und -format, Sortierung, Filter, Paginierung oder virtuelles Scrollen, Massenaktionen, Dichte, Zustände, Mobile und Barrierefreiheit. Entwickelt für ChatGPT, Claude, Gemini und Microsoft Copilot. Er enthält 6 anpassbare Variablen und lässt sich kostenlos mit einem Klick kopieren.

Fortgeschritten · Text · Redaktionelle Prüfung ausstehend

Entwickelt für:

Prompt

Handle als Product Designer mit Schwerpunkt auf datenintensiven B2B-Anwendungen.

Kontext:
- Produkt: {{produkt}}
- In der Tabelle angezeigte Entität: {{entitaet}}
- Verfügbare Spalten: {{spalten}}
- Hauptaufgaben der Nutzer mit dieser Tabelle: {{aufgaben}}
- Übliches Zeilenvolumen: {{volumen}}
- Plattform: {{plattform}}

Liefergegenstände:
1. Priorität und Reihenfolge der Spalten nach Aufgaben, mit Ausrichtung (Zahlen rechts, Text links), Format für Datum, Beträge und Status sowie Regeln zum Kürzen mit Tooltip.
2. Kopfzeile: Sortierung (Standard und mehrspaltig, falls sinnvoll), fixierte Kopfzeile und erste Spalte, Spaltenbreite ändern und sichtbare Spalten wählen.
3. Suche und Filter: Schnellfilter, erweiterte Filter, Chips für aktive Filter, „Alle zurücksetzen“ und gespeicherte Ansichten.
4. Paginierung, Infinite Scroll oder Virtualisierung: begründete Empfehlung für das genannte Volumen.
5. Auswahl und Aktionen: Zeilenaktionen, Massenaktionen, alle Zeilen versus alle auf der Seite auswählen und Bestätigung destruktiver Aktionen.
6. Dichte (komfortabel, kompakt), Zeilenhöhe und Abstände.
7. Zustände: Laden mit Skeleton, leer, keine Ergebnisse, Fehler und unvollständige Daten.
8. Responsives Verhalten oder Alternative auf kleinen Bildschirmen.
9. Barrierefreiheit: semantisches Tabellen-Markup, aria-sort, Tastaturnavigation, sichtbarer Fokus und angesagte Aktualisierungen.
10. Übersichtstabelle der benötigten Komponenten und Tokens für das Designsystem.

Einschränkungen:
- Erfinde keine Spalten oder Beispieldaten, die nicht im Kontext stehen; verwende [AUSFÜLLEN].
- Begründe jede Entscheidung mit der Nutzeraufgabe, die sie unterstützt.
- Fehlen wichtige Informationen (z. B. welche Aktionen pro Zeile möglich sind), frage mich zuerst.

Format: Spezifikation mit nummerierten Überschriften, Tabellen und einem Text-Wireframe der Tabelle im Standardzustand.

So verwenden Sie ihn

  1. Liste die echten Spalten und die Aufgaben der Nutzer auf. 2. Stimme die Paginierungsempfehlung mit der Entwicklung ab. 3. Baue oder aktualisiere mit der Komponentenübersicht die Tabelle in deinem Designsystem.

Anwendungsbeispiel

Entität: Bestellungen · Spalten: Bestellnummer, Kunde, Datum, Betrag, Status, Versanddienstleister · Aufgaben: Problemfälle finden und exportieren · Volumen: 100-10.000 Zeilen.

Beispielergebnis

1. Spaltenpriorität

ReihenfolgeSpalteAusrichtungFormatUnterstützte Aufgabe
1BestellnummerLinks, fixiertMonospace, LinkBestimmte Bestellung finden
2StatusLinksBadge mit Icon + TextProbleme erkennen
3KundeLinksGekürzt mit TooltipBestellung zuordnen
4DatumRechts12.03.2025 · 14:05Nach Alter sortieren
5BetragRechts1.234,50 €Große Bestellungen prüfen
6VersanddienstleisterLinksTextProbleme bündeln
7LandLinksKurznameSendungen filtern

4. Paginierung

Bei bis zu 10.000 Zeilen und CSV-Export empfehle ich Paginierung mit 50 Zeilen und wählbarer Seitengröße: Man findet nach einer Bestellung zurück an die alte Stelle, und die Mehrfachauswahl bleibt eindeutig.

5. Auswahl

Beim Markieren aller Zeilen: „50 Bestellungen auf dieser Seite ausgewählt · Alle 2.340 Treffer des Filters auswählen". Destruktive Aktionen fragen mit genauer Anzahl nach.

Wireframe (Standardzustand)

[Bestellung suchen…] [Status ▾] [Versand ▾] [Land ▾]     [Ansichten ▾] [CSV-Export]
Filter: (Mit Problem ×) (Letzte 7 Tage ×)  Alle löschen
☐ | Nr. ▲       | Status     | Kunde       | Datum       | Betrag      | Versand | Land
☐ | [AUSFÜLLEN] | ⚠ Problem  | [AUSFÜLLEN] | [AUSFÜLLEN] | [AUSFÜLLEN] | …       | …

…

Wichtige Fakten

Kategorie
UI/UX-Design · Dashboards
Ausgabetyp
Text
Niveau
Fortgeschritten
Entwickelt für
ChatGPT, Claude, Gemini und Microsoft Copilot
Verifiziert in
Redaktionelle Prüfung ausstehend
Variablen
Produkt, Entität, Verfügbare Spalten, Hauptaufgaben, Zeilenvolumen und Plattform
Sprache
Deutsch
Preis
Kostenlos, ohne Anmeldung
Aktualisiert
07.11.2026

Häufig gestellte Fragen

Paginierung oder Infinite Scroll für eine Datentabelle?

Für Arbeitstabellen eignen sich Paginierung oder Virtualisierung meist besser, weil Nutzer zu bestimmten Zeilen zurückkehren und Summen sehen müssen. Der Prompt empfiehlt eine Lösung passend zu Volumen und Aufgaben.

Wie passt man eine komplexe Tabelle für Mobilgeräte an?

Meist bleiben 2-3 Schlüsselspalten sichtbar, der Rest wandert in eine aufklappbare Zeile oder eine Kartenansicht. Die Spezifikation schlägt die passende Alternative vor.

Wofür ist dieser Prompt gedacht?

Definiere eine vollständige Datentabelle: Spaltenreihenfolge und -format, Sortierung, Filter, Paginierung oder virtuelles Scrollen, Massenaktionen, Dichte, Zustände, Mobile und Barrierefreiheit.

Mit welchen KI-Tools funktioniert er?

Er ist für ChatGPT, Claude, Gemini und Microsoft Copilot entwickelt. Wir haben ihn in diesen Tools noch nicht überprüft, daher können die Ergebnisse variieren.

Wie passe ich den Prompt an?

Klicken Sie auf „Anpassen“ und füllen Sie die Variablen aus (Produkt, Entität, Verfügbare Spalten, Hauptaufgaben, Zeilenvolumen und Plattform). Der Text wird sofort aktualisiert und lässt sich anschließend mit einem Klick kopieren. Die Werte werden nur in Ihrem Browser gespeichert.

Brauche ich Erfahrung, um ihn zu verwenden?

Er ist für Fortgeschrittene: Es hilft, das Thema zu kennen, um guten Kontext zu liefern und das Ergebnis kritisch zu prüfen.

Ist dieser Prompt kostenlos?

Ja. Jeder Prompt von HomeCasa Prompts ist kostenlos, ohne Anmeldung und ohne Abonnement. Sie können ihn auch in beruflichen Projekten verwenden.

Kann ich der KI-Ausgabe vertrauen?

Betrachten Sie sie als hochwertigen Entwurf: Prüfen Sie Daten, Zahlen und wichtige Aussagen immer, bevor Sie etwas veröffentlichen oder Entscheidungen treffen.

Ähnliche Prompts