02/10/2012

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

02/10/2012
Clarindo Pdua

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 nvel

Guias de estilo comerciais

Documento produzido por uma organizao ou fornecedor, disponvel comercialmente.
Contm orientaes 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 orientao sobre como e quando usar cada elemento.

02/10/2012
Clarindo Pdua

02/10/2012
Clarindo Pdua

02/10/2012

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 famlia de produtos.

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

02/10/2012
Clarindo Pdua

02/10/2012
Clarindo Pdua

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 que tm o Guia com fonte de consulta. 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.

02/10/2012
Clarindo Pdua

02/10/2012
Clarindo Pdua

02/10/2012

Padronizao de interfaces > Guia de estilo personalizado

Padronizao de interfaces > Guia de estilo personalizado

Benefcios para os desenvolvedores

Minimiza a reinveno. Reduz tomadas de decises arbitrrias. Diminui o tempo de desenvolvimento. Beneficia o re-uso. Reduz necessidade de testes. Equipe de usabilidade Documentao Desenvolvimento Design grfico Marketing

Agentes envolvidos

Usurios, clientes, especialistas no domnio

02/10/2012
Clarindo Pdua

02/10/2012
Clarindo Pdua

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 histrico 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 bem como a plataforma utilizada e outras decises importantes que forem tomadas nas reunies entre os grupos envolvidos. organizao do documento

02/10/2012
Clarindo Pdua

11

02/10/2012
Clarindo Pdua

12

02/10/2012

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 uma viso geral de usabilidade, apresentando os principais conceitos relacionados com o assunto. 3) Diretrizes Gerais: diretrizes de usabilidade que se aplicam a qualquer tipo de produto.

4) Padres especficos da famlia 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.

02/10/2012
Clarindo Pdua

13

02/10/2012
Clarindo Pdua

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.
02/10/2012
Clarindo Pdua

Dispositivos de interface de hardware: Descreve os dispositivos de entrada e sada para os quais se aplica o Guia.

15

02/10/2012
Clarindo Pdua

16

02/10/2012

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

Padronizao de interfaces > Guia de estilo personalizado

5) Padres especficos do <nome do produto 1>: opcional 6) Padres especficos do <nome do produto 2>: Opcional 7) Glossrio

Consistncias a serem observadas

Consistncia com outros guias de estilo usados. Consistncia em relao ao aspecto visual da interface. Consistncia em termos de mensagens de erro. Consistncia de comportamento dos objetos de interao. Consistncia com as expectativas do usurio. Ou seja, uma interface deve ser

8) Bibliografia Citar bibliografia relevante para os usurios

02/10/2012
Clarindo Pdua

desenvolvida considerando os usurios, seus comportamentos e expectativas.

17

02/10/2012
Clarindo Pdua

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)

02/10/2012
Clarindo Pdua

19

02/10/2012
Clarindo Pdua

20

02/10/2012

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.

Requisitos que o Guia de Estilo deve satisfazer.Definio dos objetos de interao que o Guia de Estilo deve abordar. Confeco dos gabaritos (templates) de telas e dos exemplos dos objetos de interao. Montagem do documento. Reviso.

Definio da plataforma para qual o Guia vai ser desenvolvido. Confeco da estrutura do documento. Escolha das diretrizes que sero colocadas.

02/10/2012
Clarindo Pdua

21

02/10/2012
Clarindo Pdua

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 sumrio.

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.

02/10/2012
Clarindo Pdua

23

02/10/2012
Clarindo Pdua

24

02/10/2012

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.

02/10/2012
Clarindo Pdua

25