WebDesign. Eu uso, Tu usas, Nós usamos..

Documentos relacionados
Markes Roberto Vaccaro

Imagens Mentais Por Alexandre Afonso

Introdução ao Web Design. Aspectos gerais para um bom web design

Portal do Projeto Tempo de Ser

USABILIDADE NA WEB : Projetando Websites com Qualidade

Mas, como utilizar essa ferramenta tão útil e que está à sua disposição?

e-mag Modelo Brasileiro de Acessibilidade em Governo Eletrônico

PLANEAMENTO DO SITE. - Objectivos. - Público-alvo. -Estrutura. - Navegação

WordPress Instruções de integração com PayPal

40 dicas para tornar seu site mais eficiente e funcional

Manual de Utilizador. Caderno. Recursos da Unidade Curricular. Gabinete de Ensino à Distância do IPP.

SEU SITE FUNCIONA? Teste rápido de Usabilidade e Comunicação Web

Equipe OC- Olimpíadas Científicas

MANUAL CHAT DE ATENDIMENTO VIASOFT

Arquitetura de Informação - 2

CURSO DE INFORMÁTICA BÁSICA AULA 4 INTERNET

USABILIDADE NA WEB E EM INTERFACES. Tutora: Aline Yuri Ieiri (UAB UFABC - PACC)

Pessoal, abaixo fiz um passo-a-passo de como configurar o DVR para acessar a internet, neste caso utilizei os seguintes itens:

Marketing Digital Como melhorar o relacionamento com seus cooperados

JORNADA DE COMPRA. O que é e sua importância para a estratégia de Marketing Digital VECTOR

COMO INICIAR O RELACIONAMENTO COM OS LEADS? 8 passos para TER UMA SEQUÊNCIA DE S BEM SUCEDIDA.

Tutorial-Tabela de Preços

REPÓRTER ADVFN - ARTIGOS

5 Dicas Testadas para Você Produzir Mais na Era da Internet

CONSTRUINDO A PÁGINA DE CAPTURA

CURSO BÁSICO DE CRIAÇÃO DE SITES MÓDULO 2 AULA 3

A distribuição desse PDF é livre para outros DJs desde que seja mantido os devidos créditos ao site Digital DJs By Everton Rezende

Como produzir e publicar uma apresentação online dinâmica (Prezi)

7 Ações para afastar a crise Utilizando o marketing para melhorar suas vendas.

Manual do Usuário CMS WordPress Versão atual: 3.0

5 Instrução e integração

Recupere a saúde financeira e garanta um futuro tranquilo. Campus da UNESP de São José do Rio Preto, 30/09/2015

Caro participante, seja bem-vindo!!!

SAP Guia de signatário da DocuSign

Manual de utilização do EAD SINPEEM. EaD Sinpeem

Mário Severiano site: Tel.: e mseveriano@projetoweb.inf.br

Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site. Prof.: Bruno E. G. Gomes IFRN

As 10 Melhores Dicas de Como Fazer um Planejamento Financeiro Pessoal Poderoso

Thaisy Sluszz. Thaisy Sluszz RECOMPENSA DIGITAL. Marcelo Vicente

Para o PowerPoint, assim como para vários softwares de apresentação, uma apresentação é um conjunto de slides.

Obrigado por baixar esse PDF, espero que possa te ajudar!

Manual para acesso às disciplinas na modalidade EAD

BLOG ESCOLAS. Após acessar o seu respectivo blog, você será direcionado a tela a seguir. Vamos conhecê-la um pouco melhor.

[TUTORIAL] Como Fazer Remarketing no Facebook Como um Profissional

1. Introdução. Avaliação de Usabilidade Página 1

Planejamento de Marketing Digital

OS SEIS ERROS MENTAIS QUE MAIS ATRAPALHAM SEU JOGO

"Como Ter Lucros Com A Publicidade No facebook "

Manual do Instar Mail v2.0

Banner Flutuante. Dreamweaver

E-book Grátis Como vender mais?

Orientações para os procedimentos de cadastro e inscrição em nosso site.

Veja na imagem acima que ao abrir o programa ele abrirá marcado em lotomania. Se você for jogar 10 números você deverá fazer as seguintes

Manual do usuário do Portal Gemas da Terra

