A Infocus esta de visual novo em seu site. O site foi desenvolvido de uma parceria com agência Engine Marketing Digital e LionZ. A grande preocupação do novo site foi deixar fácil a compreensão dos produtos e serviços realizados pela Infocus e também a parte SEO foi trabalhada de uma forma especial, estando entre os primeiros nas buscas orgânicas do buscadores.

Link: www.infocus.com.br

Parceira com agência New Brand Solution e LionZ o site do Spa Sorocaba inaugura seu site novo. A proposta foi deixar mais clean e fácil de navegar. O Spa Sorocaba já foi eleito um dos melhores Spas do Brasil em 2008 pela revista Viagem.

Link: www.spasorocaba.com.br

Não tem nada mais motivador quando um projeto web suado entra no ar, foi o site para o refrigerante Guarah. Demorei até para escrever esse post, mas o site do Guarah esta no ar, com muito orgulho. A equipe que trabalhou para esse projeto esta de parabéns!

Agora bola para frente para outros desafios.

• Não realizar nenhuma pesquisa com os consumidores, seguindo, apenas, o que as empresas acreditam ser a vontade de seus clientes.

• Realizar pesquisas tendenciosas, fazendo com que as resoluções sejam tomadas baseadas em pessoas fictícias, em vez dos consumidores reais.

• Realizar pesquisas inadequadas. Atualmente, um dos métodos de pesquisa realizadas no universo corporativo, é o Focus Group, onde um moderador faz com que os participantes dêem suas opiniões sobre determinados produtos ou serviços. Este método, muito eficiente para algumas situações, não é o melhor para descobrir os problemas relacionados à usabildade.

• Realizar pesquisas com temas pré-definidos. Como é possível escolher previamente as questões que serão respondidas pelo público, sem ter um conhecimento prévio sobre esse público? Este é o erro crucial dete tipo de pesquisa.

• Manter sempre o foco das pesquisas nos negócios. Durante o processo da pesquisa, muitos pontos são levantados e, por isso, é de extrema importância manter o foco em apenas dois ou três pontos estratégicos e fundamentais.

• Alguns pesquisadores de usabilidade costumam fazer do seu trabalho apenas um canal para demonstrarem que suas teorias acadêmicas estão corretas. Entretanto, no mundo dos negócios, atitudes são mais importantes do que teoria e, para atingir resultados favoráveis, é preciso cortar gastos, aumentar o número de acessos ao site ou realizar qualquer outra ação que ajude a pagar as contas.

• Usabilidade e Arquitetura da Informação são essenciais para o desenvolvimento de um bom projeto web, mas, o mais importante de tudo, é entender as pessoas e seus comportamentos. A experiência de navegação que as pessoas tem ao navegar em um site é um dos fatores que determina o sucessos de uma empresa. Portanto, é preciso manter o foco na experiência do visitante como um todo, pois trata-se do comportamento de pessoas e não de ferramnetas.

Cada vez mais sites utilizam linguagem de game para divulgar os seus produtos. A empresa de balas Mentos, para divulgar sua linha de produtos, desenvolveu um jogo para internet no mesmo estilo Street Fight, só que ao invés de porradas são beijos. O momento mais divertido é quando você ganha.

1. Fornecer alternativas ao conteúdo sonoro e visualNão contém nenhum ponto sobre essa directiva.

2. Não recorrer apenas à cor> Assegurar que a combinação de cores entre o fundo e o primeiro plano seja suficientemente contrastante para poder ser vista por pessoas com cromodeficiências, bem como pelas que utilizam monitores monocromáticos.
   A prioridade 2 têm ênfase nas imagens.

