ANDREI BLOOMFIELD VAN DER BROOCKE RA: 2027088/3

A USABILIDADE VOLTADA PARA O E-COMMERCE

Braslia 2/2006

ANDREI BLOOMFIELD VAN DER BROOCKE RA: 2027088/3

A USABILIDADE VOLTADA PARA O E-COMMERCE

Monografia apresentada ao Centro Universitrio de Braslia UniCEUB; Faculdade de Cincias Sociais Aplicadas; Curso de Comunicao Social, matutino, com habilitao em Publicidade e Propaganda. Braslia 2/2006

ANDREI BLOOMFIELD VAN DER BROOCKE

A USABILIDADE VOLTADA PARA O E-COMMERCE

Dissertao do em Ttulo

defendida de e

e aprovada em

como requisito parcial para obteno Bacharel Comunicao Social, com habilitao Publicidade Propaganda, apresentada em novembro de 2006, pela banca examinadora constituda por:

Braslia, novembro de 2006. Banca Examinadora

___________________________________________________ Professora Tatyanna Orientadora ___________________________________________________ Andr Professor ___________________________________________________ Gisele Professora

DEDICATRIA

A minha famlia por ter me ajudado at mesmo quando no precisei. A minha me por sua dedicao e carinho para que nunca me acontecesse nada de mal. Aos meus irmos por ser quem so e por ser sempre o que foram. A minha orientadora e professora Tatyanna a que foi um dos marcos de minha formao e por acreditar em mim. Principalmente a meu av que estabeleceu os mais preciosos valores familiares e que cabe a mim e todos seus netos propagar por mais uma gerao. 5

AGRADECIMENTO

A Jakob Nielsen por ter elaborado um contedo rico e slido o qual me estimulou a seguir carreira em webdesign. A todos meu colegas que me enrriqueceram de conhecimento e alegria, que de certa forma no irei esquec-los jamais.

RESUMO O hbito do consumidor em fazer compras foi revolucionado aps a criao do ecommerce na internet. Aos poucos os consumidores esto adaptando-se ao e-commerce sentindo que h mais agilidade, economia de tempo e dinheiro, facilidade de pesquisa sobre produto e velocidade de entrega. Existem sites de e-commerce bem sucedidos, que enfrentam problemas de design e usabilidade onde pode compromete o acesso do usurio ao site e gera uma propaganda negativa. A usabilidade necessria para que a navegabilidade, a experincia do usurio perante o site, esteja fcil e de simples acesso. A usabilidade um elemento chave para o sucesso de uma empresa de e-commerce, onde h uma necessidade de facilitar a interface do site para que haja uma maior confiana e destreza no ato de compra em um site de e-commerce.A partir da se realiza uma boa propaganda para outros usurios tornando-se referncia como empresas consolidadas como a Amazon.com.

Palavras-chave: E-commerce, usabilidade, design, site.

SUMRIO

INTRODUO........................................................................................................................ 2 1. O MARKETING ................................................................................................................. 3 1.1 Marketing digital .................................................................................................. 4

2. E-COMMERCE................................................................................................................... 6 2.1 2.2 2.3 2.4 Comrcio eletrnico.............................................................................................. 6 Aes na internet................................................................................................... 7 Propaganda na internet...........................................................................................7 Tendncia do e-commerce.................................................................................. 10

2.3.1 Tipos de propaganda na internet........................................................................... 9

3. USABILIDADE.................................................................................................................. 12 3.1 Definio de usabilidade....................................................................................... 12 3.2 Definio de webdesign.........................................................................................13 3.3 Webdesign de um site de e-commerce baseado na usabilidade.............................14 3.4 Avaliao de Usabilidade do site Mercado Livre..................................................16 CONCLUSO.........................................................................................................................18 REFERNCIAS......................................................................................................................19 ANEXO ...................................................................................................................................20

INTRODUO

Este trabalho consiste em afirmar a relevncia do e-commerce no mercado atual e a relevncia da usabilidade para o sucesso com o usurio. O e-commerce uma ferramenta que est em constante crescimento e est sendo muito utilizada e tornando-se uma maneira melhor de compra para o consumidor com acesso a internet. A gama de produtos oferecido pelos sites de e-commerce chega a atender produtos de extrema especificidade, e com esta segmentao de pblico os meios publicitrios alternativos digitais vo encontrando espaos para essas demandas especficas, criando novos formatos de anncios para despertar a ateno do pblico vigente com menor custo. O papel desenvolvido pela usabilidade consta em facilitar a experincia do usurio com os sites. Com uma experincia aprovada pelo usurio, ele navegar pelo site e explorar os recursos de seu interesse e por fim propagar a outros usurios a qualidade do site. A questo pertinente do problema : A usabilidade relevante para a elaborao de um layout de site de e-commerce? H a hiptese de algumas empresas de e-commerce que prevalecem no mercado h anos por terem aplicado os conceitos e diretrizes da usabilidade em seus sites. O objetivo desta monografia apontar a relevncia da usabilidade como uma peachave para o sucesso de um site de e-commerce, onde sem ela o usurio ir criar desinteresse perante o site, buscando outros que atendam suas necessidades de facilidade, acesso e agilidade. De acordo com estes objetivos, a pesquisa ser exploratria de acordo com a metodologia estabelecida pela faculdade. A monografia foi baseada em fontes idneas de livros, artigos e pesquisas em sites especializados, tambm foram baseados em fontes secundrias como peridicos (WEBDESIGN, revista 2004 e 2005). A estrutura da monografia foi elaborada em trs captulos. O primeiro refere-se ao tema base do e-commerce, o marketing e marketing digital. O segundo captulo j aborda o ecommerce desde a sua definio a sua valorizao de mercado e tendncias.O terceiro captulo aborda o tema da usabilidade, sua definio e o webdesign, e um site de e-commerce baseado nas diretrizes da usabilidade. E a concluso ir demonstrar o quo relevante pode-se considerar a usabilidade para os sites de e-commerce.

1. MARKETING Marketing segundo a definio de Philip Kotler um processo social e gerencial pelo qual indivduos e grupos obtm o que necessitam e desejam atravs da criao, oferta e troca de produtos de valor com outros. A definio de Renato Telles, executivo de marketing no setor de comunicao e professor de graduao da ESPM, FECAP e ps-graduao da Mackenzie, marketing a cincia social (ainda em construo) que tem como objeto de estudo a relao de troca ou conhecimento vinculado aos processos de troca. Mas a idia de marketing nos dias de hoje no se aplica apenas na simples forma de produtos e servios, como tambm a imposio de idias, de novos valores sociais, estilos de vida entre muitos outros conceitos abstratos onde o marketing cria sempre novas demandas de desejo, para que se ocorra um interesse a relao de troca com outro(s) participante(s), j que o marketing est diretamente ligado comercializao o princpio bsico de ambos participantes deve sair satisfeito em seu acordo de troca mediante seus interesses para se estabelecer um relacionamento satisfatrio e de longo prazo do tipo ganha-ganha. A troca a obteno de produtos de necessidade ou desejo oferecendo um servio ou outro produto de contrapartida. Para que haja a troca necessrio:
H pelo menos duas partes envolvidas Cada parte tem algo de valor a oferecer Cada parte tem capacidade de comunicao e entrega Cada parte livre para aceitar ou recusar a oferta Cada parte acredita estar em condies de lidar com a outra

Se houver um acordo em ambas as partes, pode-se afirmar que houve uma transao. Transao agrega vrias dimenses por ser uma troca de valor de duas ou mais partes envolvendo condies de acordo, tempo e local de negociao. Segundo Philip Kotler, um mercado consiste de todos os consumidores potenciais que compartilham de uma necessidade ou desejo especfico, dispostos e habilitados para fazer uma troca que satisfaa essa necessidade ou desejo. Mercado atende s leis da oferta e da procura, onde um produto em sua abundncia faz com que seus preos despenquem devido a sua escassez. Existe uma gama muito grande de

10

mercado que se pode basear desde produtos especficos aos mais genricos e abraangentes possveis. O marketing empresarial uma ferramenta de marketing que pode ser classificado em marketing de bens de consumo e marketing industrial ou empresarial. O primeiro dirigido s famlias e aos indivduos, para o consumo prprio (consumidores finais), e estabelecimentos e instituies atacadistas e varejistas, que atendem esses clientes. O marketing Industrial ou empresarial direcionado a clientes industrial-empresariais ou institucionais , que utilizariam os bens (como matrias-prima e componentes) , usufruindoos (como equipamentos e instalaes) e/ou consumindo-os , com o objetivo de constituir oferta de seus produtos ao seu cliente final ou ao prximo elo da cadeia produtiva. A demanda dos clientes finais define a demanda por produtos industriais. A demanda dos bens de servios a serem utilizados na produo de outros bens e servios na produo de outros est condicionada a demanda dos produtos para o consumidor final.

