Relatórtio de desenvolvimento e análise de interfce gráfica de um app para coordenções academicas. Trabalho da disciplina de IHC da Universidade Estadual do Piauí

1. Mural TIC Event Viewer
Desenvolvimento e Análise de Interface Gráfica
Versão 0.01
Alunos: Igor Antônio
Nívea Santana
Luis Santos
Cassio Raphael
Caio Fernandes

2. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 2 de 10
Sumário
1. Objetivos ........................................................................................................................................... 3
2. Descrição do Sistema ........................................................................................................................ 3
3. Mockups Mobile ............................................................................................................................... 4
5. Telas Mural ....................................................................................................................................... 6
6. Teste de usabilidade .......................................................................................................................... 7
7. Conclusão........................................................................................................................................ 10
8. Trabalhos Futuros............................................................................................................................ 10

3. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 3 de 10
Desenvolvimento de Interface Gráfica
O presente trabalho tem por intuito propor um sistema de divulgação de notícias e
eventos para instituições na intenção de expor os alunos a eventos relacionados a suas
respectivas áreas do conhecimento.
1. Objetivos
Desenvolver um protótipo proof of concept do sistema baseado nas heurísticas e
conhecimentos adquiridos nos trabalhos anteriores.
2. Descrição do Sistema
O sistema foi dividido em duas interfaces. Um mural na web onde as notícias serão
postadas, e um aplicativo mobile onde os alunos poderão salvar as notícias de seu interesse.
Abaixo estão descritas as ações de cada usuário.
Administrador
 Cria, edita e remove eventos/notícias;
 Visualiza as notícias na tela home.
Usuário final
 Scaneia as notícias da página através de QrCodes;
 Favorita os eventos de maior interesse do usuário;
 Curte, comenta e compartilha;
 Deleta notícias indesejadas.
A intenção de agregar uma interação mobile ao projeto é trazer um senso de
portabilidade da informação exposta no mural.

4. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 4 de 10
3. Mockups Mobile

5. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 5 de 10
4. Telas Mobile Versão 0.01

6. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 6 de 10
5. Telas Mural

7. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 7 de 10
6. Teste de usabilidade
A do protótipo foi realizado um teste de usabilidade com alunos de vários cursos com
para medir o nível de aceitação do sistema em seu estado atual. Os resultados obtidos dos
entrevistados foram os seguintes:

8. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 8 de 10

9. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 9 de 10
Que tipo de melhorias você acha que podemos fazer?(9 respostas)
Especificar/detalhar o objetivo deste questionário através de uma breve introdução. Não ficou clara a tal "
Solução" que queriam apresentar..
Opção de compartilhar p outros aplicativos
Dar a opção de baixar a imagem do evento
Colocar a area do conhecimento do evento
Mostrar a tela de forma mais bonita e chamativa
Mostrar ao menos as noticias quando usar qualquer leitor de qrcode
Já está perfeito
Abrir um espaço para comentários.

10. Mural TIC Event Viewer Versão : 0.01
Projeto de Interface Gráfica Data da Versão: 10/01/2017
Confidencial Você na rede Clube Página 10 de 10
7. Conclusão
A partir dos resultados do teste pode-se concluir que existe uma demanda para uma
solução desse tipo. Em seu estado atual, o sistema parece estar seguindo o caminho certo no
que diz respeito a funcionalidades e intuitividade.
Na parte de implementação, apesar de complicada a integração da leitura de qrCode
com a estrutura de um JSON se mostra uma solução eficaz e elegante para a distribuição de
dados através de plataformas. A intenção é que a aplicação seja melhorada, agregando
funcionalidades baseadas em redes sociais. Ambas as aplicações foram desenvolvidas com
a ideia de simplicidade em mente, tentando tornar a experiência do usuário a mais natural e
intuitiva possível.
8. Trabalhos Futuros
O conjunto plataforma web e mobile deste projeto tem um grande potencial, como
trabalhos futuros deve-se acrescentar as funcionalidades de rede social, e um maior
refinamento de design e responsividadde em ambas as plataformas. Devido às restrições de
tempo as análises com usuário final não foram realizadas. Como próxima etapa no projeto
será feita uma análise das sugestões do público que participou do teste de usabilidade para
que o projeto seja refinado e finalmente implantado.