PROPOSTA DE PROJETO DE PESQUISA

1. IDENTIFICAO DO PROJETO

1.1 Ttulo do Projeto de Pesquisa: Informare: Aplicao dos fatores de usabilidade da

ABNT no projeto de um website com uso de gerenciador de contedo livre
1.2 Linha de Pesquisa
1.3 Grande rea do Conhecimento: 10000003 Cincias Exatas e da Terra
1.4 rea do Conhecimento: 10300007 Cincia da Computao
1.4.1 Especialidade: 10303006 Metodologia e Tcnicas da Computao
1.5 Grupo de Pesquisa: GESis Grupo de Estudos em Sistemas de Informao

2. INTEGRANTES DA PROPOSTA

2.1 Coordenador

Nome /SIAPE: Claudio Kleina

CPF: 016589179-36
Formao/Campus: Bacharelado em Sistemas de Informao, Mestrado em
Educao/Campus Palmas
Carga horria dedicada ao Projeto: 16 horas
E-mail: claudio.kleina@ifpr.edu.br
Telefone (Informar o DDD): (46) 32638916

Nome /SIAPE: Lauriana Paludo/1914314

CPF: 00484145908
Formao/Campus: Mestrado em Computao Aplicada/Campus Palmas
Carga horria dedicada ao Projeto: 04 horas
E-mail: lauriana.paludo@ifpr.edu.br
Telefone (Informar o DDD): (46) 32638916

2.2 Colaboradores
2.2.1 Colaborador Docente ou Tcnico
Administrativo/Titulao/SIAPE/Instituio/Departamento ou Cmpus/E-mail

2.2.2 Colaboradores Discentes/Curso/Perodo/Cmpus/Modalidade de Bolsa.

Micheli Dietrich/Bacharelado em Sistemas de Informao/4perodo/Campus Palmas/sem

bolsa.

3. SOLICITA RENOVAO DA PROPOSTA DO PROJETO DE PESQUISA:

( ) SIM ( X ) NO

4. CARACTERIZAO DA PROPOSTA

4.1 Resumo do Projeto:

O projeto tem como objetivo o desenvolvimento de um website atravs da utilizao da
ferramenta WordPress para organizar e disponibilizar informaes sobre as atividades
realizadas no curso de Bacharelado em Sistemas de Informao do IFPR campus Palmas.
Justifica-se o mesmo pela necessidade de ter um canal independente para que alunos,
professores e comunidade interna e externa ao IFPR campus Palmas possam encontrar
informaes atualizadas sobre o curso. O projeto se desenvolver atravs do estudo das
ferramentas WordPress, formulrios do Google, conceitos sobre Interao Humano-
Computador, acessibilidade e fatores de usabilidade da ABNT, que sero aplicados na
criao do website. Aps a elaborao do site, o mesmo ser avaliado com o objetivo de
verificar se os fatores de usabilidade empregados em seu desenvolvimento facilitam a sua
usabilidade do ponto de vista dos usurios. Ao final do projeto espera-se a criao de um
site com as principais informaes sobre o Curso de Sistemas de Informao, organizadas
conforme os conceitos atualmente propostos pela ABNT sobre usabilidade, interao
humano-computador e acessibilidade.

4.1.1 Palavras chave: arquitetura da informao, website, interao humano-computador,

usabilidade.

4.2 Fundamentao da Proposta:

4.2.1 Contextualizao
As Instituies Federais de Ensino geram uma grande quantidade de informaes
diariamente. Organiz-las e disponibiliz-las de forma que as pessoas as encontrem com
facilidade torna-se, ento, um grande desafio. Em especfico, no Curso de Bacharelado em
Sistemas de Informao do IFPR campus Palmas, resultados das reunies de colegiado,
participao em eventos, pesquisas em andamento, atividades de ensino desenvolvidas nas
aulas pelos professores, alteraes no calendrio, horrio de provas, cronograma de
disponibilidade de professores para apoio ao docente, projetos de extenso, so alguns
exemplos de informaes que podem ser divulgadas para a comunidade interna e externa.
E, para que a informao possa ser facilmente encontrada pelos usurios, o projeto
do website seguir as diretrizes de usabilidade propostas pela Associao Brasileira de
Normas Tcnicas (ABNT).

