54
Londrina PR 2010 JOSÉ JOVENILDO DA CRUZ CENTRO DE CIÊNCIAS HUMANAS, EDUCAÇÃO, COMUNICAÇÃO E ARTES A ARQUITETURA DE INFORMAÇÃO APLICADA NO DESENVOLVIMENTO DE UM CATÁLOGO DIGITAL

Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

Embed Size (px)

DESCRIPTION

Uploaded from Google Docs

Citation preview

Page 1: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

Londrina – PR 2010

JOSÉ JOVENILDO DA CRUZ

CENTRO DE CIÊNCIAS HUMANAS, EDUCAÇÃO, COMUNICAÇÃO E ARTES

A ARQUITETURA DE INFORMAÇÃO APLICADA NO DESENVOLVIMENTO DE UM CATÁLOGO DIGITAL

Page 2: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

Londrina – PR Ano: 2010

A ARQUITETURA DE INFORMAÇÃO APLICADA NO DESENVOLVIMENTO DE UM CATÁLOGO DIGITAL

Trabalho de Conclusão de Curso, Fase II, apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção do título de Bacharel em Artes Visuais – Multimídia. Orientador: Prof. Dhiego Augusto dos Santos Bicudo

JOSÉ JOVENILDO DA CRUZ

Page 3: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

Londrina, 19 de novembro de 2010

Orientadora: Profª. Dhiego Augusto dos Santos Bicudo Universidade Norte do Paraná

Prof. Membro 2 Universidade Norte do Paraná

Prof. Membro 3 Universidade Norte do Paraná

JOSE JOVENILDO DA CRUZ

A ARQUITETURA DE INFORMAÇÃO APLICADA NO DESENVOLVIMENTO DE UM CATÁLOGO DIGITAL

Trabalho de Conclusão de Curso aprovado, apresentado à UNOPAR -

Universidade Norte do Paraná, no Centro de Ciências Humanas, da Educação,

Comunicação e Artes, como requisito parcial para a obtenção do título de

Bacharel em Artes Visuais- Multimídia, com nota final igual a _______, conferida

pela Banca Examinadora formada pelos professores:

Page 4: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

Dedico este trabalho ao meu pai, Joaquim (in memorian). Sei que ele estaria orgulhoso por esta minha conquista. Com meu pai aprendi a ser o homem que sou, guardo todos seus ensinamentos e me orgulho muito de ser filho dele.

Page 5: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

AGRADECIMENTOS

Primeiramente a Deus sem o qual minha existência seria

simplesmente impossível;

A minha noiva (futura esposa) Wérica Dias Micheletti, companheira

para todas as horas, que esteve neste projeto comigo o tempo todo e muitas vezes

até sozinha preocupada com o andamento deste. Érika, é pra sempre;

A minha família que sempre me amparou e me ensinou a ética, o

respeito e a perseverança;

Ao meu orientador, Dhiego Augusto Bicudo dos Santos, que

colaborou nesta etapa acadêmica;

À professora Sonia França, com quem sempre pude contar em

vários momentos da elaboração desse trabalho.

A todos os professores que tive durante todo este percurso.

Page 6: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

A arte é a expressão dos mais profundos pensamentos da maneira mais simples.

Albert Einstein

Page 7: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

Lista de Figuras

Figura 1: Catálogo Makro ......................................................................................... 11

Figura 2: Catálogo Avon ........................................................................................... 13

Figura 3: Catálogo Natura ........................................................................................ 14

Figura 4: Wireframe Inicial ........................................................................................ 23

Figura 5: Wireframe Produtos .................................................................................. 24

Figura 6: Wireframe Categorias ............................................................................... 25

Figura 7: Wireframe Contato .................................................................................... 26

Figura 8: Opção 1 para layout .................................................................................. 27

Figura 9: Opção 2 para layout .................................................................................. 28

Figura 10: Opção 3 para layout ................................................................................ 29

Figura 11: Layout ..................................................................................................... 41

Figura 12: Diagrama de fluxo ................................................................................... 42

Figura 13: Categorização pela AI ............................................................................. 42

Figura 14: Tipografia Bookman Old Style ................................................................. 44

Figura 15: Tipografia Arial ........................................................................................ 44

Page 8: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

SUMÁRIO

1 INTRODUÇÃO ....................................................................................................... 08

2 OBJETIVOS ........................................................................................................ 09

3. JUSTIFICATIVA .................................................................................................... 10

4. ANÁLISE DE SIMILARES ................................................................................... 11

4.1 Catálogo Makro ................................................................................................ 11

4.2 Catálogo Avon .................................................................................................. 12

4.3 Catálogo Natura ................................................................................................ 13

4.4 Considerações sobre a Análise de Similares ................................................ 15

5. PÚBLICO ALVO .................................................................................................. 17

6. METODOLOGIA ESPECÍFICA ............................................................................ 18

7. POÉTICA E LINGUAGEM .................................................................................... 19

8. PROJETO CONCEITUAL .................................................................................... 22

8.1 Diagrama de Fluxo ........................................................................................... 22

8.2 Descritivo Técnico ........................................................................................... 22

8.3 Wireframe.. ......................................................................................................... 23

8.4 Layout........ ......................................................................................................... 27

8.5 Alternativa Selecionada ................................................................................... 30

9. PLANO DE NEGÓCIOS ....................................................................................... 31

9.1 Sumário Executivo ........................................................................................... 31

9.2 Resumo da Empresa ........................................................................................ 31

9.3 Produtos e Serviços ......................................................................................... 33

9.3.1 O produto ........................................................................................................ 33

9.3.2 Análise FOFA (forças/oportunidades/fraquezas/ameaças) ............................. 34

Page 9: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

9.4 Análise de Mercado .......................................................................................... 34

9.4.1 Consumidores ................................................................................................. 34

9.4.2 Projeção de vendas ......................................................................................... 35

9.4.3 Necessidades ................................................................................................... 35

9.4.4 Benefícios do negócio ...................................................................................... 35

9.4.5 Competidores .................................................................................................. 35

9.4.6Vantagem competitiva ....................................................................................... 35

9.5 Estratégia do Mercado ...................................................................................... 35

9.5.1 Produto ............................................................................................................. 35

9.5.2 Preço ............................................................................................................... 36

9.5.3 Praça ............................................................................................................... 37

9.5.4 Promoção ......................................................................................................... 37

9.6 Organização e Gerencia do Negócio ............................................................... 38

9.6.1 Organograma funcional ................................................................................... 38

9.6.2 Recursos Humanos .......................................................................................... 38

9.6.3 Prestadores de serviços ................................................................................... 38

9.6.4 Tecnologia prevista para o negócio .................................................................. 38

9.6.5 Estratégia de crescimento ............................................................................... 39

9.7 Planejamento Financeiro ................................................................................. 39

9.7.1 Evolução dos resultados econômicos ............................................................. 39

9.7.2 Gastos principais ............................................................................................. 39

9.7.3 Evolução dos resultados financeiros ............................................................... 39

9.7.4 Indicadores de rentabilidade ............................................................................ 39

9.7.5 Cenários alternativos ........................................................................................ 40

10. RESULTADOS ALCANÇADOS ......................................................................... 41

11. CONSIDERAÇÕES FINAIS ................................................................................ 46

REFERÊNCIAS ......................................................................................................... 48

ANEXOS ................................................................................................................... 50

Page 10: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

8

1. INTRODUÇÃO

É indiscutível a presença da tecnologia no cotidiano da sociedade, é

possível notar que esta se torna cada vez mais constante e irreversível em nosso

meio. Mais que dependência, muitas empresas têm feito da tecnologia uma aliada

para dinamizar suas ações diárias, sendo comum a utilização de CD’s, DVD’s,

computadores, celulares e internet, para citar alguns.

Neste particular, sobressaem os multimeios como “ferramentas” que atrelam

