![Page 1: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/1.jpg)
YouTubeProposta de navegação baseada no
Design Centrado no Usuário
Marcello de Campos [email protected] | @mcardosoDesign de Interação | IEC PUC-MG
![Page 2: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/2.jpg)
Por que avaliá-lo?
O YouTube é a mais relevante fonte de conteúdo audiovisual da Internet.
• 4º lugar domínio mais acessado da rede• 290 milhões de usuários diariamente• 4,2 bilhões de páginas visitadas por dia• Define padrões de mercado• +15 horas de vídeo enviadas por minuto (conteúdo colaborativo)
Tarefa escolhida: Envio de múltiplos vídeos
Fontes: Alexa, Wolfram, techcrunch
![Page 3: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/3.jpg)
Modelagem de persona
1. Levantamos os dados de uso
Fonte: Alexa
2. Criamos uma persona com ascaracterísticas marcantes
Otávio Luiz• 23 anos;• Cursa Engenharia;• Eco turista;• Envia vídeos para o
YT.
![Page 4: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/4.jpg)
Percurso Cognitivo• É um método de inspeção de usabilidade orientado à tarefas.• É uma técnica preditiva, realizada por especialistas• Cada passo é avaliado por perguntas sobre compreensão, eficácia e feedback
1
2
3
4
5
![Page 5: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/5.jpg)
Análise Heurística• Outro método de inspeção de usabilidade para uma avaliação de interfaces• Sua credibilidade é proporcional ao n° de avaliadores e sua experiência• Heurísticas são guias que devem ser verificadas• Existem muitos tipos de heurísticas. As mais conhecidas são as propostas por Molich e
Nielsen
H1
H2
H3
H9H4
![Page 6: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/6.jpg)
Teste com usuário• Usuários reais (dos diversos perfis de uso) utilizam o sistema em um ambiente controlado• Métricas devem ser definidas (tempo, erros, cliques, sucesso da tarefa...)• Roteiro, cenário, lista de tarefas, termo de consentimento, equipamento e ambiente são
previamente preparados• Teste piloto deve ser realizado e possíveis adaptações realizadas• Os resultados são reunidos e avaliados por especialistas
![Page 7: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/7.jpg)
Questionário• Perguntas são elaboradas baseadas nas observações e dúvidas durante avaliações ou
testes• Orienta os avaliadores na tomada de decisões
![Page 8: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/8.jpg)
Principais problemas encontrados• Interação destoa do modelo mental do usuário• Botões se escondem verticalmente na interface• Textos são técnicos e pouco precisos
• Botão “enviar” com pouco contraste• Posicionamento inadequado do menu
contextual do usuário
![Page 9: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/9.jpg)
RecomendaçõesVersão atual:
![Page 10: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/10.jpg)
Recomendações• Botão "Enviar" redimensionado, texto alterado para "Enviar vídeo"• Alinhamento de publicidade modificado para se alinhar aos outros elementos• Atalho para menu cotnextual do usuário reposicionado, ítem "Enviar vídeo" adicionado
![Page 11: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/11.jpg)
Recomendações...Versão atual:
![Page 12: YouTube - Envio de vídeos avaliado por múltiplos métodos de inspeção de usabilidade](https://reader034.vdocuments.pub/reader034/viewer/2022042701/55a476471a28abe4268b45f0/html5/thumbnails/12.jpg)
Recomendações...• Alterar a ordem em que vídeos adicionados são acrecentados na lista (de cima para baixo)• Simplificar textos técnicos• Alterar botão de seleção de vídeos para evitar que seja congundido com o atalho para a tela de envio• Esconder opções de descrição, que serão acessíveis através do atalho específico• Abrir automaticamente as opções de incorporação de vídeo fortalecendo o feedback de conclusão de tarefa