4.2.2 Fundamentao
4.2.2.1 Arquitetura da Informao
A organizao da informao fundamental para melhorar a interao dos usurios
em sistemas informatizados. Semeler (2013) destaca que a elaborao do projeto de um
website sintetiza-se atravs da organizao sistemtica dos links, visando favorecer o
acesso informao, possibilitando criar associaes com significado. No mesmo artigo,
tambm afirma que o objetivo definir a forma como a informao estar disposta e como
os usurios podero navegar nela.
Cicon e Lunardelli (2012) destacam a importncia da organizao do contedo em
websites, de responsabilidade da Arquitetura da Informao (AI) que uma atividade que
combina a aplicao de esquemas de navegao, organizao, rotulagem e busca a partir
de um espao informacional que objetiva facilitar as tarefas e o acesso intuitivo aos
contedos na web, atendendo as necessidades do usurio.
 Para Morville e Rosenfeld (2006) a organizao da informao em websites orienta
as maneiras como o contedo pode ser agrupado, os critrios de disposio, as formas de
armazenamento, classificao e a descrio dos itens informacionais.
Neste sentido, Nielsen e Loranger (2007, p. 76) reforam que os usurios Web so
extremamente orientados a objetivos procuram informaes importantes para eles e
ignoram qualquer coisa que outras pessoas queiram empurrar para eles.
Com o desenvolvimento do website, as principais informaes estaro reunidas,
organizadas e disponveis aos alunos, professores do curso, comunidade interna do IFPR e
comunidade externa.
Nielsen e Loranger (2007, p. 171) complementam que websites prematuramente
colocados on-line e sem um esquema informacional efetivo impedem que usurios
consigam as informaes que eles buscam. Um site bem estruturado fornece aos usurios
o que querem no momento certo.
Os autores tambm salientam que um Website que possui contedo mal escrito ou
desorganizado, muitas vezes, faz com que o usurio no consiga concluir as tarefas mais
bsicas. As informaes precisam ser filtradas e organizadas de forma que o leitor-alvo
consiga compreender. Ou ainda, quando os usurios no conseguem encontrar o que
precisam, com frequncia, supem que as informaes no esto disponveis l (NIELSEN
e LORANGER, 2007, p. 172).
Por isso, na etapa do projeto de um website deve-se definir os conceitos sobre o
perfil de usurios e suas demandas de informao, os objetivos do site, o design de
navegao e a identidade visual do mesmo (SEMELER, 2013, s/p).
Segundo Kalback (2009, p. 195), o projeto da Arquitetura da Informao [...] trata de
coordenar objetivos, contedo, tecnologia e as necessidades dos usurios em uma
experincia de navegao coesa.
Nielsen e Loranger (2007, p. 178) destacam que manter uma estrutura navegacional
consistente ajuda os usurios a visualizarem a localizao e as opes atuais e minimiza
suposies, j que o esquema de organizao define as caractersticas compartilhadas de
itens de contedo e influencia o agrupamento lgico de tais itens (ROSENFELD e
MORVILLE, 2006, p. 58).
Os sistemas de navegao em um website so necessrios para que o usurio
consiga se movimentar no espao informacional e hipertextual, mostrando sua localizao e
tambm o caminho correto para chegar ao seu destino (NIELSEN; TAHIR, 2002).

4.2.2.2 Interao Humano-Computador

 A interao humano-computador objetiva estudar como as pessoas projetam,