as pessoas à tecnologia, o que nos conduz a reflexões sobre a aplicação dos

recursos da AI (Arquitetura de Informação) aplicando os conceitos de usabilidade,

interatividade e acessibilidade nos diversos meios, com ênfase voltado para as

mídias digitais.

No caso dos multimeios, estes são apontados por Pernisa Jr. (2002) como é

um conjunto de meios, vindos do latim media e medium, o que resulta na

nomenclatura multimídia. Segundo Pernisa Jr., a mídia digital é algo já

intrinsecamente plural, o que leva a pensar nos casos mais específicos de meios

que são tratados hoje como espaços novos da comunicação, como a rede mundial

de computadores – Internet – e todas as suas ramificações – intranets e extranets –,

os CD-ROMs e os DVD-ROMs, mais recentes.

As multimídias agregam, portanto, as muitas informações do mundo atual e

necessitam de mecanismos específicos para sua constituição. Surge a AI, concebida

como a “a arte e a ciência de organizar informações para auxiliar os indivíduos a

satisfazerem as suas necessidades informacionais” (ROSENFELD apud AGNER;

SILVA, 2003).

Com este foco, o produto consiste na elaboração de um catálogo digital,

tomando por base os conceitos da Arquitetura da Informação (AI). Este catálogo

digital irá ser apresentado na versão em CD-ROM ou na versão ONLINE, visto ser

estas alternativas eficazes e atuais para a divulgação de marcas e serviços.

Acredita-se, desta forma, que o projeto pode contribuir positivamente para a

melhoria deste recurso, atrelando arte e tecnologia em benefício da divulgação de

uma empresa.

Page 11: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

9

2. OBJETIVOS

Desenvolver um catálogo digital, visando à acessibilidade do conteúdo

por parte da corporação, e principalmente do usuário;

Utilizar os preceitos da Arquitetura da Informação, constituindo-se em

um instrumento primordial para a organização das várias informações,

por meio de um catálogo digital de qualidade;

Demonstrar as vantagens de um catálogo digital no que se refere a

custo financeiro, ecológico, praticidade, flexibilidade, agilidade e

interatividade.

Page 12: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

10

3. JUSTIFICATIVA

A tecnologia aparece como apoteose do século XXI, sendo que a

humanidade tem, cada vez mais, aceitado e se aliado à tecnologia para obter,

teoricamente, melhor qualidade de vida. Os computadores, criados para

processarem informações simples, rapidamente adquiriram múltiplas funções e se

tornaram um dos símbolos mais populares da tecnologia no final do século xx e

início do século XXI. Dos prédios de governos ricos e empresas de grande porte

chegaram, em menos de três décadas, aos lares de milhares de cidadãos do

mundo. Segundo dados disponíveis no Portal Globo, no ano de 2008 ultrapassavam

1 bilhão de computadores espalhados pelo planeta, sendo as estimativas bastante

positivas: até 2014, o número deverá duplicar, visto que a base instalada cresce, em

média, 12% ao ano.

Constatações como esta indicam que o mundo atual exige serviços

condizentes com as demandas, principalmente àquelas relacionadas com o acesso

às informações de modo sustentável, visto que as muitas formas de publicação de

marcas e serviços acarretam em desgaste ecológico, poluição visual e/ou pouca

eficácia na organização das informações. Este tipo catálogo dispensa o uso

materiais que poluem o meio ambiente, principalmente em sua versão online.

Diante disso, a proposta da divulgação de marcas e serviços por meio de um

Catálogo Digital, fundamentada na Arquitetura da Informação e na aplicação dos

conceitos de usabilidade, interatividade e acessibilidade, darão uma base sólida

para a elaboração deste.

Com isto, este Catálogo terá melhor qualidade visual, não se tornando um

amontoado de informações sem nexos. Quem ganha com isso é a empresa que

passa a obter de forma facilitadora o fluxo de informações, otimizando os trabalhos

internos e facilitando o acesso do cliente ao produto.

Assim sendo este trabalho contribuíra positivamente para a melhoria dos

tópicos citados, atrelando Arte e tecnologia em benefício da divulgação institucional

e transparência de uma empresa.

Page 13: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

11

4. ANÁLISE DE SIMILARES

Para a análise de similares foram selecionados três trabalhos com

características semelhantes ao seguimento do produto visual que propus criar.

Desta forma, foram escolhidos os catálogos digitais Makro, Avon e Natura,

empreendendo o levantamento dos aspectos positivos e negativos de cada um,

considerando tópicos como: cor, tipografia, espaçamento, princípios de contrastes,

alinhamentos, bem como as questões relacionadas à usabilidade e arquitetura da

informação como um todo.

4.1 Catálogo Makro | Fonte: http://www.makro.com.br/servicos/mpe/inicio/makro/?intCatalogo=14844&intAlias=1014

O similar foi escolhido por ter uma proposta próxima ao do produto visual na

versão digital e apresenta uma proposta interessante no que tange a divisão e

distribuição das informações.

Figura 1: Catálogo Makro Fonte: Makro

Page 14: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

12

Aspectos positivos

Aspectos negativos

O catálogo em si, lembra um

catálogo de produtos na versão

impressa, no que se refere ao seu

segmento.

O contraste pode ser considerado

bom, pois possui destaques nos

textos de descrição, desta forma o

utilizador não tem dificuldade em

encontrar a informação que procura.

A informação está bem

distribuída ao longo da página

mostrando uma diagramação

eficiente.

Não possui um sistema (caixa) de

buscas para produtos.

O Catálogo não possui um

background apropriado, no qual é

visível a escolha de uma aplicação

de gradiente "cônico", que deixa de

maneira clara fugir o objetivo, que

neste caso seria de passar uma

sensação de leveza e profundidade.

Ao clicar em zoom a página fica

poluída, pois os demais botões

permanecem na página, porém sem

função, uma página de rolagem na

vertical surge, o botão "voltar"

desloca-se para o topo da "barra de

rolagem vertical" fazendo com que o

usuário se perca durante a

navegação.

Quadro 1: Análises positivas e negativas do catálogo Makro Fonte: O autor 4.2 Catálogo Avon | Fonte: http://www.folhetoavon.com.br/

O similar foi escolhido por ser famoso em termos de catálogo, além de expor

uma gama de produtos razoável para análise do produto visual final.

Page 15: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

13

Figura 2: Catálogo Avon Fonte: Avon

Aspectos positivos

Aspectos negativos

As cores empregas no layout

atendem à temática infantil,

proposta pelo catálogo.

O sistema de busca é simples e

eficiente.

A negação é simples e funcional,

possui todos os botões apropriados

para a navegação, possibilitando ao

usuário uma boa navegação.

O catálogo não se ajusta à

resolução da tela do usuário,

problema que poderia ser resolvido

aplicando "fullscreen".

As telas ou páginas para a

versão online possuem baixa

resolução, obrigando o usuário a

aplicar zoom para encontrar todo e

qualquer conteúdo.

Quadro 2: Análises positivas e negativas do catálogo Avon Fonte: O autor 4.3 Catálogo Natura Fonte: http://www2.natura.net/web/br/revistanatura/13/v1/popup.asp

O similar foi escolhido por ser famoso no segmento de catálogos, além de

possuir uma vasta gama de produtos, o que torna possível a semelhança deste com

Page 16: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

14

a do produto visual final no que se refere à quantidade de produtos, mesmo este não

se tratando do mesmo segmento.

Figura 3: Catálogo Natura Fonte: Natura

Aspectos positivos

Aspectos negativos

A navegabilidade é adequada ao

conteúdo, o que possibilita fácil

entendimento do usuário.

As informações de menus são

organizadas e apresentadas de

forma pertinente e sintética,

permitindo que o usuário tenha

acesso fácil ao que deseja.

Há campos para contato, índice e

ainda um botão de ajuda, onde o

usuário pode encontrar todas as

