relatório de usabilidade

40
Agenda Cultural

Upload: joana-luis

Post on 08-Apr-2016

224 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Relatório de Usabilidade

Agenda Cultural

Page 2: Relatório de Usabilidade

Objectivos O objectivo deste projeto foi criar um website que monitorizasse as atividades pessoais e diárias de cada pessoa. A dentro desta temática de monitorização escolhemos criar um site que tivesse como base a cultura, ao que chamamos de ‘’Agenda Cultural. A Agenda Cultural, é um website criado para gestão dos interesses pessoais que cada um tem para a cultura. Este site permite visualizar as novidades existentes nas várias áreas culturais como por exemplo na música, design, sétima arte etc. O website permite criar e gerir vários orça-mentos mensais, e permite também gerir um calendário cultural criado e personalizado por cada utilizador, estes utilizadores podem ainda adicionar comentários pessoais a qualquer conteúdo que o site possa ter. Procurei desenvolver um layout que desse alguma dinâmica e vivacidade ao tema, para contrastar com os sites já existentes que têm sempre um cariz racional e frio, o que acabam por não ser muito convidativos pois a cultura não tem que ser um tema sério e racional.

Page 3: Relatório de Usabilidade

Cenários e Personas

Page 4: Relatório de Usabilidade

O estudante O Ricardo tem 15 anos e acabou de iniciar o seu 10º ano de escolaridade, ele decidiu seguir a área das artes plásticas mas sente que gostava de complementar os seus estudos com atividades extras a dentro das artes plásticas.Sendo o mais novo da sua turma, o Ricardo por vezes sente-se á parte quando fala com os seus colegas, pois os colegas do Ricardo são grandes consumidores de cultura e gostam de falar sobre as exposições que já viram, os workshops que já frequentaram etc. O Ricardo uma pessoa tímida, tem medo de perguntar aos colegas sobre as novidades que se passam a nível de exposições e workshops. Decidiu então procurar no jornal local, mas a informação que este disponibiliza é muito reduzida e limitada, então decidiu continuar com pesquisa mas agora na internet, mas tudo o que encontrou achou completamente chato e perdeu logo o interesse em continuar com a sua pesquisa.

Page 5: Relatório de Usabilidade

O Avô O senhor José entrou à um ano na sua reforma, e está completamente entediado em casa. A sua neta mais velha acabou de entrar para o curso de Design Gráfico, mas o senhor José não faz ideia do que a palavra Design significa, a sua neta já lhe tentou explicar mas ele não consegue perceber o que realmente significa. Estando cansada da situação, a neta do senhor José sugeriu que este fosse ver algumas exposições com ela, assim desta maneira mais visual poderia entender o que o Design realmente é. O senhor José gostou tanto de ver a exposição, que gostava de preencher o seu tempo livre a aprender mais sobre design. Nas suas visitas as demais exposições descobriu que também gostava de pintura e escultura, foi aqui que o senhor José decidiu se inscrever na universidade sénior. Na universidade o professor de informática disponibilizou uma lista de sites que poderiam consultar para saberem as novidades culturais, o que ajuda também as pessoas mais velhas a ter alguma experiencia na utilização de computadores.

Page 6: Relatório de Usabilidade

O Padeiro O João trabalha para a Padaria e Pastelaria Pérola, onde faz o pão no turno da noite. Ulti-mamente o João tem vindo a utilizar a massa de pão que sobra para criar esculturas, quando o resultado final dessas esculturas fica bem ele tenta tirar fotos para meter no seu facebook. Os seus amigos gostaram tanto que até já pedem ao João que crie algumas esculturas de pão para aniversários e eventos parecidos. Ultimamente o João tem tido dificuldade em inovar nas suas esculturas, e como é um auto didata sente que poderia melhorar a parte técnica das mesmas, então decidiu ver quais são as novidades do mundo da escultura. Como todos os programas culturais televisivos passam á noite e o João não pode ver pois tá a trabalhar, decidiu procurar no Google sobre exposi-ções e workshops de esculturas, mas porem não conseguiu encontrar nenhuma informação que fosse aliciante e ao mesmo tempo atual. O seu amigo Pedro que é estudante de Gestão, sempre que encontra alguma exposição partilha no facebook do João, mas como são situações muito esporádicas o João acaba por ficar estagnado na mesma situação.

Page 7: Relatório de Usabilidade

Inventário de Conteúdo

Page 8: Relatório de Usabilidade

Estrutura do Site

