ARQUITETURA DA INFORMAÇÃO E USABILIDADE
EM INTERFACES: ESTUDO DE CASO DO
WEBSITE DA NRSYSTEM
Rogério Fernandes da Costa (rogerio.costa@fmu.br)
Faculdades Metropolitanas Unidas
Informação e ambientes digitais:
organização e acesso
Seminário FESPSP “São Paulo: a cidade e os seus desafios”
AGENDA
INTRODUÇÃO
OBJETIVO DA PESQUISA
PROBLEMA DE PESQUISA
REVISÃO DA LITERATURA
TÉCNICAS ADOTADAS EM PROJETOS WEB
METODOLOGIA
CONSIDERAÇÕES FINAIS
INTRODUÇÃO
Dentre os diversos tipos de problemas que podem afetar a
usabilidade de uma aplicação web, muitos estão
relacionados à organização e acesso das informações.
Embora seja um tema relativamente recente, a organização
da informação na web vem ganhando cada vez mais força e
expressividade em virtude do aumento exponencial da
quantidade de informações disponíveis na Internet.
OBJETIVO DA PESQUISA
Partindo da premissa que um projeto de arquitetura
informacional bem elaborado permite uma interação mais
rápida e fácil entre o usuário e a informação, este estudo
teve como principal objetivo avaliar como a organização e
representações das informações do website da NRSYSTEM
impactam em sua usabilidade.
OBJETIVO DA PESQUISA
Para atender ao proposto, foi necessário estabelecer os
seguintes objetivos específicos:
1. Avaliar a facilidade de navegação do website;
2. Verificar a eficiência do website;
3. Identificar inconsistências do website;
4. Avaliar a facilidade de memorização;
5. Verificar a satisfação dos usuários;
6. Identificar oportunidades de melhoria do website.
PROBLEMA DE PESQUISA
Objetivando uma experiência de uso agradável e simples nos
processos de acesso, busca, recuperação e compreensão da
informação, quais técnicas são mais adequadas para projetos
de interface para internet?
REVISÃO DA LITERATURA
A facilidade de interação do usuário com o website depende
de quatro sistemas estruturados e interdependentes:
organização, navegação, rotulação e busca (ROSENFELD e
MORVILLE, 2002).
Ao analisarmos as características informacionais,
estruturais, navegacionais e visuais de uma forma integrada,
podemos definir como e onde ocorrerá a interação em um
website.
REVISÃO DA LITERATURA
Bevan (1995) define usabilidade como um termo técnico
usado para descrever a qualidade de uso de uma
interface.
Importante ressaltar que a falha de usabilidade mais
relatada por usuários de internet é a dificuldade em
encontrar informações na maioria dos websites.
REVISÃO DA LITERATURA
A navegabilidade pode ser traduzida na facilidade
proporcionada ao utilizador ao visitar um website.
Nielsen (2000) defende que uma interface de navegação
precisa incluir respostas para as seguintes questões: Onde
estou? Onde estive? Onde posso ir?
REVISÃO DA LITERATURA
No contexto da Internet, o termo acessibilidade
(accessibility) é usado para descrever problemas de
usabilidade encontrados por usuários com necessidades
especiais ou com limitações tecnológicas (PIMENTA et al.,
2002).
TÉCNICAS ADOTADAS EM PROJETOS WEB
Diferentes técnicas podem ser adotadas em projetos de
Interface para Internet.
METODOLOGIA
A metodologia adotada neste estudo seguiu o modelo
proposto por Cybis (2003), o autor classifica as técnicas de
usabilidade em três categorias:
1. Técnicas Prospectivas, que buscam a opinião do usuário;
2. Técnicas Preditivas ou diagnósticas, que buscam prever os
erros de projeto de interfaces sem a participação direta de
usuários; e
3. Técnicas Objetivas ou empíricas, que utilizam a observação
do usuário interagindo com o sistema.
TÉCNICAS PREDITIVAS/DIAGNÓSTICAS
Validação de Código
TÉCNICAS PREDITIVAS/DIAGNÓSTICAS
Teste de acessibilidade
TÉCNICAS PREDITIVAS/DIAGNÓSTICAS
Carregamento da página
TÉCNICAS PREDITIVAS/DIAGNÓSTICAS
Experiência do usuário
TÉCNICAS PROSPECTIVAS
O que pode ser testado?
• Conteúdo textual;
• Rótulos e descrições;
• Navegabilidade;
• Apresentação gráfica;
• Imagem ou vídeo;
• Formulário de contato ou cadastro.
Dica: Não se inicia um teste sem que exista um
questionamento a ser respondido!
TÉCNICAS PROSPECTIVAS
0
1
2
3
4
5
6
Logo que entro no site já sei o que
esta empresa faz
Este site tem uma apresentação
gráfica agradável e legível
Os recursos de navegação (menus,
ícones, links e botões) estão todos
claros e fáceis de localizar
Eu sempre sei em que página
estou e como chegar onde quero
chegar
Mesmo antes de clicar em um link
(ligação com outra página ) eu já
sei o destino dele
O conteúdo textual está claro e
consistente
Os títulos das páginas deste site
são muito intuitivos
O número de telefone e demais
informações sobre a empresa são
fáceis de serem localizadas
De um modo geral, considero
rápido o acesso às informações do
site
As orientações sobre
acessibilidade estão claras e fáceis
de serem localizadas
Concordo fortemente Concordo Não sei responder Discordo Discordo totalmente
Mensurando os resultados (contexto de uso)
TÉCNICAS OBJETIVAS/EMPÍRICAS
Possível falha de usabilidade: em relação aos botões na área de
destaque (página principal), apenas um participante “clicou” no
botão de direcionamento para a área de downloads...
É possível que o padrão estético adotado nos botões esteja
confundindo os usuários...
CONSIDERAÇÕES FINAIS
No que se refere à prioridade, organização e representação
das informações, um projeto de arquitetura informacional
web deve definir como diferentes grupos e níveis de
tratamento serão utilizados para a apresentação e o
compartilhamento eficiente de diferentes mídias e
informações. Uma arquitetura informacional bem elaborada
pode facilitar a contemplação dos requisitos de usabilidade,
minimizando a possibilidade de erros.
Os resultados do estudo indicaram que embora a
usabilidade tenha sido avaliada de forma positiva, existem
oportunidades de melhoria no website da NRSYSTEM.
Contribuição: a partir da lista de critérios apresentados
neste estudo, espera-se ampliar a compreensão sobre o
tema, viabilizando novas indagações sobre o levantamento
de requisitos em projetos de interface.
Limitações: por se tratar de um estudo de caso, os
resultados não podem ser generalizados, ou seja, os
resultados e conclusões aplicam-se somente ao website
estudado.
CONSIDERAÇÕES FINAIS
OBRIGADO!
Rogério Fernandes da Costa (rogerio.costa@fmu.br)
Faculdades Metropolitanas Unidas
Informação e ambientes digitais:
organização e acesso
Seminário FESPSP “São Paulo: a cidade e os seus desafios”