1.1 O marketing digital A tecnologia digital est revolucionando as relaes entre os homens a cada dia, se adaptando as novas mudanas e a nova economia que esta surgindo. Novas empresas que aderem o sistema digital implicam a elas tambm uma nova cultura e estrutura que devem ser conscientemente avaliadas e implantadas. Segundo Mrcio Chleba, autor do livro Marketing Digital, o marketing digital est sustentado por sete foras: A Interatividade, personalizao, globalizao, integrao, aproximao, convergncia e democratizao da informao. Interatividade: Uma forma de angariar dados com facilidade assim como melhorar a navegao atravs das informaes fornecidas pelos prprios clientes. Com o provimento da interatividade, pressupe o estudo dos pblicos com que sua empresa pretende interagir e a atender novas demandas de exigncias de produtos e servios de informaes e transaes online. Personalizao: o atendimento em massa pode ser personalizado atravs de prestaes de servios de excelente qualidade a clientes com custo baixo. Os clientes precisam ser atendidos individualmente por servios on-line ligados a um auto-atendimento aos bancos de dados das empresas. 11

Globalizao: A internet, alm de ser uma conexo com o mundo, ela uma forte mdia para seus usurios. Est em constante e vertiginosamente em expanso no quesito de adeso. Onde em 1995 era apenas um nmero de 50 milhes de usurios, em 2000 j estava com mais de 800 milhes de usurios. Integrao: A troca de informaes privadas de empresas via internet ser uma base slida de e-business, onde tero acessos a informaes a custos muito baixos, como uma rede nica, interligados e integrados a um sistema de informao de pedidos e avisos de recebimento. Aproximao: A tecnologia permite a divulgao de produtos, excluindo assim intermedirios e tornando algo mais prximo entre o consumidor e o produtor. Convergncia: Estamos na poca da transio da era digital, onde a internet e os eletrnicos iro integrar-se, com um poder de entretenimento e interao muito maior. A nova mdia tem mltiplos formatos de informao e distribuio, abrindo uma nova forma de comunicao. Democratizao da informao: A informao, nunca foi to disponvel como nos dias de hoje, e nunca se teve tanta informao disponvel e barata, apesar de se ter acesso a um computador e conexo no ser, a manuteno de uma conexo relativamente barata.

12

2 E-Commerce: 2.1 Comrcio eletrnico O comrcio eletrnico, tambm conhecido como e-commerce, realiza os processos de marketing e vendas atravs de redes conectadas a internet, onde h a exposio de produtos 24 horas por dia 7 dias por semana, servios e informaes suficientes para que possa atrair um pblico-alvo e garantir a segurana de uma transao de bens para o estabelecimento de um relacionamento de troca. As primeiras aplicaes do comrcio eletrnico ocorreram no incio dos anos 70, com a novidade de transferncia eletrnica de fundos, na qual se podia transferir dinheiro eletronicamente, mas essa facilidade limitava-se apenas a grandes corporaes e instituies financeiras. Em seguida surgiu a transferncia eletrnica de dados que permitia a transferncia eletrnica de documentos como ordens de compra, faturas e pagamentos eletrnicos entre organizaes. medida que a internet se tornou mais comercial e acessvel a ponto de possuir usurios interagindo com a World Wide Web no incio da dcada de 90, a expresso eletronic commerce passou a ser utilizada, e sua aplicaes se expandiram rapidamente. Desde 1995 os usurios da internet vm acompanhando a evoluo graas a aplicativos desenvolvidos por empresas de softwares para internet como a Macromedia. E graas a essas evolues, empresas de grande e mdio porte j possuem sites na internet com portais de informaes para o pblico. O comrcio eletrnico pode variar de formato dependendo do seu grau de digitalizao e seu servio de entrega como comrcio eletrnico puro ou comrcio eletrnico Parcial. Varia de acordo com o processo de transao comercial atravs dos meios fsicos ou digitais assim como o sistema de entregas podem ser tambm fsico ou digital como exemplo tem a Amazon.com que realiza as suas vendas atravs de sistemas digitais relacionadas ao carto de crdito, mas os seus produtos so entregues por intermedirios fsicos como os correios, por exemplo. Esse tipo de comrcio eletrnico e qualquer tipo de comrcio que depende de uma dimenso digital tida como comrcio eletrnico parcial. O comrcio eletrnico puro j independe de aspectos fsicos para a realizao de uma transao comercial. A venda de um e - book, por exemplo, realizado exclusivamente atravs de recursos digitais onde a at mesmo o produto digitalizado. O comrcio eletrnico revolucionou o mercado de tal maneira a ponto de existir empresas se basearem exclusivamente no comrcio eletrnico, as quais revolucionaram a 13

vendas de produtos e principalmente um novo nicho de servios e vendas de informaes. Os produtos em estoque para atender demandas incertas foram substitudos por produtos personalizados, pois a internet j possui um retorno de informaes de seus clientes atravs de cadastros realizados, pesquisas de opinio e satisfao e contato direto com o consumidor atravs de chats e e-mails.

