usabilidade - schnaider designer .origens da usabilidade . 1980 02 . 38 usabilidade = user-friendly

Download usabilidade - SCHNAIDER DESIGNER .origens da usabilidade . 1980 02 . 38 usabilidade = user-friendly

Post on 11-Nov-2018

214 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • usabilidade

  • origens da usabilidade . 1980

    02 . 38

    usabilidade = user-friendly

    as reas da psicologia e da ergonomia passam a usar o termo usabilidade como substituto da expresso user-friendly (amigvel em portugus), uma vez que mquinas so ferramentas feitas para servir e no para serem amigas;

    um conjunto de atributos de software relacionado ao esforo necessrio para seu uso e para o julgamento individual de tal uso por determinado conjunto de usurios.

  • fcil de usar . satisfao do usurio

  • UsaBILidaDE

    1. agradabilidade interao esttica ou sensitiva entre o produto e o usurio (psicolgico);

    2. capacidade de entendimento permitir a compreenso direta da informao, por meio de palavras/mensagem, menus, cones, botes, etc;

    3. efetividade atingir os objetivos propostos;

    4. facilidade realizar a tarefa no menor tempo predeterminado;

    5. flexibilidade limitar a variao de tarefas, alm daquelas inicialmente especificadas;

    6. habilidade capacidade cognitiva e sonhecimento de informtica;

    7. necessidade atender aquilo de que realmente o usurio precisa, ter utilidade;

    8. satisfao atingir as metas ergonmicas previamente definidas a partir do perfil do usurio.

    A no-preocupao com a usabilidade durante o desenvolvimento do projeto, pode acabar resultando em mais trabalho, implicando em aumento de tempo e,

    conseqentemente, em aumento de custos para a empresa. A usabilidade deve estar presente em todas as etapas de desenvolvimento do produto; desde sua

    criao at a produo final.

  • clula-alvo: usabilidade X interface X usurio Schnaider (2006)

  • Doug Englebart (inventor do mouse) estabelece seu laboratrio de pesquisas, Augmentation Research Center,

    no Stanford Research Institute (SRI).

    Muito dos trabalhos iniciais sobre interfaces grficas, hipertexto, e interfaces colaborativas foram ali conduzidas.

    1963 06 . 38

  • Primeiro computador pessoal, desenvolvido no Xerox Palo Alto Research Center (PARC)

    o primeiro sistema comercial com um editor WYSIWYG, mouse, e interface grfica.

    1973 07 . 38

  • Interfaces de manipulao direta so apresentadas comercialmente; Xerox Star em 1981 Apple Lisa em 1982

    Apple Macintosh 1984 1981

    08 . 38

  • Tim Berners-Lee desenvolve a World Wide Web (WWW) 1991 09 . 38

  • Interfaces de manipulao direta so apresentadas comercialmente; Xerox Star em 1981 Apple Lisa em 1982

    Apple Macintosh 1984 1981

    10 . 38

  • a internet explode em crescimento;

    a web a segunda forma mais popular de acessarmos a internet (a primeira o e-mail), e ainda a interface mais utilizada nos dias de hoje.

    as empresas entendem rapidamente seu potencial e passam a enxergar a web como uma questo de marketing; uma pea de comunicao!

    ...hoje em dia ningum pergunta mais... voc tem e-mail?

    a pergunta :

    qual o seu e-mail?

    Tim Berners-Lee torna-se diretor do World Wide Web Consortium 1991

    x

    11 . 38

  • Donald Norman cunha o termo "user experience 1993 12 . 38

  • a internet explode em crescimento;

    numa primeira instncia, a interface tem que ser aprendida pelo usurio;

    o usurio deve adquirir confiana e segurana para entender como ser feita a navegao pelo site.

    a informao deve ser organizada e apresentada de forma que

    o usurio possa rapidamente localizar aquilo que procura!

    uSURIo IntERfACe 13 . 38

  • estilos de concepo WebSIteS

    o desenho da interface tem como objetivo apresentar o contedo do website ao pblico, criando uma empatia e estimulando a navegao atravs de metforas, espao em tela, forma, cor ou qualquer outro elemento que possa garantir esta navegao.

    a interface a maneira pela qual o usurio navega pelo contedo de uma apresentao multimdia interativa.

    a informao deve ser organizada e apresentada de forma que o usurio possa rapidamente localizar aquilo que procura!

    14 . 38

  • scroll ou paginao? WebSIteS

    jakob nielsen | 1995 rolagens agora so permitidas

    felipe memria | 2006 eu acredito em scroll

    tim berners-lee | 1991 inventor da web

    15 . 38

  • se o usurio tiver que scrollar muito ele sai! WebSIteS

    deve-se decidir nas etapas preliminares!

    usurios mais velhos tendem a rolar a pgina mais lentamente do que os usurios mais novos;

    algumas tarefas que requerem dos usurios recordar onde as informaes so encontradas em uma pgina podem se beneficiar da paginao, enquanto muitas tarefas da leitura se beneficiarem do rolamento;

    dica contedo principal disponvel sem a necessidade de rolagem!

    16 . 38

  • scroll ou paginao?

    Fonte: http://www.zenpper.com.br

    Fonte: Hotsite Programa Conquista Contax

    WebSIteS 17 . 38

  • scroll ou paginao?

    se os designers forem incapazes de se decidir entre a paginao e o rolamento, melhor fornecer pginas mais curtas do que uma ou duas pginas mais longas!

    quando o rolamento usado, o website deve permitir o rolamento o mais rpido possvel;

    use pginas de rolamento para compreenso da leitura, mas cuidado com o uso do rolamento horizontal!

    WebSIteS 18 . 38

  • rolagem horizontal WebSIteS X 19 . 38

  • links WebSIteS

    evite sugestes enganadoras para clicar: assegure-se de que os itens no clicveis no tenham as caractersticas que sugerem que so clicveis;

    os smbolos geralmente devem ser combinados com ao menos uma outra caracterstica que sugira a clicabilidade; ex.: efeito rollover

    prefira texto para os links, so melhores que as imagens; d pra clicar nessa imagem? no me faa pensar.. (Krug, Steve)

    20 . 38

  • links

    dica

    deve-se escolher tons que contrastem com o fundo da pgina e evitar cores que possam ser confundidas com o padro azul e roxo dos links da internet.

    jakob nielsen links no visitados devem ser inconfundivelmente azuis e links visitados devem ser inconfundivelmente vermelhos ou roxos

    WebSIteS 21 . 38

  • links WebSIteS 22 . 38

  • contedo WebSIteS

    use palavras familiares use palavras que freqentemente so vistas e ouvidas;

    se o contedo no fornecer a informao requisitada pelo usurio, o website ter pouco valor mesmo sendo fcil de usar;

    se o contedo for difcil de entender; o usurio sai!

    portanto... ao preparar o contedo para um website, evite o uso de palavras difceis!

    se as siglas e as abreviaturas precisarem ser usadas, assegure se de que sejam compreendidas claramente pelos usurios tpicos e definidos na pgina.

    23 . 38

  • dicas para TEXTO WebSIteS

    no use para corpo de texto letra maior que 14 pts nem menor que 10;

    no configure grandes quantidades de texto em negrito, itlico e maisculas;

    evite linhas de texto longas, que atravessem toda a janela do browser;

    use colunas (na tela linhas curtas so melhores do que linhas longas);

    assegure-se do contraste entre letra e fundo: texto preto em fundo branco o melhor!

    use um tipo de letra sem serifa: a verdana uma das mais usadas;

    existem fontes que so instaladas em ambos os sistemas mac e windows que voc deve usar em suas pginas web e ter a certeza de que ambas as plataformas exibiro como voc espera: arial, arial black, comic sans, courier new, impact, times nem roman, verdana e webdings!

    textos justificados ficam mal espacejados e com uma hifenizao excessiva, necessitando de um ajuste manual: evite!

    24 . 38

  • 3|30

    Harmonia Visual

  • usurio

    dica

    se um site for difcil de usar, o usurio sai.

    se a homepage no for clara o suficiente para mostrar o que a empresa oferece e o que possvel fazer, o usurio sai.

    se o usurio se perder, ele tambm sai.

    se demorar pra carregar: sai, sai e sai.

    felipe memria na web, a usabilidade uma caracterstica necessria para a sobrevivncia; uma mdia em que o usurio tem que ter um comportamento ativo

    UsaBILidADe 26 . 38

  • resolues 800x600 1024x768 1280x1024 WebSIteS

    1280x1024

    1024x768 800x600

    Espao sobrando

    Contedo especial

    Contedo principal

    27 . 38

  • resoluo x rea til WebSIteS

    resoluo 800 x 600 rea til aproximada = 778 x 410 limite (3 pginas) = 778 x 1230

    resoluo 1024 x 768 rea til aproximada = 947 x 512 limite (3 pginas) = 947 x 1536

    resoluo 1280 x 1024 rea til aproximada = 1020 x 595 limite (3 pginas) = 1020 x 1785

    28 . 38

  • medidas para impresso WebSIteS

    para impresso em A4, no mximo (width x height)

    paisagem 965 x 670 px

    retrato 670 x 965 px

    29 . 38

  • a primeira impresso a que fica! HomEPaGE

    a homepage a pgina de entrada do seu site;

    sua nica chance de causar uma boa impresso!

    as interfaces de navegao precisam ajudar a responder as trs perguntas fundamentais dos usurios

    onde estou? onde estive? onde posso ir?

    30 . 38

  • crie uma impresso positiva do seu site HomEPaGE

  • convide os usurios a conhecerem mais profundamente sua estrutura HomEPaGE

  • comunique a finalidade do website HomEPaGE

  • oferece chamadas para os itens mais importantes do site HomEPaGE

  • metfora visual e pouca quantidade de texto HomEPaGE

  • HomEPaGE a homepage uma seo do site

  • HomEPaGE oferece o servio essencial do site

  • usar ou no usar? INntRODuO

    tenha a certeza que o usurio dar valor!