Dashboard

Calendário

CalendárioPessoal

TopMúsicas

Novidades Cinema

Exposições Exposições GráficoPessoal

GestãoOrçamento

Fetivais eConcertos

Novidades Teatro

Workshops e Palestras

Workshops e Palestras

Notificações Gráficos de Despesas

Top 4Teatro e Cinema

Música Sétima Arte Artes Plásticas Design Índice de Cultura Custos

Page 9: Relatório de Usabilidade

Início Menu principal;

Nome do site (Agenda Cultural); Informação sobre o conteúdo do site;

Caixa de login;

Page 10: Relatório de Usabilidade

Calendário Menu principal;

Nome da página (Calendário);Calendário referente ao mês de Março;

Botões referentes aos vários meses do ano;Formulário para adicionar conteúdo personalizado ao calendário;

Page 11: Relatório de Usabilidade

Música

Menu principal;Nome da página (Música);

Top 4 músicas, com comentários personalizados e botões para direcionar o utilizador para as páginas oficiais do facebook e youtube dos artistas/bandas;Zona destinada aos festivais e concertos, com comentários personalizados, e botões que direcionam os utilizadores para as páginas oficiais dos eventos e

botões que permitem adicionar os concertos/festivais ao calendário;

Page 12: Relatório de Usabilidade

Sétima arte

Menu principal;Nome da página (Sétima Arte);

Novidades sobre cinema com botões que permitem ao utilizador adquirir bilhetes para o filme, e botões que permitem adicionar o filme ao calendário;

Novidades sobre teatro com botões que permitem ao utilizador adquirir bilhe-tes para a peça, e botões que permitem adicionar a peça ao calendário;

Top 4 escolhido pelo utilizador de peças de teatro e filmes e, com botões que permitem ao utilizador ver o trailer referente aos filmes;

Page 13: Relatório de Usabilidade

artes plásticas

Menu principal;Nome da página (Artes Plásticas);

Zona referente ás exposições, com um sistema de avaliação até 3 estrelas onde o utilizador pode classificar cada evento, com botões para adicionar eventos ao calendário, e botões que permitem ao utilizador visualizar a data e o local do

evento no Google maps;Zona referente aos workshops e palestras, com um sistema de avaliação até 3 estrelas onde o utilizador pode classificar cada evento, com botões para adicio-nar eventos ao calendário, e botões que permitem ao utilizador visualizar a data

e o local do evento no Google maps;

Page 14: Relatório de Usabilidade

Design

Menu principal;Nome da página (Design);

Zona referente aos workshops e palestras, com um sistema de avaliação até 3 estrelas onde o utilizador pode classificar cada evento, com botões para adicio-nar eventos ao calendário, e botões que permitem ao utilizador visualizar a data e o local do evento no Google maps, o utilizador pode ainda adicionar comen-

tários personalizados a cada evento;Zona referente ás exposiçoes, com um sistema de avaliação até 3 estrelas onde o utilizador pode classificar cada evento, com botões para adicionar eventos ao calendário, e botões que permitem ao utilizador visualizar a data e o local do

evento no Google maps, o utilizador pode ainda adicionar comentários perso-nalizados a cada evento;

Page 15: Relatório de Usabilidade

índice de cultura

Menu principal;Nome da página (Design);

Gráfico referente á atividade de cada utilizador nas várias áreas culturais ao longo dos meses;

Formulário para gerir o conteúdo do gráfico;Parte de aviso destinado a anunciar se algum aspecto do gráfico está negativo;

Page 16: Relatório de Usabilidade

custos

Menu principal;Nome da página (Custos);

Formulário para gerir o orçamento mensal, onde cada utilizador pode referir quanto quer gastar para cada mês;

Zona destinada ao gráficos que representam o orçamento utilizado para cada mês;

Page 17: Relatório de Usabilidade

Layout GráfIco

Page 18: Relatório de Usabilidade

Início

Page 19: Relatório de Usabilidade

calendário

Page 20: Relatório de Usabilidade

música

Page 21: Relatório de Usabilidade

sétima arte

Page 22: Relatório de Usabilidade

artes plásticas

Page 23: Relatório de Usabilidade

design

Page 24: Relatório de Usabilidade

índice de cultura

Page 25: Relatório de Usabilidade

Custos

Page 26: Relatório de Usabilidade

erro

Page 27: Relatório de Usabilidade

Teste de Usabilidade

Page 28: Relatório de Usabilidade

