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

?