palestra usabilidade

35
Usabilidade Da Comunicação à Internet

Upload: lucattony

Post on 08-Dec-2014

5.712 views

Category:

Technology


3 download

DESCRIPTION

Palestra sobre usabilidade (2007).Autora: Luciana Cattony - arquiteta de informação.

TRANSCRIPT

Page 1: Palestra Usabilidade

Usabilidade Da Comunicação à Internet

Page 2: Palestra Usabilidade

Luciana Cattony - Arquiteta de informação

Principais clientes atendidos como arquiteta de informação:

Experiência profissional:

Quem sou

Page 3: Palestra Usabilidade

Definindo usabilidade

Page 4: Palestra Usabilidade

Usabilidade é um conceito criado para examinar a eficiência, a eficácia e a satisfação que norteiam o entendimento das funções e usos de determinado objeto.

Page 5: Palestra Usabilidade

Usabilidade é um conceito criado para examinar a eficiência, a eficácia e a satisfação que norteiam o entendimento das funções e usos de determinado objeto.

Neste contexto, entende-se:

• eficiência: são os recursos cognitivos, ou seja, a inteligência que rege a criação e execução de um projeto. É a qualidade do

agente (ser humano ou não).• eficácia: é a capacidade de executar tarefas que são próprias

de cada objeto, de forma correta e completa. É a qualidade particular de determinado produto.

• satisfação: constitui a reação positiva diante do reconhecimento do efetivo cumprimento das tarefas resultantes da eficiência do projeto e eficácia do produto. É própria de cada

usuário e seus objetivos.

Focalizando objetivos

Page 6: Palestra Usabilidade

Neste contexto, entende-se:

• função: corresponde aos objetivos que o criador quer dar ao objeto, seja estético, persuasivo, manipulador,

transacional e outros. Está no plano do sensível, ou seja, da emoção, criatividade ou originalidade. É a

modalidade subjetiva do agente (criador).• uso: está relacionado à atividade funcional do objeto,

ao seu fazer, aquele que a cultura lhe dá na vida cotidiana. É a modalidade inteligível e prática do objeto

(criado).

Usabilidade é um conceito criado para examinar a eficiência, a eficácia e a satisfação que norteiam o entendimento das funções e usos de determinado objeto.

Descrevendo os componentes

Jacques Carelman

Page 7: Palestra Usabilidade

No contexto da usabilidade, entende-se a função segundo duas modalidades:

• função comunicativa: corresponde aos objetivos que o criador, conscientemente ou não, quer dar ao uso do objeto,

seja estético, lúdico, cômico, ingênuo ou irônico. Está no plano do sensível, ou seja, da emoção, criatividade ou

originalidade. É a modalidade subjetiva do agente e pontua o conhecimento prévio ou não. É o dizer do criador projetista.

• função pragmática: corresponde às atividades que a cultura determina para esse objeto. É a modalidade objetiva do

produto. É o fazer do objeto.

Discriminando as funções

Page 8: Palestra Usabilidade

Entende-se que nenhuma comunicação traz a verdade, somente mostra a re-(a)presentação do que se pode considerar verdadeiro.

A usabilidade implica o exame da função

comunicativa.

Concluindo sobre a inter-dependência da usabilidade com a comunicação.

Page 9: Palestra Usabilidade

- compreender esaber usar o objeto,- memorizar sua prática,- não cometer erros esentir prazer.

Para a interação do sensível ou estético com o inteligível, prático ou funcional, o projetista deve motivar o usuário a:

Onde devemos ligar o mouse? Onde devemos ligar o teclado? No conector de cima ou no de baixo?

As cores e os ícones ajudam a descobrir algo?

Buscando o equilíbrio: sensível e inteligível

Page 10: Palestra Usabilidade

Concebendo projetos

• Considerar:- quem são os usuários;- quais atividades serão realizadas;- onde ocorrerá a interação.

• Otimizar as interações que os usuáriosrealizam com o produto.

www.baddesigns.com

Page 11: Palestra Usabilidade

• Considerar a diversidade de competências / habilidades;• Ouvir as observações dos usuários e envolvê-los no processo.

Quem nunca usou o telefone celular para saber a hora certa? Solução proposta

Auxiliando o usuário

www.baddesigns.com

Page 12: Palestra Usabilidade

• Apresentar estratégias que auxiliem sua prática;• Usar métodos claros, testados e adequados aos diversos níveis de usuários.

Auxiliando o usuário

http://www.jitterbug.com/Home.aspx

Page 13: Palestra Usabilidade

Lembrando que o usuário:

