Este documento resume uma proposta de design centrado no usuário para a navegação do YouTube. Foi realizada uma análise heurística e testes com usuários que identificaram problemas como botões escondidos e textos técnicos. Foram feitas recomendações como redimensionar o botão "Enviar", simplificar textos e alterar a ordem de vídeos adicionados.

1. YouTube Proposta de navegação baseada no Design Centrado no Usuário Marcello de Campos Cardoso [email_address] | @mcardoso Design de Interação | IEC PUC-MG

2. 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

3. Modelagem de persona Levantamos os dados de uso Criamos uma persona com as características marcantes Fonte: Alexa Otávio Luiz 23 anos; Cursa Engenharia; Eco turista; Envia vídeos para o YT.

4. 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 3 2 4 5

5. 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 H9 H5 H7 H1 H2

6. 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 Os resultados são reunidos e avaliados por especialistas

7. 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

8. 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

9. Recomendações – antes...

10. Botão "Enviar" redimensionado, texto alterado para "Enviar vídeo" Alinhamento de publicidade modificado para se alinhar aos outros elementos Atalho para menu contextual do usuário reposicionado, item "Enviar vídeo" adicionado Recomendações – depois.

11. Recomendações – antes...

12. Alterar a ordem em que vídeos adicionados são acrescentados na lista (de cima para baixo) Simplificar textos técnicos Alterar botão de seleção de vídeos para evitar que seja confundido 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 Recomendações – depois.

13. Obrigado! Marcello de Campos Cardoso [email_address] | @mcardoso Design de Interação | IEC PUC-MG