Mais conteúdo relacionado

PPT
Principios do Design de Interfaces aplicados a Busca
PPTX
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
PDF
Usabilidade1
PDF
Cartilha de Acessibilidade na WEB - Fascículo ll
PDF
USABILIDADE DA WEB MÓVEL
PPSX
DESIGN DE INTERFACE
PDF
Design de Interface - Diretrizes
PDF
Conceitos básicos de usabilidade e acessibilidade
Principios do Design de Interfaces aplicados a Busca
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
Usabilidade1
Cartilha de Acessibilidade na WEB - Fascículo ll
USABILIDADE DA WEB MÓVEL
DESIGN DE INTERFACE
Design de Interface - Diretrizes
Conceitos básicos de usabilidade e acessibilidade

Destaque (20)

PDF
Exemplos Aula4
PPT
Curso programação web em PHP
PPT
Planode Aula
PDF
Acessardados Aula7
PDF
Códigos da Aula3
PDF
SOCIAL RESPONSIBILITY AND SUSTAINABILITY: A STUDY ON THE PROJECT MANAGEMENT A...
PDF
Exemplos Aula2
PDF
Aula 1 estruturas de controlo (final)
PPT
Aula 01 - Programação Web - PHP
PPT
Estrutura de controle if else
PPTX
Impacto da Governança de TI
PDF
Javascript (parte 2)
PDF
PHP 5.3 - Estruturas de Controle
PDF
Introdução ao Desenvolvimemto de Jogos com Unity
PPT
O Planejamento Da Pesquisa
PPT
Web forms and server side scripting
PPTX
Logica de Programacao
PDF
Introdução ao Shell Script (versão estendida)
PPTX
Dynamic HTML (DHTML)
PDF
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Exemplos Aula4
Curso programação web em PHP
Planode Aula
Acessardados Aula7
Códigos da Aula3
SOCIAL RESPONSIBILITY AND SUSTAINABILITY: A STUDY ON THE PROJECT MANAGEMENT A...
Exemplos Aula2
Aula 1 estruturas de controlo (final)
Aula 01 - Programação Web - PHP
Estrutura de controle if else
Impacto da Governança de TI
Javascript (parte 2)
PHP 5.3 - Estruturas de Controle
Introdução ao Desenvolvimemto de Jogos com Unity
O Planejamento Da Pesquisa
Web forms and server side scripting
Logica de Programacao
Introdução ao Shell Script (versão estendida)
Dynamic HTML (DHTML)
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Anúncio

