Stacks-wallet-web: Visuals für leere Zustände auf dem Startbildschirm

Erstellt am 16. März 2021  ·  5Kommentare  ·  Quelle: blockstack/stacks-wallet-web

Wenn ein neuer Benutzer das Web Wallet installiert, hat er wahrscheinlich keine Aktivität und kein Guthaben. Wir könnten ein subtiles Bild für beide Zustände verwenden: wenn jemand kein Gleichgewicht hat und wenn jemand noch keine Aktivität hat.

Die Bildschirmentwürfe finden Sie hier: https://www.figma.com/file/8CaxP6TRWskoTO9cmlvX9M/%F0%9F%96%A5-Wallet-web?node-id=1842%3A42227

NB: Der Bereich wird durch den Rahmen "leerer Zustand" eingeschränkt.

✨ design

Hilfreichster Kommentar

Wenn es Überschneidungen gibt, wäre es toll, das, was hier gemacht wurde, auch in der Desktop-Wallet wiederzuverwenden

Ja, @jasperjansz hat vorgeschlagen, so etwas zu tun: https://polaris.shopify.com/components/structure/empty-state#all -examples
Ein paar standardisierte "Leerstatus"-Karten, die wir in all unseren Produkten und sogar im Explorer wiederverwenden können (Beispiel https://explorer.stacks.co/address/STDQV76745NBG5CYJKSPS1SJXVBB01PJKNDJN8NK?utm_source=stacks-wallet&chain=testnet)

Alle 5 Kommentare

@eugeniadigon Arbeitest du daran? Wenn ja, ziehe ich es auf unser Kanban-Board.

@eugeniadigon Arbeitest du daran? Wenn ja, ziehe ich es auf unser Kanban-Board.

Ja, ich arbeite diese Woche daran

Wenn es Überschneidungen gibt, wäre es toll, das, was hier gemacht wurde, auch in der Desktop-Wallet wiederzuverwenden

Wenn es Überschneidungen gibt, wäre es toll, das, was hier gemacht wurde, auch in der Desktop-Wallet wiederzuverwenden

Ja, @jasperjansz hat vorgeschlagen, so etwas zu tun: https://polaris.shopify.com/components/structure/empty-state#all -examples
Ein paar standardisierte "Leerstatus"-Karten, die wir in all unseren Produkten und sogar im Explorer wiederverwenden können (Beispiel https://explorer.stacks.co/address/STDQV76745NBG5CYJKSPS1SJXVBB01PJKNDJN8NK?utm_source=stacks-wallet&chain=testnet)

Hallo zusammen,
Ich habe die Mini-Illustrationen der leeren Zustände hier hinzugefügt:
https://www.figma.com/file/8CaxP6TRWskoTO9cmlvX9M/Wallet-%F0%9F%8C%90-web?node-id=1842%3A42227

Und den zweiten auch an anderen Produkten getestet:
EmptyState-Examples-04
EmptyState-Examples-05

Lassen Sie mich wissen, wenn ich etwas ändern sollte

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen