INFORMATIVO GERAL AOS CLIENTES

Esclarecer alguns pontos para quem quer publicar um Site.

Conteúdo Introdução

Conteúdo programático

Parte I O Website I Perfis de Websites Design Digital - Dicas Arquitetura da informação Conceitos do ambiente

Parte II A linguagem HTML Desenvolvimento de Websites O Website -

Como construir

I - Pesquisa e abstração: elaborar o roteiro para a pesquisa, reunir todo material, agrupar os conteúdos por natureza da informação e organizá-los por relevância. Pesquisar os websites de assuntos afins. Elaborar uma relação de tudo o que website deve conter. Agrupar os conteúdos e defina as ligação que os assuntos têm entre si. Abstrair - imagine como você prepararia uma palestra sobre o assunto do website; qual o conteúdo programático ? qual ordem da apresentação ? Distribuir os assuntos no núcleo, nas bordas e pense em como atualizar as informações geradas dinamicamente. Pense no caminho para se encontrar a informação, na ordem natural da leitura.

I I - Layout do front-page e páginas Internas: a partir da identidade visual do produto ou serviço, trabalhar a aplicação da marca na interface do Website traçando o primeiro esboço do layout.

I I I - Arquitetura da Informação: refinamento do conteúdo organizado na pesquisa. Analisar interligação das páginas e aos aspectos da interatividade com o visitante. Design da informação: Consiste em "desenhar a informação", uma folha de papel em branco, um lápis e várias idéias na cabeça, como escrever tudo isso? Processo intuitivo: agrupamos as informações em pequenos "grupos de assuntos", classificamos e interligamos. Os "grupos de assuntos" dão origem aos grupos de páginas, compondo-se a arquitetura da informação. Após a identificação de todos os "grupos de assuntos" que o website irá abranger, serão agrupados em "áreas" ( institucionais, serviços, destaques, etc). Monte a Arquitetura da Informação, utilizando-se de papel picado com os nomes dos "grupos de assuntos" e "áreas", arranje-os em um espaço que corresponda a tela do computador. Monte o quebra cabeça intuitivamente. Os elementos que não são da área de intersecção dos "grupos de assuntos" eleitos mas se ligam com elementos entre as "áreas" (ex. as buscas), necessitam ser colocados na arquitetura.

I V - Arquitetura de Design: preparar as imagens e layouts das páginas. O design deve seguir a arquitetura de informação proposta inicialmente. O front-page do website deve causar IMPACTO e persuadir o visitante. O website não pode ser desenvolvido como uma revista ou um folheto (folder) em formato eletrônico. A internet é um veículo de informação muito ágil e dinâmico. O visitante espera uma solução digital surpreendente, diferente, que abra caminho para interatividade. É importante que o wesite responda aos interesses dos seus visitantes.

V- Conteúdo: a informação é agrupada em pequenos textos, que podem ser lidos em qualquer ordem, é importante classificá-los e interligá-los, para facilitar o acesso à informação. Atualizar conteúdo - o lançamento do website é um passo importante, mas lembrar sempre que o sucesso dele se dá com a atualização constante do seu conteúdo. Manter o foco nos assuntos contidos na arquitetura de informação. Cumprir o seu objetivo. Responder e-mail recebidos na conta webmaster de forma esclarecedora.

VI- Desenvolvimento: criação dos processos de produção de conteúdo e aplicativos.

VII - Hospedagem: Criação do ambiente de produção ou pequisa de infra-estrutura do provedor de acesso para armazenagem e atualização. Perfis de websitesAlguns perfis de websites para que possa reconhecê-los em sua pesquisa pela Internet. Não há um único modelo para construção dos websites, eles podem variar de acordo com a natureza e propósito do projeto. Há websites que são verdadeiras "colchas de retalhos", complicados e denavegação confusa, que o visitante se perde antes de conseguir a informação desejada. Institucionais - normalmente seu escopo compõe-se do seu histórico, sua repercussão no mercado, seu potencial de gerar negócios e informações, ou seja, seu conteúdo possui maior teor institucional do que produtos ou serviços. Produtos - vendem seus produtos apresentando suas características e benefícios. São dirigidos aos consumidor. Seu maior propósito é persuadir o consumidor. Serviços - vendem serviços de consultoria, treinamento, etc. Seu conteúdo normalmente é rico em informação para esclarecer o domínio e conhecimento dos serviços. Promocionais - chamados de "hot sites", são breves normalmente com uma página apenas. Comunicam um evento, uma promoção. Comunidades Virtuais - Normalmente surgem sobre um tema em pauta, criado e mantido pela própria dinâmica de seus visitantes. Design DigitalDicas importantes para fazer o design digital Tamanho da tela: os monitores de computadores são de tamanhos variados. Critério na definição do formato do website (para 640x480 ou 800x600 ou 1024x768). Ícones: utilize ícones no website se for agregar valor ao conteúdo ou tornar a interface mais agradável e clara. Plug-ins: evite o uso de plug-ins ou use-o com critério, senão pode ser um motivo a mais para o visitante ir embora, não esqueça que ele é quem paga a conta e, portanto, não estará disposto a esperar por um longo tempo de carregamento. Fontes: fontes inadequadas para leitura, letras capitulares no inicio do parágrafo, fundos rebuscados (ou escuros) e títulos coloridos deixam o carregamento da página lento e prejudicam leitura. Peso da imagem: a soma das imagens em um front-page não deve ultrapassar 20K. Texto: cuidado com o tamanho do texto. Seja objetivo e sucinto sem comprometer a informação. Cores: explore as 216 cores seguras para o sistema web (do total de 256 cores da palheta utilizada por uma imagem GIF subtrai-se 40 cores que são diferentes entre computadores Mac e PC). Máximas da Bauhaus: "menos é mais" e "a forma deve seguir a função". Arquitetura da InformaçãoCuide para que a internet não se torne lenta e confusa Planejar o website é fundamental para não criar verdadeiros "becos sem saída", onde o acesso entre uma seção e outra é a volta para a página principal, estruturas que forçam o visitante a passar por várias páginas até chegar ao ponto desejado. Estruturar as informações organizando-as por relevância e pontos em comum. Elas ficam em áreas que são como seções de uma revista. Mudar de assunto deverá ser tão fácil quanto virar uma página. A página principal é como o índice de um livro ou a recepção de uma empresa: só uma orientação para seguir ao destino. Imagine você estar em um determinado departamento da empresa e ter quer voltar na recepção para perguntar onde fica o banheiro mais próximo ou ter que passar pela recepção toda vez que vai mudar de departamento. Em todas as páginas do site deve-se ter uma noção clara de onde você está e para onde pode ir (navegação visível). Os websites na internet devem ser lineares como uma revista ou hierárquico como uma enciclopédia. Não ! A comunicação digital deve ser como a conversa com um especialista assim que o assunto vai se aprofundando, vão surgindo novas opiniões. Organizar a informação, desenhar a estrutura do sistema e definir os caminhos para navegar por ela. O mapa do website está pronto. Não tente mostrar ao visitante tempo todo onde ele está. Isso é tão chato e inútil quanto uma transmissão de futebol pela TV que mostre o placar durante todo o jogo. A Arquitetura do design é fundamental quando seguida da Arquitetura da informação constituída de conteúdo claro e objetivo. Muitos designers ignoram essa parte do processo e se concentram apenas na elaboração de uma interface visualmente agradável, deixando para um segundo plano a arquitetura de informação. Conceitos do AmbienteUma comunicação via telefone entre duas pessoas não as transportam de um lugar para outro, mas cria um espaço intermediário inexistente, criado por meios tecnológicos e chamado de ciberespaço, válido para qualquer tipo de comunicação remota, como o telefone, chat, rádio etc. Ao desligar o aparelho, esse espaço deixa de existir. A tarefa dos arquitetos de informação e webdesigners é fazer com que esse espaço seja aconchegante e Comunicação não-linear Não existe comunicação não-linear. Muitas mensagens e possibilidades de conexão geram uma comunicação que permite vários caminhos, mas nunca dois ao mesmo tempo, pois quando a gente vê um texto fora de seqüência, imediatamente você sente a incomodação e corrige-o em A "comunicação não-linear" é uma forma de expressão que permite várias seqüências, todas lineares, ou uma comunicação multidimensional, organizada em camadas, como páginas de texto impressas em papel transparente. Esse tipo de comunicação pode ser atordoante. O excesso de desvios em um texto pode fazer com que a mensagem se perca pelo caminho. Por isso é fundamental saber qual é o sentido da comunicação antes de montar sua estrutura. Textualidade digital Não dá para "folhear" um website. Um texto digital não tem uma seqüência, nem páginas numeradas que impõem uma rota de navegação. No website, cada um lê o que interessa, na ordem que desejar. Podem existir várias leituras. Em papel isso é impossível. Aqui o texto terá que ser bem elaborado para atingir o objetivo do leitor, pois não está organizado em capítulos. Hipertexto, Hipermídia e HiperespaçoHipertexto e hipermídia - Hipertexto é texto sublinhado. Hipertexto com recursos multimídia é chamado de hipermídia. Um hipertexto contém um conjunto de textos interligados e recursivos, ele não começa em lugar algum nem tem final e apresenta várias seqüências de leitura. Funciona com um bom papo que um assunto leva a outro ou como uma boa aula que cresce de acordo com o interesse do aluno.Um documento digital em hipertexto pode ter páginas de qualquer tamanho (aconselha-se páginas não maiores que um formato A4 evitando-se uma leitura cansativa e chata). Um sistema de hipertexto dá ao leitor a informação que quiser, na quantidade que quiser. A maior parte dos roteiros são lineares, quadrados, caretas, sem horizontes. Hiperespaço - Estar em dois lugares no espaço ao mesmo tempo. Sair daqui e ir para o Japão acionando um botão. Passear por lugares que não existem. É só usar a internet. Vamos explorar mais. Linguagem internet ( linguagem digital ) Visitada através de um monitor, internet não é revista, não é rádio, não é TV. Apesar de transmitir mensagens sonoras ao vivo. Apesar dos clips em vídeo. Experimente mostrar um artigo de revista e suas fotos pela TV. Ou usar o rádio para transmitir um filme. Ou transcrever a narrativa de um jogo de futebol em uma revista. Ou fazer o layout de uma mensagem de secretária eletrônica. Portanto, muito critério em usar uma a internet como algo que ela não é. A Internet é um veículo de comunicação, com características próprias. Você pode ver a rede a qualquer hora de onde desejar. Imprimir um texto, pegar uma imagem, mudar de assunto se desejar, enviar e-mail, pesquisar um tema, se encontrar nos chats, grupos de discussão, mailing list enfim dá prá fazer de A rede tem uma linguagem própria, mas poucos estão interessados nela. A maioria das pessoas que desenha interfaces adapta idéias do design gráfico, da TV ou da propaganda. Jargão " Somos uma empresa de webvertising, focada em new media e soluções customizadas para atingir o seu target e aumentar o seu share, sem estourar seu budget. Não se esqueça de nos incluir no marketing mix". Atenção! Use o bom e velho português para explicar o que você faz, aí sim você vai impressionar. A idéia da "Home Page" vem de um dos primeiros sistemas de Hipertexto, o Hypercard, da Apple. Era uma espécie de fichário digital em que o usuário podia ver os registros em seqüência (o próximo e o anterior) ou voltar para a primeira ficha, chamada de Home. A idéia era que, se você estivesse perdido, poderia voltar para casa. Audiência do WebsiteExistem muitas formas de medir a audiência de um site e muitas formas de tapear essa medição. Muitos endereços digitais se vangloriam da quantidade de hits que eles conseguem por mês. Alguns se baseiam nesse número para fazer tabelas com custos de mídia. Não acredite nisso. HITS - cada hit é um objeto transferido para o computador do espectador. Uma página com texto e dez imagens fornecerá onze hits. Cem mil hits não significam cem mil pessoas visitando. PAGE VIEWS - quantidade de documentos ("páginas") acessados. Cem mil page views não significam cem mil pessoas visitando. O fato de uma página ter sido enviada para o computador do usuário não significa que ela foi vista. Existem relatórios de acessos que indicam não só o número de visitantes, mas quais páginas foram mais visitadas, em que hora do dia, e de que servidor elas vieram. Propaganda na Internet Colocar a ficha técnica de um Audi em páginas da Veja é um desperdício de dinheiro, pois o público é limitado etc. A internet é um veículo de informação onde as pessoas não ligam seus computadores e se conectam, gastando um dinheiro, para ver só umas imagens bonitinhas. É importante fornecer conteúdo. Rede de pessoas A internet é uma rede mundial de pessoas, conectadas dos mais diversos pontos do mundo, pelos mais remotos motivos. Hoje elas usam computadores, daqui a algum tempo vão estar usando outro veículo, não importa. Planejar a presença internet como uma ação de comunicação, não de informática. Da mesma forma que as revistas e programas de TV, que usam vários recursos de computação gráfica mas não são consideradas produtos de Por mais interessante que possa ser um bom design, ele é apenas a embalagem de um produto digital, o público pode até achar agradável, mas não está interessado nela, e sim em seu conteúdo. A interatividade e os recursos gráficos de um endereço digital são apenas chamarizes. O que interessa, cativa e mantém um visitante conectado é a possibilidade de participação. É a porta de entrada para um relacionamento íntimo e pessoal entre uma empresa e seus consumidores. Empatia Analise os sites que você conhece, que reação eles provocam no visitante? Muitos são lerdos, feios, lineares e monótonos. E com pouco conteúdo relevante. Não é preciso nem dizer que o visitante que caia num desses provavelmente vai embora, mesmo que esteja interessado no assunto. Da mesma forma que nós fugimos dos chatos que se orgulham do carro, contam histórias dos filhos ou das viagens que fizeram a Cancún. Mas se o conteúdo e a forma do site forem bacanas, incentivarem a participação e a interferência do visitante, eles gerarão uma empatia, ou seja, uma identificação completa com o público, que visita, volta e conta para os amigos. Interface Nós falamos português, o computador fala HTML. Pra servir de intérprete, os layouts têm um nome bacana interfaces, funcionam como uma "face intermediária" entre o computador e você. Por isso não adianta fazer só uma carinha bonitinha, cheia de ícones e desenhinhos ou fotos legais. É preciso estimular o visitante a reagir, participar, opinar, brincar com o site. As interfaces existem para que as pessoas esqueçam que estão usando computadores. Por isso elas precisam ser naturais, divertidas e interativas. A Linguagem HTML-HTM (Hypertext Markup Language) - é a linguagem na qual escrevemos as páginas do website para disponibilizá-las no WWW da Internet. Compõe-se de diretivas que são interpretadas pelos browsers. Ao interpretar as diferentes diretivas temos a apresentação de uma página seguindo a formatação de texto, cores e imagens definida pelo autor. Página - é um hipertexto no World Wide Web que associa diferentes tipos de mídia como textos, imagens, áudio evídeo, conectados por hiperlinks. Pode ser única ou estar ligada a outras páginas formando um sistema de informações ou "Home Page" ou Página principal - A página de entrada ou página inicial. Tim Beners-Lee - um dos criadores do World Wide Web, a linguagem foi definida para ser usada por processadores de texto e os autores de páginas não deveriam conhecer as diretivas produzidas pelo processo de criação. Editores gráficos - O uso dos editores permitem que o autor crie uma página sem conhecer os códigos da linguagem HTML. Além de Editores existem também programas Assistentes que transformam documentos gerados em MS Word, Power Point e Excel em páginas HTML..