2. 2 Aes na Internet De acordo com o livro, O mais completo guia sobre e-commerce em 1998 a Amazon.com publicou seu relatrio anual onde o seu valor agregado de mercado constante do relatrio era de mais de 11 bilhes de dlares, mas a estimativa de capitalizao de mercado estabeleceu em 22 bilhes de dlares. Porm a Amazon.com na mesma poca, de acordo com os demonstrativos financeiros, as perdas da amazon.com foram acima de 124 milhes de dlares no mesmo ano. Para que haja tal valorizao estratosfrica apesar perder muito dinheiro, o trfego (nmero de visitantes que acessam o site) a razo para a valorizao de mercado, a Amazon.com recebe em mdia mais de 12 milhes de visitas por ms, o que resulta em propagandas de alto preo devido exposio de produtos e servios exibidos para milhes de pessoas e a um custo de produo mnimo, a Amazon.com possui uma grande vantagem em questes de mdia em relao a outras convencionais. Uma empresa de e-commerce que reinveste o seu dinheiro em infra-estrutura em armazns mais modernos e softwares mais atuais, resulta em compradores mais fiis a uma empresa disposta a atender a suas necessidades. Os valores de aes e de capitalizao de mercado so baseados no crescimento potencial do patrimnio lquido de uma empresa, ou em seu potencial lquido de receita. As despesas fixas de um e-commerce bem estruturado so muito menores se comparados ao de uma loja de varejo, e ainda possuem inmeros visitantes registrados todos os dias. O resultado disso a valorizao de aes de empresas de e-commerce.

14

2.3 Propaganda na internet O mundo da propaganda na internet diferenciado, a princpio atravs de seu formato, da televiso que so propagandas que dispe de imagens e de sons, rdios com mensagens informativas ou jingles e at mesmo front-ligths que ficam estabelecidos em pontos estratgicos vista do pblico so diferenciados e muito pelas propagandas vistas em sites, o que surge novos contedos e conceitos para as disciplinas voltadas para a propaganda e publicidade. O conceito publicitrio ganha uma forma mais interativa, os anncios e imagens devem ser reduzidos, e ao mesmo tempo alguma animao para que possa atrair o olhar curioso do consumidor, mas lembrando que a mensagem deve estar coerente com o formato do site atendendo aos padres de usabilidade. A densidade demogrfica na Internet alcana milhares de pessoas em todo o mundo e a diversidade de assuntos que a internet aborda so imensas, porm a complexidade de se atingir um pblico especfico pode-se tornar algo mais difcil dependendo do produto que queira propagar. Qual a posio dentro do cyberspao o seu pblico est e os sites que ele costuma visitar, para que se possa acertar o mximo possvel o custo benefcio da veiculao de seu anncio na internet com o pblico-alvo vigente. O conceito de marketing interativo nada mais a interao dos anunciantes com os clientes, aproximando-os cada vez mais no s do produto como tambm da empresa. Embora seja uma mdia que represente uma pequena porcentagem, a propaganda na internet est em crescimento vertiginoso, onde em 1998 os investimentos em propaganda no passavam de 43 milhes de dlares, j em 2002 chegara perto dos 5 bilhes de dlares. Espectadores de TV esto migrando para internet, onde despendem de seus momentos de lazer navegando e absorvendo as chamadas publicitrias dos anunciantes. Existem diretrizes da propaganda on-line foram elaboradas pela AMI , Associao de Mdia Interativa no Brasil, para orientar os profissionais de marketing a realizar propagandas mais eficazes e foi extrado do livro E - marketing, o marketing na internet com casos brasileiros ( pg.260). Todo o anncio deve estar de acordo com as leis do pas e deve ainda ser honesto e verdadeiro Todo anncio deve ser da responsabilidade do anunciante, da agncia de publicidade e do veculo de divulgao junto ao consumidor. Todo o anncio deve respeitar os princpios da leal concorrncia geralmente aceitos no mundo dos negcios. 15

Nenhum anncio deve fornecer ou estimular qualquer espcie de discriminao racial ou ofensa, social, poltica, religiosa ou de nacionalidade. Os anncios no devem ser realizados de forma a no abusar da confiana do consumidor, no explorar a sua falta de experincia ou de conhecimento e no se beneficiar de sua credulidade. Os anncios devem conter uma apresentao verdadeira do produto oferecido. No anncio, todas as descries, alegaes e comparaes que se relacionem com fatos ou dados objetivos devem ser comprobatrios, cabendo aos anunciantes e agncias fornecer as comprovaes, quando solicitadas.

2.2.1

Tipos de propaganda na Internet

