Você está na página 1de 66

UNIVERSIDADE FEDERAL DO PARAN

KZIA MACHADO SILVA


LUCIMARA GONALVES
SUZANA BEATRIZ SEGALLA E SILVA

PROPOSTA DE REFORMULAO VISUAL DO SITE INSTITUCIONAL DA


EMPRESA GILCPIAS COPIADORA

CURITIBA
2015
KZIA MACHADO SILVA
LUCIMARA GONALVES
SUZANA BEATRIZ SEGALLA E SILVA

PROPOSTA DE REFORMULAO VISUAL DO SITE INSTITUCIONAL DA


EMPRESA GILCPIAS COPIADORA

Trabalho apresentado como requisito parcial


obteno do grau de Tecnlogo em Comunicao
Institucional no curso de graduao em Tecnologia
em Comunicao Institucional, Setor de Educao
Profissional e Tecnolgica da Universidade
Federal do Paran.
Orientadora: Profa. Juliane Martins

CURITIBA
2015
TERMO DE APROVAO

KZIA MACHADO SILVA


LUCIMARA GONALVES
SUZANA BEATRIZ SEGALLA E SILVA

PROPOSTA DE REFORMULAO VISUAL DO SITE INSTITUCIONAL DA


EMPRESA GILCPIAS COPIADORA

Trabalho apresentado como requisito parcial obteno do grau de Tecnlogo em


Comunicao Institucional no curso de graduao em Tecnologia em Comunicao
Institucional, pela seguinte banca examinadora:

Profa. Me. Juliane Martins


Orientadora Setor de Educao Profissional e Tecnolgica da Univer-
sidade Federal, UFPR.

Prof. Dr. Cleverson Ribas Carneiro


Professor Setor de Educao Profissional e Tecnolgica da Universi-
dade Federal, UFPR.

Profa. Dra. Sandramara Scandelari Kusano de Paula Soares


Professora Programa Mdias Integradas na Educao, Setor de Edu-
cao Profissional e Tecnolgica da Universidade Federal, UFPR.

Curitiba, 11 de dezembro de 2015


RESUMO

O presente trabalho consiste na apresentao de uma proposta de reformulao


visual do site da empresa Gilcpias Copiadora, focando em sua melhoria com base
nos princpios de usabilidade, da arquitetura da informao e do design grfico,
fundamentados nos conceitos de autores como James Kalbach (2009), Jakob
Nielsen (1993, 1996), Hoa Loranger (2007) e Peter Morville e Louis Rosenfeld
(1998). O objetivo disso incorporar valor imagem da empresa estudada.
Metodologicamente, em primeiro lugar, foi realizada uma pesquisa qualitativa,
visando contemplar a totalidade dos problemas existentes no site atual da Gilcpias.
Os resultados obtidos evidenciaram, aps a anlise dos dados, que existe uma
considervel gama de processos que deveriam ser melhorados. Aps a proposta de
reformulao, nova pesquisa foi aplicada, e os novos resultados apontaram que o
novo site teria boa aceitao dos usurios. Portanto, se implementado o novo site,
trar bons resultados para a Gilcpias, melhorando a comunicao e, tambm, sua
imagem perante os seus clientes.

Palavras-Chave: Site institucional. Usabilidade. Arquitetura da informao. Design


grfico. Gilcpias.
ABSTRACT

The present work consists in the presentation of a proposal for a recast of the Web
site of Gilcpias Copier, focusing on its improvement based on the principles of usa-
bility, information architecture and graphic design, based on the concepts of authors
like James Kalbach (2009), Jakob Nielsen (1993, 1996), Hoa Loranger (2007) and
Peter Morville and Louis Rosenfeld (1998). The purpose of this is to embed value to
the company's image. Methodologically, firstly, a qualitative research was made, in
order to contemplate all of the existing problems in current site of Gilcpias. The re-
sults obtained showed, after analysis of the data, there is a considerable range of
processes that should be improved. After the proposal to recast, new research was
applied, and the new results showed that the new site would have good acceptance
of the users. Therefore, if implemented the new site, will bring good results to
Gilcpias, improving communication and, also, his image towards its customers.

Keywords: Institutional Website. Usability. Informational Architecture. Graphic De-


sign. Gilcopias.
LISTA DE ILUSTRAES

FIGURA 1 CATEGORIAS DE DOMNIOS...............................................................28

FIGURA 2 CATEGORIAS DE DOMNIOS...............................................................29

FIGURA 3 CATEGORIAS DE DOMNIOS...............................................................29

FIGURA 4 ESTATSTICAS DE DOMNIOS REGISTRADOS..................................31

FIGURA 5 PREOS REGISTROS DE DOMNIOS.................................................32

FIGURA 6 PREOS REGISTROS DE DOMNIOS.................................................32

FIGURA 7 HOMEPAGE...........................................................................................36

FIGURA 8 BUSCA EXTERNA.................................................................................37

FIGURA 9 BUSCA INTERNA..................................................................................38

FIGURA 10 SERVIOS...........................................................................................39

FIGURA 11 SERVIDOR DE E-MAIL........................................................................40

FIGURA 12 ERRO SERVIDOR DE E-MAIL............................................................40

FIGURA 13 LOCALIZAO....................................................................................41

FIGURA 14 HOMEPAGE SITE REFORMULADO...................................................47

FIGURA 15 INSTITUCIONAL SITE REFORMULADO............................................48

FIGURA 16 SERVIOS SITE REFORMULADO.....................................................49

FIGURA 17 CLIENTES SITE REFORMULADO......................................................50

FIGURA 18 LOCALIZAO E CONTATO SITE REFORMULADO ........................51


LISTA DE QUADROS

QUADRO 1 FONTES..............................................................................................24

QUADRO 2 PESQUISA DE SATISFAO SITE ATUAL........................................43

QUADRO 3 RESPOSTAS DA QUESTO ABERTA DA PESQUISA DE

SATISFAO SITE ATUAL........................................................................................45

QUADRO 4 PESQUISA DE FEEDBACK SITE REFORMULADO NO WIX............52

QUADRO 5 RESPOSTAS DA QUESTO ABERTA DO PESQUISA DE FEEDBACK

SITE REFORMULADO NO WIX................................................................................55


LISTA DE GRFICOS

GRFICO 1 LAYOUT/DESIGN SITE ATUAL..........................................................44

GRFICO 2 INTERFACE,MENU E OPES E INFORMAES SITE ATUAL....45

GRFICO 3 LAYOUT/DESIGN SITE REFORMULADO NO WIX...........................53

GRFICO 4 INTERFACE SITE REFORMULADO NO WIX....................................53

GRFICO 5 INFORMAES E SERVIOS SITE REFORMULADO NO WIX......54

GRFICO 6 MENUS SITE REFORMULADO NO WIX...........................................54


SUMRIO

1 INTRODUO..........................................................................................................9

2 A INTERNET NO CONTEXTO ATUAL ...................................................................12

3 USABILIDADE........................................................................................................17

3.1 Linguagem web....................................................................................................19

3.1.2 Design...............................................................................................................23

3.1.3 Linguagem textual.............................................................................................26

4 DOMNIO E HOSPEDAGEM .................................................................................28

5 A EMPRESA ...........................................................................................................34

5.1 O SITE DA EMPRESA.........................................................................................35

6 REFORMULAO DO SITE .................................................................................43

7 CONSIDERAES FINAIS ...................................................................................56

REFERNCIAS..........................................................................................................58

APNDICE 1 TEXTOS DO SITE REFORMULADO...............................................62

APNDICE 2 VDEO DEMONSTRATIVO DO SITE REFORMULADO..................65


9

1 INTRODUO

A proposta de reformulao visual do site da empresa Gilcpias Copiadora


surgiu da experincia de estgio vivida por uma das integrantes da equipe desse
projeto (Suzana Beatriz Segalla e Silva). Quando essa integrante trabalhou na em-
presa, notou que o uso de um e-mail, especifico para envio de arquivos para impres-
so pelos clientes, era intenso. A primeira tarefa que cada funcionrio faz no dia de
trabalho olhar a caixa eletrnica e fazer todos os trabalhos enviados depois do
trmino do expediente do dia anterior. Esse e-mail to importante para a empresa
que est hospedado em apenas um dos computadores, que ficou exclusivo para es-
sa funo. Geralmente, quem mais utiliza esse computador o chefe da empresa,
visto que, alm dos arquivos, muitos oramentos de servios tambm so solicita-
dos. Entretanto, mesmo com essa exclusividade, em alguns momentos o servidor do
e-mail tambm tinha problemas, oque prejudicava todo um dia de trabalho, pois mui-
tos clientes apareciam para buscar o material enviado para impresso, mas o mate-
rial no estava pronto e causava um grande desconforto na relao cliente
empresa.
Foram levantadas, pela aluna, duas perguntas: se no tinham outros meios
de enviar arquivos, como um site da empresa, que enviaria os arquivos para outra
caixa online, como um banco de dados, ou at mesmo se existia um e-mail reserva.
A segunda questo existe, mas ningum se lembra da senha desse e-mail alternati-
vo, impossibilitando o seu acesso, e o site existe, porm nunca foi utilizado para es-
se propsito, assim o assunto foi esquecido.
A necessidade de um tema para este trabalho ento surgiu, e a lembrana do
site tambm. A webpage da Gilcpias foi analisada pela equipe e ficou ntida toda a
falta de atualizao da pgina. Ela arcaica para os padres de web atuais, e no
atende nenhuma necessidade da empresa, apenas um site inutilizado, mas que
continua com a hospedagem paga em dia, ou seja, gera um custo extra para a em-
presa.
Depois de decidido qual seria o tema do projeto, verificamos quais seriam os
objetivos necessrios que, alinhados proposta, levassem a um resultado satisfat-
rio tanto para a empresa como para os seus clientes. Constatamos que o objetivo
geral seria a elaborao de um site institucional que atendesse as necessidades b-
10

sicas de uma ferramenta de comunicao online. Consequentemente, seria neces-


sria uma anlise do site atual que constatasse os erros existentes para que puds-
semos corrigi-los na proposta de reformulao visual. Visando a correo desses
erros, procuramos fundamentao nos princpios do design, da usabilidade e da ar-
quitetura da informao, com autores como James Kalbach (2009), Jakob Nielsen
(1993, 1996), Hoa Loranger (2007) e Peter Morville e Louis Rosenfeld (1998).
Alm dessa anlise, percebemos que precisaramos adquirir alguns conheci-
mentos a mais sobre a internet em geral, como o comportamento dos usurios. Co-
nhecimentos relacionados usabilidade e design, bem como a arquitetura da infor-
mao envolvida no processo de criao de um site. Outro fator importante era en-
tender sobre domnio e hospedagem, pois assim decidiramos qual plataforma esco-
lher para a criao do escopo do sistema. Neste trabalho, esses conhecimentos es-
to distribudos da seguinte maneira:
A internet no contexto atual Nesse captulo, tentamos abordar como a inter-
net mudou desde a criao do atual site da empresa, com tecnologias que surgiram
com o tempo e a evoluo do usurio, que se tornou mais participativo no ambiente
online. Tambm abordamos a importncia de um site institucional e itens bsicos
que ele deve seguir, visto que o mundo digital cresce mais a cada dia e a presena
de uma empresa nesse meio pode ser um diferencial se comparado concorrncia.
Usabilidade A partir daqui entramos em uma anlise mais tcnica sobre
usabilidade. De acordo com a ISO 9241-11.1998, usabilidade a capacidade de um
produto ser usado por usurios especficos para atingir objetivos especficos com
eficcia, eficincia e satisfao em um contexto especfico de uso, ou seja, deve-
mos nos preocupar como o usurio vai utilizar o site, haja vista que toda webpage
tem dois propsitos: melhorar a imagem da empresa no mundo web e agregar no-
vos visitantes, no caso clientes. Outros pontos abordados so a linguagem web e
design grfico, pois ambos esto extremamente atrelados ao quesito de usabilidade,
uma vez que a primeira coisa que prende o usurio ao sistema a apresentao vi-
sual da pgina.
Domnio e hospedagem abordando o que so esses conceitos e como fazer
para colocar uma pgina online, todos os passos a serem seguidos e, tambm, in-
formaes sobre quais servios podem ser gratuitos e quais os valores aproximados
dos que so pagos.
Empresa Tendo todos esses conhecimentos adquiridos e explanados, co-
11

meamos ento a apresentar a empresa Gilcpias Copiadora, com um breve histri-


