Redesign participativo
André Grilo (B.el, UFRN)
Este é um trabalho colaborativo de redesign da
interface do SIGAA. O objetivo da pesquisa foi
envolver os estudantes no pr...
Objeto de estudo:
Turma Virtual
Metodologia
Design Participativo
Frequentemente, são lançados produtos que
não consideram o comportamento e
expectativas r...
Problemas de interface
citados pelos usuários
Visual desatualizado
Precisa ser simples de usar
Distribuição da informação
...
citados pelos usuários
Visual desatualizado
Precisa ser simples de usar
Distribuição da informação
precisa ser melhorada
D...
Foram identificados os conteúdos mais procurados
pelos estudantes ao acessarem as disciplinas, dos
quais se destacaram:
Av...
Foi elaborada uma matriz de critérios
a serem adotados na fase de projeto e
a avaliação da nova interface.
Critério Descrição
Clareza
Suavizar os elementos e atualizar as cores, com
o objetivo de tornar a informação visual mais
l...
Redesign.
O posicionamento e a forma
como os conteúdos são
dispostos foi repensada.

O menu da esquerda passa a ser
um “menu de atal...
Dessa maneira, o menu contendo todas
as seções passou para a parte superior.

Ele foi “enxugado” com ícones
contextuais. B...
Área de Destaques
Foi mantida à direita da interface,
apresentando algumas facilidades para o
estudante:
Apresentação em g...
Uma inovação importante
apresentada no redesign
foi o conceito de “Mural”,
que funciona como um
Feed de atualizações da
di...
No ícone ao lado do nome da disciplina, o estudante pode
consultar os horários de aulas e também ampliar a janela,
com o q...
Atualmente, o SIGAA permite que seja
utilizada uma conta do Twitter para
publicar as atualizações da disciplina.
Porém, to...
Detalhe do campo de Login
Este é um projeto participativo, e por isso
está aberto à opiniões e avaliações dos
principais interessados: os estudantes...
SIGAA redesign
SIGAA redesign
Próximos SlideShares
Carregando em…5
×

SIGAA redesign

6.084 visualizações

Publicada em

Design participativo de interfaces; apresentação de conceito para redesign do SIGAA (UFRN).

Publicada em: Design
13 comentários
13 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
6.084
No SlideShare
0
A partir de incorporações
0
Número de incorporações
12
Ações
Compartilhamentos
0
Downloads
0
Comentários
13
Gostaram
13
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

