USABILIDADE NA WEBUSABILIDADE NA WEBAS BOAS PRÁTICAS DO SITE AMIGÁVELAS BOAS PRÁTICAS DO SITE AMIGÁVEL
Princípios FundamentaisPrincípios Fundamentais
Fatores de sucesso da fidelização
Os seis princípios fundamentais
1- Acessibilidade (divulgação, disponibilidade) 2- Design (interface, visualização instantânea) 3- Usabilidade (facilidade de navegação, localização das informações)4- Arquitetura da Informação (conteúdo confiáveis, útil, atualizado)5- Visibilidade (marketing da empresa, patrocinadores)6- Segurança e confiabilidade (confidencialidade, sigilo dos dados)
Porque o Site é importante?Porque o Site é importante?
Razão de existir (core business da empresa)
• Além da expectativa explícita do retorno financeiro, o negócio existe para cumprir uma responsabilidade implícita perante a sociedade, seus clientes e parceiros.
• Atender as necessidades dos consumidores/usuários, com relação aos produtos e serviços ofertados.
• Expandir a oferta e extensão da especialização de cada produto ou serviço no nicho de mercado escolhido atendendo ao perfil do consumidor/usuário.
• Estender o domínio da empresa sobre a concorrência através da quantidade, qualidade e tipos de produtos ou serviços colocados no mercado.
As oportunidades, os recursos e problemas sofrem constantes mutações em conseqüência da mudança de fatores internos e externos, exigindo um realinhamento dos rumos
estratégicos.
Acessibilidade Design Usabilidade Conteúdo Visibilidade Segurança
Publicação Monitoração Ajustes no Site Atualizações de dados
Estratégia Objetivos/Metas Planejamento Organização
Ações
NOVO SITE
• Qualidade das informações
• Retorno (Resultados)
PROGNÓSTICO Recomendações e
Sugestões Fatores críticos de
sucessos Benchmarket Resultados esperados
DIAGNÓSTICO Identificação das necessidades Identificação dos “gaps” Critérios e prioridades
Análises &Decisões
CONSEQUÊNCIAS Redução consumo Ciclo de vida informação Inflação/Recessão/Incertezas Mudanças no perfil consumidor
FORÇAS AMBIENTAIS Econômicas Técnicas Políticas Sociais
INTERNOS Insatisfação Pressão por melhorias Heterogeneidade
Motivos
Visão monolítica de avaliação
Porque avaliar o Site?Porque avaliar o Site?
Quaisquer que tenham sido os motivos, vamos avaliar nosso site!...Vale a pena!...
“Web Standards” o que é isto?“Web Standards” o que é isto?
Para uns, pode significar construir websites sem uso de tabelas
Para outros, usar código válido
Contudo, web standards significa muito mais que isto.
Um site projetado segundo as Web Standards deve estar em conformidade às normas (Standards ) (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG)
Segundo as melhores práticas ( código válido, acessível, semanticamente correto, user-friendly, URLs etc). Em outras palavras, um site projetado segundo as Web Standards deve ser leve, claro, baseado em CSS, acessível, atender a usabilidade e amigável aos mecanismos de busca.
Para pessoas diferentes....significados diferentes.
“Web Standards” Guia de padrões para as Melhores práticas
“Check List” para desenvolvedores “Check List” para desenvolvedores
Principais tópicos de questionamento dos “Web Standards”
• Qualidade do código• Grau de separação entre conteúdo e apresentação• Acessibilidade para usuários• Acessibilidade para dispositivos• Usabilidade básica• Administração do site
1. O atributo "alt" é usado para todas as imagens?2. O site usa unidades de medida relativas em lugar de absolutas para
tamanhos de texto?3. Há quebra do layout quando o usuário aumenta o tamanho da fonte?4. O site usa skip para menus?5. Os formulários são acessíveis?6. As tabelas são acessíveis?7. O site faz uso de cores contrastantes?8. O site faz uso da cor para transmitir informação?9. Os links são todos descritivos (para usuários com restrições visuais)?
Exemplo : Acessibilidade para usuários
Uso da Internet - Dados EstatísticosUso da Internet - Dados Estatísticos
36,9 milhões de Internautas no Brasil Setembro 2007
18,28 milhões (50,8%) população masculina
17,62 milhões (49,2%) população feminina
Pra cada U$ 1
investido
Retorno de U$ 3 à
U$ 10
em Usabilidade
Interação na web 2,0
Vendas E
-comerce
36,9 milhões de Internautas no Brasil Setembro 2007
Uso de M
onitores
18,5 milhões de Internautas Residenciais
Uso da Internet - Dados EstatísticosUso da Internet - Dados Estatísticos
Seu Site segue as boas práticas?Seu Site segue as boas práticas?
Síntese de lista de verificação para avaliar um Site (Princípios Fundamentais)
Arquitetura da informação
• Há racionalidade na estrutura hierárquica?• Os rótulos são facilmente identificáveis?• Uso estritamente necessário de jargões, expressões em outros idiomas e linguagem de uso restrito.• Informações relacionadas agrupadas, com ênfase para as mais importantes• Informações redundantes publicadas apenas quando indispensáveis• Navegação reflete o percurso do usuário (o caminho percorrido entre links é facilmente recuperado)• Áreas mais importantes são acessáveis da página Principal?• A página Principal é facilmente retornada de qualquer outra página?• Sinalização da localização do usuário no site a cada página.• Mapa do site facilmente encontrado em cada página?• Ferramenta de busca fácil de achar e usar?
Usabilidade
• Usuários com graus diferentes podem navegar facilmente• Usuário realiza a compra ou usa o serviço baseado na interface?• Possibilidade de cancelamento de qualquer ação realizada pelo usuário• Suporte a todos os browsers e a grande número de dispositivos• Usuário não precisa ter plug-in instalados no browser para navegar no site.• Preenchimento dos formulários conciso e baseado em informações realmente necessárias• Quando o formulário é enviado, o usuário recebe uma mensagem de que o processo foi realizado?• As respostas do sistemas são dadas rapidamente?• As mensagens de erro são claramente explicadas?• Disponibiliza se necessário, de ferramenta de busca?• As cores dos links refletem as ações e o percurso dos usuários?
Vamos fazer o teste de conformidade?Vamos fazer o teste de conformidade?
Síntese de lista de verificação para avaliar um Site (Princípios Fundamentais)
Acessibilidade
• Interface fácil de usar para usuários com diferentes formações, idade, familiaridade com ferramentas• Páginas com download rápido por usuários com conexões lentas e equipamentos antigos• Acesso por usuários com deficiências física, que usem programas de leitura de tela ou outros programas especiais• Interface navegável sem habilitação da visualização de imagens• Todas as imagens dispõem de marcações alternativas ("alt" tag)?• Estrutura do site se mantém compreensível com os estilos CSS desabilitados?• Estilos CSS configurados com unidades relativas?• Formulários utilizáveis por usuários com deficiências físicas?• Cores utilizadas contrastantes entre os diferentes componentes da interface?• Funcionalidade dos elementos críticos de navegação independente das suas cores• Site se mantém navegável sem “javascript” habilitado no browser do usuário
Design
• Layout agradável à primeira vista, objetivo e conciso, com equilíbrio entre áreas brancas e preenchidas.• Animações e recursos decorativos desnecessários e excessivos são evitados?• Leitura fácil e agradável, parágrafos curtos, com linguagem objetiva e estilos de texto baseados em critérios editoriais.
Visibilidade
• O nome, contato, telefones e dados da empresa estão disponibilizados e de fácil visualização?• Os banners de patrocinadores estão em locais visíveis, sem contudo poluir ou dificultar as informações? • Ao ativar um “link” externo é mantido o interesse em voltar?
Segurança e Confiabilidade
• Site desenvolvido para o usuário ter pouca necessidade de suporte e quando necessário é fácil de contatar?• Usuários recebem respostas rápidas sempre que solicitam?• As páginas são seguras contra ataques e roubo de senhas?• As transações são sigilosas e protegidas? • O site é devidamente protegido com recursos atualizados?
Ruídos na ComunicaçãoRuídos na Comunicação
Como nos entendemos (ou nos desentendemos) nos relacionamentos?
Como o cliente explicou...
Como o Gerente de produtos entendeu...
Como o produtofoi idealizado...
O que o clienterealmente queria...
Como o produto foiconstruido...
Como o marketingo descreveu...
Como o projeto foidecumentado. ...
Que funcionalidadesForam instaladas...
Como o cliente foicobrado...
Como o produtofoi mantido...
Informações DesatualizadasInformações Desatualizadas
Questões a serem consideradas (Perguntas)Case* Calendário de atividades
- Qual é o objetivo do calendário? - A informação está sendo útil? - As Informações continuam válidas hoje? - Existe um programa de atualização dos dados? - Qual deveria ser a freqüência? - O dia da semana facilita porém, altera todo ano. - Lembrar da existência de datas fixas e variáveis. - As informações são fáceis de serem visualizadas? - Etc...
- Mudar o lay-out do calendário (colunas & Linhas) de forma a incluir um período de 5 (ou mais) anos numa única tabela. - Separar visualmente os feriados fixos e variáveis (por cores, destaques etc..) - Utilizar fontes externas de atualização, (arquivos XML, BD etc...) fáceis de serem mantidos.- Melhorar o visual bastante confuso (alinhamento, maiúsculas e minúsculas, formato das datas...) - Etc...
* Extraído da Web em 01/11/2007
Sugestões de melhorias (Respostas)
Usabilidade
?