co da instituio, sua misso, viso, valores e seus principais clientes. Nesse captu-
lo h tambm a anlise do site atual da empresa, bem como a metodologia utilizada
para a proposta de sua reformulao, que conta com pesquisa que aponta para uma
nova imagem online para a instituio.
Portanto, este trabalho vem como uma proposta para reformulao do site
institucional da Gilcpias Copiadora, com a inteno de melhorar tanto a imagem da
empresa quanto o relacionamento e comunicao com seus clientes.
12

2 A INTERNET NO CONTEXTO ATUAL

Atualmente a internet tornou-se a maneira mais objetiva, rpida e eficiente de


acesso a um nmero ilimitado de informaes com apenas um clique. Facilita a inte-
rao com outras pessoas de uma forma quase instantnea, o que otimiza a comu-
nicao. De acordo com Castells (2006, p. 255, apud FREITAS, 2014), a internet
e ser ainda mais o meio de comunicao e de relao essencial sobre o qual se
baseia uma nova forma de sociedade que ns j vivemos.
A utilizao da internet passou a estar presente na vida das pessoas de uma
maneira corriqueira, o que influenciou o comportamento individual e coletivo. Con-
forme diz Mayra Cavalcanti (2014), a internet tornou-se o segundo meio de comuni-
cao mais acessado no Brasil, perdendo apenas para a TV aberta, fato reafirmado
na Pesquisa Brasileira de Mdia 2014, realizada pela Secretaria de Comunicao
Social da Presidncia da Repblica (2014). Portanto, pensando nesse novo perfil de
usurio, praticamente impossvel ficar desconectado, sendo que as tecnologias j
se tornaram essenciais no cotidiano da sociedade moderna, tanto no aspecto profis-
sional como no pessoal.
O mundo online surgiu com trs objetivos principais, que so: transformar,
inovar e desenvolver. Esses objetivos, que foram facilitados devido as novas ferra-
mentas tecnolgicas, permitem aos indivduos uma frequncia maior de interativida-
de com outras pessoas, em qualquer lugar do globo, num curto espao de tempo.
Conforme Lemos (2003, apud RODRIGUES, 2015) afirma, a sociedade da in-
formao marcada pela ubiquidade e pela instantaneidade.
Esse fenmeno de conectividade chamado por Castells (1999) de socieda-
de em rede e afirma que a Internet:

[...] constitui a base material e tecnolgica da sociedade em rede; a infra-


estrutura tecnolgica e o meio organizativo que permitem o desenvolvimen-
to de uma srie de novas formas de relao social que no tm sua origem
na internet, que so fruto de uma srie de mudanas histricas, mas que
no poderiam desenvolver-se sem a Internet. (CASTELLS, 2000, in MORA-
ES, 2003, p. 286-287, apud RUFINO, 2009)

Nos anos 1970, com o surgimento da microinformtica, comeou a se formar


o movimento da cibercultura, e ficou mais evidente o quanto o homem estava ligado
tecnologia. A conexo entre homens e mquinas foi, e ainda , retratada pelo uso
13

constante de diversos aparatos como computadores, celulares, televisores, etc. Essa


conexo tambm abordada pelo autor Pierre Lvy que usa os termos ciberespao
e cibercultura:

O ciberespao (que tambm chamarei de rede) o novo meio de comuni-


cao que surge da interconexo mundial dos computadores. O termo es-
pecifica no apenas a infra-estrutura material da comunicao digital, mas
tambm o universo ocenico de informaes que ela abriga, assim como os
seres humanos que navegam e alimentam esse universo. Quanto ao neolo-
gismo cibercultura, especifica aqui o conjunto de tcnicas (materiais e inte-
lectuais), de prticas, de atitudes, de modos de pensamento e de valores
que se desenvolvem juntamente com o crescimento do ciberespao. (LVY,
1999, p. 17)

Esse novo cenrio promove aos usurios, uma mudana significativa em suas
vidas e cotidiano. Os usurios tornaram-se mais exigentes e, diante desse contexto,
mais disponveis e adaptveis s mudanas e uso das ferramentas tecnolgicas.
O primeiro conceito de internet surgiu em 1990, por Tim Berners Lee, e foi
denominado web 1.0, que a juno de tecnologias simples, baseadas em uma co-
municao unidirecional (RODRIGUES, 2015). Nessa forma, a internet s era utili-
zada para informar sem muita interao com o usurio, sendo apresentada apenas
por pginas de texto e imagens interligadas por hiperlinks.
Com o passar do tempo, a web 1.0 apresentou seus pontos fracos: o usurio
era um mero consumidor, os servios eram quase todos pagos e tambm havia pou-
ca interatividade entre empresa e cliente. Segundo Patrcio (2009, p. 7), a web 1.0
caracterizava-se, ento, por uma grande quantidade de informaes disponveis e
acessveis por todos, onde o utilizador era um simples espectador que no podia al-
terar ou reeditar o contedo das pginas da web.
A internet s disponibilizava ao usurio consultas e uma comunicao limita-
da, sendo usado no mximo o e-mail. Entretanto, em meados de 2004, criada por
Dale Dougherty, surgiu a web 2.0, considerada uma internet que apresenta a comu-
nicao num formato bidirecional, ou seja, uma web participativa, colaborativa e
social, atuando como uma ponte de interao do mundo real para o mundo digital.
Nesse conceito, comporta-se como uma sociedade de informao, em que h blogs,
chats, redes sociais, etc. Nessa verso, tambm ocorrem constantes atualizaes,
que podem oferecer aos usurios novas formas de compartilhamento de contedos,
proporcionando assim a interao.
14

Devido essas mudanas, a internet popularizou-se em todo o mundo. Os


usurios comearam a interagir em comunidades virtuais, redes sociais, tais como
YouTube, Facebook, Flickr, Wikipdia, Orkut, MSN, Skype, etc. Entre diferenas de
plataformas e de verses, na 2.0, os sites j no so estticos, possuem layout e
usabilidade focados essencialmente nos usurios.
O autor Denis de Moraes (1998, p. 233) ressalta a importncia dessa intera-
o, gil e rpida, citando um dos maiores pensadores da comunicao:

O cenrio da segunda metade dos anos 90 aponta para um caminho sem


volta: as mdias imprimem o timbre da interatividade em vrios de seus
produtos. Marshall McLuhan antevira esta possibilidade ao indicar que, com
o avano sistmico das telecomunicaes, se generalizariam contatos e
trocas: mais e mais pessoas entraro no mercado de informaes, perdero
as suas identidades privadas neste processo, mas emergiro com
capacidade para interagir com qualquer pessoa da face do globo.

A internet, tendo essa capacidade como ferramenta de comunicao, leva um


pouco de todas as mdias antecessoras a ela, como diz Radfaher (2000, p. 33):

A web gil como o rdio, abrangente como o jornal, rica como o


videogame, envolvente como a TV, em alguns casos mveis como o celular.
Tambm pode ser cativante como a correspondncia, profunda como uma
consulta a um especialista, imprevisvel como um papo de boteco. A web
a web.

As possibilidades de explorar essas peculiaridades so imensas. Na hora de


determinar o que um site vai disponibilizar, por exemplo, podem ser usados vdeos,
textos, udios, fotos e animaes. Ainda de acordo com o autor, a internet, diferente
de outras mdias comunicacionais, conta com diferentes recursos, e dois dos
principais so a possibilidade de personalizao e de manipulao. A personalizao
a capacidade de criar veculos que possibilitem o contato direto e individual com o
outro no ambiente virtual e a manipulao a interatividade que esse contato
proporciona.
Para a consultora Ftima Giogiolli, em uma entrevista para a Endeavor Brasil
(VICTORINO, 2013), o mundo agora no possui mais a passagem de informaes
em 180 como nas mdias tradicionais, mas sim em 360, porque a velocidade de
disseminao de dados massiva com a internet. Ainda de acordo com ela, a
sociedade passou da era da informao para a era da mediao.
Nesse sentido, o cliente de uma empresa, por exemplo, mais crtico e
15

precisa de informaes claras e objetivas e, ao mesmo tempo, preocupa-se com o


seu bem-estar. Portanto, o consumidor se tornou algo como, um agente de
avaliao de produtos. Tanto que Jakob Nielsen e Hoa Loranger (2007, p. 27)
afirmam que o usurio j tem em mente um propsito na internet e geralmente
espera algo prtico, simples, rpido e agradvel durante a busca efetuada.
Com essa perspectiva, o mundo corporativo, ao se inserir no universo web,
precisa conhecer os inmeros instrumentos que facilitam o relacionamento online
das empresas, tanto com outras organizaes, quanto com seus pblicos de
interesse, tais como sites institucionais, perfis em redes sociais, servidores de e-
mails, mtricas online, mas nem todas as instituies sabem qual utilizar ou como
fazer bom uso desses instrumentos.
Caso a empresa no saiba como se inserir no mundo das redes sociais, que
possui uma linguagem textual e comportamental prprias, mas ainda queira marcar
uma presena online, a instituio pode criar um site institucional, que uma porta
de entrada para esse mercado virtual promissor. Para Vieira (2009, p. 13), o site ins-
titucional um dos elementos fundamentais e essenciais e atua como uma estrat-
gia corporativa, porm, parte-se de uma premissa de que as informaes precisam
ser transmitidas com atualizaes constantes e interativas para que o processo ga-
ranta uma comunicao mais eficiente.
Um site institucional serve para apresentar uma empresa, seu produto, hist-
ria e divulg-la, sendo que sua estrutura deve ser pensada com cuidado e estar de
acordo com o segmento de atuao e atividade. O site deve ser cuidadosamente
elaborado, levando-se em conta as necessidades da organizao.
Outro ponto importante a ser priorizado dentro de um site institucional o
conceito de transparncia, o qual agrega valores de credibilidade para a empresa. O
site da instituio precisa respeitar uma periodicidade e sempre manter notcias, in-
formaes e dados atualizados, valorizando assim essa ferramenta de comunicao.
Segundo Carolina Frazon Terra (2006, p. 85), ao associar a importncia da insero
do universo digital comunicao organizacional, a autora considera o seguinte:

Independentemente da ferramenta de comunicao digital a ser utilizada pe-


lo comunicador ou levada em considerao em um planejamento direto de
comunicao organizacional, observamos algumas caractersticas comuns
a todas elas. Consideramos atributos comuns a comunicao segmentada;
de relevncia para o usurio; bidirecional; interativa; que permita a partici-
pao e a construo coletivas; direta, gil, de rpida disseminao (capa-
cidade viral) e pode ser gerada pelo consumidor.
16

Entretanto, para que essa comunicao tenha resultados satisfatrios, o site


institucional precisa oferecer aos clientes que o procuram servios de uma maneira
objetiva e funcional. Deve oferecer dados bsicos, mas de suma importncia, como
a localizao, os produtos ou servios prestados, os contatos atualizados, a histria
da empresa, entre outros. Segundo Saad Corra (2006, p. 95), a comunicao digital
consiste:

[] no uso das Tecnologias Digitais de Informao e Comunicao (TICs),


e de todas as ferramentas delas decorrentes, para facilitar e dinamizar a
construo de qualquer processo de comunicao integrada nas organiza-
es. [] a escolha daquelas opes tecnolgicas disponveis no ambien-
te ou em desenvolvimento, cujo uso e aplicao o mais adequado para
uma empresa especfica e respectivos pblicos especficos.

Para alcanar esses resultados um site institucional deve possuir algumas


caractersticas principais, elencadas por Andr Maral Leandro (2014):
a) clean e objetivo: fazer com que o visitante em poucos segundos saiba o
que a empresa faz e que tipo de produtos e servios oferece;
b) boa navegabilidade: uma navegao fcil e clara, usar sempre no site
poucos itens no menu;
c) bom contedo: contedo interessante e atualizado;
d) busca: muitas vezes a informao no encontrada facilmente, pois
depende tambm de quem far a busca, mesmo com atualizaes ainda
uma situao difcil para muitos usurios. O site com campo de busca ajuda o
visitante na busca do servio ou contedo desejado;
e) redes sociais: importante que a empresa esteja nas principais e mais
acessadas redes sociais.
f) site responsivo: hoje quase a maioria dos visitantes vai acessar ao site por
tablets ou smartphones, por isso a importncia do site ter acessibilidades aos
mais diversos dispositivos mveis.
Ao fazer pesquisas em buscadores, como o Google, podem-se encontrar
vrios sites que no atendem a essas caractersticas. Alguns podem ter uma tima
apresentao, mas pecam na navegao, outros possuem contedos atrativos e
interessantes, mas o aspecto visual pode causar desconforto ao usurio durante o
acesso. Cabe ento ao desenvolvedor saber como usar a internet a favor da
empresa, buscando saber dos interesses e necessidades dos seus clientes.
17

