Meus Assuntos
Ir para o topo
Compartilhar no Facebook Compartilhar no Twitter Compatilhar em outra redeSocial
Projeto UX I: Estratégia em Design Thinking
PROJETO EM UX I
Equipe
Felipe Altenhofen, Fernanda Smaniotto Netto, Luiza Minotti, Vinicius Minotti, Wagner Souza dos Reis
Orientador(es)
Carlos Viana da Silva
03 de Novembro de 2018
PROJETO EM UX I

DESCOBERTA

Definição do Tema / Desafio Estratégico

Através da aplicação de uma metodologia de Design Thinking associamos uma série de problemas relacionados à objetos pessoais essenciais. Após convergi-los em grupos chegamos ao macrotema Segurança, onde apareceram as seguintes palavras-chave:

  • Assalto / Arrombamentos;
  • Visado para falsificação;
  • Não cabe direito no bolso;
  • Pode molhar ou rasgar;
  • Pode-se perder;
  • Atualização;
  • Necessidade de um case.

Analisando os problemas elencados decidimos trabalhar a questão da segurança baseada na descentralização de documentos e informações pessoais.

Cenário

Hoje em dia as pessoas possuem muitos documentos que acabam sendo guardados ou perdidos em diversos locais. Isso acarreta numa dificuldade de acesso à essas informações fruto da descentralização dos mesmos e também problemas de segurança relacionados a perda ou roubo.

 

  • Onde: Qualquer local onde a pessoa precise carregar documentos e tem a possibilidade de perdê-los ou tê-los roubados. E locais onde a pessoa precise efetuar pagamentos, como lojas, restaurantes, etc.
  • Quando: Em momentos onde a pessoa precise manusear documentos ou quando possa ser vítima de roubo ou perda.
  • Quem: Pessoas entre 18 a 40 anos. Que possuem muitos documentos, como título de eleitor, passaporte, certidões, etc.
  • Porque: Possibilita acesso fácil, prático e seguro aos documentos e informações pessoais e forma centralizada.

Personas e Mapa de Empatia

Telas-01.jpg

Persona #1

Marina, 38 anos, Empresária

Tem dois filhos pequenos, é casada e gosta muito de viajar para o exterior. Além de gerenciar os seus documentos ela também precisar cuidar dos documentos de toda a família. Ela trabalha em turno integral na sua empresa onde também administra 10 funcionários. Nos finais de semana ela gosta de passear no parque com a família e o cachorro.

Persona #2

Anitta, 25 anos, Cabeleira

Anitta nasceu Pablo e com 24 anos mudou de sexo precisando ter que alterar todos os seus documentos. Ela divide apartamento com uma amiga na Cidade Baixa, e estuda administração na UFRGS e sonha em ter seu próprio salão. Ela gosta de ir para balada com as amigas. 

Persona #3

Rian, 18 anos, Estudante

Acabou de conseguir uma bolsa de estudos e para fazer sua matrícula precisa ir atrás de uma série de documentos obrigatório, como título de eleitor e certificado de reservista. Ele mora com sua mãe em um apartamento num bairro da zona norte de Porto Alegre. Fora da sala de aula ele trabalha como atendente numa loja de fast food em um shopping center. Rian gosta de correr, jogar futebol e festas.

 

Mapa de Empatia

Telas-02.jpg

Pensa / Sente

  • Preocupação com a organização de documentos;
  • Valorização da Família e amigos;
  • Preocupação com o futuro;
  • Dinheiro;
  • Preconceito.

  • Muita burocracia para tudo;
  • Muita oferta de bens de consumo;
  • Necessidade esporádica de documentos não utilizados diariamente;
  • Muita gente sofrendo assaltos;
  • Pessoas perdendo documentos específicos (vacinação, reservista).

Escuta

  • Precisa encarar filas enormes para tirar documentos;
  • Processos são demorados;
  • Tem que gastar com segundas vias;
  • Faltou o documento XXXX - não pode realizar a tarefa;
  • Tem que andar sempre com o documento XXXXX.

Fala / Faz

  • Não carrega o documento XXXX porquê não é prático ou seguro;
  • Guarda os documentos em locais dispersos;
  • Esquece um documento de vários que precisava;
  • Perde muito tempo com burocracias;
  • Esquece de renovar documentos.