informações para a navegação.

O sistema de busca é falho, não

retornando às informações

desejadas pelo usuário, fazendo

que o usuário desista da negação

por se extensa a gama de produtos

O conteúdo não se ajusta à

resolução do usuário.

As telas ou páginas (versão

online) são pequenas e o usuário é

forçado a aplicar o zoom, para

identificar se as informações são

condizentes ao conteúdo que ele

deseja.

Quadro 3: Análises positivas e negativas do catálogo Natura Fonte: O autor

Page 17: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

15

4.4 Considerações sobre a Análise de Similares

Todas as versões analisadas apresentam problemas de navegabilidade, o

que se pretende evitar na proposta (produto visual). Segundo Wurman (1997) esta

seria a função da AI, que precisa antever os caminhos do usuário para chegar a

uma informação, entendendo os diversos sistemas de signos que os distintos

usuários compreendem para facilitar o trânsito dos dados e a interpretação dos

mesmos na forma de informação.

A necessidade de se ter as informações mais organizadas são justificadas

pelas análises de Morville (2005), para o qual a reformulação para uma AI mais

intuitiva pode proporcionar uma economia de cerca de US$ 5 milhões por ano para

uma companhia americana média. Morville (2005) postula ainda que a AI afeta

diretamente os custos de encontrar uma informação e de não encontrá-la, os custos

de construção e manutenção de websites, os custos de treinamentos e até a

valorização da marca. Para a Nielsen Norman Group (2001 apud REIS 2010), 27%

das causas de insucesso das vendas de um website de comércio eletrônico são

porque o usuário simplesmente não conseguiu encontrar o item que procurava.

De acordo com as deficiências encontradas no catálogo do Makro, este não

possui um sistema (caixa) de buscas para produtos. No catálogo da Avon verificou-

se a baixa resolução das telas, obrigando o usuário a aplicar zoom para encontrar

todo e qualquer conteúdo, fato semelhante observado no catálogo da Natura, cujo

qual apresentou um sistema de busca falho, que não retorna às informações

desejadas pelo usuário, além de conteúdo que não se ajusta à resolução do usuário.

Estes fatores contribuem para que o usuário desista da negação por se extensa a

gama de produtos, confirmando as assertivas de Nielsen Norman Group (apud

REIS, 2010) e Morville (2005).

Fica saliente que estes catálogos não aplicaram devidamente os princípios

da AI, buscando um atrelamento entre os 3C, propostos por Agner (2003). O autor

defende a relevância para o contexto (organização) equivale a considerar fatores

como a cultura organizacional, as estratégias, os objetivos de curto e longo prazos,

o plano de negócios, os aspectos financeiros, os recursos humanos, a visão dos

formadores de opinião, os prazos e a infra-estrutura tecnológica. No que se refere a

conteúdos (informacionais) incluem-se os documentos, bancos de dados,

Page 18: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

16

metadados1, tabelas, aplicativos online, serviços, imagens, arquivos de audio e

video, animações, plug-ins, paginas pessoais, mensagens e demais conteúdos

atuais e futuros. Por último está o comportamento (usuários), que segundo Mayhew

(apud AGNER, 2003), o princípio fundamental do projeto de interfaces - do qual

derivam todos os outros princípios: é conhecer os usuários. Agner (2003) considera

que este princípio se estende ao processo de arquitetura de informação como um

todo.

1 Metadados são normalmente definidos como "dados sobre os dados". Podem ser definidos também como um abstração dos dados, ou dados de mais alto nível que descrevem dados de um nível inferior. Os metadados têm um papel muito importante na administração de dados, mas podem ser considerados de suma importância pois é a partir deles que as informações serão processadas, atualizadas e consultadas (SOUZA, 2003).

Page 19: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

17

5. PÚBLICO ALVO

O catálogo digital (entenda multimídia) pertence aos setores secundário e

terciário, correspondem, respectivamente às áreas responsáveis: pela

transformação das matérias-primas em produtos industrializados, agregando

tecnologia e lucro na comercialização, e; prestação de serviços, presentes nas

regiões mais desenvolvidas, onde a presença do comércio, educação, saúde, moda,

telecomunicações, serviços de informática, seguros, transporte, serviços de

alimentação, turismo, serviços bancários e administrativos, são mais expressivas.

Segundo dados do IBGE, a indústria contribuiu com 21,84% do PIB, (R$

686,445 bilhões) e os serviços adicionaram 58,91% do PIB à economia brasileira

(R$ 1,852 trilhão). Esses dados permitem dizer que estes setores são os mais

promissores na atualidade, demandando novos produtos para sua divulgação.

Enquadra-se no setor secundário a empresa Brinquedos União, para a qual

propomos desenvolver este trabalho. Empresa esta selecionada ao se considerar a

localização, a história, a missão e os valores incutidos na organização da empresa.

Assim, espera-se contribuir para a melhoria dos serviços da Brinquedos União, por

meio da elaboração de uma catálogo digital em CD-ROM, que poderá facilitar as

negociações de vendas dos representantes, bem como se constituir em uma

alternativa para a divulgação da empresa.

Page 20: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

18

6. METODOLOGIA ESPECÍFICA

Em um primeiro âmbito abordou-se o conhecimento do tema e em seguida

arquitetou-se, por meio dos objetivos, os passos para a elaboração de um produto

visual conciso e que pudesse expor de forma clara todo conteúdo abordado,

justificando a importância de tal produto visual empregado na divulgação de uma

empresa e seus produtos.

Em um segundo momento tomou-se a análise de similares com o objetivo de

levantar pontos fortes e fracos de materiais ligados ao mesmo seguimento, para que

com base em tal estudo pudesse evitar os principais erros já abordados. Analisou-se

posteriormente o seguimento da empresa e os seus públicos alvos, para poder

então chegar-se ao conceito da possível identidade visual do produto, mantendo

assim a devida ligação entre empresa e produto visual. Para tanto, valeu-se da

aplicação de uma sondagem junto a vinte consumidores, indagando acerca da

relação entre as palavras união e brinquedos com as imagens que lhes vinham à

mente.

A próxima etapa a ser abordada foi a elaboração do plano de negócios, onde

foi possível aprofundar-se no conhecimento do produto a ser gerado, como análise

do mercado, benefícios do negócio, vantagens competitivas entre outros.

Só então foi possível passar para a parte da elaboração do produto visual

partindo para a criação do diagrama de fluxos e wireframes, onde foram definidas as

telas para posteriormente chegar-se ao layout.

Page 21: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

19

7. POÉTICA E LINGUAGEM

Na atualidade, divulgar as informações por meio de artefatos tecnológicos

torna-se indispensável, uma vez que este recurso é cada vez mais presente na vida

das pessoas. O homem de hoje entende a tecnologia como mecanismo de melhoria

da qualidade de vida, visto que as informações surgem em abundância e os

modernos equipamentos eletrônicos tornam-se cada vez mais populares - estima-se

que em 2014 haverá no planeta 2 bilhões de computadores (G1, 2008). Wurman

(1991 apud REIS, 2007) afirma que em uma edição diária do “The New York Times”

existe mais informação que o comum dos mortais poderia receber durante toda a

vida na Inglaterra do século XVII.

As mudanças ocasionadas pelo vasto emprego da tecnologia e pela

ampliação na divulgação das informações acarretaram na necessidade de novos

manejos intelectuais, surgindo a Arquitetura da Informação (AI) como disciplina

específica para pensar em novas formas de conceber e tratar as informações

disponíveis no mundo. Isto é, a AI deriva da necessidade de organização do grande

volume de informação que chega à sociedade todos os dias. Rosenfeld (apud

AGNER; SILVA, 2003) define a AI como “a arte e a ciência de organizar informações

para auxiliar os indivíduos a satisfazerem as suas necessidades informacionais”.

Com base nesses apontamentos, o produto visual criado para este trabalho