3 USABILIDADE

Ao desenvolver um site, uma das questes que se leva em considerao a


usabilidade. Termo definido como a capacidade de um produto ser usado por usu-
rios especficos para atingir objetivos especficos com eficcia, eficincia e satisfa-
o em um contexto especfico de uso (ISO 9241-11,1998), ou seja, nesse caso es-
pecfico, a anlise de um produto no ambiente ciberntico que leva em considera-
o a interao HomemComputador. Para Nielsen e Loranger (2007, prefcio,
XVIII):

A usabilidade um atributo de qualidade relacionado facilidade de uso de


algo. Mais especificamente, refere-se rapidez com que os usurios po-
dem aprender a usar alguma coisa, a eficincia deles ao us-la, o quanto
lembram daquilo, seu grau de propenso a erros e o quanto gostam de uti-
liz-la. Se as pessoas no puderem ou no utilizarem um recurso, ele pode
muito bem no existir.

Se o produto utilizado agradar ao usurio, ele considerado bom, se ocorrer


o oposto, h problemas no sistema desenvolvido. Nielsen (1993, p. 26) aponta cinco
atributos usabilidade. O primeiro atributo a facilidade de aprendizado, que de-
termina que o sistema utilizado deva ser de fcil assimilao, permitindo que o usu-
rio faa tarefas rapidamente, pois a primeira experincia pode ser decisiva para ha-
ver outro acesso ao sistema. O segundo a eficincia de uso, esse atributo mais
direcionado para aqueles que j tiveram um contato inicial com o produto, pois eles
precisam da experincia da assimilao para aumentar a produtividade das tarefas a
serem realizadas.
O atributo seguinte o de facilidade de memorizao. Mesmo que o usurio
no tenha utilizado o site recentemente, ele ainda se recorda de como caminhar
pelo sistema, sem dificuldades. H, tambm, o atributo de baixas taxas de erros, que
procura oferecer ao usurio a melhor experincia com o site, visando alcanar os
objetivos propostos sem maiores transtornos e, caso ocorram, busca corrigi-los. Ou-
tro atributo a satisfao subjetiva, que consiste em analisar a Interao Humano
Computador (IHC), sendo este um dos mais importantes, pois pode determinar se o
18

sistema ter sucesso no ambiente ciberntico, se precisa de reparos, ou est con-


denado a mudanas drsticas.
Outros dois atributos que devem ser mencionados so: consistncia e flexibi-
lidade. A consistncia visa sequncias que devem ter aes e efeitos iguais, algo
que est relacionado ao primeiro atributo citado, a facilidade de aprendizado. Tam-
bm so medidas a consistncia do layout do site, as cores utilizadas, se a fonte es-
colhida est padronizada, etc. J a flexibilidade refere-se a quantas formas diferen-
tes o usurio e o sistema podem trocar informaes e interagir. Se o site no oferece
essas ferramentas preciso revis-lo.
Para James Kalbach (2009, p. 67) a usabilidade o que: expressa o quo
bem o produto final funciona e quo bem os usurios podem interagir com ele; as
propriedades fsicas, objetivas de uma interface. Portanto, uma forma de medir a
facilidade do uso do site por um usurio qualquer, levando em considerao a quali-
dade, a rapidez e se o site tem caminhos que o visitante possa lembrar sem dificul-
dade.
O contedo do site deve justificar a sua importncia para o usurio por si s,
desde o primeiro acesso. Para tal, o contedo inserido nele precisa ter objetividade e
clareza, tudo isso acoplado a um layout/design atrativo e interessante para o visitan-
te. Caso isso no ocorra o possvel cliente/colaborador vai buscar outro site, com os
mesmos produtos e/ou servios, porque a concorrncia um fator muito presente no
mundo da web.
Outro detalhe importante que Kalbach (2009, p. 35) classifica o site ser cr-
vel: quanto mais crvel for seu site, mais efetivamente voc pode alcanar sua audi-
ncia e atingir seus objetivos. Crvel, de acordo com o autor, significa a credibilidade
que o site transmite para o usurio, alcanado apenas com os itens citados acima.
O site deve ser constantemente atualizado, pois nenhuma das modalidades
da usabilidade de Nielsen (1993, p. 26) pode ser afetada. H vrios fatos que podem
acarretar erros em um sistema, por exemplo: sites criados com ferramentas que pre-
cisam de atualizaes de plataformas, menus com problemas de acesso, cores gri-
tantes que afastam o usurio, disposio incorreta de informaes e cliques com
problemas.
19

3.1 Linguagem web

Quando se trata de abordar a linguagem da web, deve-se levar em conta


aspectos como arquitetura da informao, que se refere estrutura da pgina que,
de acordo com Nielsen e Loranger (2007, p. 171), faz parte da construo de um
site. A interface precisa estar bem estruturada e deve fornecer aos usurios o que
eles querem no momento certo, logo na homepage. Portanto, todo o espao para
informaes previamente pensado, levando em considerao essa linguagem
web, que inclui a definio de menus com a especificao de nomes para
categorias/rtulos, assim como os links que estaro nele, sem deixar de lado a
linguagem visual e textual (tratadas na sequncia). Entretanto, o aspecto esttico
deve sempre se harmonizar com aspectos da usabilidade, pois assim no haver
possibilidade do usurio considerar procurar o site do concorrente, como afirmam
Nielsen e Loranger (2007, p. 172):

Websites com design ruim no apenas diminuem a velocidade de


navegao na verdade, eles podem desencorajar os usurios de utiliz-
los. Quando os usurios no conseguem encontrar o que precisam, com
frequncia supem que as informaes no esto disponveis l.
Frustrados, talvez eles visitem outros sites.

Ainda para Nielsen e Loranger (2007, p. 173) os sites mais eficazes em


direcionar as pessoas ao lugar correto so aqueles que correspondem s
perspectivas dos usurios, portanto eles devem ter uma estrutura clara e simples de
navegao. Um fator que pode auxiliar a harmonizao da linguagem com a
usabilidade o uso da arquitetura da informao. Na sua tese de mestrado, Fabiana
Straioto (2002, p. 20) diz que:

A Arquitetura da Informao refere-se ao desenho das informaes: com


textos, imagens e sons apresentados na tela do computador, a classificao
dessas informaes em agrupamentos de acordo com os objetivos do site e
das necessidades do usurio, isto , os caminhos que o usurio poder
percorrer para chegar informao.

Os autores Peter Morville e Louis Rosenfeld (1998, p. 13) afirmam que o


principal papel da arquitetura da informao :
20

a) deixar claro a misso e a viso do site, balanceando as necessidades da


empresa e as necessidades do pblico;
b) determinar o contedo e as funcionalidades que o site possuir;
c) especificar como os usurios vo encontrar as informaes no site
definindo a organizao, navegao, marcao e sistemas de busca dele;
d) mapear como o site vai acomodar as mudanas e evolues de acordo
com as transformaes ao longo do tempo.
Vale ressaltar que todas essas informaes devem ser direcionadas e
pensadas para o usurio. Nielsen e Loranger (2007, p. 173) alertam que alguns
sites, quando criados, s levam a viso do seu criador, que acredita que o sistema
criado intuitivo por si s, o que acaba sendo o maior erro de muitos webdesigners.
Morville e Rosenfeld (1998, p. 13) relembram que talvez a construo do site parea
algo bvio aos olhos dos autores, mas no para o visitante final, ento a arquitetura
da informao trata disso, do que no bvio, pelo menos no at o momento que
um usurio encontra um erro na pgina.
Kalbach (2009, p. 233) aponta trs aspectos que so muito importantes na
hora da criao da estrutura do site, pois, na viso do autor, s com eles que a
arquitetura poder realmente ser formada. So eles: conceito de navegao, que
trata de um modelo de navegao padro para deixar claro o caminho a se percorrer
no site. A estrutura do site em sim, que a organizao das pginas e dos
elementos que ela ter e, por fim, a organizao da navegao, que aborda a
navegao como um todo de maneira lgica.
No h uma maneira nica de estruturar um site, a base pode ser a fuso de
vrios elementos que, para Kalbach (2009, p. 237), so: os objetivos do negcio, os
objetivos do site, a anlise dos concorrentes, a marca, os tipos de usurios e os
objetivos que eles possuem. Porm, Nielsen e Loranger (2007, p. 202) citam alguns
fatores que podem ajudar com a estruturao e com uma navegao mais clara, na
sequncia so elencados esses itens.
Barra de menus Para determinar a disposio necessrio saber como se-
r o modelo de barra de menus do site (tratados a seguir). Pode ser na lateral direita,
que o mais comum, ou centralizada no topo da pgina.
Menus em cascata: seja conciso De acordo com os autores, os menus so
o meio mais utilizado para a navegao nos sites, por isso eles devem ser bem
estruturados. Os chamados menus em cascata so aqueles menus que, ao passar o
21

mouse por cima do nome no menu, descem outros nomes, ou categorias. Isso
totalmente aceitvel, mas deve se tomar cuidado. Nielsen e Loranger (2007, p. 202)
alertam:

Embora os menus em cascata apresentem vantagens, eles tambm podem


ser problemticos, especialmente se forem longos. Quanto mais longa a
lista de menu, mais difcil control-la, Quanto mais os usurios precisarem
percorrer a lista, maiores as probabilidades de eles ficarem desorientados.

Menus de vrios nveis: menos mais Esse tpico trata de quantos nveis a
cascata deve possuir, ou quantas categorias pode ter. Para Nielsen e Loranger
(2007, p. 202) a utilizao dos menus em cascata deve ser criteriosa e no pode
passar de duas categorias:

Qualquer coisa acima de dois nveis encobre a pgina e difcil de utilizar.


Um terceiro nvel normalmente um sinal de problema, e um quarto nvel
torna praticamente impossvel usar um menu. Com nveis demais, torna-se
um problema de navegao por si s encontrar a opo desejada nos
submenus que constantemente se expandem e se ocultam.

Busca Muitos sites possuem caixa de busca inserida neles, visando uma
navegabilidade mais rpida e objetiva para o usurio. Para Nielsen e Loranger
(2007, p. 138) as buscas so particularmente teis para os usurios que sabem
exatamente o que eles querem e so capazes de pensar rapidamente, mas ainda
h outro tipo de usurio que navega pelas pginas por outras portas. Sendo assim,
na hora de construir a estrutura do site, importante pensar se ser necessrio o
buscar ou no, porm sempre recomendvel oferecer outra maneira de
navegao, atendendo os dois pblicos.
Na hora da estruturao do site que definido o local em que ficar a busca.
Deve ser de fcil localizao, pois o usurio no pode enfrentar dificuldades para
achar meios de ajuda navegao. Geralmente se localiza na parte superior direita
ou centralizado (como em lojas virtuais).
Kalbach (2009, p. 263) ento afirma que, uma vez que souber quanta
navegao necessria e os diferentes mecanismos envolvidos, pode ento iniciar
a organiz-lo nas pginas. Os nomes dados a essas pginas, quando inseridos nos
menus so categorias, mas Nielsen e Loranger (2007, p. 192) os chamam de
rtulos e dizem que eles devem ser de fcil entendimento para as pessoas que
esto navegando e que nomes genricos so melhor evitar. Em uma estrutura
22

convencional, de uma barra de menu horizontalizada na parte superior central do


