Exercício 03 - Site do IBRAU

Exercício 03 - Site do IBRAU

1. Quais as dicas mais importantes para o empreendedor que busca ter um site?

Ele quer ganhar dinheiro ou apresentar seu site a um concurso de web design? Obviamente, é possível combinar as duas coisas (custa bem mais caro), mas se ele quer ganhar dinheiro com seu site (desde que divulgado adequadamente), seja simples, objetivo e concreto.

Quanto ao conteúdo

• Não "enrole": apresente uma breve descrição dos seus serviços na primeira página. Quem entrou no seu site procurando solução ao seu problema tem de saber, rapidamente, se você é a (ou uma das) pessoa ou empresa certa para satisfazer sua necessidade de solução.
• Não "encha a barriga": se você tem uma empresa de controle de pragas, por exemplo, não tente aumentar artificialmente o conteúdo explicando que já no Egito antigo existia a preocupação com controle de roedores, ou que as baratas existem há mais de 300 milhões de anos.
• Evite tecnicismos: é preferível dizer "Oferecemos seis meses de garantia" a dizer "Nós utilizamos Peróxido de Carbamida a 20%". A menos que o leitor seja engenheiro químico, não vai ter a menor idéia do que você está falando.
• Transmita confiança: é altamente recomendável apresentar referências e depoimentos (cuja autenticidade possa ser confirmada) sobre seus serviços.
• Enfatize seu diferencial com as empresas concorrentes: se, por exemplo, você tem uma empresa de mudanças, devidamente registrada, com funcionários próprios, uniformizados e treinados, esclareça ao seu visitante quais os riscos de contratar uma empresa "fundo de quintal", mesmo que seja mais barato.
• Escreva corretamente: na internet, você é o que você escreve. Um site de uma loja supostamente refinada não pode, como nós vimos, apresentar um "Açucareiro em inox c/ culher (SIC)".
• Identifique-se corretamente: se você quer ser encontrado pelo mecanismos de busca, forneça um título e uma descrição precisa para seu site.

Quanto à apresentação

• Cuidado com as cores! Uma parcela significativa da população -cerca de 20%- apresenta deficiências na percepção das cores. Utilize, basicamente, cores primárias. Prefira fundo claro e cores escuras para as fontes. Fantasia é para o Carnaval.
• Use, no máximo, duas fontes de fácil leitura (como Arial) para todo o site. Fuja de fontes exóticas (cursiva, gótica, etc).
• Evite objetos em movimento, que distraem o leitor. Muitos objetos em movimento, então, nem pensar.
• Apresente fotos só se tiverem relação direta com o assunto, e se a foto tiver excelente qualidade e boa estética.
• Você lembra as manifestações de repúdio dos paulistanos quando os caminhões de distribuição de gás anunciavam sua chegada com a versão eletrônica de "Pour Elise"? Não faça o mesmo no seu site: evite músicas de fundo.

2. O que é a lei de Fitts?

A Lei de Fitts, formulada em 1954 é um modelo de comportamento psicomotor baseado em tempo e distância, aplicável ao movimento humano desde que rápido, dirigido e unidimensional. Explicada simplesmente, a Lei de Fitts estabelece que o tempo necessário para efetuar um movimento é afetado pela distância e a precisão que o alvo requer para ser acertado.
As conclusões da Lei de Fitts devem ser observadas ao projetar a distribuição de elementos "clicáveis" na tela ( ícones, links, etc.) visando minimizar a probabilidade de erro.

3. o que é amigabilidade?

Amigabilidade está baseada em características de um tipo especial de relacionamento humano, a amizade.

4. como proceder para adicionar som a uma página web se Se houver algum tema musical associado ao assunto?

Como regra geral, não emita nenhum sinal sonoro em sua aplicação. Um bipizinho aqui, um cliquezinho lá, outro somzinho aculá, e sua aplicação corre o risco de ser candidata, com altas chances, a figurar no Livro Guinness na categoria Aplicação mais "aborrecente" do mundo.

5. Quem tem mais deficiência de percepção de cores, os homens ou as mulheres?