Dores

  • Perder um documento;
  • Discriminação;
  • Medo de sofrer uma penalidade por não portar determinado documento;
  • Medo de um ente ficar doente por esquecer da vacinação;
  • Precisar cancelar e refazer certo documento.

Ganhos

  • Organização pessoal;
  • Economia de tempo e dinheiro;
  • Segurança das informações pessoais;
  • Praticidade;
  • Inclusão social.

 

Proposta de Valor para o Usuário

Telas-03.jpg

Produtos e Serviços

  • Fornecer uma plataforma centralizadora de documentos pessoais.

Criadores de Ganhos

  • Organizar documentos pessoais;
  • Evitar esquecimentos de documentos necessários;
  • Segurança para não perder seus documentos;
  • Todos documentos disponíveis sempre que precisar;
  • Parceria com Governo - versões digitais oficiais.

Aliviam as Dores

  • Evita roubos e perdas com acesso a nuvem;
  • Documentos a disposição sem o risco do esquecimento;
  • Qualquer documento em qualquer momento.

Ganhos

  • Organização pessoal;
  • Economia de tempo e dinheiro;
  • Segurança das informações pessoais;
  • Praticidade;
  • Inclusão social;
  • Evita segunda via.

Dores

  • Perder um documento;
  • Discriminação;
  • Medo de sofrer uma penalidade por não portar determinado documento;
  • Medo de um ente ficar doente por esquecer da vacinação;
  • Precisar cancelar e refazer certo documento.

Tarefas do Cliente

  • Cadastrar/Escanear documentos;
  • Consultar Documentos;
  • Validar documentos.

Modelo de Negócios

Telas-04.jpg

Parceiros

  • "Tudo fácil", polícia federal, etc. (Instituições do governo responsáveis pela emissão de documentos);
  • Governo;
  • Cartórios.

Atividades-chave

  • Desenvolvimento, manutenção e administração do sistema;
  • Alinhamento e trabalho conjunto com os parceiros;
  • Validação com órgãos oficiais.

Recursos

  • Aplicativo;
  • Site (?);
  • Reconhecimento de digital;
  • Reconhecimento facial;
  • Segurança do sistema;
  • Banco de Dados (?).

Oferta de Valor

  • Portabilidade de todos os documentos de forma mais segura e prática, podendo ter acesso a eles a qualquer momento de modo digital. 

Relacionamento

  • Suporte;
  • Contato com órgãos oficiais.

Canais

  • Apps Store;
  • Site;
  • Postos oficiais de documentação.

Segmento de Cliente

  • Pessoas entre 18 a 40 anos, que possuem muitos documentos, como título de eleitor, passaporte, certidões, etc.;
  • Familiarizados com uso de Apps;
  • Pessoas que se sentem seguras em ter informações pessoais acessíveis por dispositivo mobile.

Estrutura de Custos

  • Custo de manutenção da plataforma.

Fonte de Receita

  • Valor para a emissão e renovação dos documentos digitais.

PROJETO EM UX I

DEFINIR

Avaliar o Conhecimento Preexistente

eb7ccc62-c0b1-43ed-90f2-c97d2a2b3751.jpgbf1d3217-4c56-4b9c-8d34-ce38510b6d6c.jpgb4579d01-2e2a-4af0-a7e8-9a9a4d7f5855.jpg528a8a6f-6dc1-48a1-a143-91d349ce57d8.jpg45bcd648-a05e-4c6e-bde7-39b5b7858314.jpg1d33deb6-ab4e-46f5-b2cb-7357bb6c34ca.jpg

Termos Pertinentes ao Projeto

Cartório

  • Cartório ou serventia extrajudicial é um nome genérico que designa uma repartição pública ou privada que tem a custódia de documentos (cartas) e que lhes dá fé pública.

Pessoa física

  • Pessoa física ou natural é o ser humano considerado como sujeito de direitos e obrigações. Todo ser humano é dotado de personalidade jurídica e, portanto, é um sujeito de direito.

Documento

  • Um documento é qualquer registro de informações, independentemente do formato ou suporte utilizado para registrá-las.