utiliza-se da mídia digital off-line ou ainda online a fim de divulgar a Empresa

Brinquedos União. Para tanto, o layout trouxe elementos novos, sem, no entanto,

romper com a identidade da empresa. Esta escolha embasou-se em Agner (2003)

quando este postula ser preciso considerar o contexto, isto é, a organização da

empresa, relevando a cultura da mesma, as estratégias, os objetivos, para citar

alguns aspectos.

Ainda com relação ao layout, optou-se por agregar o arco-íris, buscando

retratar a idéia de ponte, ligação, assim como lembra o nome da empresa (união).

Para a construção desta ideia, embasou-se na linha estética surrealista, para qual se

dá vazão às liberações do inconsciente, valorizando-se o sonho e a fantasia. Neste

movimento, inclusive, o pensamento do psicanalista Sigmund Freud contribui,

revelando que muitos dos atos humanos não estão ligados ao encadeamento lógico.

A ausência de controle exercido pela razão e o automatismo psíquico puro

Page 22: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

20

indicavam os novos rumos da arte, inaugurados a partir do Manifesto de Bretton

(1924):

Só o que me exalta ainda é a única palavra, liberdade. Eu a considero apropriada para manter, indefinidamente, o velho fanatismo humano. Atende, sem dúvida, à minha única aspiração legítima. Entre tantos infortúnios por nós herdados, deve-se admitir que a maior liberdade de espírito nos foi concedida. Devemos cuidar de não fazer mau uso dela. Reduzir a imaginação à servidão [...] é rejeitar o que haja, no fundo de si, de suprema justiça. Só a imaginação me dá contas do que pode ser, e é bastante para suspender por um instante a interdição terrível; é bastante também para que eu me entregue a ela, sem receio de me enganar (BRETTON, 1924).

Na busca de entender a estrutura mental dos usuários com relação à marca,

tendo por base a estética Surrealista descrita acima, valeu-se de pesquisa de campo

colhida junto a consumidores potenciais da marca. Perguntou-se a eles o que

lembrava a palavra união e o que lembrava a palavra brinquedos, em inquéritos

abertos, realizados em um supermercado da cidade, junto a vinte consumidores.

Das respostas obtidas, começou-se a arquitetar o layout. O quadro abaixo apresenta

os resultados da pesquisa.

Que imagem vem a sua cabeça

quando você ouve a palavra

“união”?

Que imagem vem a sua cabeça

quando você ouve a palavra

“brinquedos”?

Amizade;

Alegria;

Amor;

Elo;

Ponte;

Arco-íris

Crianças;

Alegria;

Risos;

Fantasia;

Doce

Quadro 4: Consulta a usuários Fonte: o autor

Consultar os usuários foi considerado relevante à medida que se trata de um

mecanismo capaz de identificar ou aproximar a navegação em um sistema interativo

ao modelo mental do usuário. Desta forma tomou-se o modelo mental do usuário

final e esboçou-se o wireframe. Esta estratégia é defendida por Shneiderman (1998)

o mesmo sugere que o envolvimento de usuários traz informações mais precisas

sobre tarefas e que deve-se levar em consideração o efeito da interface no usuário

Page 23: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

21

solicitando sua participação para garantir que todas as preocupações estão se

revelando cedo o bastante para evitar esforços contra-produtivos e resistências de

mudança. Após a análise destes resultados, procurou-se desenvolver um wireframe

e posteriormente um layout que contemplasse os modelos mentais dos

consumidores para a empresa Brinquedos União, ao que se elaborou um arco-íris

(ponte) com um pote de doces – ou – bolinha de brinquedo (que representa infância,

fantasia, alegria).

Para a idealização do layout, também utilizou-se do fluxograma, segundo o

qual tem por função específica de ajudar os indivíduos a processar a informação,

permitindo o entendimento conclusivo, em meio a uma grande quantidade de

informações, previamente selecionadas e agrupadas para então definir-se a linha de

navegação (WURMAN,1991). Isto é, o fluxograma comunica a estrutura de um

sistema digital, como um mapa, fornecendo a orientação para o desenvolvimento de

um projeto (MOURA, 2003 apud PASSOS; MOURA, 2007). De acordo com

Radfahrer (2003) o fluxograma é importante para a AI, pois, com a função de

ordenar a informação, a malha padroniza a interface e ajuda o usuário a achar o que

procura, dividindo os espaços dando maior consistência ao layout.

Assim, os espaços entre caracteres, a tipografia, a disposição dos objetos

obedeceram aos princípios de alinhamentos e aos critérios da Arquitetura da

Informação e da usabalidade, resultando em um projeto que priorizou a objetividade

na apresentação do conteúdo, com visualização clara e consistente na organização

das informações que se pretendia elencar.

Page 24: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

22

8. PROJETO CONCEITUAL

8.1 Diagrama de Fluxo

8.2 Descritivo Técnico

Inicial: página que apresentará mensagem de boas vindas ao catálogo da

empresa, breve descrição do catálogo e menus de navegação.

Produtos: página que conterá o submenu categorias, este dividido por

candy toys e candies, ambas com sua breve descrição. Nesta tela o usuário

poderá selecionar a categoria de acordo com o tipo de produto a ser

almejado. Ao selecionar o menu produtos o usuário terá a opção de navegar

por uma das categorias, podendo alternar a visualização das categorias por

meio do menu produtos. Quando o usurário selecionar uma das categorias o

arco-íris irá apresentar os produtos respectivos da categoria e botões avançar

e retroceder para a navegação desejada. O usuário poderá clicar no produto

desejado, desta forma ampliando o mesmo para o palco principal, momento

em que a ID de cada produto aparecerá no pote ao fim do arco-íris. No palco

principal o usuário encontra botões de navegação, como avançar, retroceder,

play e pause.

Contato: página com endereço físico da loja, endereço na web, e-mail,

telefones e fax.

Page 25: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

23

8.3 Wireframe

O wireframe que é utilizado para se fazer uma previsão da disposição das

informações no catálogo digital, apresentando a estrutura de cada página. Para o

desenvolvimento das telas, foi recorrido aos softwares Corel Draw X5 e Photoshop

CS5, cujos resultados obtidos podem ser visualizados abaixo: 1, 2, 3 e 4.

Figura 4: Wireframe Inicial Fonte: O autor

Será a tela de boas vindas do catálogo, as quais serão dispostas no palco por

meio de uma caixa de texto. Nesta tela teremos os menus de navegação ativos, pelo

quais o usurário poderá navegar e conhecer melhor o catálogo.

Page 26: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

24

Figura 5: Wireframe Produtos Fonte: O autor

Aqui o usurário poderá encontrar e acessar informações sobre as categorias

de produtos da empresa. Estas categorias serão divididas em Candy Toys (doces

que acompanham míni-brinquedos) e Candies (doces que não acompanham míni-

brinquedos). Ao selecionar quaisquer categorias, o usuário passará a navegar pela

mesma, o menu produto dará lugar ao menu categorias, desta forma possibilitando o

usuário alternar livremente a qualquer momento entre as categorias de sua

preferência.

Page 27: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

25

Figura 6: Wireframe Categorias Fonte: O autor

Nesta tela o usuário vai está navegando por uma das categorias selecionada

anteriormente. O arco-íris será composto por vários produtos de acordo com a

categoria selecionada, sendo exibido 3 (três) imagens por vez, estas presentes nos

campos indicado no wireframe por "x". O Usuário terá a opção de selecionar outro

grupo de imagens a qualquer momento, bastando pra isso, acionar as setas de ir e

voltar nas extremidades do arco-íris. Ao selecionar por meio de um clique esquerdo

do mouse qualquer imagem dentro do arco-íris a mesma aparecerá ampliada no

palco principal.

Page 28: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

26

Figura 7: Wireframe Contato Fonte: O autor

A tela de contato disponibilizara uma forma de contato entre o cliente e a