3. Utilizar corretamente marcações e folhas de estilo> Por exemplo, é de utilizar MathML para anotar equações matemáticas, e folhas de estilo para formatar texto e organizar a sua paginação (disposição na página). Além disso, evitar a utilização de imagens para representar texto, em vez disso, texto e folhas de estilo.Dos browsers mais usado somente o Mozilla têm suporte para o MathML, sendo necessário instalar plugin para funcionar no Internet Explorer.Links

   Exemplo de código MathML

   http://codefactory.com.br/weblog/?page_id=85

   Browser compatíveis para MathML
   http://www.w3.org/Math/implementations.html

   Minha opinião

   Se não têm suporte para o browser mais usado Internet Explorer e sendo necessário instalar um pluging para rodar o MathML. Creio que esteja muito longe a acessibilidade para esse aspecto.

   O mesmo caso ocorre no uso do comando css “before” e “after” que indica o começo/fim do documento, para facilitar o usuário e lembrar onde ele estave. Não funciona no Internet Explorer, somente no Mozilla.Minha opiniãoNão sei se é hiprocrisia, mas o W3C não utiliza isso.
   
   > Criar documentos passíveis de validação por gramáticas formais, publicadas
   
   Por exemplo, incluir uma declaração de tipo de documento no início do documento, que se refira a uma DTD publicada (por ex., a DTD estrita do HTML 4.0).

   > Utilizar folhas de estilo para controlar a paginação (disposição em página) e a apresentação.
   
   Por exemplo, utilizar a propriedade ‘font’ do CSS em vez do elemento FONT do HTML no controlo estilos de tipo de letra.

   > Utilizar unidades relativas, e não absolutas, nos valores dos atributos da linguagem de anotação e nos valores das propriedades das folhas de estilo.
   
   Por exemplo, em CSS, utilizar ‘em’ ou percentagens em vez das unidades absolutas ‘pt’ ou ‘cm’.

   > Utilizar elementos de cabeçalho indicativos da estrutura do documento e fazê-lo de acordo com as especificações.
   
   Por exemplo, em HTML, utilizar H2 para indicar uma subsecção de H1. O mesmo caso do uso correto dos comandos para tabela.

   > Anotar correctamente listas e pontos de enumeração em listas.
   
   Por exemplo, em HTML, hierarquizar correctamente as listas OL, UL e DL. Quando houver outras categorias na lista, incluir um texto finalizando informando a finalização da categoria.

   Exemplo

   http://www.w3.org/TR/WCAG10-CSS-TECHS/#lists

   > Anotar as citações. Não utilizar anotações de citação para efeitos de formatação, como, por exemplo, o avanço de texto.

   Por exemplo, em HTML, utilizar os elementos Q e BLOCKQUOTE para, respectivamente, anotar citações curtas e mais extensas. O elemento não funciona no Internet Explorer.
   

4. Indicar claramente qual o idioma utilizado > Não contém nenhum ponto sobre essa directiva.
   

5. Criar tabelas passíveis de transformação harmoniosa
   
   > Não utilizar tabelas para efeitos de disposição em página, a não ser que a tabela continue a fazer sentido depois de linearizada. Se não for o caso, fornecer um equivalente alternativo (que pode ser uma versão linearizada); > Se for utilizada uma tabela para efeitos de disposição em página, não utilizar qualquer anotação estrutural para efeitos de formatação visual.

   Por exemplo, em HTML, não utilizar o elemento TH para fazer com que o conteúdo de uma célula (que não seja de cabeçalho de tabela) apareça centrado e a negrito.

6. Assegurar que as páginas dotadas de novas tecnologias sejam transformadas harmoniosamente
   
   > Em programas interpretáveis e applets, assegurar que a resposta a acontecimentos seja independente do dispositivo de entrada.Usar teclado ao invés do mouse.

   Técnica

   Use “onmousedown” com “onkeydown”.
   Use “onmouseup” com “onkeyup”.
   Use “onclick” com “onkeypress”

   > Assegurar a acessibilidade do conteúdo dinâmico ou fornecer uma apresentação ou página alternativas.
   
   Por exemplo, em HTML utilizar NOFRAMES no final de cada conjunto de frames. No caso de determinadas aplicações, os programas interpretados no servidor podem ser de acesso mais fácil do que os interpretados no cliente.

7. Assegurar o controle do utilizador sobre as alterações temporais do conteúdo

   > Evitar as situações que possam provocar o piscar do conteúdo das páginas (isto é, alterar a apresentação a intervalos regulares, como o ligar e desligar), até que os agentes do utilizador possibilitem o controlo desse efeito.
   
   > Evitar páginas contendo movimento, até que os agentes do utilizador possibilitem a imobilização do conteúdo.

   Sempre que uma página contenha movimento, fornecer (num programa interpretável ou num applet) um mecanismo para o imobilizar e para impedir actualizações. A utilização de folhas de estilo dotadas de programas interpretáveis destinados à criação de movimento permite que os utilizadores tenham mais facilidade em as desactivar ou fazer com que os seus efeitos sejam anulados.

   > Não criar páginas de refrescamento automático periódico, até que os agentes do utilizador possibilitem parar o refrescamento.

   Por exemplo, em HTML, não provocar o refrescamento automático das páginas através da inclusão de “HTTP-EQUIV=refresh”, até que os agentes do utilizador dêem aos utilizadores a possibilidade de desactivarem essa funcionalidade.

   > Não utilizar anotações para redireccionar as páginas automaticamente, até que os agentes do utilizador possibilitem parar o redireccionamento automático. Em vez de utilizar anotações, configurar o servidor de modo a que seja ele a executar os redireccionamentos.
   
   