site institucional, h geralmente as seguintes categorias: home, institucional,
servios, galeria, contato. Esses rtulos j so conhecidos pela massa online,
portanto, ao colocar outros nomes que no so usuais em um menu, o usurio
encontrar dificuldades de navegar no site. O mesmo deve ser aplicado a links.
Voltando viso de Kalbach (2009, p. 238), outro fator importante a
estrutura de informao, que se refere ao plano ou mapa do site. Nele sero
preenchidas as ideias de layouts, alguns princpios do design grfico e a disposio
de elementos. No mapa tambm decidido o estilo de navegao do site. H
diferentes formas de estruturao, sendo elas: lineares, em teias, hierrquicas, em
facetas e estruturas emergentes.
Para Kalbach (2009, p. 239), numa estrutura linear simples, as pginas so
dispostas em sequncia e ocorrem quando as pessoas no podem chegar a uma
pgina sem antes ter visto uma pgina anterior. Na estruturao em teias, tudo
interligado, no h um incio e um fim bem definidos e toda a informao da pgina
ligada por linkagens e referncias cruzadas.
J nas hierrquicas, a estrutura possui sempre uma paginao em nveis,
como numa hierarquia, sempre com ligao direta ou indireta com a pgina de nvel
mais alto. Por exemplo, a pgina de nvel mais alto a pgina inicial, que far a
ligao com as pginas subsequentes. Ela pode ser entendida como uma rvore, as
pginas de nveis mais altos esto na copa e as de nveis mais baixo so os galhos.
Kalbach (2009, p. 242) explica que, com facetas, a localizao de um item
dada pelas categorias a que esse item pertence. Por exemplo, na categoria
localizao, o usurio encontrar a endereo da empresa dona do site. Por fim, as
estruturas emergentes no so planejadas, acontecem espontaneamente. Elas no
so criadas pelo designer com um planejamento prvio, desenvolvem-se
incrementalmente, como o caso do Wikipdia, que contribuintes individuais
determinam como a informao que eles adicionaram ficar na pgina.
Logo de praxe a logo da empresa estar em algum lugar fixo na pgina,
sendo ela ou na parte superior esquerda ou superior centralizada. Isso depende de
como ser a estrutura do design.
Caixas de texto Ao se escrever um texto para web h regras, mas na hora
da estruturao necessrio pensar em qual e como ele ficar na pgina. padro
que os textos fiquem em posio central na pgina, pois o primeiro local que o
23

usurio olha ao abrir um site.


Ordem de prioridade Nielsen e Loranger (2007, p. 322) advertem que:

Os designers devem transmitir muitas informaes sobre uma empresa ou


organizao em um espao muito limitado. fundamental enfatizar as
informaes que tm a maior prioridade para usurios a fim de atrair seu
interesse.

Os autores ainda fizeram uma lista com os maiores erros da arquitetura de


uma pgina, os quais dificultam a navegao dos usurios e devem ser evitados:
a) pgina no estruturada em ordem de prioridade;
b) interaes excessivamente complexas que no oferecem orientao;
c) reas relacionadas no agrupadas em boa proximidade;
d) elementos no alinhados adequadamente para criar ordem;
e) elementos no posicionados no lugar que as pessoas esperam;
e) muitos elementos na pgina.

3.1.2 Design

O design grfico algo que est extremamente atrelado estruturao do


site e usabilidade, pois ele pode ser prejudicial pgina ou pode ser o que a far
ter sucesso. comum, os desenvolvedores novatos de pginas para web
comearem o site pelo design, fato que faz a usabilidade e o usurio serem
deixados um pouco de lado, como afirmam Rosenfeld e Morville (1998, p. 9). Depois
de ter construdo corretamente a estrutura de informao do site, visando no haver
interferncia com os comandos de usabilidade, a esttica visual ser responsvel
por colocar tudo isso em ordem.
Nielsen e Loranger (2007, p. 171) afirmam que um site com o design catico
leva a becos sem sada e desperdcio de esforos. Para que no haja esse tipo de
problema, alguns elementos do design so padro, para ento criar uma harmonia
na pgina, que seja reconhecvel para todos os visitantes, sendo elas:
Fontes Procurar evitar fontes muito diferentes, com tamanhos e cores
gritantes, porque o texto pode tirar o real significado das palavras no layout. Evitar
tambm textos dentro de caixas, como justifica Jakob Nielsen e Marie Tahir (2002, p.
24

23) que, se os elementos de texto forem muito parecidos com grficos, os usurios
tendero a ignor-los, confundindo-os com anncios publicitrios. Exemplos de
fontes a se evitar:

Histrico Institucional Servios


Curlz MT Blackadder IPC Adwardian script IJC

QUADRO 1 FONTES
FONTE: As Autoras (2015)

Em uma pesquisa feita por Nielsen e Tahir (2002, p. 51), o tamanho de fonte
era de 12 pontos, na cor preta com o fundo da tela branca e praticamente todo o
texto era exibido com fontes sem serifa, o que acabou se tornando padro nos meios
digitais.
Contraste e cor em textos O contraste e a cor em textos podem ser
utilizados, entretanto, h momentos certos para isso, que so: quando h uma
informao que deve ser notada pelo visitante ou como avisos de manutenes no
site.
Rolagem Os elementos mais importantes da pgina devem ser visveis nas
reas chamadas de acima da dobra. aquela rea que no precisa de rolagem.
Caso exista um elemento crtico, o qual o usurio deve ver alm da rea acima da
dobra, necessrio orient-lo de que h mais informaes no restante da pgina.
Pode se colocar um pequeno marcador no canto inferior direito escrito continuar a
leitura, que surtir efeito.
Layout ajustvel Hoje, com a evoluo das tecnologias mobile,
recomendvel que o layout do site seja fluido, permitindo ajustes de resoluo a
diferentes suportes de acesso, como tablets e smatphones.
Logo obrigao o site ter uma logo? Se for institucional, sim. Antigamente,
era pr-determinado o tamanho da logo na pgina, mas atualmente isso pode ser
revisto, pois depende do suporte de acesso. Era comum, tambm, no ter logo em
todas as pginas do site, apenas na homepage, o recomendvel era ter um link que
conduzisse homepage. Hoje a logo em todas as pginas indispensvel, pois
serve como uma ponte de um clique para a pgina inicial.
Quadros Os quadros dependem da localizao no site. No so
recomendados na pgina inicial, mas nas secundrias no h problema, desde que
haja um sentido real para ele no contedo.
25

Links com cores diferentes Quando h um hiperlink na pgina, o qual


conduz o usurio a outro ambiente de informao, recomendvel que esteja com
uma cor diferente do restante do texto, sempre padronizada.
Kalbach (2009, p. 309) ainda vai alm com mais um tpico que so os cones,
que nada mais so do que imagens que podem representar alguma coisa ou no,
mas que, se dispostas de maneira correta, podem ajudar a orientao do usurio na
hora da navegao.
Para Radfharer (2000 p. 21) h sete princpios do design que resumem a
base esttica de um site, para assim agradar a atrair mais usurios. So eles:
Proximidade e alinhamento Elementos que possuem caractersticas
similares devem estar prximos, pois assim sero identificados como um conjunto,
facilitando o reconhecimento da funo daquele elemento no layout. Por exemplo, os
botes do menu, que geralmente esto na parte superior da pgina, centralizado, um
ao lado do outro.
Equilbrio, proporo e simetria No layout da pgina, deve se criar uma
harmonia entre os elementos que nelas estejam, ou seja, o desenvolvedor deve
tentar utilizar elementos que tragam clareza para pgina. Por exemplo, se na galeria
todas as fotos possuem molduras quadradas, ento todas as imagens postadas no
site possuiro a mesma moldura.
Contraste, cores e brancos Como j citado aqui, as cores e o contraste so
muito utilizados em sites, desde que criem uma identidade visual no layout. Layouts
criativos e dinmicos chamam a ateno do usurio o prendendo na pgina. Nunca
utilizar cores muito gritantes.
Ordem, consistncia e repetio A criatividade livre, mas sempre se deve
criar e seguir padres no layout, para no ficar nada escandaloso e desarrumado.
Simplificao A frase de ouro menos mais. Objetividade, sempre.
Legibilidade Deve se pensar sempre em quem visitar o site, pois nunca se
sabe se ser um idoso ou algum com algum problema de viso. Textos foram feitos
para serem lidos, no ignorados.
Integrao Tudo na pgina deve ser integrado. Todos os elementos
dispostos na pgina devem conversar entre si, nada pode quebrar a harmonia do
layout.
26

3.1.3 Linguagem textual

Com o design pronto, hora de escrever os textos que ficaro dispostos na


pgina. Entretanto, para escrever para web necessrio atender alguns pr-
requisitos especficos do ambiente ciberntico, Walter Cybis, Adriana Betiol e
Richard Faust (2007, p. 84) dizem que os textos devem ser dispostos de forma que
a leitura do seu contedo seja fcil para o usurio do site. Primeiramente, deve-se
pensar no pblico-alvo do sistema: quem vai acessar ao site? Mais homens ou
mulheres? Qual a idade mdia dos usurios? Sero pessoas mais jovens ou mais
velhas?
Porm, Guilherme Franco (2015, p. 91) ressalta a avaliao de Nielsen de
que h dois tipos de leitores na web, que independem de gnero ou idade. Os
leitores que apenas escaneiam o contedo da pgina e os que leem palavra por
palavra e ainda avaliam se a informao foi satisfatria ou no. Cabe, ento, ao site
apresentar uma linguagem que consiga agradar aos dois.
A linguagem da web muito parecida com a linguagem jornalstica, na qual a
notcia, ou o contedo, deve prender o leitor na primeira linha da matria. O primeiro
fator a ser levado em considerao como as informaes do texto sero dispostas
na pgina, sendo que h dois estilos mais tradicionais de apresentao textual na
web, a forma normal de texto como em um artigo jornalstico e a forma de dispor as
informaes do texto em colunas. Escolher entre os dois depender do perfil da
empresa dona do site e se a disposio fica agradvel na imagem final do layout da
pgina, no pode simplesmente optar por um e jog-lo no site.
Franco (2015, p. 53) aponta que para linguagem na web necessrio a
utilizao da pirmide invertida, que consiste em comear o texto com a informao
mais importante e depois acrescentar as informaes secundrias. O autor ainda
cita Malvin Mencher, autor do livro News Reporting and Writing, que identifica
quatro elementos para a construo de uma pirmide invertida de sucesso: a
entrada do texto, a explicao dessa entrada, pargrafos de embasamento e o
material informativo secundrio.
A entrada do texto, ou o lead, deve prender o leitor, pois o conduzir
27

informao principal do assunto abordado. O primeiro pargrafo tambm


importante, pois na web ele deve atuar como um resumo do que o usurio vai
encontrar no texto. Ainda segundo Franco (2015, p. 54), Mencher justifica o porqu a
pirmide invertida satisfaz e agrada aos usurios da web, os leitores desejam saber
o que acontece assim que a matria comea a se desenvolver. Se for interessante,
prestaro ateno.
uma caracterstica da web ter textos mais curtos. Assim sendo, a linguagem
abordada deve ser: objetiva, clara e persuasiva. Em um artigo, denominado
Pirmides invertidas no ciberespao, Nielsen (1996) disse:

Em 1996, eu disse que os usurios no rolam a tela, isso estava certo


naquele momento: muitos, se no a maioria, dos usurios s olhavam parte
visvel da pgina e raramente faziam scroll para baixo da dobra (primeira
tela). A evoluo da Web mudou essa concluso. medida que os usurios
tiveram mais experincias com pginas com rolagem, muitos comearam a
faz-lo. Porm, sempre bom assegurar-se de que a informao mais
importante aparea na primeira tela e evita pginas muito longas.

Uma sada para evitar esses usurios que no rolam a tela a linguagem de
hipertexto. uma forma de texto exclusiva para o meio eletrnico, no qual o usurio
pode ter contato com diferentes fontes de informaes em um mesmo lugar. Maria
Clara Aquino (2005, p. 2) cita a definio de Lemos (2002, p. 130) de hipertexto e, no
mesmo fragmento, h a definio de links:

Os hipertextos, seja online ou offline so informaes textuais combinadas


com imagens, sons, organizadas de forma a promover uma leitura (ou
navegao) no-linear, baseada em indexaes e associaes de ideias e
conceitos, sob forma de links. Os links funcionam como portas virtuais que
abrem caminhos para outras informaes. O hipertexto uma obra com
vrias entradas onde o leitor/navegador escolhe seu percurso pelos links.
28

4 DOMNIO E HOSPEDAGEM

As questes colocadas at agora trataram do planejamento e gesto de um


site, mas para que a criao dele se efetive, necessrio estar online, disponvel pa-
ra o usurio, e um dos primeiros passos para isso a escolha do domnio. O dom-
nio funciona como uma identificao do site na internet, como um nome nico que
torna possvel para os usurios localizarem o site na rede. Ele tem uma composio
especfica, formada por um nome e uma extenso, por exemplo, google.com.br.,
sendo google o nome e o com.br a extenso (ALECRIM, 2011).
Apesar de normalmente os endereos de sites serem encontrados no formato
www.google.com.br, o WWW no faz parte do domnio. Trata-se de uma sigla
World Wide Web que indica o tipo de contedo da rede (MONTEIRO, 2005). O
nome de domnio foi criado para facilitar a localizao dos endereos na internet,
pois sem ele seria necessrio memorizar uma grande sequncia de nmeros.
Mas no basta apenas escolher o domnio, preciso verificar sua disponibili-
dade para que seja registrado. No Brasil o rgo responsvel pelas atividades de
registro de domnios e sua manuteno o Registro.br, no caso de domnios com a
extenso .br. Existem tambm domnios internacionais, que possuem diversas ter-
minaes, tais como .com, .net, .org.
Os domnios com a extenso .br so divididos em categorias que so deter-
minadas de acordo com a inteno ou funo do site. Segue abaixo tabela com os
dados que representam algumas destas categorias.