implementam e usam sistemas interativos (SANTOS, 2015).
Para Preece e Rogers (1997), o projeto da interface externa do software especifica a
aparncia e o comportamento da parte do sistema visvel ao usurio, incluindo elementos
como tipos de janela, formas de navegao, localizao de botes e definio de uma rea
apropriada de trabalho para o usurio.
Rebelo (2015), afirma que, na busca da satisfao do usurio final, o projeto deve
considerar o design conceitual, o design fsico (cores, imagens, etc.) e o design de
interao.
Nielsen e Loranger (2007, p. xiii) afirmam que a usabilidade refere-se rapidez com
que os usurios podem aprender a usar alguma coisa, a eficincia deles ao us-las, o
quanto lembram daquilo, seu grau de propenso a erros e o quanto gostam de utiliz-las. E
complementam que se as pessoas puderem ou no utilizarem um recurso, ele pode muito
bem no existir.
Rebelo (2015), citando o livro de Don Norman (1988), lista 7 princpios que devem
ser observados no projeto de usabilidade de um sistema:
a) Visibilidade dar visibilidade s principais funes do sistema;
b) Feedback fornecer retorno adequado ao usurio, permitindo que continue suas
aes;
c) Restries determinar quais reas o usurio pode utilizar, bloqueando as
demais;
d) Mapeamento convencionar e padronizar os controles e seus efeitos;
e) Consistncia projetar interfaces consistentes, com elementos semelhantes para
tarefas parecidas;
f) Affordance acrescentar recursos que possibilitem s pessoas saber como utiliz-
los.
Para o projeto do website, dentro dos limites da ferramenta WordPress, sero
considerados os fatores de usabilidade da ABNT e fundamentos da interao Humano-
Computador, como layout, uso de cores, tamanho da fonte, organizao do contedo,
acessibilidade, entre outros.

4.2.2.3 Norma ABNT

A norma NBR ISO 9241, de 2011, da Associao Brasileira de Normas Tcnicas,
sobre ergonomia da interao humano-sistema composta por diversas partes, dentre
elas est a parte 151 que trata de Orientaes para interfaces de usurios da World Wide
Web. (ABNT, 2011)
 Esta norma est direcionada ao projeto de contedo de um Website, navegao e
interao com o usurio e apresentao do contedo. (p. 10)
A norma destaca que as interfaces projetadas para a Internet apresentam problemas
tais como no considerar a diversidade de usurios, que estes podem possuir objetivos
distintos ao acessar o mesmo site e que diferentes browsers ou navegadores apresentam o
contedo de maneira diferente.
J a parte onze (11) desta norma, ilustrada pela Figura 1, versa sobre orientaes
sobre usabilidade, a qual definida como medida na qual um produto pode ser usado por
usurios especficos para alcanar objetivos especficos com eficcia, eficincia e satisfao
em um contexto especfico de uso. (ABNT, 2002, p.3)
A Figura 1 esquematiza a usabilidade proposta pela ABNT:
Figura 1: Usabilidade

Fonte: ABNT (2002).

A eficcia como medida de usabilidade definida pelo atingimento dos objetivos

especficos, j a eficincia estabelecida pela relao dos recursos gastos e a abrangncia
com as quais os usurios atingem os objetivos e a satisfao como a presena de atitudes
positivas e ausncia de desconforto. Estes quesitos de usabilidade devem ser considerados
dentro do contexto de uso que engloba os usurios, tarefas, equipamentos (hardware,
software e materiais), e os ambientes fsico e social no qual o sistema usado.
A norma apresenta recomendaes sobre as decises de aspectos de projeto de alto
nvel estratgico; projeto de contedo; navegao e busca e apresentao do contedo que
envolvem a construo de um website.
4.3 Objetivos a Serem Alcanados:

Objetivo Geral
Criar um website com informaes e atividades realizadas no Curso de Bacharelado
em Sistemas de Informao do IFPR campus Palmas, aplicando os fatores de
usabilidade propostos pela ABNT.

Objetivos Especficos
Estudar os limites e possibilidades do WordPress.
Levantar as informaes que sero inseridas no Website.
Selecionar e organizar as informaes projeto com WriteMaps.
Selecionar os fatores de usabilidade da ABNT que sero aplicados.
Construir modelos de leiaute e menus.
Planejar a escolha de tipos de fontes e uso de cores.
Testar a acessibilidade do site, utilizando ferramentas de anlise.
Organizar o recebimento das informaes atravs de um e-mail exclusivo para esta
finalidade
Criar um formulrio de avaliao sobre a usabilidade da pgina e organizao do
contedo.
Relatar a avaliao e as consideraes feitas nos formulrios, confrontando com o
referencial bibliogrfico sobre interao humano-computador e os fatores de
usabilidade propostos pela ABNT.
Propor alteraes visando sanar as possveis dificuldades apontadas nas avaliaes

