O documento analisa a interface gráfica de um aplicativo móvel e sua versão web para receber sugestões de telespectadores para programas de TV. Foi realizada uma avaliação da usabilidade com usuários leigos e especialistas, que identificou problemas a serem corrigidos na interface web e uma boa usabilidade no aplicativo móvel, apesar de bugs.
1. Você na rede Clube
Análise de Interface Gráfica
Versão 1.1.18
Alunos: Igor Antônio
Nívea Santana
Cassio Raphael
Luis Santos
Caio Fernandes
2. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 2 de 15
Sumário
O presente trabalho tem por intuito analisar a interface de usuário do aplicativo “Você
na rede Clube” através de testes de usabilidade com usuários leigos e não-leigos com
execução assistida das funcionalidades do mesmo. Devido a dificuldades de agenda, a
avaliação da interface backend foi feita em carácter técnico por alunos de ciência da
computação.
Análise de Interface Gráfica
1. Objetivos
Avaliar se o aplicativo possui uma interface intuitiva e agradável, bem como sua
responsividade e desempenho. Avaliar os vários níveis de interação com a interface backend,
bem como sua aparência e usabilidade.
2. Perfil dos participantes
A avaliação da interface mobile foi feita baseada na interação de usuários leigos e
não leigos. A avaliação da interface backend foi feita por alunos de ciência da computação
da Universidade Estadual do Piauí.
3. Descrição do Sistema
O aplicativo mobile tem por objetivo aproximar o telespectador da emissora de tv,
trazendo para o usuário a oportunidade de sugerir pautas para seus programas favoritos. A
interface backend tem como funcionalidades visualizar, catalogar, aceitar ou recusar as
contribuições enviadas pelos usuários do app. O sistema backend é dividido nos seguintes
tipos de usuários e funcionalidades:
Diretor (Administrador)
Cria conta de coordenador e/ou funcionário;
Cria, edita e remove programas;
Visualiza as notícias na tela home.
Editor Chefe
Visualiza as notícias ( obs: na tela home) e contribuições;
Cria e remove funcionário do programa;
Edita e remove noticia;
Cria e remove contribuição;
Torna uma contribuição em um noticia;
Altera status da contribuição;
Baixa mídia da contribuição e noticia.
Funcionário
Cria, edita e remove noticia;
3. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 3 de 15
Cria e remove contribuição;
Torna uma contribuição em um noticia;
Altera status da contribuição;
Baixa mídia da contribuição e noticia.
4. Roteiro de questões (APP)
Após a utilização, o seguinte questionário foi ministrado:
1. O que você acha sobre a interface do sistema?
2. O fato de a interface ser bastante similar à interface de algumas redes sociais
facilita em seu uso?
3. Que tipo de melhorias você acha que devem ser feitas em cima da interface em
seu estado atual?
4. Que funcionalidades devem ser adicionadas ou retiradas da interface atual?
5. A organização das notícias em um layout inspirado no instagram é visualmente
agradável?
6. Você acha a ideia do aplicativo boa?
7. Você acha que a forma como é escrita é clara e objetiva?
8. Como você acha que podemos melhorar?
9. Você gostaria da opção de denunciar ou dar "deslike"?
10.Os botões permanecem no mesmo padrão quando à mudança de interfaces?
11.Os botões exibem texto claro e objetivo sobre a sua função?
12.O modelo de interface continua o mesmo durante todo o uso do app?
13.Você acha que tem muito conteúdo sendo mostrado na tela, de modo que dificulte
o uso e a visualização da notícia ?
14.Você acha que seria necessário um tutorial no primeiro acesso de como usar o
app ?
15.Você acha o app responsivo?
16.Como você avaliaria o desempenho do app?
Esse questionário foi desenvolvido com base nas especificações do teste de
usabilidade, heurísticas de Nielsen, e baseado nas respostas de outro questionário reduzido
que foi utilizado na avaliação de uma versão anterior do aplicativo. Através desse questionário
obtivemos os seguintes resultados.
4. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 4 de 15
5. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 5 de 15
6. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 6 de 15
7. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 7 de 15
8. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 8 de 15
9. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 9 de 15
10. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 10 de 15
Que funcionalidades devem ser adicionadas ou retiradas da interface
atual?
Esclarecer a data exata da notícia
Estão ok
Adicionar mais programas
Colocar o Link da notícia
Nenhuma
Adicionar vídeos.
Como você acha que podemos melhorar
um tutorial no primeiro acesso de como usar o app
Aumentar a letra
Corrigir melhor os bugs
Exibir melhor as funcionalidades
Com pequenos vídeos.
5. Critérios de avaliação (Backend)
Devido à falta de disponibilidade de funcionários da Rede Clube, a interface backend
foi avaliada pelos membros do grupo que elaborou o presente trabalho. Devido ao caráter
técnico dessa avaliação, atribuímos um intervalo escalar como nota para cada uma das
heurísticas de Nielsen.
11. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 11 de 15
12. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 12 de 15
13. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 13 de 15
14. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 14 de 15
6. Bugs encontrados
Durante a avaliação, alguns bugs foram encontrados. Dentre eles:
O aplicativo por diversas vezes fechou sozinho
Ao entrar na tela de adicionar contribuição, se o usuário apertar o botão de voltar o
aplicativo fecha
7. Conclusão
Dado o exposto entendemos que a aplicação na versão web necessita de muitas
melhorias, em contrapartida, a versão para a plataforma Android está bem acertada. De início
encontramos a página inicial da (versão Web) muito poluída passando sentimento de confusão
para quem está acessando, com informações e imagens distorcidas e interface pouco intuitiva
dificultado a usabilidade. O fato de tanto a interface do usuário quanto a do administrador
serem semelhantes e outro fator que gera confusão e dificuldade na diferenciação de funções.
15. Você na rede Clube Versão : 1.1.18
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 15 de 15
Já a versão para Android e bastante intuitiva, simples e possui usabilidade muito semelhante
à das redes sociais, o que facilita o entendimento para o usuário. No entanto, a versão Android
precisa de uma atenção maior no que diz respeito a informar os erros ao usuário e a correção
de bugs