FIGURA 1 CATEGORIAS DE DOMNIOS


FONTE: Registro.br (2015a)
29

FIGURA 2 CATEGORIAS DE DOMNIOS


FONTE: Registro.br (2015a)

FIGURA 3 CATEGORIAS DE DOMNIOS


FONTE: Registro.br (2015a)

Devem-se avaliar alguns critrios e regras para o registro do domnio. A esco-


lha do nome de grande importncia, pois influencia na imagem que o site vai pas-
sar para os seus usurios, podendo reduzir ou aumentar a credibilidade e o volume
de visitas (MONTEIRO, 2005). O Registro.br possui uma srie de regras sintticas
quanto escolha do nome, tais como quantidade e tipo de caracteres e a presena
de nmeros e acentos grficos.
Para registrar o domnio necessrio criar uma conta no site Registro.br, utili-
zando CPF (cadastro de pessoa fsica) ou CNPJ (cadastro nacional de pessoa jur-
dica). O registro do domnio possui um custo de aquisio e durao mnima de um
ano, devendo ser renovado de acordo com a necessidade da pessoa fsica ou jurdi-
ca. Caso no ocorra a renovao, aps determinado perodo de tempo, o nome de
domnio no mais pertencer a quem fez a solicitao e ficar disponvel para um
30

novo registro por outras pessoas ou empresas. Segue um grfico para ilustrar esta-
tsticas atuais quanto proporo de registros de domnios no Brasil.

FIGURA 4 ESTATSTICAS DE DOMNIOS REGISTRADOS


FONTE: Registro.br (2015b)

Realizado o registro do domnio, o prximo passo a se considerar a hospe-


dagem do site. A hospedagem um servio contratado para guardar e publicar as
informaes do site. O contedo fica salvo em um servidor na internet, quem relaci-
ona este contedo e o domnio registrado o DNS (Domain Name System Siste-
ma de Nomes de Domnios), que fornecido pela empresa de host. O DNS localiza
o endereo de IP, que o nome de domnio codificado na linguagem de computador
(ex: 200.234.200.169.), dentro dos servidores de host que hospedam o site e, assim,
acessa as pginas na internet.
Os servidores de host so computadores preparados para armazenar infor-
maes e precisam ficar conectados internet ininterruptamente, possibilitando que
o site seja acessado a qualquer hora e de qualquer lugar do mundo. Os servios de
host podem ser pagos ou gratuitos, mas o segundo possui diversas limitaes, por
isso preciso analisar as demandas do site antes de escolher um plano de hospe-
dagem.
Os planos gratuitos normalmente possuem um espao de armazenamento de
informaes mais limitado, costumam exibir banners ou barras de propagandas e
31

anncios publicitrios, que podem interferir no layout do site e at mesmo causar um


afastamento dos visitantes. Quanto aos planos pagos, necessrio atentar para al-
gumas questes como: espao em disco, escolher um pacote que permita futuras
alteraes de layout e adio de mais contedo; trfego mensal, alguns planos tm
limite e podem gerar desconforto nos usurios como lentido no acesso ou deixar a
pgina fora do ar por ter excedido o limite de trfego; e painel de Controle, que per-
mite acesso s ferramentas oferecidas pela hospedagem, por exemplo, estatsticas
e criao de contas de e-mail (SARTI, 2011).
Ambos os servios, o registro e a hospedagem, podem ser pagos ou gratuitos
e, inclusive, possvel encontrar pacotes que oferecem os dois em conjunto. Com
buscas na internet possvel encontrar diversas empresas que proporcionam hos-
pedagem gratuita. Tais como: Hostinger, Qlix Cloud, Hospedegratis.net,
000webhost.com, Hospedagensgratis.com.br, Grtis PHP Host, entre outras.
Existem vantagens e desvantagens ao contratar um servio de hospedagem
gratuito, dependendo das necessidades e demandas do site que se deseja criar. Pa-
ra uma empresa de pequeno porte o servio gratuito vantajoso por no gerar cus-
tos e permitir visibilidade online para a empresa, mesmo que atravs de um site mais
simples. Algumas das desvantagens, mencionadas anteriormente, so: recursos e
espao para armazenamento de informaes mais limitado, cotas reduzidas para
transferncias de dados e trfego, o fato da empresa poder parar de fornecer os ser-
vios sem aviso prvio e anncios.
Quanto ao registro do domnio, os preos so variados e normalmente com
pacotes anuais que necessitam de renovao. Verificando alguns sites de empresas
que registram domnios, os preos variaram entre R$ 30,00 e R$ 369,00 por ano,
dependendo da terminao/extenso do domnio. O Registro.br disponibiliza pacotes
de um a dez anos, conforme tabela abaixo.
32

FIGURA 5 PREOS REGISTROS DE DOMNIOS


FONTE: Registro.br (2015c)

Empresas como a UOL, Prelude Hosting, Locaweb, Homehost e AbraHosting


aliam registro e hospedagem em pacotes com pagamentos mensais, que variam de
acordo com os planos e necessidades dos clientes. Caso o cliente j possua um
domnio possvel a transferncia para a provedora de host, porm normalmente
cobrada uma taxa, conforme as tabelas de cada empresa. Para melhor visualizao,
segue tabela com informaes.

FIGURA 6 PREOS REGISTROS DE DOMNIOS


FONTE: Preludehosting.com (2015)

Gerenciadores on-line, como Wix e WordPress, so plataformas que tambm


podem ser utilizadas, disponibilizam os servios de domnio, hospedagem e vrios
33

outros recursos gratuitos. Apesar das limitaes nos planos gratuitos, possvel criar
uma pgina na internet com aparncia e funcionamento bem profissionais. Entretan-
to, caso queira, existem opes com planos pagos, que fornecem mais recursos e
possibilidades de construo do site. De qualquer forma, esses gerenciadores so
prticos e fceis de utilizar, mesmo para iniciantes, pois fornecem templates e la-
youts prontos e ainda instrues e guias para os usurios.
34

5 A EMPRESA

A empresa Gilcpias Copiadora surgiu em Curitiba, em 1994, e comeou com


uma loja pequena no centro da cidade, porm a procura por servios aumentou e
houve a necessidade de um espao maior, que resultou na mudana da loja para o
endereo atual, um local de 800m. A empresa expandiu e conquistou mais clientes
conforme os anos foram passando, percebeu-se que era preciso evoluir e investir
em novas tecnologias. Um novo maquinrio foi adquirido e sistematicamente
instalado, em conjunto com sistemas operacionais mais avanados.
O perfil empreendedor do gestor Gilmar Humberto Segalla, fundador e dono
da Gilcpias, vai alm de investimentos em equipamentos para a empresa, ele
busca sempre potencializar lideranas em seu segmento, ampliando e diversificando
as oferta de servios, atendendo aos seus clientes com rapidez, pontualidade,
responsabilidade e com esprito inovador.
O maior objetivo da empresa aperfeioar a comunicao com o cliente e a
prestao de servios de qualidade, mantendo assim credibilidade e confiana no
segmento de reprografia. Por isso, tem uma equipe de profissionais capacitados e
qualificados que atendem com agilidade, comprometimento e de maneira
personalizada, de acordo com as necessidades dos clientes. Os principais produtos
e/ou servios oferecidos pela Gilcpias so na rea grfica: cpias, impresses,
encadernaes, plotagens e outros.
A empresa tem como misso fornecer sempre as melhores solues em
prestao de servios a nossos clientes, visando sempre a prioridade e necessidade
particular de cada um deles. A viso: tornar-se referncia em todo o territrio
nacional em solues e prestao de servios no seu segmento. Sendo uma
empresa reconhecida principalmente pela sua tica, qualidade e melhor atendimento
ao cliente. Por fim, seus valores so: Comprometimento, responsabilidade,
agilidade, inovao constante, tica interna e externa, satisfao total do cliente.
Dentre os principais clientes da empresa Gilcpias, esto grandes instituies
e com prestigio no mercado, tais como: O Boticrio, Farmcias Nissei, o Clube
Atltico Paranaense, a America Latina Logstica (ALL), a rede de restaurantes
Outback, o Shopping Curitiba, etc. Tal fato poderia ter sido explorado pela instituio
no site atual, mas no h nenhuma informao sobre essa gama de clientes que a
35

empresa possui, o site poderia explorar outros meios de comunicao e visibilidade,


mas isso tambm no ocorre. Ento a comunicao entre empresa e clientes
falha, e no h outra forma de interao online alm do site e do e-mail para o envio
de arquivos.

5.1 O site da empresa

O site institucional da Gilcpias (www.gilcopias.com.br), quando foi criado,


possua uma arquitetura de informao (AI) aceitvel e com funcionalidades bsicas
para a navegao regular. Seguiu os princpios bsicos de AI, contando com logo
centralizada na parte superior da pgina, menu simples sem nveis, botes para
busca interna e externa, rodap no fixo, homepage com linkagem interna e
paginao em uma estrutura linear simples. O alinhamento do site do lado
esquerdo do browser, que resultou em uma barra de rolagem interna. Quanto aos
fatores relacionados ao design grfico, pode-se citar a utilizao de cores mais
claras, de iconografia, animao em flash e tipografia padro.
A partir do que foi exposto nos captulos anteriores, o site apresenta vrias
falhas, listadas a seguir. Provavelmente, na poca em que foi criado, pudesse ser
considerado uma novidade, mas hoje est ultrapassado. Na anlise feita pela equipe
deste trabalho, foram encontrados problemas relacionados usabilidade e design,
relacionados nos prximos itens.
36

FIGURA 7 HOMEPAGE
FONTE: Site atual Gilcpias Copiadora (2015)
O site inteiro est montado em flash (figura 7) Flash uma tecnologia que
cria animaes vetoriais na web, com pouco peso para o ambiente em que est
hospedado, o que pode trazer um dinamismo a mais para a pgina em que se
encontra. Porm, nenhum site pode ser construdo totalmente nesse sistema.
Quando foi criado, o flash tinha como propsito ser auxiliar as funes do site. Um
site criado inteiro em animaes vetoriais ter problemas para ser acessado em
dispositivos que no possuam uma plataforma atualizada, com programas que
rodem os clculos matemticos executados pelo flash. Essa incompatibilidade hoje
s acontece em verses mobile e computadores com um processamento mais
antigo. Um exemplo de um programa especfico para esse sistema o Adobe Flash
Player, da companhia norte-americana Adobe Systems.
Ele no ranqueia em sites de busca Ranquear o termo utilizado para
categorizar os sites que aparecem nos resultados dos sites de busca, como o
Google, e o site da Gilcpias Copiadora no consegue ser ranqueado, a menos que
se procure com exatido o nome da empresa. Ao digitar palavras-chave como:
impresses, copiadora em Curitiba, banners e outros servios e produtos
relacionados rea grfica, o site tambm no encontrado. De acordo com
Nielsen e Loranger (2007, p. 154), ele [software de busca] s pode avaliar as
pginas por meio de medidas indiretas, por exemplo, a frequncia com que elas
utilizam vrias palavras, e a frequncia com que outras pginas estabelecem links
37

com elas. Portanto, o problema acarretado pela falta de contedo que o site
apresenta, criando uma falha na comunicao com os sites de busca,
impossibilitando que a pgina da Gilcpias seja localizada

FIGURA 8 ERRO SERVIDOR DE E-MAIL


FONTE: Site atual Gilcpias Copiadora (2015).
O enviar arquivos no abre (figura 8) O conceito de Nielsen (1993, p. 26) de
eficincia de uso diz que o sistema deve ser eficiente a tal ponto de permitir que o
usurio, tendo aprendido a interagir com ele, atinja altos nveis de produtividade na
realizao de suas tarefas. Portanto, a aba enviar arquivos no funcionar uma
falha considervel. O problema pode ter como causa ou a criao em flash, ou a
falta de atualizao da pgina, pois, como a pgina antiga, o sistema de
armazenagem de arquivos para envio para a empresa pode estar defasado.
38

FIGURA 9 SERVIDOR DE E-MAIL


