Stacks-wallet-web: Visuais para estados vazios na tela inicial

Criado em 16 mar. 2021  ·  5Comentários  ·  Fonte: blockstack/stacks-wallet-web

Quando um novo usuário instala a carteira da web, é provável que ele não tenha nenhuma atividade e nenhum saldo. Poderíamos usar um visual sutil para ambos os estados: quando alguém não tem nenhum equilíbrio e quando alguém ainda não tem nenhuma atividade.

Os rascunhos da tela estão aqui: https://www.figma.com/file/8CaxP6TRWskoTO9cmlvX9M/%F0%9F%96%A5-Wallet-web?node-id=1842%3A42227

NB: a área é limitada pelo quadro "estado vazio".

✨ design

Comentários muito úteis

Se houver alguma sobreposição, seria ótimo reutilizar o que é feito aqui na carteira de desktop também

Sim, @jasperjansz propôs fazer algo assim: https://polaris.shopify.com/components/structure/empty-state#all -examples
Alguns cartões padronizados de "estado vazio" que podemos reutilizar em todos os nossos produtos e até no explorador (exemplo https://explorer.stacks.co/address/STDQV76745NBG5CYJKSPS1SJXVBB01PJKNDJN8NK?utm_source=stacks-wallet&chain=testnet)

Todos 5 comentários

@eugeniadigon É algo em que você está trabalhando? Se sim, vou colocá-lo em nosso quadro kanban.

@eugeniadigon É algo em que você está trabalhando? Se sim, vou colocá-lo em nosso quadro kanban.

Sim, estou trabalhando nisso esta semana

Se houver alguma sobreposição, seria ótimo reutilizar o que é feito aqui na carteira de desktop também

Se houver alguma sobreposição, seria ótimo reutilizar o que é feito aqui na carteira de desktop também

Sim, @jasperjansz propôs fazer algo assim: https://polaris.shopify.com/components/structure/empty-state#all -examples
Alguns cartões padronizados de "estado vazio" que podemos reutilizar em todos os nossos produtos e até no explorador (exemplo https://explorer.stacks.co/address/STDQV76745NBG5CYJKSPS1SJXVBB01PJKNDJN8NK?utm_source=stacks-wallet&chain=testnet)

Olá a todos,
Eu adicionei as mini-ilustrações de estados vazios aqui:
https://www.figma.com/file/8CaxP6TRWskoTO9cmlvX9M/Wallet-%F0%9F%8C%90-web?node-id=1842%3A42227

E também testei o segundo em outros produtos:
EmptyState-Examples-04
EmptyState-Examples-05

Deixe-me saber se eu devo modificar alguma coisa

Esta página foi útil?
0 / 5 - 0 avaliações