Irei citar as propagandas mais populares utilizadas na internet que o usurio se depara com mais freqncia. Banner: O Banner um anncio em formato de faixa que geralmente situado no topo do site visitado e quando clicado direcionado para o site anunciante. O Banner geralmente acompanhado de animaes para atrair a ateno do usurio, mas deve possuir equilbrio com o texto publicitrio para que o mesmo saiba do que se trata. Drop-Down: uma espcie de banner mais elaborado onde no se limita apenas em animaes e textos. O Drop-Down pode abrir uma tela aparte a partir do banner anunciante com um simples deslize do cursor do mouse e ainda pode interagir com o anncio antes de ser direcionado para o site anunciante Podcast: O nome Podcast o resultado da juno do MP3 player Ipod com o a rdiofuso (broadcasting). Essa inovao tem como resultado a preferncia do usurio em poder absorver determinadas informaes em MP3, como uma programao de rdio por exemplo. A vantagem de anncios em Podcast quando um usurio for realizar um download de um podcast com um determinado assunto, o Podcast poder conter anncios correlatos em algum espao definido na programao. Janelas pop-up:As janelas pop-up so pequenas janelas sem browser que contm um tamanho variado com o contedo do anunciante. As janelas pop-up geraram muitas polmicas nos ltimos anos pelo fato de atrapalharem a navegabilidade do usurio e pela quantidade de anncios que no se podia nem ao menos distinguir qual pop-up se tratava do site e qual se tratava de propaganda. Ento se criaram um bloqueador de pop-up que impede que o anncio 16

incomode o usurio assim como uma pequena reformulao em sites que dependem de popup para a navegabilidade. Link: So caixas de texto que endeream o usurio para outro site. uma forma eficaz de propaganda onde se pode vender um pequeno espao publicitrio ou referenciar outro site atravs de um link que direciona diretamente para o site anunciante. RSS (Rich Site Sumary):O RSS um propagador de informao onde o usurio determina que sites ele gostaria de receber notcias. O RSS uma ferramenta criada em 2002 onde divulga as informaes em tempo real e concentra os contedos de diversos sites sem que o usurio tenha que atualiz-lo. Seu uso est influindo no quesito de acessos a sites em que o usurio que utiliza o RSS acessa sites 3 vezes mais que o normal. O usurio recebe em tempo real uma notcia resumida em uma janela pop-up pequena atraindo a sua ateno e logo lanado para o site que detm tal notcia. Site: O site como forma de propaganda a forma mais eficaz e completa da internet por ser o ponto principal onde os visitantes iro descobrir o que est se anunciando e ir tirar todas as dvidas dos usurios. O site tambm a parte mais importante e a mais bem trabalhada, porque a vitrine de seu produto ou negcio e o que ele representa. O site deve ser adequado ao pblico que se deseja alcanar, se o pblico mais jovem de classe social mais elevada ento pode abusar um pouco de animaes e imagens pesadas por possurem uma conexo ADSL ou se forem de classe mdia baixa que detm uma apenas uma conexo modem e ento apenas contedos diretos sem muitas imagens e talvez nenhuma animao. Isso tudo depende dos critrios de avaliao da usabilidade para que o site possa ser bem sucedido. 2.3 Tendncias do e-commerce Irei citar aqui os fatores de sucesso no tcnicos para o futuro do E-Commerce segundo Efraim Turban e David King (pg. 403) em tpicos resumidos: Utilizao da Internet: O nmero de usurios est em constante crescimento, e a convergncia de tecnologias como a televiso digital, internet para telefonia mvel, computadores mais baratos, conexes de internet sem fio e mais publicidade, ir crescer ainda mais o nmero de adeptos a internet Oportunidade de compra: Aumento de produtos e servios disponveis na internet. Com isso acompanha servios tecnolgicos mais eficientes para compra e facilidade de se encontrar o que quer.

17

M-Commerce: M-Commerce, onde o M abreviatura de mobile, uma grande oportunidade que ir impulsionar as vendas no e-commerce devido conexo direta a internet com o telefone celular. Isso revolucionar as vendas de produtos e servios devido ao acesso a celulares que j fazem parte do estilo de vida moderno. Incentivo compra: Os preos cairo e o processo de compra ser alinhado de acordo com a necessidade do cliente, sem excessos de produo que geram prejuzos com queimas de estoque e produes sob medida para clientes abrindo tambm novos nichos de mercados. A compra eletrnica poder se tornar tendncia social.

18