Esta deficiência atinge, principalmente, a população masculina, por possuir somente um cromossomo X. Já nas mulheres é necessário que ambos cromossomos X estejam defeituosos para serem afetadas, o que reduz a incidência neste grupo.

6. Uma aplicação com um alto grau de usabilidade, é "bonita"?

Não necessariamente, até pelo fato que ou adjetivo "bonito" tem significado divergentes em diferentes culturas. Mas sem dúvida uma aplicação esteticamente agradável torna o primeiro contato do usuário aplicação mais fácil, e provavelmente contribua para que a tarefa seja realizada com maior prazer. Mas estética SEM usabilidade certamente é insuficiente: a frustração gerada pela dificuldade na utilização do sistema contribuirá para uma avaliação geral negativa.

7. Como usar a usabilidade para Como melhorar a apresentação de dados ao usuário?

A apresentação de dados deve satisfazer a necessidade de informações do usuário. Não deve haver qualquer relação entre o "layout" de apresentação e o método de armazenamento ou manipulação de dados. Para chegar a uma apresentação satisfatória é essencial, portanto, efetuar uma análise da necessidade de informação dos usuários, que leve em consideração:

• Quais os itens de dados que o usuário deseja visualizar?
• Quais destes são fundamentais à identificação de sua necessidade de informação e quais complementares?
• Há elementos decisórios fundamentais ?
• Há alguma caracterização de homogeneidade (ex: idade, sexo, etc) na audiência?
  

8. Quais são as dicas para Como construir mensagens de erro eficientes e efetivas?

A qualidade da mensagem exibida ao usuário determinará o grau de compreensão do problema e rapidez de sua solução. A prática das orientações detalhadas a seguir maximizará a qualidade da mensagem e sua compreensão.

• Seja objetivo porém cortês. Não agrida o usuário nem sua capacidade intelectual. Mensagens do tipo “Você cometeu um erro.” jamais devem ser empregadas.

• Em Português, por favor !

Microsoft OLE DB Provider for ODBC Drivers error 80040e31
[Microsoft] [ODBC SQL Server Driver] Timeout expired
/solicitacaoConsulta.asp, line 18

Um profissional da área de informática pode deduzir que o SQL Server, acessado através de um driver ODBC, deu timeout (isto é, não completou a tarefa no tempo máximo permitido). Poucos, além do programador da aplicação , conseguirão compreender qual a causa do problema, e muito menos tentar uma solução. Para o leigo, além de absolutamente incompreensível, a mensagem acima pode parecer intimidatória (“será que eu fiz alguma besteira?”) e até causar um sentimento de inferioridade pelo fato de desconhecer a lingua inglesa (“eu deveria ter estudado inglês para me meter neste negócio da Internet”, como já ouvimos dizer) . Somente apresente mensagens em português, com termos conhecidos pelo usuário.

“Sua solicitação de consulta é complexa demais para ser atendida pelo sistema. Por favor forneça um critério mais simples evitando termos comuns”.

• Evite construir frases com a estrutura negativo-negativo:

“A Altura Mínima não pode ser menor que 1 metro”

Utilize linguagem positiva, evitando o uso do “não”:

“A Altura Mínima tem de ser maior que 1 metro”

• Seja objetivo, informando exatamente qual é o motivo da interrupção no fluxo transacional. A mensagem “Senha inválida” não revela qual o motivo da rejeição, deixando ao usuário o ônus de descobrir quais as regras de validação do sistema.

As mensagens descritas a seguir são alternativas aconselháveis:

“Sua senha contém pelo menos um caractere inaceitável ("F"). Digite somente números.”
“A senha que você digitou contém 5 caracteres. Para sua segurança, o sistema exige uma senha de, no mínimo, 6 caracteres. Digite novamente”
“Não é permitido cadastrar no novo cartão a mesma senha que o cartão anterior. Informe uma senha diferente.”