o que foi testado? Executou-se um teste a cinco pessoas onde o que se pretendia ser testado era a usa-bilidade e funcionalidade do site ‘’Agenda Cultural’’. Para tal as pessoas interagiram com o protótipo digital do site, pois esse protótipo permite-me verificar se realmente o utilizador consegue perceber a lógica e mecânica do site, se há algum aspecto a ser melhorado para potencializar o uso correto do site.o.

Page 29: Relatório de Usabilidade

como foi testado? Primeiramente apresentei-me enquanto aluna de Design Gráfico, do IPCA, e seguidamen-te informei á pessoa que iria realizar o teste o objectivo do mesmo, ou seja, que o teste tem como objectivo testar a usabilidade e a eficácia do site. Descrevi da seguinte maneira: ‘’ A Agenda Cultural, é um website criado para gestão dos interesses pessoais que cada um tem para a cultura. Este site permite visualizar as novidades existentes nas várias áreas culturais como por exemplo na música, design, sétima arte etc. O website permite criar e gerir vários orçamentos mensais, permite também gerir um calendário cultural criado e personalizado por cada utilizador, e a cada evento o utilizador pode adicionar comentários pessoais como bem entender.’’ Após à apresentação do site, prossegui com a explicação do conteúdo do teste, que este consistia numa série de oito tarefas a realizar pelo utilizador, onde este poderá avaliar cada tarefa numa escala de zero a cinco, e que qualquer reparo ou sugestão por parte do utiliza-dor é importante e bem vindo. E em jeito de conclusão referi que não havia qualquer problema em errar, pois é mesmo a usabilidade do site que pretendo testar. Se alguma coisa correr mal é porque o website ainda não está fechado e poderá sofrer melhorias.

Page 30: Relatório de Usabilidade

quem foram os inqueridos? Como o tema do site abrange um grande grupo de pessoas, tentei testar pessoas com diferentes backgrounds para observar se as reações iram ser demasiado divergentes. Para tal foram inqueridas cinco pessoas, um programador, um designer gráfico e programador, um designer de moda, uma ilustradora, e um reformado. Ou seja escolhi especificamente esta pessoas, pois sabia que iria obter desde respostas mais técnicas, a respostas mais intuitivas. Para tal não fazia sentido criar um cenário para contextualizar os utilizadores, por o que eu pretendia era que estes usassem a sua própria experiencia de vida para realizarem as tarefas e comentários.

Page 31: Relatório de Usabilidade

Questionário

Tarefa1: Encontre o evento Dia D (conversas sobre design).

Tarefa 2: Adicione o evento Dia D ao calendário.

Tarefa 3: Verifique se o evento Dia D foi realmente adicionado ao Calendário.

Tarefa 4: Encontre o workshop sobre pintura tradicional japonesa.

Tarefa 5: Encontre o filme 300: O Início de um Império.

Tarefa 6: Verifique se o filme Gato Preto, Gato Branco está inserido no top 4.

Tarefa 7: Verifique a percentagem de orçamento utilizado para o mês de Agosto.

Tarefa 8: Verifique o seu índice de cultura nas Artes Plásticas.

Page 32: Relatório de Usabilidade

Resultados do utilidador 1

Tarefas Questões

1 3

3

5

3

5

5

5

5

5

5

4

5

5

5

4

5

5

5

5

5

5

5

5

5

2

3

4

5

6

7

8

Utilidade(0-5)

Facilidade(0-5)

Interessante(0-5)

Observações Sugestões Comentários

“Na minha opinião, a seta descendente no “top 4” não faz sentido visto que o top 4

está visivel.”

“Acho que o icone referente à tarefa 2 devia ser mais explicito.”

Page 33: Relatório de Usabilidade

Resultados do utilidador 2

Tarefas Questões

1 5

5

5

5

5

5

5

5

3

3

5

4

5

5

5

5

4

5

5

5

5

5

5

5

2

3

4

5

6

7

8

Utilidade(0-5)

Facilidade(0-5)

Interessante(0-5)

Observações Sugestões Comentários

“Adicionar uma tooltip visível aos links na página de eventos ou

numa preview do evento poderá ajudar o utilizador a encontrar

mais fácilmente a funcionalidade.”

“Adicionar uma barra de pesquisa de eventos ao header

da página seria porreiro e mais intuitivo que ir á procura

dentro dos links do menu.”

“Adicionar uma maneira mais informativa de que o evento foi adi-cionado, em vez da tooltip demon-