empresa, lembrando que esta tela mesmo que em sua versão off-line requer

conexão com a internet. Para efetuar o contato, basta preencher todos os campos,

por fim, antes de enviar a mensagem o usurário terá a opção de marcar uma caixa

de seleção, onde o mesmo expressará o desejo de receber novidades a respeito da

empresa e produtos. Ainda nesta tela foi disponibilizado de forma sutil contatos

como endereço físico, telefone/fax, e e-mail. Vale ressaltar que tais contatos estarão

de forma mais exaltadas nos boxes dos DVDs (se versão off-line), não se fazendo

necessária a ênfase aqui. A ausência do endereço eletrônico da empresa também

se justifica uma vez que o mesmo constara nos boxes, contudo a logomarca da

empresa conterá em todas as telas um hiperlink com a página inicial da empresa,

desta forma se o interesse do usuário for obter o endereço eletrônico da empresa,

nada mais fácil do que se fazer um clique com o botão esquerdo do mouse na

logomarca da empresa.

Page 29: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

27

8.4 Layout

Para a definição do Layout, amparou-se nas constatações obtidas com as

sondagens dos modelos mentais dos usuários, nas quais a semântica das palavras

esteve associada ao sonho, fantasia, alegria.

Figura 8: Opção 1 para layout Fonte: O autor

Desta feita, optou-se primeiramente por agregar motivos infantis, com muitas

cores, resultando na primeira alternativa.

Page 30: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

28

Figura 9: Opção 2 para layout Fonte: O autor

A segunda opção aprimorou a idéia do arco-íris e o background no

segmento da identidade visual da empresa, transmitindo a idéia de ponte (união),

pote de tesouro e bastantes cores para reforçar o sonho e a fantasia apontados

pelos entrevistados.

Page 31: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

29

Figura 10: Opção 3 para layout Fonte: O autor

A terceira alternativa trabalhou com a mesma idéia do arco-íris, utilizando-se

de menos cores próximo à caixa de texto e/ou palco de apresentação dos produtos,

buscando-se preservar a idéia do sonho, da fantasia, porém trabalhando o layout de

forma mais sóbria, sem comprometer o foco ao texto e/ou aos conteúdos

apresentados no palco. Houve uma preocupação com a segmentação da identidade

visual da empresa que adota as predominâncias de cores como a azul e a vermelha

em sua identidade visual. Nesta geração também se procurou manter a logomarca

da empresa mais limpa, igualmente foram adotados elementos mais infantis como

nuvens para dar ênfase aos menus, o sol na tela de exibição dos produtos indicados

como selecionados.

Page 32: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

30

8.5 Alternativa Selecionada

Dentre as três opções geradas, com base na estética Surrealista, nas

análises das sondagens realizadas e nos preceitos da AI, a Opção 3 foi considerada

mais coerente, uma vez que agrega a interpretação do usuário acerca do nome da

marca, preserva a identidade visual da empresa, trabalhando o Layout com as cores

da Logomarca em uso, mantém-se sóbria, apresentando as informações sem que

haja concorrência entre as cores, imagens, texto. A disposição dos textos e a

distribuição das imagens são harmônicas e funcionais, atendendo ao objetivo inicial:

desenvolver um catálogo digital, visando à acessibilidade do conteúdo por parte da

corporação, e principalmente do usuário.

Page 33: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

31

9. PLANO DE NEGÓCIOS

Este trabalho tem por objetivo apresentar um plano de negócios, discorrendo

acerca de tópicos fundamentais para a estruturação do mencionado projeto. Para

tanto serão abordados o sumário executivo, o resumo da empresa, os produtos e

serviços, a análise do mercado, a estratégia do mercado, as organização e gerencia

do negócio e o planejamento financeiro.

9.1 Sumário Executivo

Nosso produto é um catálogo digital em versão CD-ROM ou ONLINE, visto

ser este uma alternativa eficaz e atual para a divulgação de marcas e serviços,

visando à acessibilidade do conteúdo por parte da corporação, e principalmente do

usuário e constituindo-se em um instrumento primordial para a organização das

várias informações, por meio de um catálogo digital de qualidade.

Este projeto contribuirá para ampliar a cobertura, reduzir os custos se

comparado com a mídia impressa. Suas vantagens são muitas se comparado a

versão impressa, o mesmo é prático e ágil, além de ser uma alternativa

ecologicamente correta, ao dispensar o uso de materiais que poluem o meio

ambiente, é flexível, no que se refere à quantidade de páginas e informações que se

pretende veicular.

A divulgação deste catálogo será realizada por meio de representantes

comerciais das empresas contratantes e pela equipe de vendas das mesmas, que

serão responsáveis pela propagação do produto juntos aos clientes.

9.2 Resumo da Empresa

O catálogo digital (entenda multimídia) pertence aos setores secundário e

terciário, cujos quais correspondem, respectivamente às áreas responsáveis: pela

transformação das matérias-primas em produtos industrializados, agregando

tecnologia e lucro na comercialização, e; prestação de serviços, presentes nas

regiões mais desenvolvidas, onde a presença do comércio, educação, saúde, moda,

telecomunicações, serviços de informática, seguros, transporte, serviços de limpeza,

serviços de alimentação, turismo, serviços bancários e administrativos, são mais

Page 34: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

32

expressivas.

Enquadra-se no setor secundário a empresa que Brinquedos União, para a

qual propomos desenvolver este trabalho. Fundada em 29 de outubro de 2002, a

Brinquedos União tinha como objetivo inicial se estabelecer como indústria e

atacado de doces e guloseimas. No entanto, descobriu-se que o foco seria

industrializar produtos diferenciados, com embalagens funcionais e criativas, que

prezem por qualidade e apresentação ao consumidor. Desde então, o trabalho tem

sido constante para obter melhorias nos produtos atuais e lançamentos com vistas à

ampliação de seu mix.

A cidade de Rolândia-PR foi escolhida para ser sede atual da empresa, que

possui uma linha de produtos é direcionada para crianças, sendo constituída por

itens no segmento de mini-brinquedos e confeitos, que prezam pela qualidade, em

processos de fabricação altamente controlados.

Esses produtos são comercializados em atacado e varejo, por meio de

representantes treinados para levar sabor e diversão de qualidade a todos os pontos

de venda do país. A divulgação costuma ocorrer através do contado direto com o

comprador, em um processo que busca apresentar a gama de produtos.

Desta feita, a Brinquedos União preserva como missão o desenvolvimento

de embalagens criativas e funcionais, provendo o mercado com confeitos saborosos

e divertidos, além da busca pela rentabilidade no negócio, contribuindo para a

sustentabilidade do Grupo União. A visão da empresa resume-se em ser referência

na comercialização de confeitos em embalagens funcionais e criativas. Para tanto, a

Brinquedos União trabalha com os seguintes valores: fé: Deus é a nossa força;

união: trabalhamos em equipe; ética: valorizamos a honestidade; comunicação:

proporcionamos ambiente alegre, comunicativo e criativo; respeito: prezamos o

respeito mútuo; reconhecimento: valorizamos nossos clientes, fornecedores,

colaboradores e representantes comerciais.

Com vistas nestes preceitos, a Brinquedos União tem trabalhado em prol da

comunidade rolandiense. Em parceria com a Faculdade Paranaense (FACCAR),

apoiou a quarta edição do projeto Luz Cidadã, que atendeu cinco mil crianças da

rede pública de ensino. O evento ocorreu na semana do dia das crianças e contou

com apresentações, cinema, brincadeiras diversas, lanches e brindes para todos as

crianças. A Brinquedos União participou deste momento mágico distribuindo

milhares de mini-brinquedos na saída do local e serviram de marco para o evento

Page 35: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

33

que abrilhantou o dia de muitas crianças.

Em todo Natal, a Brinquedos União coordena e apóia o "Natal da Alegria",

