Entrega: Fluxos de Tela#

Rubrica#

O grupo deve estruturar três fluxos de tela para o aplicativo escolhido, um para cada caso de uso. A entrega desses fluxos de tela será avaliada de acordo com a rubrica abaixo.

• D: Estruturou fluxos de tela coerentes com os casos de uso.
• C: A quantidade e variedade de telas e elementos está coerente com a complexidade da ideia do aplicativo.
• B: O detalhamento das telas está balanceado, sem destaque excessivo para os elementos com que o usuário precisa interagir.
• A: Entregou sketches adicionais que cobrem as telas não envolvidas nos casos de uso. Ou seja, o conjunto de sketches cobre todas as telas do aplicativo.
• A+: Atingiu o conceito A e desenvolveu o protótipo utilizando o Marvel App. Este é um conceito para quem quer ir além, portanto não disponibilizaremos um tutorial. Uma dica é tirar as fotos pelo próprio app. Depois, dependendo da complexidade das telas, pode ser mais fácil acessar a sua conta e editar pelo computador acessando https://marvelapp.com

Para entender melhor os critérios acima, vamos apresentar alguns exemplos concretos.

Exemplo de B#

Um exemplo de entrega com conceito B foi parcialmente dado na outra página sobre fluxos de tela.

Caso de uso: procurar informações sobre primeiros cuidados em um gato abandonado.

Caso de uso: descobrir todas as situações possíveis nas quais manchas brancas podem ser encontradas nas fezes de um cachorro.

Caso de uso: perguntar a um veterinário se miados baixos podem significar algum problema em gatos adultos.

Repare que esse exemplo, de fato, estrutura fluxos de tela coerentes com os casos de uso, a quantidade e variedade de telas e elementos está coerente com a complexidade da ideia do aplicativo e o detalhamento das telas está balanceado, sem destaque excessivo para os elementos com que o usuário precisa interagir.

Exemplo de C#

Um exemplo de entrega com conceito C seria um conjunto com o fluxo de telas abaixo.

Esse exemplo estrutura fluxos de tela coerentes com os casos de uso e a quantidade e variedade de telas e elementos está coerente com a complexidade da ideia do aplicativo, mas o detalhamento das telas NÃO está balanceado. Há destaque excessivo para os elementos com que o usuário precisa interagir.

Exemplo de D#

Um exemplo de entrega com conceito D seria um conjunto com o sketch abaixo.

Esse sketch poderia estar em fluxos de tela coerentes com os casos de uso, mas a quantidade e variedade de telas e elementos NÃO estaria coerente com a complexidade da ideia do aplicativo. Esse sketch sugere que os casos de uso descrevem as únicas tarefas que podem ser realizadas através do aplicativo. Claro que isso não é verdade.

Exemplo Parcial de A#

Uma entrega com conceito A poderia ser um conjunto com os três fluxos de tela do Exemplo de B e sketches que cobrem as telas não envolvidas nesses fluxos. Por exemplo, as telas de Alimentação e Adoção que podem ser acessadas a partir da tela de Rotina.

Cuidado para não esquecer telas! O "botão sanduíche" no canto superior esquerdo dos sketches dos fluxos sugere a existência de um menu. Uma entrega com conceito A deve incluir sketches desse menu.

Exemplo Parcial de A+#

Um exemplo de app implementado com o Marvel sendo executado no celular:

Mãos a obra!#