3. Usabilidade 3.1 Definio de usabilidade A internet, segundo os dados da Netcraft, desde agosto de 1995 a 2006 existe 96,854,877 de domnios de sites para navegar livremente, onde certamente o usurio ir encontrar o que deseja em outro site caso o primeiro no o satisfaa. Historicamente, o termo usabilidade surgiu como uma ramificao da ergonomia voltada para as interfaces computacionais, mas acabou se difundindo para outras aplicaes. A disseminao da usabilidade para profissionais de sites vem sido inserida por Jakob Nielsen, onde seu renome reconhecido por suas palestras, artigos e seus dois livros: Projetando Websites e Homepage Usabilidade: 50 sites desconstrudos. A grande diferena de usabilidade de produtos fsicos para sites so os determinantes de compra em sites de e-commerce : A usabilidade do produto somente testada aps a sua compra diferente do site que primeiro testado a sua usabilidade primeira para logo o cliente avaliar e decidir se realmente vale a pena comprar algo afirma Nielsen. A usabilidade aplicada atravs de um design de interfaces baseado em regras determinadas por especialistas, pesquisas e por referncias bibliogrficas como a de Jakob Nielsen que vo servindo de guidelines (diretrizes para um projeto de interfaces desenvolvidas de um consenso de experincias de especialistas, pesquisas cientficas para a utilizao da usabilidade eficiente) para a criao de um site melhor estruturado e de fcil acesso. Apesar de a usabilidade ser totalmente voltada para a funcionalidade de um site o que dificulta a relao design, interatividade e criatividade com a engenharia e programao, a sua falta. Pois os recursos funcionais atendem os princpios bsicos da necessidade de acesso de um cliente para haver a interao e resposta do usurio com determinado site, mas a usabilidade de certa forma no limita a expresso artstica como um todo e sim a limita de exageros que atrapalhe o objetivo final do site que visa facilidade da interao usurio computador.

19

3.2 Definio de webdesign O design tem em seu mago a oportunidade de criar algo novo, ou de inovar o que j existe para que fique melhor. O design permite a satisfao profunda que provm de implantar uma idia a bom uso e seu desempenho efetivo, baseado em um processo experimental voltado para o futuro mutvel, criando uma nova ordem de estilo e a nvel intelectual e intuitivo. O design atravessa a histria sempre deixando a sua marca e relevncia. Sua utilidade de grande valia desde a poca em que um homem da idade da pedra diferenciou o seu trabalho de outros lascando uma pedra par torn-la mais afiada para o corte e abrindo-lhe um horizonte de oportunidades. O design foi evoluindo de acordo com o tempo, e inovaes foram feitas para facilitar e melhorar a qualidade de vida das pessoas. Os autores Todd Stubbs, Patrick Crispen e David Barksdale do livro Web Page Design separam a elaborao de um site em um processo de webdesign que pode ser dividido em trs partes que devem ser bem detalhadas em sua elaborao: Design da informao, design de interao e design de apresentao. imprescindvel que as etapas sigam essa ordem, caso contrrio se despender muito tempo para a elaborao final de um site. O design da informao deve ser o primeiro passo para a elaborao de um site, pois atravs dele que voc pode expressar o que voc quer dizer, a que tipo de usurio est indo dizer, que tipo de coisas o usurio j sabe, porque voc quer escrever sobre determinado assunto e que tipo de informao voc quer colocar junto a outras informaes. Para o design da informao, existem 5 questes para a elaborao do processo(pg. 50): Mensagem: que tipo de informao voc quer compartilhar? Audincia:Com quem voc quer dividir essa informao? Propsito: Como e por que voc quer dividir sua mensagem com seu pblico? Pano de fundo: que seu pblico pretendido sabe j sobre o assunto que voc est discutindo? Estrutura: Como suas mensagem podem ser organizadas de maneira efetiva? Depois de respondida essas perguntas um projeto de site ter suas diretrizes estabelecidas para a criao de um contedo interessante e informativo. O design de interao apresenta como o site deve apresentar a informao e como seu pblico ir encontrar a informao que deseja. O design de interao est preocupado em que 20