distribuindo dezenas de produtos. A ação contou com o voluntarismo dos

funcionários, que entregaram os brindes a muitas crianças do município.

Preocupada com seu desenvolvimento no dinamismo dos seus negócios, a

Brinquedos União participou ainda 28ª edição convenção anual do atacadista

distribuidor e Sweet Brasil Internacional (ABAD) – evento reconhecido como um dos

principais encontros do trade do Brasil e considerada o maior evento do setor na

América Latina. A ABAD ocorreu na EXPOTRADE, em Pinhais (PR) e reuniu mais

de 240 expositores, 35 mil visitações, 27 caravanas estaduais, missões

internacionais e mais de 27 mil m² de exposição.

Diante disso, a Brinquedos União foi selecionada para este trabalho, uma

vez que consideramos a localização, a história, a missão e os valores incutidos na

organização da empresa. Acreditamos que poderemos contribuir para a melhoria

dos serviços da Brinquedos União, por meio da elaboração de uma catálogo digital

em CD-ROM, que poderá facilitar as negociações de vendas dos representantes,

bem como se constituir em uma alternativa para a divulgação da empresa.

9.3 Produtos e Serviços

9.3.1 O produto

O produto consiste na elaboração de um catálogo digital, a partir das

contribuições da Arquitetura de Informação (AI), tomando por base os conceitos da

AI utilizados para a criação e execução de wireframes, design de navegação, layout

para a diagramação de um catálogo digital em CD-ROM ou ON-LINE.

A idealização desta proposta surgiu a partir das considerações acerca das

mudanças ocasionadas pelo vasto emprego da tecnologia e pela ampliação na

divulgação das informações acarretaram na necessidade de novos manejos

intelectuais, surgindo a Arquitetura da Informação (AI) como disciplina específica

para pensar em novas formas de conceber e tratar as informações disponíveis no

mundo.

Page 36: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

34

9.3.2 Análise FOFA (forças/oportunidades/fraquezas/ameaças)

X Oportunidades Ameaças

Forças

Ampliação do leque de

escolhas;

Custos mais baixos que a

mídia tradicional, por não

apresentar custos com

impressão;

Praticidade, pois pode ser

acessado a qualquer horário;

Ágil com relação à entrega,

não requer obrigatoriamente

parceria com os correios;

O concorrente tem fácil

acesso ao conteúdo.

Fraquezas

Dependência de terceiros.

Dificuldade em montar uma

equipe para uma finalização

em menor tempo.

9.4 Análise de Mercado 9.4.1 Consumidores

Os principais consumidores são os representantes comerciais da empresa,

que levarão o catálogo digital aos clientes, aumentando a possibilidade de acesso à

marca mesmo nos locais onde o acesso on-line ainda não é totalmente viável. Este

catálogo digital permite que a empresa seja levada a todos as regiões do Brasil.

Os consumidores secundários seriam os clientes, alcançados por meio da

equipe de vendas interna da empresa, que poderá selecionar consumidores diretos

para receberem os catálogos em suas residências – prática esta adora por

empresas de grande porte, inclusive.

Page 37: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

35

9.4.2 Projeção de vendas

A projeção de vendas será realizada a partir da apresentação aos clientes,

sob encomenda, gerando um retorno financeiro para ambos os envolvidos.

9.4.3 Necessidades

A necessidade do cliente na atualidade atrela-se à funcionalidade da mídia

digital, pois esta conduz as pessoas à tecnologia, o que se refere à aplicação dos

recursos da AI (Arquitetura de Informação).

Especificamente neste veículo – mídia digital – podemos depreender a

existência das Artes Visuais como um importante mecanismo em busca de um

melhor desempenho na divulgação de marcas e serviços.

9.4.4 Benefícios do negócio

O produto contribui positivamente no que se refere a custo financeiro, é

ecológico, prático, flexível e ágil na divulgação, além de interativo. Desta forma,

atrelando Arte e tecnologia em benefício da divulgação institucional e transparência

de uma empresa.

9.4.5 Competidores

Web Publication: http://www.webpublication.eu/br/

Sonna Criative Studio: http://www.sonna.com.br/catalogo_digital.htm

9.4.6Vantagem competitiva

Econômico, de fácil divulgação, não requer estoque, com uma única cópia

original pode-se duplicar cópias para atender a demanda, além da versão online.

Ecologicamente correto, pois dispensa o uso de materiais poluentes ao meio

ambiente. Contém flexibilidade quanto às informações que se pretende veicular.

9.5 Estratégia do Mercado 9.5.1 Produto

Page 38: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

36

O mundo atual exige serviços condizentes com as demandas,

principalmente àquelas relacionadas com a sustentabilidade. As muitas formas de

publicação de marcas e serviços acarretam em desgaste ecológico, poluição visual

e/ou pouca eficácia na organização das informações. Diante disso, a proposta da

divulgação de marcas e serviços por meio de um Catálogo Digital, fundamentada na

Arquitetura da Informação e na aplicação dos conceitos de usabilidade,

interatividade e acessibilidade, darão uma base sólida para a elaboração de tal

Catálogo. Este Catálogo terá melhor qualidade visual, não se tornando um

amontoado de informações sem nexos. Quem ganha com isso é a empresa que

passa a obter de forma facilitadora o fluxo de informações, otimizando os trabalhos

internos e facilitando o acesso do cliente ao produto. Este trabalho é desenvolver

catálogos digitais, visando à satisfação tanto do conteúdo da corporação, como

também do usuário e constituindo-se em um instrumento primordial para a

organização das várias informações, por meio de um catálogo digital de qualidade.

9.5.2 Preço

O custo do produto depende dos recursos empregados e do volume de

informações agregadas. Para uma tiragem industrial, com mínimo de 1.000

unidades, estima-se um custo médio de R$ 1,75 por unidade fechada (impressa e

finalizada) no boxe, segundo levantamentos de preços colhidos na região de

Londrina-PR. O valor de produção do projeto é de R$ 300,00, sendo a este valor

acrescida a quantia de R$ 30,00 horas técnicas, que será empregada para

finalização do mesmo. Serão descartados os valores referentes à hospedagem

online (quando versão online) do mesmo, sendo abordada apenas a criação e

finalização do projeto, o que rejeita o vínculo de distribuição do mesmo seja em

quaisquer versões.

Versão em DVD-ROM2:

- Valor base do projeto: R$ 300,00;

- Ferramentas empregadas: R$ 300,00 (computador, periféricos, softwares);

- 80 (oitenta) horas técnicas, distribuídas entre a criação do escopo, estrutura,

wireframes, layouts e finalização no software Adobe Flash CS3, agregando

2 Dados obtidos em consulta à Empresa Gráfica Bortolassi, Rua Europa, nº 742, Rolândia-PR.

Page 39: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

37

um valor total de R$ 2.400,00;

Tiragem de 1000 unidades: 1.750,00;

- Valor total: R$ 4.750,00.

- Valor Unitário: R$ 4,75

Versão online:

- Valor base do projeto: R$ 300.00;

- Ferramentas empregadas: R$ 300.00 (computador, periféricos, softwares);

- 80 (oitenta) horas técnicas, distribuídas entre a criação do escopo, estrutura,

wireframes, layouts e finalização no software Adobe Flash CS3, agregando

um valor total de R$ 2.400,00;

- Valor total: R$ 3.000;00.

Versão impressa3:

- Valor base do projeto: R$ 300,00;

- Ferramentas empregadas: R$ 300,00 (computador, periféricos, softwares);

- 80 (oitenta) horas técnicas, distribuídas entre a criação do escopo, estrutura,

wireframes, layouts e finalização no software Adobe Flash CS3, agregando

um valor total de R$ 2.400,00;

-Tiragem de 1.000 exemplares: R$10.800,00;

- Valor unitário: R$ 10,80;

- Valor total: R$ 13.800,00.