RG (cédula de identidade)

  • A cédula de identidade, carteira de identidade, identidade ou RG (registro geral) é o documento nacional de identificação civil no Brasil. Os dados que constam nesse documento variam de acordo com o órgão responsável pela sua emissão, mas usualmente contém nome, data de nascimento, filiação e foto, além de conter outros dados que identificam o seu titular e a data e local de emissão do documento.

CNH

  • A Carteira Nacional de Habilitação (CNH), também conhecida como carta/carteira de motorista, carta/carteira de habilitação é o nome dado ao documento oficial que, no Brasil, atesta a aptidão de um cidadão para conduzir veículos automotores terrestres.

CTPS

  • A Carteira de Trabalho e Previdência Social (CTPS), originalmente conhecida como Carteira Profissional, e assim chamada durante muitos anos, é um documento obrigatório para quem venha a prestar algum tipo de serviço profissional no Brasil.

Título eleitoral

  • Título de eleitor é o documento que comprova que um determinado cidadão está inscrito na Justiça Eleitoral do Brasil e se encontra apto a exercer tanto o eleitorado ativo (votar num candidato), quanto o eleitorado passivo (ser votado como candidato) em eleições municipais, estaduais e federais, excetuando-se, no caso do eleitorado passivo os cidadãos que se encaixem no artigo 1° da lei complementar n° 64 de 18 de maio de 1990. É também condição fundamental para sua obtenção que o eleitor possua a nacionalidade brasileira.

Carteira de estudante

  • Uma carteira de estudante é um documento que atesta o vínculo de estudante a uma determinada instituição de ensino. Em alguns países, como o Brasil, alguns desses documentos concedem ao titular portador o benefício da meia-entrada.

Passaporte

  • Passaporte é um documento de identidade emitido por um governo nacional que atesta formalmente o portador como nacional de um Estado em particular e requisita permissão em nome do soberano ou do governo emissor para o detentor poder cruzar a fronteira de um país estrangeiro.

Visto

  • Visto é uma autorização condicional concedida por um país a um estrangeiro, permitindo-lhe entrar, permanecer dentro ou sair desse país. Geralmente é emitido na forma de um carimbo ou de um certificado impresso que é colado em uma das páginas do passaporte.

Green Card

  • O green card (literalmente "cartão verde", em inglês), oficialmente o US Permanent Resident Card ("Cartão de Residência Permanente dos Estados Unidos") é um visto permanente de imigração concedido pelas autoridades daquele país.

Certificado de Dispensa de Incorporação

  • O Certificado de Dispensa de Incorporação (CDI) é um documento que comprova que um determinado cidadão brasileiro se alistou em alguma força armada, porém, foi dispensado de incorporação tendo em vista suas situações peculiares ou por excederem as possibilidades de incorporação existentes.

CRLV

  • O certificado de registro e licenciamento de veículo (CRLV) é um documento que todo proprietário de veículo automotivo deve possuir no Brasil, de acordo com a Lei 13.281/2016, que está em vigor desde o último dia 4 de maio de 2016

Cartão Nacional de Saúde

  • É o documento que possibilita vincular os procedimentos, ações e serviços de saúde executados no âmbito do Sistema Único de Saúde (SUS) ao cidadão, ao profissional de saúde que os realizou e também à unidade de saúde onde foram realizados.

Cartão de Vacinação

  • O Cartão de Vacinação é um documento de comprovação de imunidade. É responsabilidade das Unidades de Saúde emiti-lo ou atualizá-lo por ocasião da administração de qualquer vacina. Deve ser guardado junto com documentos de identificação pessoal.

Extravio

  • Ação ou efeito de extraviar ou extraviar-se; perda.

Assinatura digital

  • A assinatura ou firma digital é um método de autenticação de informação digital tipicamente tratada como substituta à assinatura física, já que elimina a necessidade de ter uma versão em papel do documento que necessita ser assinado.

Código QR

  • Código QR (sigla do inglês Quick Response, reposta rápida em português) é um código de barras bidimensional que pode ser facilmente escaneado usando a maioria dos telefones celulares equipados com câmera. Esse código é convertido em texto (interativo), um endereço URI, um número de telefone, uma localização georreferenciada, um e-mail, um contato ou um SMS.

Similares e Referências

e-Título

  • O aplicativo apresenta informações como dados da zona eleitoral do usuário e a situação cadastral do eleitor em tempo real.