• Identifique o campo cujo conteúdo é conflitante. A mensagem “Campo obrigatório”, utilizada para informar o usuário que um campo que requer um conteúdo está vazio, é inadequada. Primeiro porque não diz qual é o campo em questão, deixando ao usuário o ônus de percorrer a tela e verificar quais dos campos obrigatórios estão em branco, e segundo porque não é suficientemente clara para que qualquer usuário a entenda: o problema real –a falta de conteúdo do campo- não é mencionado na mensagem. Neste caso uma mensagem apropriada seria, por exemplo, “Por favor informe seu endereço de correspondência”.

• Forneça instruções quanto às ações possíveis para contornar o problema. A mensagem “Não é possível imprimir o documento” é muito clara quanto à conseqüência do problema, mas deixa o usuário impotente, tentando adivinhar quais os motivos pelos quais o documento não pode ser impresso. Além de explicar o porque do problema, sugira ações para contorna-lo:

“A memória disponível é insuficiente para imprimir o documento. Encerre algumas aplicações e tente novamente.”

“A impressora está desconectada ou desligada. Verifique e tente novamente”

• Forneça na mensagem de erro todas as informações necessárias à solução do problema:

“Contate nossa Central de Atendimento e informe o código IL01.LOG.254.SI53”

Poucos usuários conseguirão lembrar esse código misterioso até achar, provavelmente no Mapa do site, como contatar a Central de Atendimento. O correto seria:

“Ocorreu um erro imprevisto. Contate nossa Central de Atendimento (telefone 9999-9999 se você estiver em São Paulo, ou 0800-999999 de qualquer outra parte do Brasil) e informe o código IL01.LOG.254.SI53”

Esta mensagem acima não requer o uso de uma memória auxiliar (lápis e papel) nem navegação adicional para procurar informação relevante (como contatar a Central de Atendimento).

• Somente informe os dados necessários à compreensão e solução do problema. Observa a mensagem de erro da transação de transferência eletrônica do site de um grande banco brasileiro:

O que quer dizer o código G383-527? O que se supõe que deva fazer com esse código? Ligar para alguma central de inteligência e comunica-lo? Qual é o limite mínimo? (Até o momento, em nenhuma página do site conseguimos a resposta à pergunta). E, por último, o título da janela ("Mensagem de erro") é totalmente desaconselhável.

Alternativas:

1. Evite o erro! Forneça, na tela onde é feita a transação, todas as informações possíveis para o bom funcionamento da mesma (ex: "O limite mínimo para esta transação é de R$ 250,00").

2. Esclareça! Forneça uma mensagem adequada. Exemplo:

O valor a ser transferido (R$ 125,00) é inferior ao mínimo exigido por esta transação (R$ 250,00). Por favor tente novamente com um valor adequado.

• A mensagem de erro tem de ter relação direta com o problema constatado. Um grande portal oferece a possibilidade de, ao esquecer sua senha, envia-la ao endereço de e-mail que você digitou. Certa vez, ao usarmos esta facilidade, obtivemos como resposta:

Não foi possível enviar o e-mail. Por favor tente mais tarde

Como assumimos tratar-se de um problema temporário de indisponibilidade do servidor de mensagens, tentamos posteriormente em duas oportunidades. Ao persistir o problema, suspeitamos que havia algo errado. Ao entrarmos em contato com o help desk, descobrimos que o endereço de e-mail que estávamos informando não tinha sido cadastrado no portal; tínhamos utilizado um endereço de e-mail alternativo. Jamais, a partir da mensagem acima, seria possível suspeitar qual era o problema, e a alternativa de solução apresentada (tente mais tarde) nunca ia funcionar. Neste caso a mensagem adequada seria:

“O endereço de e-mail informado não consta em nosso cadastro. Verifique e tente novamente.”

Apresentação da mensagem

Além de construir uma mensagem de erro efetiva e eficiente, a correta apresentação da mesma é fundamental para garantir máxima compreensão.

• Atributos como negrito e itálico podem ser usados para aumentar a legibilidade da mensagem:

“A Altura Mínima tem de ser maior que 1 metro”

“O identificador joel2002 já foi reservado. Escolha um outro identificador”.

