Padronizao de interfaces

Padronizao de interfaces
Referncias
Engenharia de Usabilidade Prof.: Clarindo Isaas Pereira da Silva e Pdua
Contribuio: Cludio Mrcio de Souza Vicente Gestus Departamento de Cincia da Computao - UFMG

Hix, D.; Hartson, H. R. Developing User Interfaces: ensuring usability through product & process, John Wiley and Sons, 1993. http://www.stcsig.org/usability/newsletter/0104-style.html

26/8/2008
Clarindo Pd u a

Padronizao de interfaces

Padronizao de interfaces

Normas Documento oficial, disponibilizado publicamente, estabelecendo requisitos para o projeto de interao com o usurio.
Ex.: MIL -STD-1472C usado pelo exrcito americano em geral, oferecem diretrizes em alto n vel

Guias de estilo comerciais

Documento produzido por uma organiza o ou fornecedor, disponvel comercialmente.
Cont m orienta es mais concretas do que as diretrizes e geralmente so acompanhadas de um toolkit . Orientaes incluem look (aparncia) e feel (comportamento) dos elementos de interface e orienta o sobre como e quando usar cada elemento.

26/8/2008
Clarindo Pd u a

26/8/2008
Clarindo Pd u a

Padronizao de interfaces

Padronizao de interfaces > Guia de estilo personalizado

Guias de estilo personalizado

Define padres / estilos de interao a serem utilizados internamente em uma equipe de desenvolvimento de interface com o usurio

Objetivos
Descrever diretrizes e padres para o desenvolvimento de software e em alguns casos descrever tambm mtodos para

muito importante para uma organizao o desenvolvimento de um estilo apropriado para seu trabalho. Pode se aplicar a um produto ou a uma fam lia de produtos.

garantir a consistncia entre produtos de uma famlia de produtos e dentro de um produto.

26/8/2008
Clarindo Pd u a

26/8/2008
Clarindo Pd u a

Padronizao de interfaces > Guia de estilo personalizado

Padronizao de interfaces > Guia de estilo personalizado

Benefcios
Garante a consistncia em uma famlia de produtos. Contm um repositrio de diretrizes e padres. uma ferramenta para o treinamento de novos desenvolvedores. Facilita o trabalho em conjunto de grupos.

Benefcios para os usurios

Reduo de erros. Aumento da confiana. Aumento da eficincia. Reduo da resistncia nova tecnologia.

26/8/2008
Clarindo Pd u a

26/8/2008
Clarindo Pd u a

Padronizao de interfaces > Guia de estilo personalizado

Padronizao de interfaces > Guia de estilo personalizado

Benefcios para os desenvolvedores

Minimiza a reinveno. Facilita o treinamento de novos desenvolvedores.
Desenvolvimento Equipe de usabilidade Documentao

Agentes envolvidos

Reduz tomadas de decises arbitrrias.

Design grfico

Diminui o tempo de desenvolvimento. Beneficia o re-uso.

Marketing Usurios, clientes, especialistas no dom nio

26/8/2008
Clarindo Pd u a

26/8/2008
Clarindo Pd u a

10

Padronizao de interfaces > Guia de estilo personalizado

Padronizao de interfaces > Guia de estilo personalizado > Estrutura de um Guia de Estilo

Estrutura de um Guia de Estilo

1) Introduo: define o contexto de utilizao do Guia. Inclui: os objetivos do documento de Guia de Estilo; a audincia esperada do documento; como se espera que o documento seja utilizado; um hist rico de acontecimentos relevantes para mostrar o contexto onde o Guia ser utilizado; o escopo do documento;

Introduo
definio de consistncia com outros Guias ou documentos; referncia a outros documentos relevantes para o leitor; identificao do cliente e fornecedor dados do projeto organizao do documento bem como a plataforma utilizada e outras decises que foram tomadas nas reunies entre os grupos envolvidos.

26/8/2008
Clarindo Pd u a

11

26/8/2008
Clarindo Pd u a

12

Padronizao de interfaces > Guia de estilo personalizado > Estrutura de um Guia de Estilo

Padronizao de interfaces > Guia de estilo personalizado > Estrutura de um Guia de Estilo

2) Conceitos preliminares: d um viso geral de usabilidade, apresentando os principais conceitos relacionados com o assunto. 3) Diretrizes Gerais: diretrizes de usabilidade que se

4) Padres especficos da fam lia de produtos

