ergonomia

Avaliação de Usabilidade de uma

Interface Gráfica Digital

Professor: Samuel

Aluno: PEDRO, Adriano

Florianópolis

2014

FACULDADES BARDDAL – UNIESP

CURSO DE DESENHO INDUSTRIAL

PROJETO DE PRODUTO

https://medium.com/@prisciiiiiiiila/o-problema-nao-e-o-brasil-e-voce-bc45e0d653e3

Analise de usabilidade do facebook


A trabalho de Avaliação de Usabilidade de

uma Interface Gráfica Digital, foi realizado por

meio de pesquisa a usuários da rede social,

além de pesquisas de artigos relacionados.

O trabalho buscou analisar os requisitos de

usabilidade do facebook.


A pesquisa com os usuários foi realizada

utilizando o chat da própria rede social e foi

entrevistada 5 (cinco) pessoas.

As quais foram perguntadas sobre...


... Estrutura, distribuição e organização do conteúdo; Texto: disposição dos textos, tipografia (fonte), tamanho de fonte, legibilidade; Cores: uso das cores, cores neutras, cores fria, cores quentes; Clareza nas funções: facilidade de executar as funções desejáveis, Clareza dos ícones, Limpeza/poluição estética da interface; Resposta (feedback): rapidez das respostas pelo sistema; Prevenção de erros.

Avaliando a pagina inicial da rede social de 0 a 5


A maior rede social da atualidade.

Mais de 1 bilhão de usuários.

Forte apelo emocional, “compartilhe”.

874 milhões de pessoas por mês acessando-o por celular, e 507 milhões

por dia, em média.

No Brasil chega a 76 milhões de usuários e mais da metade acessa pelo

celular.

A Índia tem 82 milhões de usuário, mas apenas 34 milhões se conectam

diariamente.


A rede segue a

convenção web

A ordem dos

elementos da

esquerda para a

direita, e de cima

pra baixo.


A rede segue a

convenção web

O nome ou logo

da empresa deve

ser sempre o

primeiro elemento.


A rede segue a

convenção web

O posicionamento

de busca e

contatos principais

no topo.


A rede segue a

convenção web

Destaca botões e

links, e evita uso

de ícones

complexos


A rede segue a

convenção web

Usa fonte de 12px

Porem não dispõem

de ajuste de tamanho

da fonte.

Único modo é o Zoom

Ctrl+ (+) ou

Ctrl + (-)


A rede segue a

convenção web

Usa espaços em

branco inteligentes

,...


A rede segue a

convenção web

Usa espaços em

branco inteligentes ,

define seções e

títulos claramente, ...


A rede segue a

convenção web

Usa espaços em


define seções e títulos

claramente, frases

curtas e ...

No que você está pensando agora?


A rede segue a

convenção web

Usa espaços em


define seções e títulos

claramente, frases

curtas e imagens

grandes.


Resultado da Pesquisa

Estrutura, distribuição e organização do conteúdo.

Texto: disposição dos textos, tipografia (fonte), tamanho de fonte, legibilidade.

Cores: uso das cores, cores neutras, cores fria, cores quentes.

Clareza nas funções: facilidade de executar as funções desejáveis.

Clareza dos ícones, Limpeza/poluição estética da interface.

Resposta (feedback): rapidez das respostas pelo sistema.

Prevenção de erros.

3

3

5

4

3

3

3

0 1 2 3 4 5


CONCLUSÃO

• Possui uma boa Estrutura, distribuição e organização do conteúdo.

• Os Textos estão bem dispostos, a fonte tem tamanho adequado e boa legibilidade.

• As Cores são suaves evitando o cansaço e aumentando o tempo de permanência do usuário no site.

• Suas funções são facilmente executadas.

• Os ícones são intuitivos e simples.

• Com poucas falhas é um site eficaz e eficiente para seus usuários.

3

3

5

4

3

3

3

0 1 2 3 4 5

ergonomia

Design