Semelhante a Engenharia de Usabilidade (20)

PDF
Izabella Relatório Semetral PIBITIVOL
PDF
Relatório Semestral PIBITIVOL 2011 - Izabella Rezende
PDF
Relatório da Avaliação da Interface do Portal UFS
PDF
Web Standards
PDF
Infografia multimídia para apresentação de resultados de testes de usabilidade
PPT
Arquiteturadeinformao apresentao2-03-05-10
PPT
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
PDF
Usabilidade Conceitos Centrais
PDF
Usabilidade Conceitos Centrais
PDF
Palestra - Na quebrada da Web
PDF
Uniformizacao de Directrizes de Acessibilidade
PDF
Arquitetura de Informação e Usabilidade
PPT
Governo Sp Usabilidade Dos Sites Junho 2008
PPT
Governo SP - Usabilidade Dos Sites
PDF
Projeto de WEB Site
PPT
Thiago ribeiro arquitetura_informacao_usabilidade
PPT
Web 2.0 + Foco no Usuário
PPT
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
PPT
Arquitetura da informação para blogs
PPT
Melhores Práticas de Usabilidade no Desenvolvimento Web
Izabella Relatório Semetral PIBITIVOL
Relatório Semestral PIBITIVOL 2011 - Izabella Rezende
Relatório da Avaliação da Interface do Portal UFS
Web Standards
Infografia multimídia para apresentação de resultados de testes de usabilidade
Arquiteturadeinformao apresentao2-03-05-10
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Usabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
Palestra - Na quebrada da Web
Uniformizacao de Directrizes de Acessibilidade
Arquitetura de Informação e Usabilidade
Governo Sp Usabilidade Dos Sites Junho 2008
Governo SP - Usabilidade Dos Sites
Projeto de WEB Site
Thiago ribeiro arquitetura_informacao_usabilidade
Web 2.0 + Foco no Usuário
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação para blogs
Melhores Práticas de Usabilidade no Desenvolvimento Web
Anúncio

Mais de Rogério Fernandes da Costa (6)

PDF
Gestão de Projetos com Ms project
PPTX
SIMULAÇÃO DE EMERGÊNCIA
PPTX
Gestão de estoques em operações de logística humanitária
PPTX
Sistemas de Apoio à Decisão
PDF
Design de interfaces para internet
PDF
Fundamentos de banco dados
Gestão de Projetos com Ms project
SIMULAÇÃO DE EMERGÊNCIA
Gestão de estoques em operações de logística humanitária
Sistemas de Apoio à Decisão
Design de interfaces para internet
Fundamentos de banco dados

Último (15)

