usabilidade - lancenet!

22
Usabilidade Thiago Verly Vanessa Barros Patrícia Haddad Carla Viana Carlos Andrade

Upload: thiago-verly

Post on 13-Jul-2015

1.380 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Usabilidade - Lancenet!

Usabilidade

Thiago VerlyVanessa BarrosPatrícia Haddad

Carla VianaCarlos Andrade

Page 2: Usabilidade - Lancenet!

Caso Lancenet

• O portal apresenta graves problemas de programação e interação;

• O site utiliza o mesmo layout padronizado do jornal impresso, o que pode provocar dificuldades de navegação de um novo usuário não leitor do jornal;

• A área de pesquisa é mal localizada, no parte inferior da página, o que acreditamos não estar adequada as expectativas dos usuários;

• Há informações repetidas na home.

Page 3: Usabilidade - Lancenet!

Objetivos

• Aumentar a fidelização de consumidores;• Duplicar a receita com publicidade;• Promover os demais veículos da empresa;• Duplicar os acessos únicos diários;• Promover mais interação;• Redefinir o design do site.

Page 4: Usabilidade - Lancenet!

Soluções

• Promover mais interação e melhor desempenho com o usuário através de um código limpo, otimizado e dentro dos padrões web;

• Aumentar a fidelização e a interação com o usuário através do alinhamento da arquitetura da informação com o design;

• Divisão do conteúdo em módulos permitindo a diagramação do conteúdo pelo editor conforme a prioridade e relevância da notícia;

• Diversificar as opções de formatos para publicidade (formatos de banners, banners de vídeo, links patrocinados) a fim de aumentar a receita.

Page 5: Usabilidade - Lancenet!

Pesquisa de colunagem

Os sites de esportes nacionais tem uma estrutura semelhante com muita informação, deixando uma aparência pesada e poluida.

Page 6: Usabilidade - Lancenet!

O Yahoo esportes adotou um estilo americano, mais leve e o Lanenet é uma mistura dos dois.

Page 7: Usabilidade - Lancenet!

Sites americanos

Sites europeus

Page 8: Usabilidade - Lancenet!

Pesquisa de manchasAs áreas de informações separadas por cor.

As pesquisas realizadas com sites concorrentes nos mostraram as áreas de informações mais costumeiras para os usuários dos seguintes itens: Logo Menu principal Menu secundário Menu Futebol Área de pesquisa Foto Principal Manchete Nosso estudo abrangeu sites nacionais e estrangeiros.

LOGO

Page 9: Usabilidade - Lancenet!

MENU PRINCIPAL SECUNDÁRIO FUTEBOL

JUNÇÃO DOS 3 MENUS

Page 10: Usabilidade - Lancenet!

FOTO PRINCIPAL

MANCHETE PRINCIPAL

Page 11: Usabilidade - Lancenet!

RESULTADOJunção de todas as manchas escolhidas

Page 12: Usabilidade - Lancenet!

Domínios - Problemas ocasionados pela divisão dos acessos O portal hoje tem acesso por 2 dominios (lancenet.com.br e lance.com.br) e um subdominio (msn.lancenet.com.br) com o mesmo conteúdo mais acessos independentes. Problema: As estatísticas quebradas tiram poder de negociação com clientes, já que não temos um número total e dificultam a verificação do publico pois os perfis podem ser diferentes como veremos no Ad Plannner. Solução: Os dominios devem ser direcionados para uma única url. Os acessos separados podem ser resolvidos por filtros no Google Analytics. Este passo irá corrigir mais um grande problema com o Google, a duplicação de conteúdo que tira muitos pontos do site e do seu page rank. O PageRank das páginas são: lancenet.com.br (6) lance.com.br (6) msn.lancenet.com.br (5)Quando houver a unificação, o PageRank poderá subir e com isso igualar as páginas do Globo esporte e Uol esporte (7) e ultrapassar Terra esportes, Gazeta esportiva e IG esportes com (6), e com isso subir no posicionamento das pesquisas orgânicas. Com a subida no posicionamento orgânico teremos mais acessos e mais verbas publicitárias.

Page 13: Usabilidade - Lancenet!

Pesquisa de tráfego e público-alvoProblemas ocasionados pela divisão dos acessos

http://www.google.com.br/centraldeagencias/agencytoolkit.html

Page 14: Usabilidade - Lancenet!

O que o usuário procura no site?

Os sitelinks do Google são feitos automaticamente pelas páginas mais acessadas dos sites e nos dão uma noção dos desejos dos usuários frequentadores dos sites esportivos.

Page 15: Usabilidade - Lancenet!

Problemas técnicos

- demora no carregamento

Page 16: Usabilidade - Lancenet!

Problemas técnicos

- pouca imagem em cache

Mais da metade das imagens não foram armazenadas em cache, obrigando o usuário a carregar novamente 55% de todo o conteúdo da página (287,5K).

Page 17: Usabilidade - Lancenet!

Problemas técnicos

- pouca imagem em cache

Usando a técnica de caching é possível diminuir o tempo de carga de uma página.

Exemplo: globoesporte.com 100% das imagens em cache, apenas 45,2Kb carregados a partir da segunda visita.

Page 18: Usabilidade - Lancenet!

Problemas técnicos

- arquivos texto não comprimidos (html, css, javascript)

Compressão de arquivos gzip diminui a quantidade em Kb desses arquivos e faz com que o site carregue mais rápido para o usuário.

Exemplo: uol.esportes.com.br entrega pro usuário 70% a menos de Kb dos arquivos texto.

Page 19: Usabilidade - Lancenet!

Problemas técnicos

- HTML e CSS fora dos padrões

Existem avisos de erros no código html do site do Lancenet, que faz com que o site não seja válido nos padrões da W3C.329 Erros e 29 avisos

Page 20: Usabilidade - Lancenet!

Problemas técnicos

- HTML e CSS fora dos padrões

Page 21: Usabilidade - Lancenet!

Problemas técnicos

- Acessibilidade

O portal Lancenet não passa nos testes de acessibilidade para nível 1 de prioridade, recebendo o índice 4,1 numa escala de 0 a 10.Ele possui 474 erros de acesso na página home.

Page 22: Usabilidade - Lancenet!

Arquitetura da Informação