9.5.3 Praça

A distribuição do produto ocorrerá por meio das representações e

departamento de venda das empresas contratantes, que farão o produto chegar até

o consumidor final.

9.5.4 Promoção

A promoção inicial do produto ocorrerá por meio de redes sociais on-line,

divulgação no site pessoal, portifólios, jornais locais, e-mail marketing e

3 Dados obtidos em consulta à Empresa Gráfica Bortolassi, Rua Europa, nº 742, Rolândia-PR.

Page 40: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

38

comunidades sociais, direcionando o produto ao público-alvo.

9.6 Organização e Gerencia do Negócio 9.6.1 Organograma funcional

Atendimento

Contato: José Jovenildo

Administrativo

Financeiro: José Jovenildo

Planejamento

Cronograma: José Jovenildo

Wireframe

Elaboração: José Jovenildo

Layout

Criação: José Jovenildo

Design de navegação

Planejamento e Execução: José Jovenildo

Animação em flash

Execução: José Jovenildo

Finalização

Arte final: José Jovenildo

9.6.2 Recursos Humanos

A proposta inicial não prevê parcerias, porém em longo prazo é totalmente

possível um trabalho em parceria com profissionais freelancer ou não.

9.6.3 Prestadores de serviços

Para a tiragem das mídias em escala comercial, serão contratados os

serviços tercerizados: Encadol – Rolândia (PR); Midiograf – Londrina (PR) ou outra

empresa que atenda ao serviço. Se versão online, será hospedada no site

<www.jotaartes.com.br> ou ainda em <www.jotaartes.com.br/blog>.

Page 41: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

39

9.6.4 Tecnologia prevista para o negócio

Em se tratando de uma segmentação, além dos softwares para a execução

dos projetos, para a divulgação, utilizaremos as redes sociais, emails, blog e site

hospedados na internet, bem como o fornecimento de portifólios em catálogos

digitais em CD-ROM.

9.6.5 Estratégia de crescimento

Pretende-se utilizar adequadamente os conhecimentos da AI, buscando a

harmonia entre as informações, a organização e o usuário. Com vistas nisso, o

crescimento deverá ser ascendente, agregando cada vez mais clientes interessados

em obter o produto, em uma escala de progressão geométrica.

9.7 Planejamento Financeiro

9.7.1 Evolução dos resultados econômicos

O investimento inicial será da ordem de R$ 600.00, disponibilizados para o

valor base do projeto e ferramentas empregadas tais como computador, periféricos,

softwares, entre outros.

9.7.2 Gastos principais

O trabalho será realizado em escritório particular, demandando custos com

aluguel, adicional considerável com eletricidade e/ou água e computadores, no

entanto, estes gastos não terão ênfase para este projeto em específico. Os gastos

principais referem-se à aquisição básica de ferramentas já citadas no tópico 9.7.1.

9.7.3 Evolução dos resultados financeiros

Não há previsão para o momento

9.7.4 Indicadores de rentabilidade

Não há previsão para o momento

Page 42: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

40

9.7.5 Cenários alternativos

Os setores secundários e terciários são os principais alvos. No entanto,

Instituições sem fins lucrativos, como as ONG’s, por exemplo, poderão valer-se

deste recurso.

Page 43: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

41

10. RESULTADOS ALCANÇADOS

O produto desenvolvido trabalhou a partir da identidade visual da empresa,

mas que buscaram agregar a estrutura mental dos usuários com relação à marca e

produtos comercializados, conforme as imagens podem demonstrar.

Figura 11: Layout Fonte: O autor

Deste modo, o produto visual seguiu a estética Surrealista, dando vazão à

voz do inconsciente dos usuários, consultados por meio de pesquisa de campo. O

layout foi trabalhado, buscando criar a atmosfera de sonho e fantasia associados à

infância, valendo-se do colorido que atende à temática infantil.

O contraste escolhido apresenta destaques nos textos de descrição,

facilitando ao usuário encontrar a informação de seu interesse, o background é a

adequado ao produto ao mesmo tempo se mantendo leve e suave, buscando-se não

cometer as mesmas falhas arroladas no Catálogo do Makro quanto ao um

background mal estruturado.

Page 44: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

42

Figura 12: Diagrama de fluxo Fonte: O autor

Quanto à navegabilidade, procurou-se deixar o menu objetivo, inserindo os

itens primordiais ao usuário. Desta forma, o menu ficou constituído por Inicial,

Produtos, Categorias, Contato e Sair. O menu produto engloba as subcategorias

"Categorias", também subdivida em "Candy toys" e "Candy". Com esta estrutura, o

menu ficou claro e funcional, atendendo às expectativas da empresa e dos usuários,

contemplando as informações de forma condizente com os pressupostos da AI.

Figura 13: Categorização pela AI Fonte: O autor

Page 45: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

43

Com base nos conhecimentos da AI, as categorias foram reorganizadas e

agrupadas em duas categorias distintas, visto que anteriormente o sistema de

categorização era deficiente, pois havia sete categorias segmentadas sem um

conceito nítido para o usuário (ANEXO 2). A análise dos produtos permitiu que se

obtivessem duas categorias: candy toys (doces que acompanham um mini-

brinquedo) e candies (apenas doces, que não são acompanhados de um miní-

brinquedo). A nomenclatura permaneceu em língua estrangeira, visto serem os

termos adotados pela empresa e conhecidos no segmento.

Quanto à tipografia selecionada, optou-se pela fonte Bookman old style nos

menus e textos longos e Arial inserida apenas na tela de contato, apenas citando os

endereços (informações de contato) da empresa, por se tratar de fonte limpa, sem-

serifa, tornando o texto totalmente dentro dos padrões de legibilidade mesmo em

uma escrita de oito pixels de tamanho, sendo totalmente apropriada para a devida

inserção, cogitou-se o emprego da fonte muito similar que é a Helvetica, umas das

fontes mais utilizadas no mundo, inclusive por empresas famosas que usam

Helvetica nas suas marcas como a 3M, American Airlines, a rede de jornalismo BBC

News, Boeing, Jeep, linhas aéreas Lufthanse, Microsoft, Panasonic e muitos outros.

A fonte está até mesmo impressa nos ônibus espaciais da Nasa. No entanto optou-

se pela Arial, motivo este ligado ao seu caractere "@" o qual se mostrou mais legível

em um caractere de tamanho 8 (oito) pixels. Já a escolha pela Bookman old style

justifica-se por ser de serifas retas tornado e mantendo a sua legibilidade mesmo em

tamanhos pequenos, o que a torna uma fonte apropriada para o uso com sucesso

para as manchetes e na publicidade, no nosso caso ela será principalmente bem

empregada nas descrições dos produtos.

Page 46: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

44

Figura 14: Tipografia Bookman Old Style Fonte: Wikipedia

Figura 15: Tipografia Arial Fonte: Wikipedia

Page 47: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

45

Dentre outras vantagens, o custo da mídia digital mostrou-se muito mais

interessante se comparado com ao de um catálogo impresso, uma vez que este

custou R$ 4,75 a unidade, como descrito no plano de negócios. Ainda se

compararmos a versão online este sairia bem mais em conta, já que não possui

gastos com a tiragem das mídias. Outra vantagem desse tipo de divulgação é que

geralmente as empresas já possuem um domínio virtual onde o seu site é

hospedado, desta forma não demandando custos adicionais.

Por fim, pode-se agregar ainda o fator ecológico, visto que o catálogo digital

constituiu-se em uma alternativa ecologicamente correta, ao dispensar o uso de

materiais que poluem o meio ambiente, é flexível, no que se refere à quantidade de

páginas e informações que se pretende veicular.

Page 48: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

46

11. CONSIDERAÇÕES FINAIS

As mudanças ocasionadas pelo vasto emprego da tecnologia e pela

ampliação na divulgação das informações acarretaram na necessidade de novos