Objectivos PLANEAR 2/90. O que se pretende comunicar ou expor. Queremos:

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br Escola CDI de Videira

6 Passos Para O Sucesso Em Vendas Online

Treinamento Proposta Online

Tutorial para inscrição on-line

Mapa Mental de Data Warehouse - OLAP

Você tem um sonho...

Prezado aluno, 1 - ) Clique no link que segue: ) Clique em iniciar teste: 3-) Verifique a velocidade:


Como colocar uma notícia no site internet da UMMSP?

CONHECENDO-SE MELHOR DESCOBRINDO-SE QUEM VOCÊ É? 13 PASSOS QUE VÃO AJUDÁ-LO PARA SE CONHECER MELHOR E DESCOBRIR QUE VOCÊ REALMENTE É

The Ultimate Design

Meditações para os 30 dias de Elul

COMPETÊNCIAS BÁSICAS EM TIC NAS EB1. Oficina da Internet

PLANEJAMENTO FINANCEIRO PESSOAL O GUIA PARA COMEÇAR A TER SUCESSO NAS FINANÇAS

TUTORIAL DO CORRETOR DE IMÓVEIS PARA UTILIZAÇÃO DO SISTEMA :: REDE CERTA ::

ESTRATÉGIAS PARA PROVA MENTALIDADE E ORGANIZAÇÃO TODO CONTEÚDO DE ENFERMAGEM PARA CONCURSOS CICLO E3R PREPARO PARA O ESTUDO

Manual do Usuário Publicador

Insight Teacher Quickstart Guide

Manual de Atendimento do Chat Casa do Corretor. Página 1

Manual de Administração do Portal da UFCA

PROCEDIMENTO DO CLIENTE

COMO FUNCIONA NOSSA CONSULTORIA DE MARKETING DIGITAL ESPECIALIZADA EM VENDAS ONLINE

Índice. 5. Editar as seções de um curso 6. Estruturar o curso 7. Publicar o curso 8. Resumo do Fluxo de criação de um curso no educommons

Caro Aluno, Internet Explorer (Clique Aqui) Google Chrome (Clique Aqui) Firefox (Clique Aqui)

Compras pela internet no mundo do imediato. Elena Dias Priscila Souza

GUIA DO ALUNO. Orientações para a utilização dos cursos on-line do Módulo Risk Manager. Autor: Márcio Galvão Revisor: Natasha Sauma. Versão 1.

TUTORIAL DE UTILIZAÇÃO GOOGLE MAP MAKER

Tutorial Moodle ESDM - professores

Manual de Utilização do PDV Klavix

Critérios. Melhores Práticas e Regras

AFETA A SAÚDE DAS PESSOAS

Viajar com Crianças. Sem Stress

Configurando o Controle dos Pais no Windows Vista

Superando Seus Limites

CURSO : Empreendedorismo 40 Hrs aulas

PBworks - Um novo nome para o mesmo grande serviço

Transcrição:

WebDesign Eu uso, Tu usas, Nós usamos..

Conceito de usabilidade É a facilidade de uso que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica.

Porque usabilidade é importante?

Porque usabilidade é importante? Se um site for dificil de usar, o usuário sai. Se a homepage não for clara o suficiente para mostrar o que a empresa oferece e o que é possível fazer, o usuário também sai. Se o usuário perder, ele sai. Se demorar pra carregar, e definitivamente sai.

O que devemos considerar? 1. 2. 3. Objetivos do website. Estudar o inimigo: visitar os sites concorrentes. Estudar os usuários através de seu comportamento.

"Um erro nos sites e intranets é estruturar a informação baseado em como a empresa enxerga sua informação." Jacob Nielsen (2004)

Mas como o usuário pensa? Os hábitos dos usuários não são muito diferentes dos hábitos de um consumidor numa loja ou supermercado. Dão uma olhada geral em cada página e clicam no primeiro link ou imagem que capture seu interesse ou que se pareça com o que está procurando.

Mas como o usuário pensa? (cont.) De fato, boa parte da página não é nem vista. A maioria dos usuários procura algo interessante ou útil para clicar. Assim que encontra algo promissor, ele clica. Se o resultado não supere sua expectativa, ele volta e continua procurando e sai.

Heat map do Google

Nossas metas. O usuário tem que conseguir usar. O usuário tem que querer voltar a usar.