FONTE: Site atual Gilcpias Copiadora (2015)
No existe menu (figura 9) O menu que existe no site no exerce a funo
que deveria, serve basicamente para contato com a empresa. Funciona de forma
parecida a um e-mail, com envio de arquivos, pesquisas e anexos e no h nada
que atraia a ateno do usurio para a empresa. Os nomes das categorias podem
ser mal interpretados, Nielsen e Loranger (2007, p. 192) advertem palavras ou
nome das categorias engenhosamente inventados so problemticos porque as
pessoas no vo entend-los. Como exemplo, a categoria servidor de e-mail, que
pode remeter a uma interpretao diferente do que realmente , uma pgina para
contato com a empresa.
Logo sem o comando voltar Esse erro contradiz as diretrizes de elementos
do design de um site. Todo usurio quer uma vlvula de escape do ambiente em que
est, se ele entrou por engano em uma pgina interna do site, que no tem o
contedo que procura, ele pode dar um click na logo e retornar homepage, na
qual ele sabe que pode fazer outro caminho e talvez encontrar o contedo que
deseja, caso no funcione, possvel repetir o processo. No site institucional
analisado, o usurio no tem essa opo, pois o comando voltar no existe na logo,
est no rodap da pgina, porm pouco prtico, o caminho que deve ser refeito
por ele trabalhoso e cansativo. A logo serve apenas como uma imagem esttica e
decorativa da pgina. Nielsen e Loranger (2007, p. 63) reforam a importncia dessa
funcionalidade:
39

No possvel desfazer algumas coisas na vida: por exemplo, depois que


voc vende aes da sua carteira de investimentos, essas aes se foram,
e voc no pode retom-las se o preo subir. Na Web, porm, as pessoas
devem se sentir confortveis sabendo que podem desfazer ou alterar suas
aes. Estimular os usurios a explorar um site da maneira que preferirem,
com a certeza de que sabem que podem solucionar quaisquer problemas
encontrados um dos princpios mais fundamentais da Interao Humano
Computador.

Site do lado esquerdo Erro mais visvel no primeiro acesso. Essa uma
caracterstica de sites antigos. No comeo da web os sites eram mesmo no canto
esquerdo da tela, isto porque a linguagem, o HTML e o CSS, eram mais
desatualizados, no tinham tanta informao escrita como nas verses mais atuais
de criao de websites.

FIGURA 10 BUSCA EXTERNA


FONTE: Site atual Gilcpias Copiadora (2015)
Busca externa (figura 10) Foi constado que o site possui uma aba, em seu
menu falho, intitulada busca externa. Ao acess-la, o usurio redirecionado para
uma pgina que possui quatro opes de sites de busca, so eles: Altavista, Cad?
(ambos comprados pela empresa Yahoo! Inc.), Google e Yahoo!, mas qual o
propsito deles? Por que mandar o cliente para fora do site, se a inteno do site
que o usurio procure o que ele precisa no site da empresa, e que encontre o que
ele procura?
A resposta simples, no existe contedo no site. Na criao, ao perceber a
falha acerca de contedo, a sada encontrada foi direcionar o usurio para sites de
busca, nos quais h como encontrar outros sites com produtos e servios que o
40

cliente procura. Porm isso o mesmo que entregar o cliente para o concorrente no
mercado, ou seja, uma aba intil.

FIGURA 11 BUSCA INTERNA


FONTE: Site atual Gilcpias Copiadora (2015)
Busca interna no funciona (figura 11) A aba que poderia responder
comercialmente, ao contrrio da busca externa a busca interna, que est
presente no menu do site. Entretanto, por falta de contedo em pginas internas a
aba no funciona, ela apenas decorativa.

FIGURA 12 LOCALIZAO
FONTE: Site atual Gilcpias Copiadora (2015)
No utiliza o Google Maps (figura 12) Possui um mapa feito em animao
41

vetorial, com informaes de como chegar empresa Gilcpias Copiadora. Apesar


de o flash do mapa ser bem explicativo e interativo, recomendvel utilizar o Google
Maps quando for relacionado localizao da empresa, pois mais prtico fazer a
linkagem direta com o Google, alm de ajudar o ranqueamento do site na busca
externa. Outros pontos positivos a possibilidade de ver o entorno do lugar, se h
estacionamento, pontos para usar como referncia, realizar trajeto. Aliado ao Google
Maps, pode ser colocada uma foto com a fachada da empresa, facilitando a
localizao do cliente.

FIGURA 13 SERVIOS
FONTE: Site atual Gilcpias Copiadora (2015)
Identidade Visual (figura 13) O site da empresa Gilcpias no possui uma
identidade visual prpria, que reforce a imagem da instituio. Kalbach (2009, p.
306) cita a pesquisa How do people evaluate a Web Site's credibility? (2002) que
diz o maior fator de influncia sobre a credibilidade de um site a sua aparncia
visual. A logo tem cores simples, o preto, o ciano e o verde, cores essas que so
fceis de trabalhar em um site, pois podem ser exploradas em diferentes variaes
de tons. Porm, isso no foi feito no site atual, em vez de aproveitar o que se tinha
foi criado algo novo.
O layout se resume a um tom de cinza, branco e preto, outras cores apenas
complementam o cenrio. H uma foto, no cabealho, descontextualizada, que
talvez tivesse o objetivo de trazer um pouco de cor ao site, ou combinar com a
animao em flash, mas falhou nesses propsitos. No h nada que remeta s
42

cores da logo da empresa, o que no cria uma identidade visual para o site.
Falta de atualizao Essa uma desvantagem, porque a base do ambiente
virtual a mudana constante. Aqueles que no acompanham essa evoluo se
tornam obsoletos, como acontece com o site da Gilcpias. Todo site precisa ser
atualizado, desde a linguagem da criao da pgina, o HTML, ou CSS, at o
contedo de cada pgina interna criada. Um site atualizado transmite cuidado e
organizao ao usurio, coisas que so prezadas na hora de escolher a empresa
em que vai se comprar um produto e/ou a prestao de servios. Fato esse que
afeta positivamente o nvel crvel do site, aumentando a chance de sucesso com a
ferramenta online.
43

6 REFORMUALO DO SITE

As falhas elencadas demonstram a necessidade de mudanas no site


institucional da empresa Gilcpias Copiadora. Como j foi dito, os usurios esto
cada vez mais crticos, devido s diversas evolues e inovaes tecnolgicas,
como o surgimento da Web 2.0, optamos por realizar uma pesquisa com cinco
usurios, de idades e sexos diferentes, para ver outras perspectivas e opinies
sobre o atual site da instituio. Dois participantes so estudantes de Comunicao
Institucional, com idades de 20 e 24 anos. Um estudante de Jornalismo com idade
de 19 anos. Outro engenheiro de produo com idade de 25 anos. Por ltimo, um
gerente financeiro administrativo com idade de 41 anos.
A pesquisa tem um teor qualitativo, pois a finalidade agregar a viso de site
crvel de Kalbach (2009) e se sua usabilidade est de acordo com os critrios de
Nielsen e Loranger (2007) e Nielsen e Tahir (2002). A pesquisa realizada seguiu
esse modelo:

Pesquisa de satisfao do site da empresa Gilcpias


Nome:
Sexo:
Idade:
Escolaridade:
Profisso:

Para responder as questes abaixo acesse o site:


http://www.gilcopias.com.br/

1 Quanto ao Layout/Design das pginas:


( ) Pssimo ( ) Ruim ( ) Regular ( ) Bom ( ) timo

2 Quanto Interface do site:


( ) Pssimo ( ) Ruim ( ) Regular ( ) Bom ( ) timo

3 Quanto ao Menu e opes:


( ) Pssimo ( ) Ruim ( ) Regular ( ) Bom ( ) timo

4 Quanto s informaes disponibilizadas sobre a empresa e servios:


( ) Pssimo ( ) Ruim ( ) Regular ( ) Bom ( ) timo

5 Descreva sua experincia ao acessar o site da Gilcpias, se sentiu dificuldade em sua


navegao, se encontrou as informaes que procurava e se elas eram claras, se sentiu
falta de alguma opo ou ferramenta. Tambm pode dar sugestes de melhorias.
44

QUADRO 2 TESTE DE USABILIDADE SITE ATUAL


FONTE: As Autoras (2015)

Os dados, depois de recolhidos e analisados, resultaram nos seguintes grfi-


cos:

GRFICO 1 LAYOUT/DESIGN SITE ATUAL


FONTE: As Autoras (2015)

O grfico acima representa as respostas obtidas referentes ao layout e design


da pgina atual do site Gilcpias Copiadora. possvel observar que a maioria dos
participantes considerou esse quesito como regular, o que pode negativar a experi-
ncia do usurio com o site.
Como as questes 2, 3 e 4 obtiveram percentuais iguais de resposta, utiliza-
remos o mesmo grfico para represent-las. Trs participantes consideraram o os
quesitos: interface, menu e opes e informaes e servios, como regular. Um par-
ticipante os considerou como ruim e o outro como pssimo. Dados esses que afetam
o nvel crvel do site, haja vista que, nenhum participante ficou satisfeito com o con-
tato que teve com o sistema. Segue grfico abaixo:
45

GRFICO 2 INTERFACE, MENU E OPES E INFORMAES SITE ATUAL


FONTE: As Autoras (2015)

Como demonstrado no modelo de pesquisa aplicado, havia uma questo


aberta em que os participantes poderiam descrever sua experincia ao acessar ao
site atual da empresa. Seguem as respostas no quadro 3:

Participantes Respostas
Interface do site muito pobre. No existe identidade visual. A busca do site ofe-
rece retornos irrelevantes. Servio de enviar arquivos no funcionada. Verso do
1 site desatualizada. O mapa de localizao da empresa precisa ser melhorado.
No entendi ao certo como o site de fato funciona, entrei na parte interna e as
palavras digitadas desapareciam. Tambm no encontrei informaes a respeito
2 da empresa. Eu daria a sugesto de mudar o template completamente. Os espa-
os em branco do uma sensao de que est faltando alguma coisa.
3 Sem opo de retorno de tela. Menu principal confunde com rea de acesso de
servios. Formato do site no est bom para todos os tipos de tela.
4 O site fcil de mexer, porm o layout est ruim e faltam algumas informaes.
5 Acho que poderia ter um boto de Home, para voltar ao incio do site aps aces-
sar aos menus.
QUADRO 3 RESPOSTAS DA QUESTO ABERTA DO TESTE DE USABILIDADE SITE ATUAL
FONTE: As Autoras (2015)

Considerando as respostas, podemos perceber que, como j analisado, o site


possui diversas deficincias de funcionalidades que atrapalham a navegao do
usurio e que podem, inclusive, fazer com que ser perca o interesse pelos servios
na empresa, o que prejudica sua imagem e credibilidade perante o mercado.
Depois de analisarmos os dados obtidos com a pesquisa, pensamos em uma
proposta de reformulao do site institucional da empresa Gilcpias que atendesse
as demandas do mercado e que gerasse um custobenefcio significativo para a ins-
tituio. No decorrer do processo, conversamos com os funcionrios e o dono da
empresa e notamos que seria necessrio criar um site mais esttico, pois eles no
46

possuem tempo hbil para a constante atualizao da pgina e, tambm, no podem


contratar um profissional para ficar responsvel pela tarefa.
Devido a esses fatores, optamos por criar um site na plataforma Wix, que
um gerenciador on-line, com templates pr-formatados, mas que permitem altera-
es grficas, e ainda tem a opo de utilizao gratuita. Essa plataforma tem supor-
te para a insero de vrias mdias, como imagens, udio e vdeo. Outra facilidade
que a base da arquitetura da informao est praticamente pronta, basta adicionar
os contedos e informaes desejados, personalizando a pgina de acordo com a
necessidade do cliente. Existe tambm a opo de templates em branco, que possi-
bilita maior liberdade de criao e elaborao da AI.
Nesta proposta foi utilizado um template em branco, pois toda a estruturao
de linguagem grfica e textual deveria seguir a identidade visual da empresa, que se
resume a sua logo. Na sequncia, apresentaremos as imagens do novo site desen-
volvido e descreveremos as etapas de estruturao detalhadamente, tambm cons-
taro nos apndices os textos institucionais que foram inseridos e um CD com a
amostra da navegao do site.
Estrutura de informao Como j citado, Kalbach (2009, p. 238) afirma que
existem formas de estruturao de informao, que dizem respeito ao mapa do site
e como ser sua navegao e disposio de elementos. No site reformulado, a es-
trutura escolhida foi a de facetas, no qual as pginas so encontradas por meio das
categorias dos menus e no dependem umas das outras.
47

FIGURA 14 HOMEPAGE SITE REFORMULADO


FONTE: Wix (2015)

Homepage Na viso de Nielsen e Loranger (2007, p. 21) a pgina deve jus-