8. Assegurar a acessibilidade directa de interfaces do utilizador integradas

   > Sempre que um objecto integrado tenha uma “interface própria”, a interface — tal como a interface do próprio navegador — tem de ser acessível. Se a interface do objecto integrado não puder ser tornada acessível, tem de ser fornecida uma solução alternativa.
   
   

9. Pautar a concepção pela independência face a dispositivos

   > Assegurar que qualquer elemento dotado de interface própria possa funcionar de modo independente de dispositivos.
   
   Cada interface própria deve funcionar com qualquer dispositivo(mouse, teclado e entre outros)

   > Em programas interpretáveis, especificar de resposta a acontecimentos, preferindo-as a rotinas dependentes de dispositivos.
   
   O detalhe dessa directiva é informar quando houve um programa(script, apllet ou object) depender do dispositivo teclado.

10. Utilizar soluções de transição

    > Não provocar o aparecimento de janelas de sobreposição ou outras, e não fazer com que o conteúdo da janela actual seja modificado sem que o utilizador seja disso informado, até que os agentes do utilizador tornem possível a desactivação de janelas secundárias.
    
    Por exemplo, em HTML, evitar a utilização de frames cujo destino seja uma nova janela.

    > Assegurar o correcto posicionamento de todos os controlos de formulários que tenham rótulos implicitamente associados, até que os agentes do utilizador venham a suportar associações explícitas entre rótulos e controlos de formulários.
    
    O rótulo tem de estar imediatamente antes do respectivo controlo, na mesma linha (permitindo mais do que um controlo/tabela por linha), ou na linha que precede o controlo (com um único rótulo e um único controlo por linha).

11. Utilizar tecnologias e recomendações do W3C

    Utilizar tecnologias do W3C sempre disponíveis e adequadas a uma determinada tarefa; utilizar as versões mais recentes, desde que suportadas.
    
    Para saber onde encontrar as mais recentes especificações do W3C e suporte relativo à interface do usuário de WAI (com informações sobre os agentes que suportam as especificações W3C), consultar a lista de referências.

    A W3C lista tecnologias para acessibilidade:

    MathML para equação matématicas
    HTML, XHTML, XML para estruturar documentos
    RDF para meta data
    SMIL para criação apresentação multimidia
    CSS and XSL para definir folha de estilo
    XSLT para criação transformação de estilo
    PNG para gráficos

    > Evitar funcionalidades desatualizadas de tecnologias do W3C.

    Por exemplo, em HTML, não utilizar o elemento FONT, já desatualizado; utilizar, em seu lugar, folhas de estilo (por ex., a propriedade ‘font’ do CSS).

12. Fornecer informações de contexto e orientações.

    > Descrever a finalidade dos frames e o modo como se relacionam entre si, se isso não for óbvio a partir unicamente dos títulos.
    
    > Dividir grandes blocos de informação em grupos mais fáceis de gerenciar, sempre que for o caso.
    
    Por exemplo, em HTML, utilizar OPTGROUP para agrupar elementos OPTION dentro de um SELECT; agrupar controles de formulários por meio de FIELDSET e de LEGEND; utilizar listas hierárquicas sempre que for adequado; utilizar cabeçalhos para estruturar documentos.

    > Associar explicitamente os rótulos aos respectivos controles.

    Por exemplo, em HTML, utilizar LABEL e o respectivo atributo “for”.

13. Fornecer mecanismos de navegação claros Fornecer mecanismos de navegação coerentes e sistematizados — informações de orientação, barras de navegação, mapa do site — para aumentar as probabilidades de uma pessoa encontrar o que procura em um dado site.

    > Identificar claramente o destino de cada link
    
    O texto do link deve ser suficientemente ilustrativo para fazer sentido quando for lido fora de contexto – isoladamente ou integrado em uma seqüência de links. O texto do link deve, além disso, ser conciso. Evitar o famoso “clique aqui” nos textos.

    > Fornecer metadados para acrescentar informações semânticas a páginas ou sites.
    
    > Dar informações sobre a organização geral de um site (por ex., por meio de um mapa do site ou de um sumário).

    > Utilizar os mecanismos de navegação de maneira coerente e sistemática.
    
    

14. Fornecer mecanismos de navegação claros
    
    Não contém nenhum ponto sobre essa directiva.