Resultado de imagem para e-Titulo

 CNH-e

  • Armazena todas as informações da carteira impressa, garantindo a autenticidade do documento. Praticidade, segurança e comodidade para o condutor são algumas das vantagens da versão digital, cujo valor jurídico é o mesmo do documento impresso. 

Resultado de imagem para cnh digital

 Carteira de Trabalho Digital

  • Inicialmente, a Carteira de Trabalho Digital não substitui a carteira de trabalho impressa. A novidade traz inicialmente como benefícios a agilidade na solicitação do documento, acesso à informação de Qualificação Civil e de Contratos de trabalho através da integração de diversos bancos de dados do governo federal. 

Resultado de imagem para carteira de trabalho digital

 Digitaldoc

  • Gerenciamento integrado de documentos digitais, organizando os documentos de forma digital e guardando informações da empresa com segurança.

DIGITALDOC.png

 OneDrive

  • Repositório de fotos e documentos para acessar em qualquer dispositivo e qualquer lugar.

onedrive.png

 e-CPF

  • Identidade Digital da Pessoa Física no meio eletrônico. Pode ser utilizado para assinar documentos com validade jurídica, se comunicar com a Receita Federal do Brasil (RFB) e dar andamento aos serviços oferecidos pelos governos estadual e federal, acessar o eSocial e o Conectividade Social, enviar a Declaração do Imposto de Renda com muito mais facilidade, entre outras aplicações.

e-cpf.png

Análise Funcional e de Uso

Após a análise de benchmarking foram testados as referências e identificadas as seguintes ferramentas divididas em pontos positivos e negativos.

 

e-Titulo

Resultado de imagem para e-titulo

Pontos Positivos

    • Usar QRcode para validação;
    • Permite salvar localmente;
    • Permite compartilhar;
    • Comunica-se com apps de navegação geográfica (Mapa de onde votar);
    • É aceito e substitui o documento de papel.

Pontos Negativos

    • Utiliza dois menus (hambúrguer e barra inferior) com as mesmas informações;
    • Uma vez logado traz o documento sem solicitação de senha;
    • Só permite um título consultado por vez;
    • Não tem função de Scanner de QRcode para adicionar documentos.

Carteira Digital de Trânsito

Resultado de imagem para Carteira Digital de transito

Pontos Positivos

    • É aceito e substitui o documento de papel;
    • Solicita senha para acesso;
    • Menu Hambúrguer;
    • Tutorial e navegação inicial;
    • Utiliza QRcode para validação;
    • Permite exportar documento.

Pontos Negativos

    • Não permite incluir mais de um documento;
    • Não tem opção de compartilhamento;
    • Não tem função de Scanner de QRcode para adicionar documentos.

Carteira de Trabalho Digital

Resultado de imagem para carteira de trabalho digital

Pontos Negativos

    • Erro de página não existente ao tentar cadastrar;
    • Não substitui o documento físico.

e-CPF

Pontos Positivos

    • Exige senha para utilização;
    • Validação digital.

Pontos Negativos

    • Somente versão paga;
    • Não substitui documento físico.

OneDrive

Pontos Positivos

    • Salvar arquivos na nuvem;
    • Faz Backups;
    • Versão em site e app;
    • Versão free (limitada);
    • Integrado com outras ferramentas (Office);
    • Solicita usuário e senha;
    • Permite compartilhar arquivos;
    • Permite diversas contas;
    • Pesquisa.

Pontos Negativos

    • Capacidade de armazenamento limitada.

Verificação e Resultados (Infográfico)

Requisitos

  • O quê: Gerenciamento de documentos;
  • Como? Habilitar um documento no App, Todos os documentos na mesma plataforma, Notificações (validade, datas vacinação, eleições, ...), Classificação/filtros.
  • O quê: Segurança;
  • Como? Reportar uso indevidos, Registros de uso, Sistema de validação de acesso.
  • O quê: Garantia de validade dos documentos digitais;
  • Como? Parceria com órgãos oficiais.

 

infografico-01.jpg

PROJETO EM UX I

DESENVOLVER

