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.

Teoria

Entender para usar

• 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

Divida o quadrado em4 partes iguais !!!

Livro: O Tiro e o Alvo

Dinâmica

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

Fazendo a mágica acontecer

Prática

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.

Globo.comEm Julho de 2007

Prática

Prática

Globo.comEm Agosto de 2007

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

Prática

• Acessibilidade

• Vídeo

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 I.

"Acessibilidade Web é só para deficientes visuais."

Prática

Mito II. "Na prática, o número de

usuários beneficiados com a acessibilidade é relativamente

muito pequeno."

Prática

Mito III."Fazer um site acessível demora e custa caro."

Prática

Mito IV."É melhor fazer uma página especial para os deficientes

visuais."

Prática

Mito V."Um site acessível a

deficientes visuais não é bonito."

Prática

Mito VI.“Vamos por partes:

primeiro fazemos o site, depois fazemos acessibilidade."

Prática

Mito VII."A gente sabe o que

é bom para o usuário."

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

Mãos ao teclado

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

Obrigado

Apresentação: Roberto Gasparwww.rgvweb.com.br@robertogaspar

RGV Web