sugestes e linhas da guia voc ir disponibilizar para o usurio no ficar perdido. As metas essenciais para um bom design de interao so: Organizao: Como os grficos, textos, animaes e outros elementos estaro disponibilizados no site. Navegao: Botes ou link na homepage que torne mais fcil a navegabilidade do site. Interatividade: Ter a chance de interagir ou participar de algo com o usurio que o site oferea. Aps esses dois passos elaborados, o ltimo o design de apresentao ou visual design. Ele ajuda a planejar como site ir se apresentar graficamente. Existem 3 esquemas a ser considerados quando se trata de elementos grficos, que o esquema de cor, fontes e grficos. O arranjo e coordenao desses elementos em um sites so um dos maiores determinantes para se avaliar um site como bom ou ruim. 3.3 O webdesign de um site de e-commerce baseado na usabilidade O que mais se prima em um layout de site de e-commerce, a facilidade do usurio em encontrar as ferramentas necessrias para encontrar os produtos que deseja. Seja em uma ferramenta de busca onde o usurio digita o nome do produto especfico ou atravs de busca por categorias, o design do site de e-commerce no pode ser um de difcil acesso onde o usurio fica aguardando o carregamento do site por causa de animaes demoradas e sem muita objetividade atrasando o tempo de download de pginas. Muitos sites de e-commerce faliram na poca da bolha das empresas ponto com, por tentar implantar animaes em Flash ou em vdeos institucionais, onde se gastou uma fortuna no desenvolvimento de e programao dessas apresentaes e pelo ndice de rejeio do pblico. Site como o da Amazon.com foram bem sucedidos e colhem seus frutos hoje por sua interface simples e rpida com uma boa arquitetura da informao, textos simples e diretos e layout simples que atende as regras da usabilidade. Os autores Todd Stubbs, Patrick Crispen e David Barksdale do livro Web Page Design (pg. 46) afirma que:A chave para a criao de excelentes pginas web um tipo especial de planejamento chamado Design, o qual envolve pensar e planejar uma variedade de premissas como, quem vai navegar no site, o que voc quer dizer com o site, o que os usurios iro ganhar com o site e como ele deve se apresentar. Jakob Nielsen discorda do ponto de vista dos autores pelo fato de prezar a facilidade e a simplicidade de um site deve ser prioridade. 21

Segundo Jakob Nielsen, em seu livro 50 homepages websites desconstrudos homepages (pg. 23), ele afirma que o design grfico prejudica a usabilidade quando serve de base para a estruturao do site. Pois ele aponta o design grfico serve para ajudar a conceder uma noo de prioridade ao design de interao, para chamar a ateno do usurio para elementos de maior importncia sendo uma etapa final para acrescentar ao layout da pgina. Ele d as seguintes diretrizes da usabilidade referente ao design grfico de um site. Limitar estilos de fonte e outros atributos de formatao de texto, como tamanhos,cores, etc. na pgina , porque o texto com design muito pesado pode se desviar do significado das palavras confundindo o usurio e confundir o texto com anncio publicitrio Usar texto com muito contraste e cores de plano de fundo, para que os caracteres fiquem o mais legveis possvel. Evitar rolagem horizontal a 800 x 600 pxels. A rolagem horizontal ocasiona invariavelmente problemas na usabilidade sendo o maior deles o fato de os usurios no visualizarem a barra de rolagem e absorver o contedo como um todo. Os elementos mais crticos da pgina devem estar visveis acima da dobrana primeira tela de contedo, sem rolar, no tamanho de janela mais predominante(800x600 pxels, na poca em que o livro foi escrito). Se existir um contedo crtico que aparece abaixo da dobra (exigindo rolagem por parte do usurio), inclua indicaes visuais para que o usurio saiba onde ele est. Por exemplo, no insira grandes espaos em branco entre os itens estejam posicionados acima e abaixo da dobra. melhor que os itens estejam mais prximos, porque o simples fato de ver o incio de linha d aos usurios uma boa dica de que existe mais contedo abaixo da parte visvel. Usar um layout fluido para permitir o ajuste do tamanho da homepage a diversas resolues de tela. Usar logotipos criteriosamente, exceto quanto ao logotipo do site, use outros logotipos somente se os usurios os conhecerem bem e quiser chamar a ateno para esses logotipos. No use um logotipo apenas porque existe para um produto ou programa especfico. Por exemplo, alguns rgos governamentais criam logos para cada nova iniciativa ou programa. Guarde essas logos para uso interno, os usurios no precisam ver todos eles.

22

3.4 Avaliao de usabilidade do site Mercado Livre

Este o site do Mercadolivre.com, onde avaliada a sua usabilidade atravs das diretrizes impostas por Jakob Nielsen: A barra de busca est bem evidenciada, em uma parte visvel no centralizado no topo da barra de navegao. O link de Cadastre-se grtis! est localizado na parte superior da barra de navegao, o usurio no entra em um site de e-commerce para realizar cadastros, mesmo que seja importante preenche-lo para efetuar uma compra. Seria mais vivel evidenciar somente o cadastro nas etapas de compra. A barra de navegao est bem localizada no topo do site, pois onde fica mais prximo dos comandos de navegao do browser. O mapa do site poderia estar mais evidente pelo fato de ser importante para um usurio que ainda est conhecendo o potencial que o site oferece. Apesar de estar melhor situado o boto de cadastro que o primeiro citado, este boto de cadastro est competindo com boto de cadastro que se situa no canto direito abaixo da barra de navegao. 23