manejos intelectuais, surgindo a Arquitetura da Informação (AI) como disciplina

específica para pensar em novas formas de conceber e tratar as informações

disponíveis no mundo. De acordo com Rosenfeld (apud AGNER; SILVA, 2003) a AI

é “a arte e a ciência de organizar informações para auxiliar os indivíduos a

satisfazerem as suas necessidades informacionais”.

Estas muitas informações transitam pelos suportes, que Castro e Barbosa

Filho (2006) chamam de mídias. Produtos das necessidades humanas atuais, as

mídias articulam quatro elementos no processo de Comunicação: o campo da

produção, a mensagem, o campo da recepção e o campo do retorno interativo.

Estas mídias integram a multiplicidade, sendo chamadas de multimídias, uma vez

que dentro do universo da mídia, estão articuladas as informações na forma de

texto, som e imagem.

Embasando-se no referencial teórico constituído durante a fase I e fase II

deste trabalho, definiu-se desenvolver um multimídia que agregasse os preceitos da

AI, visando à melhoria da divulgação da marca, considerando-se as vantagens

oferecidas pela escolha: econômico, de fácil divulgação, não requer estoque, com

uma única cópia original pode-se duplicar cópias para atender a demanda, além da

versão online. Ecologicamente correto, pois dispensa o uso de materiais poluentes

ao meio ambiente. Contém flexibilidade quanto às informações que se pretende

veicular.

Assim, desenvolveram-se telas, trabalhadas a partir da identidade visual da

empresa, mas que buscaram agregar a estrutura mental dos usuários com relação à

marca e produtos comercializados. Deste modo, o produto visual seguiu a estética

Surrealista, dando vazão à voz do inconsciente dos usuários, consultados por meio

de pesquisa de campo.

O layout foi trabalhado, buscando criar a atmosfera de sonho e fantasia

associados à infância, valendo-se de colorido que atende à temática infantil,

cumprindo seu objetivo inicial que seria garantir a acessibilidade do conteúdo por

parte da corporação, e principalmente do usuário, organizando as informações a

partir dos preceitos da Arquitetura da Informação.

Page 49: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

47

Desta forma, conforme divulgado ao longo desse caderno, são nítidos os

benefícios obtidos pela opção deste tipo de catálogo, ficando demonstradas as

vantagens de um catálogo digital no que se refere a custo financeiro, ecológico,

praticidade, flexibilidade, agilidade e interatividade na divulgação de uma empresa.

O trabalho, na íntegra, demandou 130 horas de produção, distribuídos em

fundamentação teórica, planejamento, elaboração de wireframes, layouts, seleção

de telas e redação do caderno. Este processo resultou em ganhos acadêmicos,

contribuindo para a formação profissional.

Page 50: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

48

REFERENCIAS AGNER, L.; SILVA, F. Uma introdução à disciplina de arquitetura de informação: conceitos e discussões. Anais do 2° Congresso Internacional de Pesquisa em Design. Rio de Janeiro: ANPED, outubro de 2003. AGNER, L. Ergodesign e arquitetura de informação: trabalhando com o usuário. Rio de Janeiro: Quartet, 2006. ALTOÉ, A.; SILVA, H. da. O desenvolvimento Histórico das Novas Tecnologias e seu Emprego na Educação. In: ALTOÉ, Anair et. al. (orgs.). Educação e Novas tecnologias. Maringá: EDUEM, 2005. BRETTON, André. Manifesto do Surrealismo. 1924. Disponível em <http://www.textolivre.com.br/livre/30895-manifesto-do-novo-aeon> Consultado em 08 nov 2010. CASTRO, C.; BARBOSA FILHO, A. Mídias Digitais: um espaço a ser construído. UNIrevista - Vol. 1, n° 3: (julho 2006). CUNHA, L. Projecto e Produção Multimídia. Escola Secundária Alcaides de Faria Curso Profissional Técnico de Multimídia 2008/2009. Disponível em <http://www.leonelcunha.net/aulas12p/recursos/ppm_1.pdf> Consultado em 01 jun 2010. GIL, A.C. Métodos e técnicas de pesquisa social. São Paulo: Atlas, 1999. MORVILLE, P. O uso estratégico da Arquitetura de Informação. São Paulo: TerraForum, 2005. (conferência) www.semanticstudios.com/events/brazilia.ppt Consultado em 03 jun 2010.

NIELSEN, J. Card Sorting: How Many Users to Test. Alertbox, July 19, 2004. Disponível: < http://www.useit.com/alertbox/20040719.html> Consultado em 15 maio 2010.

______. Top Ten Mistakes in Web Design, 2004. Disponível em <http://www.useit.com/alertbox/9605.html> Consultado em 22 maio 2010.

RADFAHRER, L. Design/Web/Design. 2. São Paulo: Market Press, 2003.

PASSOS, R; MOURA, M. Design da informação na hipermídia. InfoDesign Revista Brasileira de Design da Informação. 2007. 19-27.

PERNISA JR., Cs. Mídias Digital. Lumina - Juiz de Fora - Facom/UFJF - v.4, n.2, p. 175-186, jul./dez. 2001 v. 5, n. 1, jan./jun. 2002. Disponível em <www.facom.ufjf.br> Consultado em 24 maio 2010.

Page 51: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

49

REIS, G. Vantagens e Desvantagens da folksonomia. 2007. Disponível em: <http://www.guilhermo.com/ai_biblioteca/artigo.asp?referencia=288> Consultado em 20 maio 2010. ______. Centrando a Arquitetura de Informação no usuário. Disponível em <www.guilhermo.com/.../Guilhermo_Reiscentrando_a_Arquitetura_de_Informacao_no_usuario-Defesa.pdf> Consultado em 03 jun 2010. SOUZA, S. Tecnologia: contra ou a favor do ser humano? In: SOUZA, Sonia Maria Ribeiro de. Um outro olhar: filosofia. São Paulo, FTD, 1995. SOUZA, G. M. Inovação Disruptiva em Portais Corporativos com o Uso dos Vocabulários Controlados: A Experiência do Portal Sebrae. IRVINE – CALIFORNIA, 2009. Disponível em < http://www.biblioteca.sebrae.com.br/bds/BDS.nsf/B76BB047B06C2C568325767F005076D6/$File/NT00042E0A.pdf> Consultado em 15 maio 2010. _______. Taxonomias: uma palavra, muitos significados. Disponível em < webinsider.uol.com.br> Consultado em 10 maio 2010. VANDER-WAL, T. Folksonomy Book In Progress. Vanderwal.net. Disponível em: <http://www.vanderwal.net/random/category.php?cat=153> Acesso em 20 maio de 2010. WURMAN, R. S. Information Architects. Graphis Inc. 1997. ______. Ansiedade de informação. São Paulo: Cultura Ed. Associados, 1991.

TOTAL de computadores no Brasil deve duplicar até 2014. In: PORTAL Globo. 2008. Disponível em http://g1.globo.com/economia-e-negocios/noticia/2010/04/total-de-computadores-no-pais-deve-duplicar-ate-2014-1.html Consultado em 20 maio 2010.

www.brinquedosuniao.com. Consultado em 24 maio 2010. www.en.wikipedia.org/wiki/File:ArialMTsp.svg Consultado em 18 nov 2010. www.makro.com.br/servicos/mpe/inicio/makro/?intCatalogo=14844&intAlias=1014 Consultado em 10 out 2010. http://www.folhetoavon.com.br/ Consultado em 10 out 2010. www2.natura.net/web/br/revistanatura/13/v1/popup.asp Consultado em 10 out 2010.

Page 52: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

50

Anexos

Page 53: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

51

Page 54: Caderno Fase II - A Arquitetura Da Informação Aplicada No Desenvolvimento De Um Catálogo Digital

52

Anexo 2: Categorização antiga realizada no site <www.brinquedosuniao.com.br>