Skip to content

Protótipos das telas

Phelipe Wener edited this page May 25, 2017 · 12 revisions

Telas do aplicativo para desenvolvimento na R2

As cores e a disposição geral dos elementos fica a cargo dos desenvolvedores, o mais importante é o o que cada tela deve mostrar ao usuário e a ligação entre elas(qual tela esta ligada a outra e etc).

Obs: Telas sujeitas e modificações tanto a nível de protótipo quanto de desenvolvimento.

Home screen

O que mostrar:

  • Os cadernos do usuário, criados e de colaboração.
  • Em cada caderno, número de tarefas e colaboradores.
  • Alguma forma de criar um novo caderno.
  • Alguma forma de buscar de cadernos do usuário(ele pode ter vários)

Exceções:

  • Quando o usuário for um visitante:
    • Mostrar todos os cadernos em ordem alfabética.
    • A tela não mostra o criar novo caderno.

Drawer

O que mostrar:

  • Avatar do usuário
  • Nome e profissão próximos ao avatar
  • Link para cadernos do usuário
  • Link para tarefas do usuário
  • Link para convites do usuário
  • Link para editar perfil do usuário
  • Link para sair

Exceções:

  • Quando o usuário for um visitante:
    • Não mostrar links: cadernos, tarefas, convites e dição
    • Imagem de avatar visitante
    • Nome "Visitante"
    • Profissão "Visitante"
    • Ter um link para o cadastro

Tela de tarefas é desnecessária

Ver Caderno

O que mostrar:

  • Capa do caderno
  • Botão para sair da colaboração(apenas se usuário não for o criador)
  • Lista de tarefas do caderno exibidas por um filtro de categorias
  • O usuário pode marcar uma tarefa como finalizada/concluída
  • Alguma forma de adicionar mais tarefas para o caderno
  • Um menu de abas para tarefas, colaboradores e categorias

Exceções:

  • Quando o usuário for um visitante:
    • Não mostrar: sair da colaboração, adicionar tareas

Sair colaboração

O que mostrar:

  • Um alerta onde o usuário deve confirmar para sair da colaboração

Exceções:

  • Somente colaboradores terão acesso a essa tela.

Aba colaboradores

O que mostrar:

  • Avatar, Nome e profissão de cada colaborador
  • Destacar o dono do caderno entre os colaboradores
  • Alguma forma de remover um colaborador(apenas para o dono do caderno)
  • Alguma forma de convidar colaboradores

Exceções:

  • Quando o usuário for um visitante:
    • Não mostrar: Remover colaboradores, adicionar colaboradores

Aba categorias

O que mostrar:

  • Lista de categorias
  • Alguma forma de deletar uma categoria
  • Alguma forma de criar novas categorias

Exceções:

  • Quando o usuário for um visitante:
    • Não mostrar: deletar e criar categoria

Adicionar tarefa

O que mostrar:

  • Formulário de criação de tarefas
  • Alguma forma de lincar uma tarefa a uma categoria

Exceções:

  • Somente colaboradores terão acesso a essa tela.

Ver tarefa

O que mostrar:

  • Dados gerais da tarefa
  • Lista de imagens da tarefa
  • Alguma forma de adicionar novas imagens
  • Alguma forma de editar os dados da tarefa
  • Alguma forma de remover imagens da tarefa

Exceções:

  • Quando o usuário for um visitante:
    • Não mostrar: remover, adicionar e editar

Adicionar colaborador

O que mostrar:

  • Lista de possíveis colaboradores(demais usuários que ainda não são colaboradores do caderno)
  • Em cada possível novo colaborador:
    • Avatar, nome e profissão.
  • Alguma forma de convidar um colaborador

Exceções:

  • Somente colaboradores de um caderno podem acessar essa tela.

Remover categoria

O que mostrar:

  • Um alerta de que removendo a categoria todas as suas tarefas se perderão.

Exceções:

  • Somente colaboradores de um caderno podem acessar essa tela.

Criar categoria

O que mostrar:

  • Um formulário para criação de categoria

Exceções:

  • Somente colaboradores de um caderno podem acessar essa tela.

Tarefas do usuário

Tela desnecessária

O que mostrar:

  • Uma lista com as tarefas do usuário

Exceções:

  • Somente usuários logados podem acessar essa tela.

Convites do usuário

O que mostrar:

  • Lista de convites contendo:
    • Nomo do usuário que fez o convite
    • Avatar do usuário que fez o convite
    • Uma descrição de para qual caderno o usuário está sendo convidado
  • Alguma forma de aceitar ou recusar cada convite

Exceções:

  • Somente usuários logados podem acessar essa tela.

Release 01

Artefatos de Gerência

Planos de Projeto

Artefatos de Desenvolvimento

Casos de Uso

Casos de Teste

Protótipo

Cliente

Apresentação

Release 2

Planejamento

Fechamento

Legenda

✅ Finalizado ☑️ Não finalizado

Clone this wiki locally