tificar sua importncia, quando acessada, em menos de dois minutos. Portanto a
homepage deve ser instrutiva e sem obstculos para a navegao do usurio. Op-
tamos por criar um design mais clean e simplificado, apenas com as informaes
mais relevantes da empresa (figura 14).
Na parte superior do site esto localizados a logo e a barra de menus, que
so fixos na navegao, ou seja, eles aparecem em todas as pginas do site. A logo
est disposta no lado esquerdo, j programada para ser clicvel com o comando vol-
tar. Aproveitando o design da logo, foi criada ao lado dela uma barra de menus sim-
ples, sem nveis. A barra de menus possui cinco categorias, sendo elas: home, insti-
tucional, servios, clientes e contato. O site antigo possua apenas duas dessas ca-
tegorias a de servios e de contato. Foi utilizado um recurso no menu que indica a
categoria que est sendo acessada, deixando-a com uma caixa na cor preta, pois
assim o usurio saber onde est dentro do site.
Embaixo desse cabealho, h trs caixas de texto que so apresentaes re-
sumidas do que o visitante encontrar nas pginas que visitar. Uma linkada com a
pgina servios, a outra pgina institucional e a ltima tem algumas informa-
es da pgina de contato.
48

Ao rolar a pgina, h uma galeria de fotos da loja fsica da Gilcpias Copiado-


ra, caso o cliente queira conhecer o espao. E, por fim, h um rodap fixo, que apa-
rece em todas as pginas navegadas no site e contm informaes referentes ao
endereo da empresa, horrio de funcionamento e alguns itens para contato.

FIGURA 15 INSTITUCIONAL SITE REFORMULADO


FONTE: Wix (2015)

Institucional Nessa pgina h o cabealho fixo, j com a pgina Institucio-


nal selecionada na barra de menus, e um texto com informaes gerais sobre a
empresa, como histrico, misso, viso e valores. Vale ressaltar que o contedo foi
elaborado pela equipe desenvolvedora do site, apenas o histrico contm algumas
informaes passadas pelo dono da Gilcpias. Foi colocada tambm uma foto com a
primeira mquina fotocopiadora da empresa (figura 15).
49

FIGURA 16 SERVIOS SITE REFORMULADO


FONTE: Wix (2015)

Servios Ao contrrio do site anterior, no necessrio o uso da barra de


rolagem para ver todos os servios oferecidos pela empresa. Ela est com um as-
pecto visual uniforme, pois apenas possui seu contedo disposto em tpicos em
uma caixa de texto com marcadores nas cores da logo em cada item. Outra diferen-
a que no h nenhuma foto nessa pgina, pois constatamos que seria desneces-
sria (figura 16).
50

FIGURA 17 CLIENTES SITE REFORMULADO


FONTE: Wix (2015)

Clientes No incio, na parte de estruturao do escopo do site essa pgina


possua uma galeria de fotos da loja, mas depois ela foi passada para a homepage,
como citado anteriormente, ento essa pgina ficou sem um real propsito. Entretan-
to, depois de algumas reunies com a equipe, escolheu-se colocar as logos de al-
guns clientes que a empresa Gilcpias possui. As logos s esto dispostas em forma
de imagem com linkagem para os sites dos clientes, pois assim o usurio pode ter
mais portas de navegao dentro do site na linguagem de hipertexto (figura 17).
51

FIGURA 18 LOCALIZAO E CONTATO SITE REFORMULADO


FONTE: Wix (2015)

Portflio No foi possvel inserir uma categoria de portflio na barra de me-


nus, com os trabalhos j realizados pela empresa, pois muitos dos trabalhos so de
circulao interna nas empresas dos clientes ou so pedidos em grande quantidade.
Outro fator que so empresas grandes e conhecidas e, por solicitao do dono da
Gilcpias, os materiais no constaro no site, para no expor seus clientes
Contato Essa pgina fez a juno de duas pginas do antigo site, a servi-
dor de e-mail e a localizao. Nela possvel o usurio encontrar um mapa do
Google Maps, com o endereo da empresa, no qual possvel usar todas as funcio-
nalidades do Maps. A caixa para contato est ao lado do mapa, linkado direto com o
e-mail da loja. No possvel enviar arquivos na plataforma do Wix, portanto a caixa
de contato s servir para pedidos de oramento, mas caso o cliente precise enviar
algum arquivo, ele pode entrar em contato direto pelo e-mail que est na homepage
(figura 18).
Boto buscar Optamos por no colocar um boto buscar no site desenvolvi-
do, pois no h um nmero considervel de informaes internas para haver buscas.
Outro fator para essa escolha que o site ainda no est online, por se tratar de
uma proposta.
52

Com o site desenvolvido e estruturado, foi aplicado o teste novamente com os


mesmos participantes da pesquisa anterior, pois eles j tiveram um contato com o
site antigo, o que seria um feedback que nos possibilitou perceber se houve uma
melhora nos quesitos de usabilidade e se a proposta atingiu seu objetivo inicial.

Pesquisa de feedback do site da empresa Gilcpias


Nome:
Sexo:
Idade:
Escolaridade:
Profisso:

Para responder as questes abaixo acesse o site junto com o aplicador do teste:

1 Quanto ao Layout/Design das pginas:


( ) Pssimo ( ) Ruim ( ) Regular ( ) Bom ( ) timo

2 Quanto Interface do site:


( ) Pssimo ( ) Ruim ( ) Regular ( ) Bom ( ) timo

3 Quanto ao Menu e opes:


( ) Pssimo ( ) Ruim ( ) Regular ( ) Bom ( ) timo

4 Quanto s informaes disponibilizadas sobre a empresa e servios:


( ) Pssimo ( ) Ruim ( ) Regular ( ) Bom ( ) timo

5 Descreva sua experincia ao acessar o novo site da Gilcpias, se sentiu dificuldade em sua
navegao, se encontrou as informaes que procurava, se elas eram claras, se sentiu falta de
alguma opo ou ferramenta. E, tambm, se houve melhorias comparando com o site antigo:
www.gilcopias.com.br.

QUADRO 4 TESTE DE USABILIDADE SITE REFORMULADO NO WIX


FONTE: As Autoras (2015)

Um dos participantes da pesquisa anterior no respondeu ao questionrio de


retorno, portanto as informaes a seguir foram baseadas em um grupo com quatro
entrevistados. Dois participantes so estudantes de Comunicao Institucional, com
idades de 20 e 24 anos. Um estudante de Jornalismo com idade de 19 anos. Outro
engenheiro de produo com idade de 25 anos. Os dados da pesquisa de retorno
resultaram nos seguintes grficos:
53

GRFICO 3 LAYOUT/DESIGN SITE REFORMULADO NO WIX


FONTE: As Autoras (2015)

Notamos que, com relao ao novo layout/design proposto, todos os partici-


pantes ficaram satisfeitos com a harmonia criada a partir da identidade visual da lo-
go, haja vista que no houve nenhuma resposta negativa nesse quesito.

GRFICO 4 INTERFACE SITE REFORMULADO NO WIX


FONTE: As Autoras (2015)

O resultado adquirido com o quesito de interface foi satisfatrio, pois perce-


bemos que a proposta conseguiu alcanar 100% de aproveitamento de interao en-
tre homemcomputador (IHC)
54

GRFICO 5 INFORMAES E SERVIOS SITE REFORMULADO NO WIX


FONTE: As Autoras (2015)

No grfico 5, referente s informaes do site atual, aqui j apresentado na


primeira pesquisa, constatou-se que o site no possui informaes suficientes para
satisfazer a necessidade do usurio. Em contrapartida, no novo site proposto, todos
os participantes ficaram satisfeitos com o contedo encontrado na pgina.
Demonstra, ento, a necessidade do visitante em ter acesso a informaes
relevantes referentes instituio dona no site.

GRFICO 6 MENUS SITE REFORMULADO NO WIX


FONTE: As Autoras (2015)

Com relao ao quesito de barra de menus, dois participantes acharam ti-


mas suas funcionalidades enquanto os outros dois as consideraram boas. Ao com-
parar essas respostas com as da pesquisa anterior, percebe-se como a barra de
55

menus importante em um site, visto que todas as respostas anteriores negativa-


vam a imagem do site.
Como na pesquisa anterior, havia uma questo aberta em que os participan-
tes poderiam descrever sua experincia ao acessar o novo site proposto, porm de-
veriam comparar essa experincia com a que tiveram ao acessar o site atual. Se-
guem as respostas no quadro 5:

Participante Resposta
Ficou muito mais leve e prtico. Encontrei todas as informaes necessrias. O site
1 melhorou 100% em relao ao anterior.

Navegabilidade fcil, o site est bem melhor do que o anterior, as informaes so


2
claras e precisas
3 Participante que no respondeu a pesquisa de retorno
No tive dificuldades durante o acesso ao site, as informaes esto claras e bem
colocadas no site. A maioria das grficas ou copiadoras tm um campo para
oramentos, ainda que tenha no rodap da pgina o endereo fsico e de e-mail e
tambm a aba de contatos, acho interessante o campo Faa seu oramento aqui.

Sem dvida o site est muito melhor, o design est mais apropriado, bem como os
4 contedos, com certeza os clientes tero muito mais facilidade de encontrar os
contedos desejados.

O site antigo era pessimo, no tinha uma boa interface e os links no eram intuiti-
5 vos. O novo, tem alm de uma melhor interface, um design bonito e limpo, o que au-
xilia tambm na navegao.
QUADRO 5 RESPOSTAS DA QUESTO ABERTA DO TESTE DE USABILIDADE SITE REFOR-
MULADO NO WIX
FONTE: As Autoras (2015)

Durante a aplicao de um dos testes, um dos participantes notou uma infor-


mao desencontrada na pgina Clientes, que era a frase Conhea a nossa loja
e questionou ao aplicador se essa informao estava correta. O aplicador explicou
que, no decorrer da elaborao do site aquela categoria tinha outra finalidade, a de
ser uma galeria de fotos da empresa, que posteriormente foi transferida para a pgi-
na inicial e a frase errada se referia funo anterior da pgina. Com isso, perce-
beu-se ento que o usurio realmente est mais atento e mais crtico em relao s
informaes contidas em sites,
Atravs dos resultados obtidos pelo feedback da segunda pesquisa realizada,
possvel afirmar que a proposta de reformulao visual do site da empresa Gilc-
pias est de acordo com os objetivos propostos neste trabalho.
56

7 CONSIDERAES FINAIS

Aps as etapas tericas e metodolgicas empreendidas para a realizao


deste trabalho, acreditamos que conseguimos alcanar nosso principal objetivo, que
era reformular um site institucional que pudesse melhorar a interao com os clien-
tes da empresa escolhida. Porm, como nossa proposta foi alm apenas da reformu-
lao visual, pois entramos em aspectos relacionados navegabilidade no decorrer
do trabalho, conclumos que o site deveria ser criado em sua totalidade. O site ela-
borado na plataforma Wix tem condies favorveis para ser colocado online, pois
atende aos requisitos bsicos da instituio, tais como: fcil manuseio, ser esttico,
objetivo e simples.
Ao pegarmos os resultados das pesquisas realizadas e compar-los, consta-
tamos que conseguimos com que o site elaborado agregasse cinco dos principais
quesitos de usabilidade elencados por Jakob Nielsen (1993, p. 26) sendo eles: facili-
dade de aprendizado, eficincia de uso, facilidade de memorizao, baixa taxas de
erros e a satisfao subjetiva. Quase todos os entrevistados, no momento que tive-
ram contato com o novo sistema, obtiveram 100% de aproveitamento nos cinco que-
sitos mencionados. Em contrapartida, no site atual, a taxa de rendimento no conse-
guiu alcanar 50%, fato que comprova a importncia da ferramenta online para a
Gilcpias Copiadora.
No foram encontradas muitas dificuldades ao longo da elaborao do traba-
lho, no entanto h um fator que deve ser mencionado, com relao ao domnio e
hospedagem do novo site. Como j citado, o site atual da empresa continua pagan-
do os servios de domnio e hospedagem, mas no conseguimos encontrar exata-
mente quem, onde ou como esse servio est sendo prestado, descobrimos apenas
que o dono da Gilcpias paga em torno de R$ 50,00 reais por ms por esses servi-
os. Portanto, o site, que no gera nenhum retorno financeiro para a empresa, acaba
por ser um gasto desnecessrio, sendo assim, nossa proposta que a Gilcpias op-
te por tirar o site atual da rede e passe a utilizar o site elaborado no Wix, pois ele tem
grandes chances de trazer um feedback positivo.
Nesse caso, pode inclusive ser utilizado de maneira gratuita, mas no ter
domnio personalizado, ou seja, ao invs de ser www.gilcopias.com.br, como atu-
almente, ser www.gilcopias.wix.com. Caso o cliente queira o prprio domnio, h
57