Organizando as Ideias

  • Tela Inicial em HUB por tipos de documentos;
  • Login via CPF, biometria ou Google Autenticator;
  • Dupla autenticação no primeiro cadastro;
  • Gerenciador de documentos personalizável (por uso/pastas/etc.);
  • Compartilhar (enviar);
  • Imprimir;
  • Cadastrar documento (botão inicial e depois flutuante para novos docs);
  • Acesso à câmera/biblioteca de fotos;
  • Leitor de QR Code para cadastrar;
  • Categorias;
  • Integração com outros aplicativos de documentos;
  • Possibilidade de bloquear o app ou apagar seu conteúdo remotamente.
  • Gerar um compilado de Documentos para compartilhar (por exemplo: O usuário precisa de 5 documentos para uma tarefa, o app permite juntar esses 5 documentos e compartilhá-los ou imprimí-los juntos)

Versão Free

  • Limite de documentos cadastrados;
  • Integração com documentos digitais atuais (e-Título, CNH Digital, etc.).

Versão Plus

  • Sem limite de documentos;
  • Integração com instituições governamentais e empresas (validação);
  • Opção versão empresarial.

Storytelling

Rian, tem 18 anos e ganhou uma bolsa para estudar Administração na Uniritter. Para fazer a matrícula, necessita de documentos obrigatórios, como o Histórico Escolar, Certificado de Reservista, Título Eleitoral e RG.

Muito empolgado, ao chegar na instituição ele percebe que esqueceu seu Título Eleitoral em casa, impossibilitando realizar a matrícula.

Com o dox ele poderia acessar os dados de seu Título Eleitoral e até mesmo de outros documentos, compartilhando por e-mail com o responsável de matrículas da Uniritter ou ainda conectar e enviar diretamente para a impressora da instituição de ensino.

Mapa da Jornada

mapa de empatia.png

Wireframe / Wireflow

Home - Empty.pngNew doc - Step 1.pngNew doc - Step 2.pngNew doc - Foto.pngHome.pngDetalhe do documento.png

PROJETO EM UX I

ENTREGAR

Desenvolvimento da Assinatura Visual

Sem título-1-01.jpg

Sem título-1-02.jpg

Escolha Tipográfica

Sem título-1-03.jpg

Definição do Padrão Cromático

Sem título-1-03.jpg

Protótipo Interativo

Link para o protótipo:

https://www.figma.com/proto/dnEQHjUKHBoArgWS30AkEr0i/dox?node-id=0:1&scaling=scale-down

 

Telas:

tela1.png

tela2.png

tela3.png

tela4.png

tela5.png

tela6.png

tela7.png

tela8.png

tela9.png

tela10.png

tela11.png

tela12.png

tela13.png

tela14.png

tela15.png

Diferenciação

O principal diferencial do dox em relação aos aplicativos referenciados é a centralização de diversos documentos e a possibilidade de organização de forma customizada pelo usuário.

Além disso, podemos destacar:

    • Permite imprimir, compartilhar e salvar localmente documentos;
    • Usar QRcode para inclusão e validação de documentos;
    • Possui  documentos aceitos e substitui o documento de papel;
    • Interface simples e padronizada;
    • Permite cadastrar diversos documentos para usuários diferentes. Ex. Seu próprio RG e RG dos filhos;
    • É seguro e sempre solicita senha ou impressão digital para acesso;
    • Possui tutorial e ajuda para navegação inicial;
    • Possui pesquisa.

 

Diferencial Semântico

Diferencial Semântico.png

Avaliação Heurística

heuristica 1.PNG

2. Compatibilidade com o mundo real: utilização de linguagem simplificada, facilitando o entendimento pelos usuários;

3. Controle e liberdade: caso o usuário deseje cancelar o upload de um documento, por exemplo, poderá facilmente cancelar o envio;

4. Consistência de padrões (repetições): organização do layout do aplicativo, possibilitando um padrão de utilização;

6. Prevenção de erros: por ser de fácil utilização, a incidência de erros deve ser reduzida.

7. Reconhecimento em vez de memorização: facilidade e semelhança com outros aplicativos, possibilitando um reconhecimento das informações e ações a serem realizadas;

9. Estética e diálogos simples e naturais: informações consistentes e claras, permitindo um rápido entendimento do funcionamento;

11. Fechamento sinalizado com sucesso: mensagens informando o usuário de que o procedimento realizado ocorreu corretamente;

15. Respeite a capacidade de memória: páginas "limpas", sem excessos de informações e com menu simplificado; 