PPTX
Chamada oral geo.pptx_Chamada oral feita PPT
PDF
-Esbocos-no-evangelho-de-lucas.pdfffffffff
PPTX
introduobblica-121003071240-phpapp02.pptx
PPTX
CUBISMO, o ensino de artes no ensino médio.pptx
PDF
introdução ao design gráfico 101 explicação detalhes
PDF
Trabalho de dados - 2 série .pdf.pdffcf
PPTX
Plano cartesiano_ coordenadas no 1º quadrante.pptx
PDF
inteligenciacompetitiva-contextualizao-1.pdf
PPTX
Frontend : conceitos e aplicações- 01.pptx
PDF
Exemplo de organograma de ecrã 2025-04-13 à(s) 21.23.42.pdf
PDF
Fitogeografia_.pdfSSSSSDGEIGARFsksososkdkid
PDF
12ª edição do Fórum Nacional de Design para Revestimentos Cerâmicos
PDF
Metodologia projetual na construção de Ilustrações
PPTX
donsespirituais-estudodomingo-250530161307-cdc825db.pptx
PDF
molde do jake de hora de aventura feito por IA
Chamada oral geo.pptx_Chamada oral feita PPT
-Esbocos-no-evangelho-de-lucas.pdfffffffff
introduobblica-121003071240-phpapp02.pptx
CUBISMO, o ensino de artes no ensino médio.pptx
introdução ao design gráfico 101 explicação detalhes
Trabalho de dados - 2 série .pdf.pdffcf
Plano cartesiano_ coordenadas no 1º quadrante.pptx
inteligenciacompetitiva-contextualizao-1.pdf
Frontend : conceitos e aplicações- 01.pptx
Exemplo de organograma de ecrã 2025-04-13 à(s) 21.23.42.pdf
Fitogeografia_.pdfSSSSSDGEIGARFsksososkdkid
12ª edição do Fórum Nacional de Design para Revestimentos Cerâmicos
Metodologia projetual na construção de Ilustrações
donsespirituais-estudodomingo-250530161307-cdc825db.pptx
molde do jake de hora de aventura feito por IA