4.4 Metodologia:
O projeto descrever o processo de construo de um Website, aplicando os fatores
de usabilidade da ABNT. A pesquisa, estudo e desenvolvimento sero realizados no
Laboratrio de Informtica V de Robtica do Instituto Federal do Paran, campus Palmas,
com reunio presencial todas as quintas-feiras das 13h30m s 17h30m. O projeto e
desenvolvimento do site, dentro das possibilidades da ferramenta WordPress, observaro os
elementos de Interao Humano-Computador (IHC), ergonomia e usabilidade propostos
pela ABNT.
Iniciar com o estudo da ferramenta de gerenciador de contedos WordPress e dos
fatores de usabilidade propostos pela ABNT. Aps o levantamento da informao que ser
disponibilizada no Website, ser criado e testado o modelo da arquitetura da informao.
Aps da definio do modelo, iniciar a fase alimentao das informaes no sistema. Na
sequncia, ser confeccionado e aplicado um questionrio atravs de um formulrio
eletrnico para testar a usabilidade com grupos dos principais usurios. Os dados
levantados serviro para confrontar a opinio dos usurios com os fatores de usabilidade da
ABNT, que possibilitar a confeco do relatrio final com os resultados da pesquisa, que
ser divulgada atravs da publicao de um artigo cientfico.

4.5 Recursos (Materiais e Financeiros):

a) Computador com acesso Internet para construo do site e produo do
relatrio do laboratrio V do curso de Sistemas de Informao do IFPR campus Palmas.
b) A norma NBR ISO 9241:151, de 2011, disponvel na web.
c) Livros sobre organizao de contedo, construo de menus, leiaute e interao
humano computador, presentes na biblioteca do IFPR campus Palmas.

4.6 Cronograma:
Atividades mar abr mai jun jul ago set out nov dez
Definio e teste das X
ferramentas utilizadas
Estudo das ferramentas X X X X
WordPress e WriteMaps
Levantamento das Informaes X X X X X X
Estudo da IHC e fatores de X X X
usabilidade da ABNT
Planejamento da Arquitetura da X X X
Informao
Organizao da Arquitetura da X X X
Informao
Definio do leiaute da pgina X X
principal do website
Insero das informaes no X X X
website
Testes de usabilidade X X X X
Confeco e aplicao de X X
formulrio eletrnico para
avaliao do website
Relatrio parcial X X X X X X X X X X
Relatrio final X X
Produo do Artigo Cientfico X X
4.7 Carga Horria Necessria ao Projeto:

Para a realizao do projeto sero necessrias 16 horas semanais do coordenador e 04

horas semanais dos colaboradores.

4.8 Referncias

ABNT. NBR ISO 9241: Ergonomia da interao humano-sistema. Parte 151: Orientaes
para interfaces de usurios da World Wide Web. Rio de Janeiro: ABNT, 2011.

CICON, Claudia Regina; LUNARDELLI, Rosane S. A. A ORGANIZAO DA

INFORMAO EM AMBIENTE WEB. Inf. Prof., 2012. Disponvel em:
http://www.uel.br/revistas/uel/index.php/infoprof/article/download/14592/12260 Acesso em:
28 de out. 2015.

KALBACH, James. Design de navegao Web. Trad. de Eduardo Kessler Piveta. Porto
Alegre: Bookman, 2009.

MORVILLE, Peter; ROSENFELD, Louis. Information Architecture for the world wide web.
3. ed. Sebastopol: OReily Media, 2006.

NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na Web: Projetando Websites com

qualidade. Rio de Janeiro: Elsevier, 2007.

NIELSEN, Jakob; TAHIR, Marie. Homepage Usabilidade: 50 websites desconstrudos. Rio

de Janeiro: Campus, 2002.

PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de Interao: Alm da

