Zum Inhalt
Hey AlbertMarke und Designsystem
Als MarkdownEnglishEN

Screens

iPad

Das Familien- und Kindergerät – Lenas Raum (belegt), die Ansicht für Erwachsene quer und hochkant und der Wandmodus in der Küche (Vorschläge), mit Maßen in Punkten.

Das iPad ist das Gerät, das liegen bleibt. In der Küche, am Esstisch, im Kinderzimmer. Es gehört selten einem Menschen allein. Darum hat es mehr Einstiege als jedes andere Gerät: Lenas Raum, Felix’ Raum, die Ansicht der Eltern und die Wand in der Küche.

Gerät und Maße

Die Website-Screens sind für 834 × 1194 pt gezeichnet (iPad Air und iPad Pro 11 Zoll, @2x als 1668 × 2388 px abgelegt). Quer sind es 1194 × 834 pt. Diese Seite nimmt diese Größe, weil die belegten Screens sie haben.

MaßWertToken
Rand der Fläche32 pt--flaeche-rand-mac
Statusleiste24 ptvom System
Leiste quer220 pt, eingeklappt 72 pt (Vorschlag)--leiste-mac, --leiste-mac-eng
Anrede40 pt--grad-anrede-mac
Zielfläche Erwachsene44 pt--ziel-finger
Zielfläche Kinder, Wand56 pt--ziel-kind

Kreise im Kopf und Orte in der Leiste wachsen am iPad von 40 und 42 auf 44 pt, weil Finger bedienen und kein Zeiger.

Lenas Raum

Der Raum eines Kindes ist ein eigener Einstieg, keine Erwachsenenansicht mit weniger Knöpfen. Lena gestaltet ihn selbst, innerhalb der Kontrast-Leitplanken. Er zeigt ihren Tag als Pfad, ihren Stand und ihre Woche. Zwei echte Knöpfe gehen an Menschen.

Echter Screen: LenaBereich

iPad hochkant · Lenas Raum · 834 × 1194 pt · belegt

  1. 1
    Statusleiste · 24 pt, vom System

    Gehört dem System.

  2. 2
    Kopfkarte in Lenas Farbe · Rand 32 pt, Radius 24 pt

    „Hallo Lena.“ auf ihrem eigenen Pfirsich, mit Herz als spielerischer Form. Rechts oben „Mama schaut mit“, wenn jemand zusieht. Die Fläche gestaltet Lena selbst, innerhalb der Kontrast-Leitplanken.

    --person-4--flaeche-rand-mac--grad-anrede-macAvatarAnredezeileDekoForm

  3. 3
    Dein Tag als Pfad · Kreise 56 pt, Zeiten rechts

    Vier Stationen untereinander, verbunden durch eine Linie: Schwimmzeug gepackt (abgehakt), Schwimmen 16:00, Tisch decken 18:15, „Wie war dein Tag?“ 19:30. Der nächste Schritt ist rosa.

    --ziel-kind--schwarz--rosaSachSymbol

  4. 4
    Zwei Knöpfe · 56 pt hoch

    „Essenswunsch“ und „Fahrt fragen“. Beide gehen an Menschen, nicht an ein System.

    --ziel-kindKnopfreiheKnopf

  5. 5
    Dein Stand

    14 Taler, Sparziel Skateboard, „Das hast du geschafft“ als Haken-Pillen, Regal der Eltern. Darunter: „Deinen Stand siehst nur du. Niemand vergleicht.“

    --gelb--grad-zahl-grossTalerStand

  6. 6
    Deine Woche

    Sieben Kacheln Mo bis So mit dem Wichtigsten je Tag. Heute schwarz, Familientage gelb, Fahrtage blau. Bei Kindern bis neun ohne Uhrzeiten (Matrix III), hier mit Zeiten, weil Lena sie lesen kann.

    --schwarz--gelb--blau--hellTagesreiter

Quelle: apps/site/bilder/LenaBereich.png (1668 × 2388 px) · docs/11-produkt.md §9 Matrix III · components/kinder/TalerStand.jsx