16. Possibilidade de campo de busca: permite a pesquisa de documentos dentro do aplicativo.

Teste de Usabilidade / Resposta Emocional

Para o teste de usabilidade foram definidas duas tarefas a serem executadas dentro do protótipo:

1. Você está usando o dox como gerenciador para os seus documentos. Agora você quer adicionar o seu título de eleitor à sua biblioteca de documentos cadastrados. Como você não tem o E-Título o mesmo deverá ser adicionado apenas através de uma foto do documento físico.

1.1 - Abrir o aplicativo
1.2 - A partir da biblioteca adicionar um novo documento
1.3 - Selecionar Novo Documento
1.4 - Selecionar a opção de cadastrar por foto
1.5 - Fotografar o documento e confirmar o uso da imagem
1.6 - Retornar à Biblioteca de documentos para a próxima tarefa  

2. Agora, você precisa enviar uma cópia da sua carteira de identidade para o seu empregador atualizar seu cadastro. O mesmo deverá ser enviado por e-mail.

2.1 - Na Biblioteca acessar a carteira de identidade
2.2 - Usar a opção compartilhar na tela do documento
2.3 - Enviar o documento
2.4 - Retornar para a Biblioteca de Documentos

_____________________________________________________________________________

Teste com o Usuário #1
Nome: Virginia
Gênero: Feminino
Idade: 36 anos
Ocupação: Professora

Tempo para executar as tarefas: 55 segundos
Observações: Seguiu todos os passos instintivamente, o único momento onde demorou mais e clicou em outro botão que não o da tarefa foi na tela que pergunta sobre o E-Título. Nesta tela o usuário parou por um instante, clicou no botão "sim" apesar de ter sido especificado na ordem das tarefas que ele não tinha E-Título. Mas logo depois clicou no botão certo para usar a câmera. A partir daí as tarefas foram concluídas rapidamente e sem erro.

 20181102_171621.jpg________________________________________________________________________________

 

Teste com o Usuário #2
Nome: Valdeci
Gênero: Masculino
Idade: 52 anos
Ocupação: Contador

Tempo para executar as tarefas: 1 minuto e 34 segundos

Observações: 

Tarefa 1
No momento do login, perguntou pela senha pra acessar. Teve dificuldade para acessar o item Título de Eleitor na lista de documentos disponíveis para cadastro devido à área clicável ser pequena, somente no texto e não ir até o ícone de seta à direita onde o usuário estava tocando. Na tela que fala do E-Título, o usuário ficou confuso, pois a tarefa fazia a suposição de que ele não  possuía o E-Título e o aplicativo sugeria que ele o tinha. No restante tudo fluiu facilmente.

Tarefa 2
Ao buscar a Carteira de Identidade, usuário tocou primeiramente na pasta "Identificação" ao invés de tocar diretamente no documento "Identidade". No restante não teve nenhuma dificuldade.

Image-from-iOS.png

Considerações Finais

Após a apresentação para os colegas sobre o dox, decidimos reduzir o escopo em um primeiro momento e dividir o aplicativo em duas versões: uma free e outra paga.

A versão free com algumas funcionalidades reduzidas, porém, que permite a utilização e armazenamento de documentos. Essa foi a versão desenvolvida em protótipo e testada por dois usuários.

Já na versão paga, com algumas possibilidades extras, como a opção empresarial e a integração com instituições governamentais e empresas para validação de documentos.

Outras sugestões dos colegas são criar uma versão desktop e usar um banco de dados local para acesso dos documentos offline.

Com o dox é possível armazenar e organizar documentos de forma fácil. O aplicativo possibilita uma busca rápida, com opções de envio por e-mail ou diretamente para a impressora.

No Teste de Usabilidade, identificamos algumas melhorias:

  • Melhorar a tela que pergunta sobre o E-Título para deixar mais clara e intuitiva evitando as dúvidas demonstradas pelos usuários no teste de usabilidade;
  • Aumentar área clicável de lista de documentos disponíveis para cadastro;
  • Não supor que usuário já possui ou não o E-título na mensagem de cadastro do documento;
  • Mudar a ordem da posição do acesso rápido dos documentos e das pastas com vários documentos para um acesso mais rápido e fácil.

 

PROJETO EM UX I

Referências Bibliográficas

Recomendadas e Aceitas

Gerais