Liquid Glass
Schwebende Knöpfe über der Karte: Blur, Sättigung und eine Kante von 0,5 px. Gebaut mit Glisse.
Das Prinzip hinter SideQuest
SideQuest zeigt dir, was gerade in deiner Nähe los ist – und lässt dich in Sekunden selbst etwas starten.
Tipp auf + oder den Standort-Knopf im iPhone. Die Knöpfe sind echte Glisse-Bausteine.
Es gibt genau einen Bildschirm: die Karte im Vollbild. Darüber liegt ein Sheet mit drei Raststufen. Klein zeigt nur das Suchfeld, mittel die Liste, groß alles. Die Karte bleibt immer sichtbar und filtert mit: Pins und Liste zeigen dieselbe Menge.
Zum Ausprobieren das Sheet am Griff ziehen.
Das Sheet ist ein Navigationsstapel wie in Apple Karten. Wer tiefer geht, ersetzt den Inhalt. Es öffnet sich nie ein zweites Sheet darüber. Wischen nach unten oder ✕ geht eine Ebene zurück.
Eine Zeile, der Avatar oder ✕ im iPhone wechseln ebenfalls.
Liquid Glass ist bei Apple die Bedienebene über dem Inhalt. Deshalb gibt es kein Glas im Glas. Jede Ebene hat genau ein Material.
Schwebende Knöpfe über der Karte: Blur, Sättigung und eine Kante von 0,5 px. Gebaut mit Glisse.
Darin liegen nur deckende iOS-Bausteine: Listen, Zeilen, Tokens und eine gefüllte Hauptaktion.
Karte, Listen, Texte. Ohne Effekte, damit nichts vom Wichtigen ablenkt.
Statt eines Formulars öffnet sich ein Composer im Sheet. Die Karte bleibt dabei live. Ort, Zeit und Kategorie sind schon vorgegeben, du musst nichts ausfüllen.
Jeder kann Events erstellen und beitreten. Eine Rollenwahl bei der Anmeldung gibt es nicht.
Sinnvolle Startwerte ersetzen Formulare. Ein spontanes Event braucht nur einen Titel und einen Tipp.
Jede Aktion gibt es an genau einer Stelle. Keine doppelten Knöpfe und keine zwei Filter für dasselbe.
Die erste Ansicht zeigt das Wichtigste. Alles Weitere steckt hinter „Optionen“ oder „Mehr“.
Events, die gerade laufen oder in der nächsten Stunde starten, pulsieren leicht auf der Karte.
Wer vor Ort eincheckt, sammelt XP. Der Ring um dein Profilbild füllt sich gegen den Uhrzeigersinn.
Diese Bausteine sind die echte Glisse-Bibliothek, die auch die Web-App rendert: Suchfeld, Segmented Control, Slider, Switch und Button. Halte den Regler oder das Segment gedrückt, dann wird es zur Linse.