Como o Mercadolivre.com um site que no atende apenas a lngua portuguesa, a saudao junto com a bandeira correspondente com a lngua um timo indicador para o usurio se situar com a linguagem proferida pelo site.

Apesar de adotar um layout de passo-a-passo no necessrio implementar uma outra ferramenta de busca pois j est bem localiza a ferramenta no topo que est mais evidente. Na parte que indicada com o nmero um j basta apenas as categorias expostas pelo site.

O lembrete de confirmao de cadastro atravs do e-mail, desnecessria estar em evidncia na homepage, pois isto um passo imprecindvel que poderia estar localizado dentro da primeira pgina do cadastro.

Os anncios de produtos esto localizados na parte em que est disposta para o cadastro. Isso pode gerar uma confuso para o usurio que pode estar querendo seguir os passos para efetuar alguma compra bem feita.

A terceira parte do passo-a-passo para efetuar uma compra esta bem feito, ele possui links explicativos e coerentes com sua seo e os cones que confirmam a seguridade das compras se situam em um local coerente ao seu tema sugerido de Compre.

24

CONCLUSO

Imagine um site onde o usurio queira comprar um item em um site de e-commerce e neste mesmo site o usurio tem de descobrir como funciona o processo de avaliao do produto, avaliao de compra e ainda por cima um layout onde inspire confiana. A usabilidade um estudo o qual procura otimizar todos os fatores citados acima, atravs de pesquisas e referncias que ajudem a elaborar um site mais fcil de navegar e crie uma experincia melhor para que o usurio possa propagar de uma forma positiva o site para outros usurio. A usabilidade uma ferramenta chave para a elaborao de site de ecommerce, para que o mesmo seja bem sucedido. Atendendo as diretrizes da usabilidade e seus respectivos conceitos, um site de ecommerce poder alcanar seus objetivos de compra e venda e acessos. Porm no h como um site seguir a risca todas as diretrizes, caso contrrio todos os sites disponibilizariam de um mesmo layout e iriam variar apenas as cores e logomarcas. As diretrizes existem para serem seguidas e tambm quebradas, quando h um motivo especfico e coeso para que isso ocorra de forma bem sucedida, para que mais que uma diferenciao de sites eles possam tambm constituir os seus conceitos para seu pblico-alvo. Um layout bem feito e moderno no suficiente para que o usurio se sinta a vontade e seguro quanto navegao de um site. A usabilidade determinante para o usurio permanecer em um site onde o usurio entra em contato pela primeira vez e ir se deparar com a facilidade de uso e se tornar confiante a utilizao do site. Logo ir realizar uma boa relao com o site e ira propag-lo como referncia de site de compra para outros usurios.

25

REFERNCIAS BIBLIOGRFICAS

DEITEL Harvey. DEITEL Paul.STEINBUHLER Kate. E-Business e E-Commerce para Administradores. So Paulo: Pearson Education. EFRAIM, Turban. KING, David. Comrcio Eletrnico: Estratgia e Gesto. Pearson So Paulo: Prentice Hall 2004 FRANCO, Carlos Jr. E-Business: Tecnologia de informao e Negcios na Internet. So Paulo: Atlas http://news.netcraft.com/archives/web_server_survey.html data: 06/10/2006 hora: 14:05 http://www.podcast1.com.br/faq.php data: 06/10/2006 hora:18:40 KALAKOTA, Ravi. ROBINSON, Mrcia. E-Business: Estratgias para alcanar o sucesso no mundo digital. ed.2 So Paulo: Bookman NIELSEN, Jakob. THAIR, Marie. Home Page Usabilidade 50 Websites Desconstrudos. Ed. Campus, 2002 KOTLER, Philip. Administrao de Marketing: anlise, planejamento, implementao e controle. 4.ed. So Paulo: Atlas,1998 PAPANEK,Victor. Arquitectura e Design. Lisboa, Portugal. Ed. Edies 70 SMITH, Rob SPEAKER, Mark THOMPSON, Mark. O Mais Completo Guia Sobre eCommerce. So Paulo: Futura. STUBBS, S. Todd. BARKSDALE, Karl. CRISPEN, Patrick. Web Page Design Internet. New York: South-Western Educational Publishing. TELLES, Renato. B2B Marketing Empresarial. So Paulo: Editora Saraiva VIDIGAL, Tnia Limeira. E-Marketing O Marketing na internet com casos Brasileiros, So Paulo WEBDESIGN, Revista. Novembro 2004, ano 1 , nmero 11. Arteccom. WEBDESIGN, Revista. Novembro 2005, ano 2 , nmero 23. Arteccom.

26

ANEXO

Site antigo da Amazon.com avaliado por Jakob Nielsen

27