Engenharia de Usabilidade

  • 1. ARQUITETURA DA INFORMAÇÃO E USABILIDADE EM INTERFACES: ESTUDO DE CASO DO WEBSITE DA NRSYSTEM Rogério Fernandes da Costa ([email protected]) Faculdades Metropolitanas Unidas Informação e ambientes digitais: organização e acesso Seminário FESPSP “São Paulo: a cidade e os seus desafios”
  • 2. AGENDA INTRODUÇÃO OBJETIVO DA PESQUISA PROBLEMA DE PESQUISA REVISÃO DA LITERATURA TÉCNICAS ADOTADAS EM PROJETOS WEB METODOLOGIA CONSIDERAÇÕES FINAIS
  • 3. INTRODUÇÃO Dentre os diversos tipos de problemas que podem afetar a usabilidade de uma aplicação web, muitos estão relacionados à organização e acesso das informações. Embora seja um tema relativamente recente, a organização da informação na web vem ganhando cada vez mais força e expressividade em virtude do aumento exponencial da quantidade de informações disponíveis na Internet.
  • 4. OBJETIVO DA PESQUISA Partindo da premissa que um projeto de arquitetura informacional bem elaborado permite uma interação mais rápida e fácil entre o usuário e a informação, este estudo teve como principal objetivo avaliar como a organização e representações das informações do website da NRSYSTEM impactam em sua usabilidade.
  • 5. OBJETIVO DA PESQUISA Para atender ao proposto, foi necessário estabelecer os seguintes objetivos específicos: 1. Avaliar a facilidade de navegação do website; 2. Verificar a eficiência do website; 3. Identificar inconsistências do website; 4. Avaliar a facilidade de memorização; 5. Verificar a satisfação dos usuários; 6. Identificar oportunidades de melhoria do website.
  • 6. PROBLEMA DE PESQUISA Objetivando uma experiência de uso agradável e simples nos processos de acesso, busca, recuperação e compreensão da informação, quais técnicas são mais adequadas para projetos de interface para internet?
  • 7. REVISÃO DA LITERATURA A facilidade de interação do usuário com o website depende de quatro sistemas estruturados e interdependentes: organização, navegação, rotulação e busca (ROSENFELD e MORVILLE, 2002). Ao analisarmos as características informacionais, estruturais, navegacionais e visuais de uma forma integrada, podemos definir como e onde ocorrerá a interação em um website.
  • 8. REVISÃO DA LITERATURA Bevan (1995) define usabilidade como um termo técnico usado para descrever a qualidade de uso de uma interface. Importante ressaltar que a falha de usabilidade mais relatada por usuários de internet é a dificuldade em encontrar informações na maioria dos websites.
  • 9. REVISÃO DA LITERATURA A navegabilidade pode ser traduzida na facilidade proporcionada ao utilizador ao visitar um website. Nielsen (2000) defende que uma interface de navegação precisa incluir respostas para as seguintes questões: Onde estou? Onde estive? Onde posso ir?
  • 10. REVISÃO DA LITERATURA No contexto da Internet, o termo acessibilidade (accessibility) é usado para descrever problemas de usabilidade encontrados por usuários com necessidades especiais ou com limitações tecnológicas (PIMENTA et al., 2002).
  • 11. TÉCNICAS ADOTADAS EM PROJETOS WEB Diferentes técnicas podem ser adotadas em projetos de Interface para Internet.
  • 12. METODOLOGIA A metodologia adotada neste estudo seguiu o modelo proposto por Cybis (2003), o autor classifica as técnicas de usabilidade em três categorias: 1. Técnicas Prospectivas, que buscam a opinião do usuário; 2. Técnicas Preditivas ou diagnósticas, que buscam prever os erros de projeto de interfaces sem a participação direta de usuários; e 3. Técnicas Objetivas ou empíricas, que utilizam a observação do usuário interagindo com o sistema.
  • 17. TÉCNICAS PROSPECTIVAS O que pode ser testado? • Conteúdo textual; • Rótulos e descrições; • Navegabilidade; • Apresentação gráfica; • Imagem ou vídeo; • Formulário de contato ou cadastro. Dica: Não se inicia um teste sem que exista um questionamento a ser respondido!
  • 18. TÉCNICAS PROSPECTIVAS 0 1 2 3 4 5 6 Logo que entro no site já sei o que esta empresa faz Este site tem uma apresentação gráfica agradável e legível Os recursos de navegação (menus, ícones, links e botões) estão todos claros e fáceis de localizar Eu sempre sei em que página estou e como chegar onde quero chegar Mesmo antes de clicar em um link (ligação com outra página ) eu já sei o destino dele O conteúdo textual está claro e consistente Os títulos das páginas deste site são muito intuitivos O número de telefone e demais informações sobre a empresa são fáceis de serem localizadas De um modo geral, considero rápido o acesso às informações do site As orientações sobre acessibilidade estão claras e fáceis de serem localizadas Concordo fortemente Concordo Não sei responder Discordo Discordo totalmente Mensurando os resultados (contexto de uso)
  • 19. TÉCNICAS OBJETIVAS/EMPÍRICAS Possível falha de usabilidade: em relação aos botões na área de destaque (página principal), apenas um participante “clicou” no botão de direcionamento para a área de downloads... É possível que o padrão estético adotado nos botões esteja confundindo os usuários...
  • 20. CONSIDERAÇÕES FINAIS No que se refere à prioridade, organização e representação das informações, um projeto de arquitetura informacional web deve definir como diferentes grupos e níveis de tratamento serão utilizados para a apresentação e o compartilhamento eficiente de diferentes mídias e informações. Uma arquitetura informacional bem elaborada pode facilitar a contemplação dos requisitos de usabilidade, minimizando a possibilidade de erros. Os resultados do estudo indicaram que embora a usabilidade tenha sido avaliada de forma positiva, existem oportunidades de melhoria no website da NRSYSTEM.
  • 21. Contribuição: a partir da lista de critérios apresentados neste estudo, espera-se ampliar a compreensão sobre o tema, viabilizando novas indagações sobre o levantamento de requisitos em projetos de interface. Limitações: por se tratar de um estudo de caso, os resultados não podem ser generalizados, ou seja, os resultados e conclusões aplicam-se somente ao website estudado. CONSIDERAÇÕES FINAIS
  • 22. OBRIGADO! Rogério Fernandes da Costa ([email protected]) Faculdades Metropolitanas Unidas Informação e ambientes digitais: organização e acesso Seminário FESPSP “São Paulo: a cidade e os seus desafios”

Notas do Editor

  • #4: A rápida evolução dos websites, tanto em seu escopo quanto na complexidade das possíveis interações, tem afetado diretamente os usuários e desenvolvedores !
  • #7: Para responder a pergunta de pesquisa, o construto informação foi analisado a partir de três dimensões: Usuário, Conteúdo e Contexto