Os 10 princípios básicos de usabilidade: 1. Não faça o usuário pensar

Os 10 princípios básicos de usabilidade: 1. 2. Não faça o usuário pensar Não abuse da paciência do usuário

Os 10 princípios básicos de usabilidade: 1. 2. 3. Não faça o usuário pensar Não abuse da paciência do usuário Mantenha o foco de atenção do usuário

Os 10 princípios básicos de usabilidade: 1. 2. 3. 4. Não faça o usuário pensar Não abuse da paciência do usuário Mantenha o foco de atenção do usuário Destaque os recursos e benefícios

Os 10 princípios básicos de usabilidade: 1. 2. 3. 4. 5. Não faça o usuário pensar Não abuse da paciência do usuário Mantenha o foco de atenção do usuário Destaque os recursos e benefícios Faça uso de texto objetivo

Os 10 princípios básicos de usabilidade: 1. 2. 3. 4. 5. 6. Não faça o usuário pensar Não abuse da paciência do usuário Mantenha o foco de atenção do usuário Destaque os recursos e benefícios Faça uso de texto objetivo Valorize e priorize a simplicidade

Os 10 princípios básicos de usabilidade: 1. 2. 3. 4. 5. 6. 7. Não faça o usuário pensar Não abuse da paciência do usuário Mantenha o foco de atenção do usuário Destaque os recursos e benefícios Faça uso de texto objetivo Valorize e priorize a simplicidade Não tenha medo de espaços brancos

Os 10 princípios básicos de usabilidade: 1. 2. 3. 4. 5. 6. 7. 8. Não faça o usuário pensar Não abuse da paciência do usuário Mantenha o foco de atenção do usuário Destaque os recursos e benefícios Faça uso de texto objetivo Valorize e priorize a simplicidade Não tenha medo de espaços brancos Comunique-se com "linguagem visual"

Os 10 princípios básicos de usabilidade: 1. 2. 3. 4. 5. 6. 7. 8. 9. Não faça o usuário pensar Não abuse da paciência do usuário Mantenha o foco de atenção do usuário Destaque os recursos e benefícios Faça uso de texto objetivo Valorize e priorize a simplicidade Não tenha medo de espaços brancos Comunique-se com "linguagem visual" Convenções são nossas amigas

Os 10 princípios básicos de usabilidade: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. Não faça o usuário pensar Não abuse da paciência do usuário Mantenha o foco de atenção do usuário Destaque os recursos e benefícios Faça uso de texto objetivo Valorize e priorize a simplicidade Não tenha medo de espaços brancos Comunique-se com "linguagem visual" Convenções são nossas amigas Teste sempre. Antes, durante e depois.

Sobre convenções... Diante da pesquisa com os sites de objetivos/conteúdos similares é bom identificar as convenções de interação a fim de aproveitar o modelo mental criado por elas para beneficiar a curva de aprendizado do usuário.

Você sabia que... A maioria das pessoas só pode memorizar de 4 a 7 pequenos fragmentos diferentes de informação na memória a curto prazo.

Você sabia que... A maioria das pessoas só pode memorizar de 4 a 7 pequenos fragmentos diferentes de informação na memória a curto prazo. Tá. Há espécies de peixes que sua memória só dura 5 segundos. E daí?

Você sabia que... A maioria das pessoas só pode memorizar de 4 a 7 pequenos fragmentos diferentes de informação na memória a curto prazo. Sendo assim, organização é fundamental. Converse com as pessoas que formam seu público alvo e coloque os itens de serviço que elas mais desejam nos lugares de maior destaque da sua tela.

Boas práticas que você deve ter em mente 1. 2. 3. 4. 5. 6. 7. 8. 9. Não use janelas popup ou frames Não mude o tamanho da janela do usuário Garanta legibilidade e não use fontes muito pequenas Use links curtos, claros, objetivos e URL amigáveis Não tenha links mortos ou sem saída Procure ter apenas uma animação por página (ou não ter) Empregue imagens para apoio ao conteúdo e não para decoração apenas Evite a necessidade de plugins principalmente para navegar Evite links abrindo novas janelas (quando estiver transitando em um contexto semântico).

Usuários felizes =

Usuários felizes = Websites de sucesso.

That's all folks!