USABILIDADE
“ Não me faça pensar ” Steve Krug “ “
Usabilidade é... ... facilidade no uso ... intuição ... mais visitantes ... investimento
? Ao entrar em um site, o  usuário NÃO deve se perguntar: Que site é esse? O que faço aqui? Onde está tal informação? O que esse símbolo quer dizer?
MISSÃO DE UM SITE Pergunte-se ANTES Por que esse site deve existir? Qual a natureza desse site? - informativo - serviço - entretenimento - institucional... ? ?
Pergunte-se ANTES Por que alguém o visitaria? ? Que imagem o site quer passar? - inovador - ágil - divertido - útil... ? Quem o visitaria? ?
PÚBLICO Pergunte-se ANTES Como ele prefere acessar o conteúdo online? Vídeo? Fotos? Texto? Infográfico? Animação? Tabela? ? Ele quer se comunicar com outros usuários? ?
Pergunte-se ANTES Ele quer se comunicar com você? ? Ele quer produzir conteúdo? Que tipo? ? O que o público procura em sites concorrentes que o seu ainda não oferece? ?
Pergunte-se ANTES QUAIS OS HÁBITOS DE NAVEGAÇÃO DO SEU USUÁRIO? ? Quer modismos ou formas básicas? ?
QUANTIDADE DE INFORMAÇÃO > ANSIEDADE E RAPIDEZ Não há muita reflexão de leitura na web. Internautas procuram informação até o TERCEIRO clique.
Jacob Nielsen - o papa da usabilidade, desconstruiu vários sites e fez um estudo que mostrou...
Padrão de leitura em F Estudo de Jackob Nielsen com 232 internautas visitando centenas de sites
Implicações da leitura em F
Implicações da leitura em F Internautas não lêem palavra por palavra (SCANNABLE READER) Intertítulos, parágrafos e “bullet points” devem começar com palavras-chave para que os usuários sejam capazes de perceber rapidamente quando fazem a trilha “vertical” do padrão em F. Coloque as informações/ações mais importantes no primeiro scroll F F F
 
 
 
 
 
 
 
 
 
 
Usabilidade é facilidade de uso Facilidade de uso é: Ter uma navegação óbvia/ auto-explicativa Buscar “ afirmações ”... Essa é a navegação! Aqui está a busca! ...e não “ interrogações ” Posso clicar aqui? Onde está o menu? Como faço para...?
Algumas  interrogações a evitar : Onde estou? Por onde devo começar? Onde eles colocaram tal coisa? O que quer dizer este símbolo/sigla? Por que chamam isto assim? O que este site faz?
Sequência lógica Identidade visual e Navegação
CERTO
ERRADO
ERRADO
Caminho de navegação  - na web não há senso de direção ;-)
ERRADO
NUNCA façam isso...
... muito menos ISSO!!
Recapitulando... USABILIDADE É FACILIDADE NO USO!
... quanto menos cliques, melhor ... seja claro nos menus ... sinalize bem os links ... mantenha a identidade do site em TODAS as páginas ... evite ao máximo o botão BACK ... diga logo a que veio ... prefira a simplicidade gráfica
Se a usabilidade é  boa , o público... ...encontra o que procura ...fica satisfeito por conseguir o que deseja (assistir, ler, comentar, comprar, jogar etc.) ...volta (e fica fiel ao seu produto) Se a usabilidade é  ruim , o público... ...não encontra o que procura ...fica frustrado por não conseguir o que deseja (assistir, ler, comentar, comprar, jogar etc.) ...não volta (e vai atrás do concorrente)
Para não esquecer... Não vale ser bonito se for difícil de usar. Não vale ter o melhor conteúdo se a navegação é um enigma. Informações e recursos dispostos de forma simples, clara, fácil e eficiente resultam em boa usabilidade.

Keynote Usabilidade

  • 1.
  • 2.
    “ Não mefaça pensar ” Steve Krug “ “
  • 3.
    Usabilidade é... ...facilidade no uso ... intuição ... mais visitantes ... investimento
  • 4.
    ? Ao entrarem um site, o usuário NÃO deve se perguntar: Que site é esse? O que faço aqui? Onde está tal informação? O que esse símbolo quer dizer?
  • 5.
    MISSÃO DE UMSITE Pergunte-se ANTES Por que esse site deve existir? Qual a natureza desse site? - informativo - serviço - entretenimento - institucional... ? ?
  • 6.
    Pergunte-se ANTES Porque alguém o visitaria? ? Que imagem o site quer passar? - inovador - ágil - divertido - útil... ? Quem o visitaria? ?
  • 7.
    PÚBLICO Pergunte-se ANTESComo ele prefere acessar o conteúdo online? Vídeo? Fotos? Texto? Infográfico? Animação? Tabela? ? Ele quer se comunicar com outros usuários? ?
  • 8.
    Pergunte-se ANTES Elequer se comunicar com você? ? Ele quer produzir conteúdo? Que tipo? ? O que o público procura em sites concorrentes que o seu ainda não oferece? ?
  • 9.
    Pergunte-se ANTES QUAISOS HÁBITOS DE NAVEGAÇÃO DO SEU USUÁRIO? ? Quer modismos ou formas básicas? ?
  • 10.
    QUANTIDADE DE INFORMAÇÃO> ANSIEDADE E RAPIDEZ Não há muita reflexão de leitura na web. Internautas procuram informação até o TERCEIRO clique.
  • 11.
    Jacob Nielsen -o papa da usabilidade, desconstruiu vários sites e fez um estudo que mostrou...
  • 12.
    Padrão de leituraem F Estudo de Jackob Nielsen com 232 internautas visitando centenas de sites
  • 13.
  • 14.
    Implicações da leituraem F Internautas não lêem palavra por palavra (SCANNABLE READER) Intertítulos, parágrafos e “bullet points” devem começar com palavras-chave para que os usuários sejam capazes de perceber rapidamente quando fazem a trilha “vertical” do padrão em F. Coloque as informações/ações mais importantes no primeiro scroll F F F
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
    Usabilidade é facilidadede uso Facilidade de uso é: Ter uma navegação óbvia/ auto-explicativa Buscar “ afirmações ”... Essa é a navegação! Aqui está a busca! ...e não “ interrogações ” Posso clicar aqui? Onde está o menu? Como faço para...?
  • 26.
    Algumas interrogaçõesa evitar : Onde estou? Por onde devo começar? Onde eles colocaram tal coisa? O que quer dizer este símbolo/sigla? Por que chamam isto assim? O que este site faz?
  • 27.
    Sequência lógica Identidadevisual e Navegação
  • 28.
  • 29.
  • 30.
  • 31.
    Caminho de navegação - na web não há senso de direção ;-)
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
    ... quanto menoscliques, melhor ... seja claro nos menus ... sinalize bem os links ... mantenha a identidade do site em TODAS as páginas ... evite ao máximo o botão BACK ... diga logo a que veio ... prefira a simplicidade gráfica
  • 37.
    Se a usabilidadeé boa , o público... ...encontra o que procura ...fica satisfeito por conseguir o que deseja (assistir, ler, comentar, comprar, jogar etc.) ...volta (e fica fiel ao seu produto) Se a usabilidade é ruim , o público... ...não encontra o que procura ...fica frustrado por não conseguir o que deseja (assistir, ler, comentar, comprar, jogar etc.) ...não volta (e vai atrás do concorrente)
  • 38.
    Para não esquecer...Não vale ser bonito se for difícil de usar. Não vale ter o melhor conteúdo se a navegação é um enigma. Informações e recursos dispostos de forma simples, clara, fácil e eficiente resultam em boa usabilidade.