SIGAA redesign

  1. 1. Redesign participativo André Grilo (B.el, UFRN)
  2. 2. Este é um trabalho colaborativo de redesign da interface do SIGAA. O objetivo da pesquisa foi envolver os estudantes no processo de detecção de problemas e geração de soluções.
  3. 3. Objeto de estudo: Turma Virtual
  4. 4. Metodologia Design Participativo Frequentemente, são lançados produtos que não consideram o comportamento e expectativas reais do usuários finais. No Design Participativo, os usuários atuam como co-criadores, influenciando no processo de concepção do produto. Entrevistas estruturadas; Estudantes da graduação da UFRN. ABORDAGENS UTILIZADAS TARGET Usuário Designer Developer Grupos de foco; Validação pelos usuários.
  5. 5. Problemas de interface citados pelos usuários Visual desatualizado Precisa ser simples de usar Distribuição da informação precisa ser melhorada Dificuldade em localizar conteúdos específicos Ausência de sistema de busca
  6. 6. citados pelos usuários Visual desatualizado Precisa ser simples de usar Distribuição da informação precisa ser melhorada Dificuldade em localizar conteúdos específicos Ausência de sistema de busca Nota: esse problema ocorre na Turma Virtual. Em outras áreas do sistema, o campo de busca está disponível, embora alguns usuários tenham reclamado de problemas frequentes com a ferramenta. Problemas de interface
  7. 7. Foram identificados os conteúdos mais procurados pelos estudantes ao acessarem as disciplinas, dos quais se destacaram: Avaliações/notas Arquivos para download Atividades/tarefas Notícias Conteúdos prioritários
  8. 8. Foi elaborada uma matriz de critérios a serem adotados na fase de projeto e a avaliação da nova interface.
  9. 9. Critério Descrição Clareza Suavizar os elementos e atualizar as cores, com o objetivo de tornar a informação visual mais leve. Simplicidade Transformar termos técnicos em textos contextuais e amigáveis. Organização Distribuir os conteúdos de acordo com a importância e prioridade adequadas. Personalização Permitir aos usuários que configurem suas preferências de conteúdo.
  10. 10. Redesign.
  11. 11. O posicionamento e a forma como os conteúdos são dispostos foi repensada. O menu da esquerda passa a ser um “menu de atalhos”, com os principais conteúdos que os respondentes da pesquisa citaram como sendo prioritários: Atividades, Notas das avaliações, Downloads etc. Menu de atalhos
  12. 12. Dessa maneira, o menu contendo todas as seções passou para a parte superior. Ele foi “enxugado” com ícones contextuais. Basta o aluno colocar o mouse em cima que as seções aparecem para ele acessar. Outra novidade é a caixa de busca. Atualmente ela não existe na Turma Virtual, apenas em outros locais do SIGAA no Menu Discente. Ou seja, enquanto o aluno está na disciplina, ele precisava ir atrás de cada conteúdo para encontrá-lo. A presença do campo de busca pretende contornar esse problema. Caso o sistema seja acessado em dispositivos móveis, o menu pode responder ao toque, em vez de sobreposição de cursor. Menu Geral
  13. 13. Área de Destaques Foi mantida à direita da interface, apresentando algumas facilidades para o estudante: Apresentação em gráficos do score de aproveitamento da disciplina, exibindo por aulas ministradas e por carga horária. Acesso ao chat com os participantes da disciplina. Embora frequentemente o Facebook ou WhatsApp sejam muito utilizados para resolver assuntos de trabalhos, o estudante terá a opção de um chat que guardará apenas o histórico das conversas daquela disciplina, com arquivos e mensagens compartilhados no chat para consultar quando quiser. O usuário pode customizar os destaques, adicionando os conteúdos que considerar mais importantes de ser informado. Além disso, é possível reorganizar os elementos, posicionando na ordem de preferência do aluno.
  14. 14. Uma inovação importante apresentada no redesign foi o conceito de “Mural”, que funciona como um Feed de atualizações da disciplina. Ou seja, tudo aquilo que o professor publicar - Notícias, Arquivos, Notas, Vídeos - fica listado como postagens, que podem inclusive receber comentários dos alunos. Mural O professor pode definir a prioridade de cada publicação, para que uma fique automaticamente acima das outras, se destacando das demais. Além disso, o docente pode inserir palavras-chave quando publicar um conteúdo. Dessa maneira, independente do tipo de conteúdo publicado, seja um arquivo ou uma nota, se ambos tiverem a mesma palavra-chave, eles serão encontrados no sistema de busca. Prioridade da publicação Palavras-chave
  15. 15. No ícone ao lado do nome da disciplina, o estudante pode consultar os horários de aulas e também ampliar a janela, com o quadro de horários de todas as disciplinas. Obs.: o ícone de setas serve para acessar outras turmas.
  16. 16. Atualmente, o SIGAA permite que seja utilizada uma conta do Twitter para publicar as atualizações da disciplina. Porém, todos os entrevistados afirmaram que o recurso não era utilizado. Em contrapartida, quase metade dos respondentes (45,16%) sugeriram o recebimento de notificações via celular, por aplicativo ou pelo Facebook. Dessa maneira, o painel de configurações de notificação permite, além de ser informado via Twitter ou Facebook, a seleção dos principais conteúdos a ser avisado pelo sistema. Notificações
  17. 17. Detalhe do campo de Login
  18. 18. Este é um projeto participativo, e por isso está aberto à opiniões e avaliações dos principais interessados: os estudantes da UFRN. Dê a sua avaliação para este projeto, para saber se o caminho está de acordo com as suas necessidades e expectativas. :) O que achou dessas ideias? ACESSE O LINK: ABRE.AI/AVALIEOSIGAA

×