• Evite mensagens em maiúsculo. “A utilização exclusiva de maiúsculos reduz a velocidade de leitura de 14 a 20 por cento” ( Making Your Site More Usable”, James R. Dukart)

• Apresente a mensagem na mesma tela que contém os dados inválidos, preferivelmente nas proximidades do campo com problemas, Evite substituir a tela que contém o campo conflitante por outra onde é exibida a mensagem de erro; o usuário pode precisar do contexto para compreender o motivo do problema.
  Ao apresentar a mensagem de erro, posicione o cursor no campo que apresentou problemas, facilitando a digitação do novo conteúdo.

• Não limpe o conteúdo da tela após a constatação de um erro. O conteúdo de todos os campos, inclusive daqueles com problema, deve ser conservado.
  Se os dados são transcritos por um profissional (digitador) a partir de um documento, ou o usuário é experiente como para digitar sem olhar para a tela, emita um discreto sinal sonoro para avisar da existência do erro.

9. O que são e quais são, Segundo Normam, os tipos de ícones que existem?

Um ícone é um símbolo gráfico cuja visualização recupera, da memória de curto ou longo prazo, lembranças relacionadas a vários fatores: perigos, alertas, opções, ações, etc.

Exemplos de ícones

Os ícones tem sido amplamente utilizados em diversos setores: na sinalização automobilística, na contracapa de listas telefônicas, em veículos de transporte de carga, etc. Possuem a vantagem, ainda, que podem ser facilmente interpretados por pessoas não alfabetizadas, o que em países em via de desenvolvimento com altos índices de analfabetismo representa uma característica altamente desejável.

Mas para serem compreendidos, e obter o efeito pretendido, um ícone deve estar associado a elementos conhecidos no contexto sócio-cultural do usuário.

Provavelmente o ícone acima lembre ao leitor o controle de um aparelho de som, ou de vídeo, ou de um DVD. Mas para um morador de um vilarejo perdido dos Andes, por exemplo, onde não há energia elétrica e as condições sócio-econômicas são muito ruins, nada vai significar.

Tipos de ícones

Segundo Norman, há três tipos de ícones:

	Os que representam os objetos que serão manipulados
	Os que representam as operações ou os operadores
	Os que representam operadores atuando sobre objetos

Os ícones podem também representar símbolos de aparelhos existentes na vida real cuja função é similar à da aplicação.

Efetividade

A efetividade de um ícone depende da habilidade do usuário em reconhecer o que o ícone representa e associa-lo ao comando que será invocado. Quanto menor for o tempo de resposta, maior será a efetividade do ícone.

Segundo Norman, ícones altamente convencionais, concretos, que representam objetos e ações são mais efetivos que àqueles que se referem a analogias ou abstrações.

Ícone convencional, concreto, de alta efetividade	Ícone abstrato, de significado confuso.Contato? Telepatia? Qual o significado?

A efetividade de um ícone pode ser incrementada com texto (desde que breve e preciso). Exemplo:

Outra alternativa para incrementar a efetividade de um ícone é oferecer, ao deter ou passar o cursor do mouse por cima do ícone, uma breve mensagem que esclareça a função que será iniciada ao clica-lo (exemplo à direita). Entretanto, é imprescindível que o usuário conheça a finalidade da função associada.

10. Quais são as vantagens e desvantagens da utilização de ícones no projeto do diálogo com o usuário?

Vantagens

Há várias vantagens associadas à utilização de ícones no projeto do diálogo com o usuário.

• Um ícone, desde que corretamente projetado, dispensa leitura, análise, reconhecimento ou tradução.
• É compreensível até por pessoas não alfabetizadas
• É compreendido rapidamente: “Estudos na compreensão de sinalização rodoviária demonstram que um ícone pode ser reconhecido ao dobro de distância e na metade do tempo que um sinal escrito”
• Contribui à facilidade de (re)aprendizado
• Projetados adequadamente, contribuem à optimização de espaço na tela

Desvantagens

• Complexidade de criação (mas há extensas bibliotecas com ícones já prontos)
• Poluição visual, desde que usados sem critério
• Espaço (quanto mais ícones, menos espaço para a área de trabalho do usuário)