... | @@ -3,14 +3,18 @@ |
... | @@ -3,14 +3,18 @@ |
|
|
|
|
|
# Organização dos Mockups
|
|
# Organização dos Mockups
|
|
|
|
|
|
|
|
* [Figma/Framer](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/wikis/mockups#figmaframer-alta-fidelidade)
|
|
|
|
* [Fluxo-base inicial](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/wikis/mockups#fluxo-base-inicial-baixa-fidelidade)
|
|
|
|
|
|
# Figma/Framer (alta fidelidade)
|
|
# Figma/Framer (alta fidelidade)
|
|
|
|
|
|
Os mockups foram feitos no Figma, um software de design digital e prototipagem gratuito, com a possibilidade de edição de múltiplos usuários simultaneamente. Para o desenvolvimento do fluxo, usamos o Framer, outra ferramenta de design de aplicativos e UI.
|
|
Os mockups foram feitos no Figma, um software de design digital e prototipagem gratuito, com a possibilidade de edição de múltiplos usuários simultaneamente. Para o desenvolvimento do fluxo, usamos o Framer, outra ferramenta de design de aplicativos e UI.
|
|
|
|
|
|
* Arquivos
|
|
* **Protótipo de uso do app**
|
|
|
|
|
|
* Protótipo de uso do app
|
|
![Fluxo do aplicativo](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/blob/master/Images/Mockups/descarta_facil_gif_1.gif)
|
|
|
|
|
|
|
|
![Acesso à câmera](https://tools.ages.pucrs.br/descarta-facil/descartafacil-wiki/blob/master/Images/Mockups/descarta_facil_gif_2.gif)
|
|
|
|
|
|
|
|
|
|
# Fluxo-base inicial (baixa fidelidade)
|
|
# Fluxo-base inicial (baixa fidelidade)
|
... | | ... | |