strada, talvez uma modal dialog”

“Além do ponto inserido na Tare-fa 1, talvez apresentar um menu em separado que permita aos utilizadores separar os eventos

por tipo”

“Além dos gráficos apresen-tados, talvez adicionar uma timeline para ver melhor os

gastos anuais.”

“Permitir uma legenda inte-ractiva no gráfico para poder

desligar as secções que não me interessam.”

Page 34: Relatório de Usabilidade

Resultados do utilidador 3

Tarefas Questões

1 5

4

2

4

3

3

3

3

5

4

0

4

3

2

3

3

5

4

2

4

3

2

3

2

2

3

4

5

6

7

8

Utilidade(0-5)

Facilidade(0-5)

Interessante(0-5)

Observações Sugestões Comentários

“Penso fica confusa a infor-mação lateral, porque se for todos os dias de uma semana a um evento não terá espaço

para toda a informação.”

“Pelo ícone nunca mais che-gava lá. Faz lembra anexo e

não adicionar.”

“Confuso”

Page 35: Relatório de Usabilidade

Resultados do utilidador 4

Tarefas Questões

1 5

4

5

4

5

4

3

4

4

5

1

5

4

5

5

5

3

4

4

4

4

4

3

4

2

3

4

5

6

7

8

Utilidade(0-5)

Facilidade(0-5)

Interessante(0-5)

Observações Sugestões Comentários

“Em vez de sétima arte devia de se chamar simplesmente cinema, termo mais comum.”

“Lá consegui mas não foi muito intuitivo”

Page 36: Relatório de Usabilidade

Resultados do utilidador 5

Tarefas Questões

1 5

5

3

5

3

0

5

3

5

5

1

5

5

0

5

5

5

4

1

5

3

2

5

3

2

3

4

5

6

7

8

Utilidade(0-5)

Facilidade(0-5)

Interessante(0-5)

Observações Sugestões Comentários

“Não consegui compreender a utilidade desta tarefa.”

“Foi um bocadinho dificil chegar à solução, o icon não ajuda”

Page 37: Relatório de Usabilidade

Questionário FINal

Quase todos os inqueridos gostaram do grafismo do site, as observações que recebi foram muito com base na funcionalidade do mesmo. Notei um bocado de surpresa quan-do abriram o protótipo do site, pois acharam que era um site divertido e dinâmico, o que contrasta um pouco do convencional que a maior parte dos websites sobre cultura adopta. Uma sugestão recebida foi que o ambiente do site era um pouco escuro e que provavel-mente iria resultar melhor se utilizasse tons mais claros e menos contrastantes. Também foi-me sugerido que utilizasse mais elementos referentes à cultura portuguesa, mas no global reparei que o grafismo do site, embora arrojado, teve uma boa adesão.

Page 38: Relatório de Usabilidade

Análise dos Resultados

Tarefas Questões

1 5 0.9 5 0.9 0.9

4 0.8 5 0.5 0.5

5 1.4 1 1.8 1.8

4 0.8 5 0.5 0.5

5 1.1 5 1.0 1.0

4 2.1 5 1.5 1.5

5 1.1 5 1.1 1.1

4 1.0 5 1.3 1.3

5

4

4

5

4

4

5

4

2

3

4

5

6

7

8

Utilidade(0-5)

Média Média MédiaDP DP DP

Facilidade(0-5)

Interessante(0-5)

Page 39: Relatório de Usabilidade

Análise dos resultados Com base nas sugestões e observações dos utilizadores, posso concluir que o icon utilizado para anexar conteúdo ao calendário não funcionou, teria que ser melhor trabalhado para que esta tarefa seja mais intuitiva. Ao site poderia ser inserida uma barra de pesquisa de eventos, para ser mais rápido do que ir á procura dentro dos links de cada menu. O nome ‘’Sétima Arte’’ gerou alguma confusão, foi sugerido usar termos mais comuns, como mais que um in-querido apontou esse pormenor terá que ser um ponto a ser melhorado também. No geral há pequenos pontos em todas as páginas a serem melhorados, mas são pontos que só com este teste é que consegui aperceber-me que não estão bem ou então que podem ter uma utilidade muito melhor. No geral consegui transmitir o conceito base do site, que a cultura pode ser algo dinâmico e divertido, e que com estas alterações os utilizadores teriam gosto em utilizar a Agenda Cultural.

Page 40: Relatório de Usabilidade

Joana Luís 6276