Was im Kinderraum gilt:

  • Kein Erledigungsgrad, keine Rangliste, kein Vergleich mit Felix. „Deinen Stand siehst nur du. Niemand vergleicht.“
  • Zielflächen 56 pt, Register Vorleser.
  • Rechts oben steht, wer mitschaut: „Mama schaut mit“.
  • Für Kinder von sechs bis neun: drei Bildkacheln, keine Uhrzeiten (Matrix III). Für zehn bis zwölf: Tagespfad, zwei Knöpfe, eigene Farben.

Erwachsene, quer

Für Anna und Tobias ist das iPad ein großes iPhone in der Bedienung und ein kleiner Mac im Aufbau. Einstieg ist das Familien-Portal als Kachelwand. Das Wochenboard läuft reduziert.

iPad quer · Erwachsene · 1194 × 834 pt · Vorschlag, nicht abgenommen

  1. 1
    Statusleiste · 24 pt

    Gehört dem System.

  2. 2
    Leiste wie am Mac · 220 pt, einklappbar auf 72 pt

    Dieselben Gruppen wie am Mac: Flächen, Bereiche, Persönlich. Orte 44 pt hoch statt 42, weil hier Finger bedienen.

    --leiste-mac--leiste-mac-eng--radius-block--flaeche-leisteLeisteMac

  3. 3
    Kopf der Fläche

    Suchpille mit rosa Lupe, Bereichs-Chips, drei Kreise: Klingel, Nachrichten, rosa Plus zuletzt. Kreise 44 pt statt 40.

    --flaeche-erhoben--akzent--ziel-fingerKopfzeileSchnellMenue

  4. 4
    Anrede

    „Guten Morgen, Anna.“

    --grad-anrede-macAnredezeile

  5. 5
    Datum, Personen, Spanne

    Wie am Mac in einer Zeile, Spanne rechts. Auf dem iPad endet die Spanne bei Mo – Fr, wenn die Breite für sieben Spalten nicht reicht.

    --ziel-fingerDatumPillePersonenFilterSpannenRegler

  6. 6
    Portal oder Woche

    Einstieg ist die Portal-Kachelwand (Matrix III). Das Wochenboard läuft hier reduziert: fünf Tage, Karten kompakt.

    --karte-innen--karte-abstand--radius-karteKarteZahlKachelZeitachseTagesreiter

Quelle: Vorschlag aus components/kopf/Kopfzeile.prompt.md (Kopf auf Mac und iPad) · docs/52-hq-app.md (iPad: Leiste links wie am Mac) · docs/12-roadmap.md Phase 0 (Split View) · Maße der Mac-Anatomie

Erwachsene, hochkant

iPad hochkant · Erwachsene · 834 × 1194 pt · Vorschlag, nicht abgenommen

  1. 1
    Statusleiste

    Gehört dem System.

  2. 2
    Leiste eingeklappt · 72 pt

    Hochkant ist für 220 pt kein Platz. Die Leiste steht eingeklappt, nur Zeichen, der Eingang mit Zähler. Ausklappen legt sie über den Inhalt, mit Schleier.

    --leiste-mac-eng--radius-blockLeisteMac

  3. 3
    Kopf der Fläche

    Wie quer. Bereichs-Chips wandern unter die Suche, wenn die Zeile zu schmal wird.

    --ziel-fingerKopfzeile

  4. 4
    Anrede

    „Guten Morgen, Anna.“

    --grad-anrede-macAnredezeile

  5. 5
    Datum und Personen

    Die Spanne steht auf „3 Tage“ als Vorgabe.

    DatumPillePersonenFilter

  6. 6
    Inhalt

    Zwei Spalten Kacheln oder drei Tage im Raster. Ab hier gelten die Muster des iPhones, nur breiter.

    KarteSpurenJeMenschListenzeile

Quelle: Vorschlag aus ipad-quer, LeisteMac (fassung eingeklappt) und dem Rand aus apps/site/bilder/LenaBereich.png · docs/12-roadmap.md

Die Wand in der Küche

Das iPad an der Küchenwand wird nicht bedient, es wird gesehen. Im Vorbeigehen, beim Kaffeekochen, wenn ein Kind fragt: „Wann muss ich los?“ Es ist der Zettel am Kühlschrank und muss aus zwei Metern lesbar sein.