diferentes planos premium de domnio e hospedagem na plataforma, que oferecem


vrios benefcios para o usurio. Existem duas modalidades, o mensal e o anual,
cada qual com suas especificidades, porm todos oferecem: hospedagem gratuita,
iseno de taxas de instalao, possibilidade de mudana de template e a ferramen-
ta do Google Analytics.
Em sntese, acreditamos que conseguimos aumentar nossos conhecimentos
na rea comunicacional online, pois adquirimos experincias que so aprofundadas
no dia-a-dia de um comunicador institucional.
58

REFERNCIAS

ALECRIM, Emerson. O que DNS (Domain Name System)?. Disponvel em:


<http://www.infowester.com/dns.php>. Acesso em: 02/05/2015.

AQUINO, Maria Clara Bittencourt. Um mapeamento histrico do hipertexto:


surgimento, desenvolvimento e desvios da aplicao da escrita hipertextual. In:
Encontro Nacional da Rede Alfredo de Carvalho,3., 2005, Novo Hamburgo.
Disponvel em: <http://www.ufrgs.br/alcar/encontros-nacionais-1/encontros-
nacionais/3o-encontro-2005-
1/UM%20MAPEAMENTO%20HISTORICO%20DO%20HIPERTEXTO.doc>. Acesso
em: 08/11/2015.

CAVALCANTI, MAYRA. Internet o segundo meio de comunicao mais usado


pelos brasileiros,2014. Disponvel em:
<http://blogs.ne10.uol.com.br/mundobit/2014/01/12/internet-e-o-segundo-meio-de-
comunicacao-mais-usado-pelos-brasileiros/>. Acesso em : 12/09/2015.

CYBIS, Walter; BETIOL, Adriana Holtz; FAUST, Richard. Ergonomia e usabilidade


conhecimentos, mtodos e aplicaes. So Paulo: Novatec Editora, 2007.

FIGUEIREDO, A. D. A gerao 2.0 e os novos saberes, 2009. Disponvel em:


<https://www.academia.edu/237337/A_Gera%C3%A7%C3%A3o_2.0_e_os_Novos_
Saberes>. Acesso em: 27/10/2014.

FRANCO, Guilhermo. Como escrever para a web. Austin: Knight Foundation.


Disponvel em: < https://knightcenter.utexas.edu/como_web_pt-br.pdf>. Acesso em:
12/07/2015.

FREITAS, Rafael. Sociabilidade, tecnologia da internet e comunicao.


Observatrio da imprensa, ed. 781, 14/01/2014. Disponvel em:
<http://observatoriodaimprensa.com.br/diretorio-
academico/_ed781_sociabilidade_tecnologia_da_internet_e_comunicacao/>. Acesso
em: 12/11/2015.

ISO 9241 Part 11. Ergonomic requiements for office work with visual display
terminal, Part 11: Guidance on usability, 1998. Disponvel em:
<https://www.iso.org/obp/ui/#iso:std:16883:en>. Acesso em: 22/10/2015.
59

KALBACH, James. Design de navegao web, otimizando a experincia do


usurio. Porto Alegre: Bookman, 2009.

LEANDRO, Andr Maral. Caractersticas de um site institucional moderno,


2014. Disponvel em: <http://www.insideclick.com.br/caracteriticas-site-institucional-
moderno/>. Acesso em :20/10/2015.

LVY, Pierre. Cibercultura. 1999. e-book. Disponvel em:


<http://lelivros.blue/book/download-cibercultura-pierre-levy-em-epub-mobi-e-pdf>.
Acesso em: 26/11/2015.

MONTEIRO, Ricardo Vaz. Escolha seu .com: guia definitivo de como escolher seus
domnios na internet. Rio de Janeiro: Brasport, 2005.

MORAES, Dnis de. Planeta mdia. Rio de Janeiro: Letra Livre Editora, 1998.

MORVILLE, Peter; ROSENFELD, Louis. Information archteture for the world wide
web. 3. ed. California. 1998. Disponvel
em:<http://yunus.hacettepe.edu.tr/~tonta/courses/fall2010/bby607/IAWWW.pdf>.
Acesso em: 02/11/ 2015.

NIELSEN, Jakob. Inverted pyramids in cyberspace, 1996. Disponvel em:


<http://www.nngroup.com/articles/inverted-pyramids-in-cyberspace/>. Acesso em:
20/06/2015.

______. Usability engineering. Boston, MA: Academic Press, 1993.

NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na web: projetando websites com


qualidade. 5. ed. Rio de Janeiro: Campus, 2007.

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


Janeior: Campus, 2002.

PATRCIO, Maria Raquel Vaz. Tecnologias web 2.0 na formao inicial de


professores. 180 f. Dissertao (Mestrado em Multimdia) - Faculdade de
Engenharia, Universidade do Porto, Porto, 2009. Disponvel em:
<https://bibliotecadigital.ipb.pt/handle/10198/1971>. Acesso em: 07/09/2015.
60

PRELUDEHOSTING. Registro de domnio. Disponvel em:


<http://preludehosting.com/dominio>. Acesso em: 09/05/2015.

RADFAHER, Luli. Design/web/design. 1999. Disponvel em:


<http://www.luli.com.br/dwd2>. Acesso em: 10/09/2015

REGISTRO BR. Categorias de domnios .br (DPNs). Disponvel em:


<https://registro.br/dominio/categoria.html>. Acesso em: 02/05/2015a.

______. Estatsticas. Disponvel em: <https://registro.br/estatisticas.html>. Acesso


em: 02/05/2015b.

______. Pagamento de domnio. Disponvel em:


<https://registro.br/ajuda.html?secao=pagamentoDominio>. Acesso em:
02/05/2015c.

RODRIGUES, Raquel. A era da cibercultura: as mudanas na sociedade e a


evoluo da internet. Disponvel em:
<http://www.techoje.com.br/site/techoje/categoria/detalhe_artigo/1956>. Acesso em:
07/09/ 2015.

RUFINO, Carina Ferreira Gomes. A sociedade em rede e a segunda gerao da


internet: reflexes para o campo da comunicao organizacional. In: ABRAPCORP,
3., 2009, So Paulo. Anais... Disponvel em:
<http://www.abrapcorp.org.br/anais2009/pdf/GT3_Carina.pdf>. Acesso em:
25/11/2015.

SAAD CORRA, E. Comunicao digital: uma questo de estratgia e de


relacionamento com pblicos. Organicom Revista Brasileira de Comunicao
Oganizacional e Relaes Pblicas, So Paulo, v. 1, n. 3, p. 94-111, 2006.
Disponvel em:
<http://www.eca.usp.br/departam/crp/cursos/posgrad/gestcorp/organicom/re_vista3/9
4.pdf>. Acesso em: 30/10/2015.

SARTI, Erika. Publicando seu site: dicas iniciais sobre domnio e hospedagem,
2011. Disponvel em: <http://www.infowester.com/dominiohost.php>. Acesso em:
02/05/2015.

SECRETARIA DE COMUNICAO SOCIAL DA PRESIDNCIA DA REPBLICA.


Pesquisa Brasileira de Mdia 2014: hbito de consumo de mdia pela populao
brasileira, 2014. Disponvel em:
61

<http://observatoriodaimprensa.com.br/download/PesquisaBrasileiradeMidia2014.pdf
>. Acesso em: 12/09/2015

STRAIOTO, Fabiane. A arquitetura da informao para a world wide web: um


estudo exploratrio. 120 f. Dissertao (Mestrado em Cincia da Informao)
Faculdade de Filosofia e Cincias, Universidade Estadual Paulista, Marlia, 2002.
Disponvel em: <http://periodicos.ufpb.br/ojs/index.php/biblio/article/view/14210>
Acesso em: 26/11/2015.

TERRA, Carolina Frazon. Comunicao Corporativa Digital: o futuro das Relaes


Pblicas na rede So Paulo SP.173 f. Dissertao (Mestrado em Comunicao).
Escola de Comunicaes e Artes Universidade de So Paulo (ECA-USP), So
Paulo, 2006. Disponivel em:
<http://www.teses.usp.br/teses/disponiveis/27/27154/tde-02072007-
144237/publico/CarolinaTerra.pdf>. Acesso em: 27/10/2015.

VICTORINO, Vincius. A nova gesto da comunicao, 04/02/2013. Disponvel em:


<https://endeavor.org.br/a-nova-gestao-da-comunicacao>. Acesso em: 17/09/2015.

VIEIRA, Lvia de Souza. O papel do site institucional na estratgia de uma


empresa: Um estudo sobre o www.petrobras.com. 44 f. Trabalho de Ps-Graduao
(Comunicao Empresarial) Instituto A Vez do Mestre, Rio de Janeiro, 2009.
Disponivel em:
<http://www.avm.edu.br/docpdf/monografias_publicadas/k211053.pdf>. Acesso em:
23/11/2015
62

APNDICE 1 TEXTOS DO SITE REFORMULADO

HOME

Servios A Gilcpias Copiadora oferece diversos servios na rea grafica. Desde


simples cpias em preto e branco a plotagens e estamparias.

Nossa Histria Conhea um pouco sobre a histria da Gilcpias. Nossa equipe


composta pelos melhores profissionais da rea, sempre priorizando a qualidade do
servio executado, partindo do primeiro contato com o cliente, a finalizao e entre-
ga do produto.

INSTITUCIONAL

Nossa Histria

A empresa Gilcpias hoje lder em tecnologia e qualidade de impresso.


Surgiu em Curitiba, em 1994, e comeou com uma loja pequena no Centro da cida-
de, porm a procura por servios aumentou e houve a necessidade de um espao
maior, que resultou na mudana da loja para o endereo atual, um local de
800m. Nossa empresa expandiu e conquistou mais clientes, conforme os anos fo-
ram passando, e percebemos que era preciso evoluir e investir em novas tecnologi-
as. Um novo maquinrio foi adquirido e sistematicamente instalado, em conjunto
com sistemas operacionais mais avanados.
O perfil empreendedor do gestor Gilmar Humberto Segalla, fundador e dono
da Gilcpias, vai alm de investimentos em equipamentos para a empresa, ele bus-
ca sempre potencializar lideranas em seu segmento, ampliando e diversificando a
oferta de servios, atendendo aos clientes com rapidez, pontualidade, responsabili-
dade e com esprito inovador.
O maior objetivo da nossa empresa aperfeioar a comunicao com o clien-
te e a prestao de servios de qualidade, mantendo assim credibilidade e confiana
no segmento de reprografia. Por isso, temos uma equipe de profissionais altamente
capacitados e qualificados, que atendem com agilidade, comprometimento e de ma-
neira personalizada, de acordo com as necessidades de nossos clientes.
63

Nossa Misso:

Fornecer sempre as melhores solues em prestao de servios a nossos


clientes, visando sempre a prioridade e necessidade particular de cada um deles.

Nossa Viso:

Tornar-se referncia em todo o territrio nacional em solues e prestao de


servios no seu segmento. Sendo uma empresa reconhecida principalmente pela
sua tica, qualidade e melhor atendimento ao cliente.

Valores:

Comprometimento
Responsabilidade
Agilidade
Inovao constante
tica interna e externa.
Satisfao total do cliente

SERVIOS

Cpias

Preto e Branco
Colorido
Grandes Formatos Cpias de projetos

Impresses

Colorido
Preto e Branco
Alto padro via Arquivo

Plotagens de imagem

Glossy Paper
Presentation
64

Lona
Adesivo Branco e Trasparente
Tecido
Canvas

Reduo e Ampliao

Simples
Grandes formatos

Scanerizao de Imagem e Trao

Simples
Grandes formatos

Plastificao de documentos (at o formato A3)

Encadernaes

Espiral
Capa Dura
Binder
Duplo Anel

Estampas

Camisetas e Tecidos

Plotagens de trao

Diferentes tamanhos

RODAP

Gilcpias Copiadora
Avenida Sete de Setembro, 3300 (Em frente a Igreja Metodista)
CEP 80230-010 | Curitiba | Paran | Brasil
Telefones: (41) 3233-9111
E-mail: gilcopias@gilcpias.com.br

Horrio de atendimento
De segunda-feira a sexta-feira, das 8h30 s 19hr
Sbado das 8h30 s 12hrs
65

APNDICE 2 VDEO DEMONSTRATIVO DO SITE REFORMULADO