Aspectos gerais: apresenta padres em mais alto nvel de abstrao, relativos organizao e formato de telas ou pginas Web e aspectos do ambiente de programao que impem restries ao desenho da interface. Padres de comportamento da interface: apresenta aspectos de comportamento da interface, como navegao, forma de pesquisa, etc.

aplicam a qualquer tipo de produto.

26/8/2008
Clarindo Pd u a

13

26/8/2008
Clarindo Pd u a

14

Padronizao de interfaces > Guia de estilo personalizado > Estrutura de um Guia de Estilo > Padres especficos da famlia de produtos

Padronizao de interfaces > Guia de estilo personalizado > Estrutura de um Guia de Estilo > Padres especficos da famlia de produtos

Elementos de interao :Deve existir uma seo separada para cada objeto de interao. Dentro de cada seo devem haver figuras ilustrativas de como deve ser o leiaute do objeto e as diretrizes aplicveis a ele. Mensagens:Essa seo deve apresentar diretrizes relativas s mensagens de erro, mensagens informativas e feedback do progresso de uma tarefa, ou seja, todos os tipos de mensagens, incluindo figuras ilustrativas, devem estar nesta seo.
26/8/2008
Clarindo Pd u a

Dispositivos de interface de hardware: Descreve os dispositivos de entrada e sada para os quais se aplica o Guia. Padres especficos do <nome do produto 1>: opcional Padres especficos do <nome do produto 2>: Opcional

15

26/8/2008
Clarindo Pd u a

16

Padronizao de interfaces > Guia de estilo personalizado > Estrutura de um Guia de Estilo

Padronizao de interfaces > Guia de estilo personalizado

Consistncias a serem observadas

5)Glossrio 6)Bibliografia
Citar bibliografia relevante para os usurios

Consistncia com outros guias de estilo usados. Consistncia com aspecto visual da interface. Consistncia em mensagens de erro. Consistncia de comportamento dos objetos de interao. Consistncia com as expectativas do usurio.

26/8/2008
Clarindo Pd u a

17

26/8/2008
Clarindo Pd u a

18

Padronizao de interfaces > Guia de estilo personalizado

Padronizao de interfaces > Guia de estilo personalizado

Exemplo de consistncia

Exemplo de consistncia
Baseado em estudos de usabilidade, definir em uma interface onde devem ser mostradas a data e a hora atuais, como deve ser posicionada essa informao garantindo a consistncia entre as diversas telas.

preciso garantir que o padro de colorao seja mantido (consistncia)

26/8/2008
Clarindo Pd u a

19

26/8/2008
Clarindo Pd u a

20

Padronizao de interfaces > Guia de estilo personalizado

Padronizao de interfaces > Guia de estilo personalizado > Passos para a criao de Guia de Estilo

Passos para criao de Guia de Estilo

Definio das pessoas que vo desenvolver o Guia.
Deve incluir pessoas dos vrios perfis de profissionais descritos anteriormente.

Escolha das diretrizes que sero colocadas. Confeco da estrutura do documento. Confeco dos gabaritos (templates) de telas e dos exemplos dos objetos de intera o. Montagem do documento. Reviso.

Definio da plataforma para qual o Guia vai ser desenvolvido. Requisitos que o Guia de Estilo deve satisfazer. Definio dos objetos de interao que o Guia de Estilo deve abordar.

26/8/2008
Clarindo Pd u a

21

26/8/2008
Clarindo Pd u a

22

Padronizao de interfaces > Guia de estilo personalizado

Padronizao de interfaces > Guia de estilo personalizado > Fatores de fracasso

Fatores de fracasso
Gerentes de projeto negligenciam os benefcios do Guia de Estilo.

Ele se torna maante se tiver muita informao textual. invivel o uso de um Guia que no possui sum rio.

Um Guia de Estilo pode ser muito amplo, neste caso, deve ter seu foco reduzido. Equipe de desenvolvimento relutante em adot-lo.

Discordncia entre equipes que desenvolvero o Guia.

26/8/2008
Clarindo Pd u a

23

26/8/2008
Clarindo Pd u a

24

Padronizao de interfaces > Guia de estilo personalizado > Estrutura de um Guia de Estilo

Concluses
Envolve o trabalho de grupos de diversas reas da empresa/instituio. No garante o sucesso do design. um documento que contribui muito para garantia de padres e agilidade no desenvolvimento. Contribui muito para o treinamento de novas equipes. Instrumento que ajuda a reduzir erros encontrados em avaliaes de usabilidade. Contribui para a realizao de testes.

26/8/2008
Clarindo Pd u a

25