RGV Web
Teorias e práticas aplicadas ao mercado digital
Apresentação: Roberto Gasparwww.rgvweb.com.br@robertogaspar
Sumário Introdução
Objetivos
TeoriaTiro ao alvoJanela quebradaMobile first
PráticaSEOUsabilidadeAcessibilidade
Conclusão
Introdução
• Objetivo
Não é ser uma aula. O melhor resultado seria todos dizerem que não falei nenhuma novidade.
Relembrar detalhes que podem ter sido esquecidos.
• Identificar alvos e não ficar buscando a arma certa
"A quase totalidade dos cursos, certificações e práticas atuais se concentra em aprimorar a qualidade no manejo da arma e não a habilidade para identificar alvos.”
Livro: O tiro e o Alvo
Teoria
• Janela quebrada
Formulada em 1982 por dois criminologistas da Universidade de Harvard
Ajudou a diminuir pela metade o número de delitos em Nova Iorque em meados da década de 90
A conclusão é que caso se quebre uma janela de um edifício e não haja imediato conserto, logo todas as outras serão quebradas.
Teoria
• Janela quebrada na Web
Quando o usuário encontra um erro no site ele acha uma janela quebrada. Passa a não confiar no site.
Links quebrados, fontes e cores não configuradas, erros de programação, etc., são janelas quebradas.
Nossa conclusão é: viu um erro corrija antes que seu usuário veja.
Teoria
• Mobile First
Desenvolver primeiro na versão mobile, mesmo que não seja construída uma na versão final do projeto.
Em uma versão mobile você precisa ter uma navegação mais intuitiva, mas fácil e objetiva. Isso deve ser levado a versão desktop do site.
Teoria
• Mobile First
Por que versão mobile?
-Velocidade: em um aparelho mobile você não pode ter sites pesados. É preciso um rápido carregamento e baixa taxa de downloads.
-Contexto e objetividade: você não pode ter textos grandes e cansativos. É preciso condensar as informações e reduzir sem perder a qualidade o tamanha dos textos. Seu usuário não passa horas no seu site mesmo na versão desktop.
-Touch: muitas coisas podem ser feitas com mouse e teclado, mas e quem não pode usar ou em uma versão mobile. Usabilidade é preciso para não ficar limitado ao uso do mouse (menu mouse over, etc).
Teoria
Os participantes do teste, em sua maioria, vão chegar facilmente às 4 respostas seguintes:
Livro: O Tiro e o Alvo
Dinâmica
A partir destas, passam a ter dificuldades para encontrar outras formas de dividir o quadrado. Alguns chegam a afirmar não haver mais soluções possíveis e desistem.
Livro: O Tiro e o Alvo
Dinâmica
Poder-se-ia ainda dividir o quadrado com retas quebradas, como são os casos [i], [j], [k] e [l]
Livro: O Tiro e o Alvo
Dinâmica
No pensamento lateral vai-se quebrando barreiras autoimpostas e descobrindo alternativas que jamais seriam consideradas no pensamento vertical.
O pensamento lateral é a base da técnica de “brain storming” para geração de idéias.
Livro: O Tiro e o Alvo
Dinâmica
Prática
• SEO
Títulos como títulos – H1, H2, H3
Texto é escrito – Não usar imagem como texto
Destaque o que é importante – Colocar negrito nas palavras/termos mais importantes
Prática
• SEO
Explique o que é – Descrição nas páginas, Alt nas images, Title noslinks
Os primeiros serão os primeiros – Páginas rápidas de carregar são melhores
Flash – Não se faz um prato só de pimenta, mas usamos como tempero
Prática
• Usabilidade
Não faça seu usuário pensar. Pensar dói
Ele quer ser feliz e não se frustrar
O usuário não sabe o mesmo que você. Você não sabe tudo sobre seu usuário.
Informação fácil de localizar. não criar coisas escondidas
Prática
• Usabilidade
Mais espaço para informação respirar
Respeitar a experiência do usuário
Não requer grandes conhecimentos ou equipamentos - plugins, complementos, configurações, etc.
UsabilidadeUsabilidade é definida como a
capacidade que um sistema interativo oferece a seu usuário, em um determinado contexto de
operação, para a realização de tarefas, de maneira eficaz,
eficiente e agradável (ISO 9241).
Prática
ACESSIBILIDADE WEB: SETE MITOS E UM EQUÍVOCO
(Trabalho apresentado no 1º Encontro Brasileiro de Arquitetura de Informação)
http://www.aibrasil.org/encontro/home/
Prática
Mito II. "Na prática, o número de
usuários beneficiados com a acessibilidade é relativamente
muito pequeno."
Prática
Um grande equívoco.
Esta assertiva, que não é exatamente um mito nem se refere apenas à
acessibilidade, é um pensamento subjacente em quase todos os mitos:
“Meu site é direcionado a um público específico; ele não interessa a todos os
grupos de usuários.”
Prática
Conclusão
• Links referências:
http://www.acessodigital.net
http://fatorw.com/internet/design/teoria-das-janelas-quebradas/
http://usablewebb.com/2010/04/05/mobile-first-luke-wroblewski-an-event-apart-seattle-2010/
http://userquotes.tumblr.com/
Conclusão
• Links interessantes:Sketchy Wireframes When you can't (or shouldn't) draw a straight line http://www.boxesandarrows.com/view/sketchy-wireframes
113 Diretrizes de Nielsen para Homepages (Slideshare - Luiz Agner) http://www.slideshare.net/agner/113-diretrizes-de-nielsen-para-homepages
Usability and User Experience Resources - Usability Toolkit http://www.stcsig.org/usability/resources/toolkit/toolkit.html
The Laws of Simplicity http://lawsofsimplicity.com/category/laws?order=ASC
Testes De Usabilidade (Slideshare - Luiz Agner) http://www.slideshare.net/agner/testes-de-usabilidade-slide-share-1