iPad an der Küchenwand · Wandmodus · 1194 × 834 pt · Vorschlag, nicht abgenommen

  1. 1
    Uhrzeit und Tag, groß

    „Mittwoch, 3. September · 16:40“. Aus zwei Metern lesbar. Kein Gruß an eine Person, das Gerät gehört allen.

    --schrift-titel--ziffern-tabellarischAnredezeile

  2. 2
    Wer ist heute wo

    Eine Spur je Mensch mit Name und Kreis. Die Jetzt-Linie wandert von selbst.

    --linie-jetzt--person-1--person-3--person-4SpurenJeMenschJetztLinie

  3. 3
    Essen heute

    „Pfannkuchen · Lenas Wunsch · Tobias kocht“.

    --bedeutung-familieKarte

  4. 4
    Wer fährt

    Die nächste Fahrt mit Fahrerin: „Handball abholen 19:00 · Anna“.

    --bedeutung-fahrtKarteFahrtPille

  5. 5
    Offen

    Was keinen Zuständigen hat, gestrichelt in Offen-Rosa. Antippen führt eine Ebene tiefer: abhaken, Essenswunsch, Abstimmung.

    --rand-offenKarte

  6. 6
    Hinweis zum Antippen

    Zielflächen 56 pt, nachts gedimmt. Keine privaten Inhalte: Safe, Tresor, Finanzen und fremde Vorsätze werden gar nicht geladen, weil auch der Handwerker die Wand sieht.

    --ziel-kind

Quelle: Vorschlag aus docs/11-produkt.md §7 „Die Küche — das iPad an der Wand“ und §9 Matrix III · components/karten/SpurenJeMensch.jsx

Was im Wandmodus gilt (docs/11-produkt.md §7):

  • Große Schrift, kein Abmelden nach Zeit, keine Anmeldeaufforderung.
  • Nachts gedimmt.
  • Keine privaten Inhalte. Safe, Tresor, Finanzen und fremde Vorsätze werden nicht ausgeblendet, sondern gar nicht geladen. Was an der Wand hängt, sieht auch der Handwerker.
  • Wer stehen bleibt und tippt, kommt eine Ebene tiefer: abhaken, Essenswunsch, Abstimmung.

Gesten und Bedienung

  • Alles, was am iPhone gilt, gilt hier auch: Tippen, Abhaken, Toast mit „Rückgängig“.
  • Auf Heute wechseln die drei Linsen Verlauf, Tafel und Haushalt durch Wischen (docs/11-produkt.md §5b, am Mac ⌘1–3).
  • Eine Tastatur am iPad bekommt dieselben Kürzel wie der Mac. Vorschlag, nicht belegt.
  • Die Sonntagsrunde läuft vom iPad per AirPlay auf den Fernseher.

Rollen am iPad

RolleEinstieg
Anna, TobiasPortal-Kachelwand, in der Küche der Wandmodus
Lena (klein)ihr Raum: drei Bildkacheln, keine Uhrzeiten, 56 pt
Felix (mittel)sein Raum: Tagespfad, zwei Knöpfe, eigene Farben
Großeltern (Gast)Album, groß, zum Durchblättern
Sofia (Au-pair)Küche und Essensplan, wenn freigegeben

Alle Flächen am iPad

Lenas Raum auf dem iPad: Hallo Lena, Tagespfad mit Schwimmen und Tisch decken, ihr Taler-Stand, ihre Woche
Lenas Raum · PNG 1668 × 2388
Monatsrückblick September aus dem Family Feed: Beiträge von Anna, Lena, Felix und Opa Werner, der Monat in Zahlen
Rückblick September · PNG 1668 × 2388

Was es am iPad nicht gibt

  • Mail-Regeln und der Druck des Jahresbuchs. Beides am Mac.
  • Die Verantwortungsmatrix zum Bearbeiten. Lesen ja.
  • Im Wandmodus: alles Verschlossene, alles Private, jede Anmeldung.
  • Im Kinderraum: Safe, Tresor, Finanzen, fremde Vorsätze, Fairness-Zahlen.