Design otimizado para a web

Design Otimizado para a Web

Usabilidade nos tempos modernos

Elisiane Geisler

Formada em Análise e Desenvolvimento de Sistemas

Especialista SharePoint na KeepIT Certificação 70-480 (Programming in HTML5

with JavaScript and CSS3)

E-mail para contato: elisiane.geisler@keepit.com.br

Sobre o que vamos tratar hoje Usabilidade Morte do SEO Não me faça pensar! Princípio do K.I.S.S. Clean Design E quando o cliente é mais exigente? Bem vindo ao mundo moderno! Responsive Web

Design User Experience Alguns livros bacanas

Usabilidade

Usabilidade De acordo com a ISO 9241-11 a Usabilidade é “A

capacidade de um produto ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso.”

Eficácia – A melhor forma de alcançar o resultado... Eficiência – Com poucos recursos... Satisfação – E com conforto e aceitabilidade do produto.

Morte do SEO

Morte do SEO Atualizações no motor de busca do Google: Panda (fev 2011): Sites com conteúdo de baixa

qualidade, focado em palavra-chave. Pinguim (abril 2012, maio 2013): Sites que abusam

de técnicas de netlinking.

Morte do SEO

Otimização para buscadores: Conteúdo Qualidade Estrutura Atualização Links externos (de qualidade!)

Não me faça pensar!

Não me faça pensar! Livro de Steve Krug, lançado em 2008

Usuário não quer pensar! Nós não lemos a página da Web, nós a exploramos Não fazemos as melhores escolhas, usamos a

técnica do “satisfiência” Não adivinhamos como as coisas funcionam.

Fazemos de qualquer jeito.

Não me faça pensar! Dicas básicas

Criar uma hierarquia visual clara em cada página; Fazer uso das convenções; Dividir as páginas em áreas bem definidas; Deixar óbvio o que é clicável; Diminuir a poluição visual. Considere que tudo é

poluição.

Não me faça pensar! Usuário não se importa em dar vários cliques.

Desde que saiba para onde está indo e o que está fazendo.

Conversa fiada deve morrer. Instruções devem morrer.

O site tem que permitir que se encontre facilmente algo: Utilizando o campo de busca; Clicando nos links.

Princípio do K.I.S.S.

Teoria do K.I.S.S. Criado por Kelly Johnson (1910-1990) O time do Sr. Johnson era responsável pelo time de

engenheiros que tinham a tarefa de criar jatos que deveriam ser reparados por mecânicos “em geral” sob condições de combate e com poucas ferramentas.

Simplicidade é a palavra de ordem!

Clean Design

Clean Design

Clean Design Quanto mais limpo o visual e quanto melhor

distribuído ele for, melhor a experiência do usuário Tendência atual da web, anda casada com o design

responsivo (falaremos adiante!)

...Sem muita florzinha, ok?

Clean Design

E quando o cliente é mais exigente?

E quando o cliente é mais exigente? Tá bom... Algumas florzinhas então, vai...

E quando o cliente é mais exigente? Ei, espera... Os sites continuam sendo... Simples!

Responsive Web Design

Responsive Web Design O adeus ao conceito de versão “mobile”; Sites que se adaptam a qualquer dispositivo; Nada de unidades absolutas (pixels); Grids flexíveis, imagens flexíveis; CSS3: Media Queries;

O site tem que ser leve! O site tem que ser rápido!

User Experience

User Experience A ISO 9241-210 define a experiência do usuário

como “as percepções e reações de uma pessoa que resultam do uso ou utilização prevista de um produto, sistema ou serviço.”

Isso inclui: Emoções; Crenças; Preferências; Percepções; Respostas físicas e psicológicas; Comportamentos e realizações; Etc.

Alguns livros bacanas...

Perguntas?