Interao homemcomputador. Editora Bookman, So Paulo: 2005.

REBELO, Irla B. 7 Princpios de projeto de interao. Disponvel em: <

https://irlabr.wordpress.com/apostila-de-ihc/parte-1-ihc-na-pratica/7-principios-de-projeto-de-
interacao/>. Acesso em: 01 de novembro de 2015.

ROSENFELD, Louis; MORVILLE, Peter. Information Architecture for the World Wide
Web: Designing Large-Scale Web Sites. 3 ed. Sebastopol, Califrnia : OReilly, 2006.

SANTOS, N. Interfaces de Ambientes Educacionais: Diretrizes de Projeto. Disponvel

em: <http://www.ime.uerj.br/professores/neidenew/Interfaces.htm>. Acesso em 01 de nov.
2015.

SEMELER, Alexandre Ribas. Concepo de interfaces para websites de bibliotecas

universitrias: projeto, elaborao e gesto de informao em meio digital Rev. digit.
bibliotecon. cienc. inf. Campinas, SP v.11 n.1 p.72-82 jan./abr. 2013

Local e data: Palmas, 29 de fevereiro de 2016.

___________________________________________
Assinatura do Coordenador do Projeto
 ANEXO I PLANO DE TRABALHO DO ALUNO (Projetos de pesquisa)

1. Ttulo do Projeto: Informare: Aplicao dos fatores de usabilidade da ABNT no projeto

de um website com uso de gerenciador de contedo livre

2. Atividades do Estudante:

2.2 Como este projeto poder contribuir para o desenvolvimento cientfico do aluno?
O aluno aprender conceitos de interface humano-computador e sua aplicao em sistemas
de informao. Tambm conhecer tcnicas de organizao da informao que contribuem
para usabilidade de Websites. Aprender tambm a utilizar ferramentas para organizao,
gerenciamento e disponibilizao da informao. Dever ser capaz desenvolver aes
prticas embasadas em conceitos tericos estudados e tambm relatar as aes
desenvolvidas usando linguagem cientfica.

2.3 De que forma o estudante ser inserido no projeto de pesquisa?

Todas as quintas-feiras, das 13:15 s 17:15 o aluno estar reunido com o grupo de pesquisa
para o desenvolvimento do projeto. Algumas atividades sero realizadas fora deste horrio e
dvidas sero discutidas por e-mail

2.4 Qual ser a participao do estudante para alcanar os objetivos descritos na

proposta?
O aluno estudar as ferramentas de gerenciamento e disponibilizao de contedo
(WordPress) e de organizao de contedos de contedos (WriteMaps). Buscar, junto
coordenao, professores, alunos e comunidade as informaes que sero inseridas na
pgina. Estudar elementos de interface humano-computador e da arquitetura da
informao, que embasaro o desenvolvimento do projeto do website.
O aluno tambm ser responsvel por manter a pgina web, inserindo e atualizando as
informaes. Quando a pgina estiver pronta, elaborar um formulrio on-line para
avaliao da usabilidade do website e auxiliar na redao do relatrio final.

2.5 De que forma ser encaminhada, junto ao estudante, a elaborao dos relatrios
finais e parciais?
Todo encontro resultar no registro das atividades que auxiliaro na redao do relatrio
final. O relatrio ser elaborado colaborativamente no decorrer dos encontros do grupo de
pesquisa
2.6 Cronograma de execuo de atividades do aluno:

Atividades mar abr mai jun jul ago set out nov dez
Definio e teste das X
ferramentas utilizadas
Estudo das ferramentas X X X X
WordPress e WriteMaps
Levantamento das Informaes X X X X X X
Estudo da IHC e fatores de X X X
usabilidade da ABNT
Planejamento da Arquitetura da X X X
Informao
Organizao da Arquitetura da X X X
Informao
Definio do leiaute da pgina X X
principal do website
Insero das informaes no X X X
website
Testes de usabilidade X X X X
Confeco e aplicao de X X
formulrio eletrnico para
avaliao do website
Relatrio parcial X X X X X X X X X X
Relatrio final X X
Produo do Artigo Cientfico X X