- tem, de uma forma geral, resistência ao novo e medo do desconhecido;- possui modelos mentais diferenciados e níveis culturais e sociais distintos;

Page 14: Palestra Usabilidade

Lembrando que o usuário:

- apresenta diferentes graus de capacidade e background para assimilar novas tecnologias.- busca semelhanças com situações antigas ao lidarem com situações novas e inusitadas.

Concluindo, assim, que usuário insatisfeito significa improdutividade a médio e longo prazo e/ou fracasso nas metas de projeto.

Page 15: Palestra Usabilidade

Avaliando a usabilidade

Page 16: Palestra Usabilidade

Contexto Temporal

Page 17: Palestra Usabilidade

Contexto espacial

www.baddesigns.com

Page 18: Palestra Usabilidade

Contexto espacial

www.baddesigns.com

Page 19: Palestra Usabilidade

Onde: ManchesterProblema: carros de passeio que insistiam em trafegar nas faixas exclusivas para ônibus.

Vamos avaliar a solução proposta.

Assista ao vídeo

Contexto tecnológico

http://www.youtube.com/watch?v=WEbmJi3ROKk

Page 20: Palestra Usabilidade

Usabilidade na Internet

Page 21: Palestra Usabilidade

Sistemas orientados para a usabilidade

• Não chamam nenhuma atenção para si mesmos.

• Não requerem, nos usuários, a preocupação com a interface, apenas com o trabalho a ser executado.

• Permitem que a informação e navegação fluam naturalmente.

Page 22: Palestra Usabilidade

• Hierarquia da informaçãoDiscernimento para a organização estratégica das estruturas comunicativas.

• Domínio do negócio / mercadoEntendimento aprofundado do que será apresentado, dos públicos-alvo e da concorrência (benchmark).

Orientação para uma arquitetura eficiente

Page 23: Palestra Usabilidade

• ConteúdoInformações relevantes, concisas, persuasivas e facilmente assimiláveis, oferecendo funcionalidades compatíveis com os interesses do usuário.

• MundializaçãoUtilização de códigos, ícones e signos reconhecidos internacionalmente e específicos de diferentes usuários.

Site global Shell – Seção Carreiras

Orientação para uma arquitetura eficiente

Page 24: Palestra Usabilidade

Orientação para uma arquitetura eficiente

• Homogeneidade ComunicativaPadronização estética e de navegação para reforçar a marca e a apreensão cognitiva.

Seção eletrodomésticos

Seção brinquedos

Page 25: Palestra Usabilidade

• Navegação assertivaInformações simples, diretas, distribuídas estrategicamente e links representativos para o usuário alcançar facilmente seus objetivos.

Orientação para uma arquitetura eficiente

Site COMGAS – Atendimento online

Page 26: Palestra Usabilidade

• Ajuda ao usuárioInformações complementares, em local visível, que auxiliam a navegação e o cumprimento dos objetivos do usuário.

Orientação para uma arquitetura eficiente

Site TAM – Área de seleção de tarifas

Page 27: Palestra Usabilidade

• SegurançaSelos e indicativos que certificam que o usuário se encontra em ambiente seguro.

Orientação para uma arquitetura eficiente

Site SKY– Ambiente transacional (assinatura / compra)

Page 28: Palestra Usabilidade

• FeedbackOpção para que o usuário se manifeste, fazendo-o sentir parte importante do processo.

Orientação para uma arquitetura eficiente

Site BP– Área de Imprensa

Page 29: Palestra Usabilidade

http://acessodigital.net/video.html

Vídeo Acessibilidade Web: Custo ou benefício?

acessodigital.net

Page 30: Palestra Usabilidade

Wireframes

Page 31: Palestra Usabilidade

Como diz o próprio termo em inglês diz, wireframe é o “esqueleto” da página. É uma marcação dos elementos presentes na interface, em níveis de cinza, mas organizados de forma que se compreenda a hierarquia das informações dispostas na tela.

A marcação é feita através de boxes, sem nenhum compromisso com escala ou acabamento. Também não há nenhum compromisso com a posição de cada elemento na página.

O diretor de arte pode transformar o wireframe em uma tela totalmente diferente, mas a hierarquia das informações será preservada.

Definindo Wireframes

Page 32: Palestra Usabilidade

Exemplo 1 - Site institucional SKY

Page 33: Palestra Usabilidade

Exemplo 4 - Desafio SKY (aba do msn)

Page 34: Palestra Usabilidade

Dúvidas?

Page 35: Palestra Usabilidade

_e-mail: [email protected]_blog: www.vlrica.com.br/blog www.plantabaixa.wordpress.com

Obrigada. Foi um prazer trocar idéias e aprender com vocês! :)