Web Design, Branding, e Arquitetura de Informação.

No Yahoo Respostas , me pediram por e-mail algo sobre Web Design, Branding, e Arquitetura de Informação. Aqui tem uma breve descrição .

O web design pode ser visto como uma extensão da prática do design, onde o foco doprojeto é a criação de web sites e documentos disponíveis no ambiente da web.

O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como aarquitetura da informação, programação, usabilidade, acessibilidade entre outros.

A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planejamento da interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva.

Planejamento estratégico

Como todo trabalho de design, ele é um projeto, e necessita uma análise informacional, a partir de um briefing. Detectar corretamente o objetivo do projeto é essencial para um bom planejamento, de modo que as ações sejam tomadas de forma correta.

É sempre necessário definir o público alvo do site, o objetivo, os serviços oferecidos, o diferencial para o público. A partir desses e de outros elementos que sejam especificamente relevantes ao projeto, será definida a estrutura do site (Arquitetura de informação), a tecnologia empregada e o layout.

De uma forma geral, embora usualmente possa parecer que a primeira impressão que se tem de um site é o visual, na verdade o visitante busca o conteúdo, por esse motivo o primeiro passo estratégico é definir bem todas as informações que o site terá, definir claramente a arquitetura de informação do site e por último, o design visual do site, que não precisa pular, girar e piscar, a não ser que o que se esteja vendendo é design/imagem (que não se aplica ao meio informacional que é a Web), mas ter um aspecto profissional seguindo pelo menos os conceitos básicos do design como aproximação, contraste, alinhamento, dentre outros.

Há uma diferença conceitual marcante entre design nos meios tradicionais, como no gráfico e o design aplicado na web. Na web, a estética deve ser moldada ao dispositivo que acessa ao site ou mesmo desabilitada caso não seja necessária no contexto de utilização. No meio gráfico é possível prever como o usuário final verá a estética do produto, já na web isto não é possível, pois a aparência pode e deve mudar radicalmente de acordo com o sistema operacional utilizado, configurações pessoais, navegadores, resoluções de tela e dispositivos, como celular, TV, impressora, leitores de telas etc. Por este motivo, a estrutura (HTML) com a qual a informação será exposta deve trabalhar independentemente da formatação estilística (CSS) e do comportamento (scripts), que são recomendações do W3C.

]Estrutura

A estrutura, também conhecida como arquitetura de informação, do site deve contemplar seu objetivo, tornando a experiência do usuário a mais confortável e fácil possível, chamamos isso de usabilidade. Deve-se planejar a estrutura de forma que o usuário obtenha facilmente a informação ou serviço desejado. Hoje em dia são inúmeras as formas que um site pode adquirir e a criatividade continua ser o grande diferencial na produção de web.

Layout

O layout precisa transmitir a informação desejada com eficiência. É preciso que o layout seja um elo de comunicação com o usuário, que sua linguagem seja condizente com o objetivo do site. Conhecer heurísticas de usabilidade é fundamental para se gerar layouts para a web.

Cada elemento inserido em um website deve ter um objetivo, a perfeição de um website se atinge quando não há nada a ser retirado e não quando não há nada mais a ser inserido.

A maioria dos layouts antigos dos sites da Web eram feitos com tabelas na linguagem HTML, porém esta forma é inapropriada pois tabelas devem ser utilizadas apenas para exibir dados tabulados. Entretanto existem layouts que são completamente produzidos sem a presença de tabelas, sao os famosos "tableless" e esta sim é a melhor forma de estrutura para layouts.

• tableless não pode ser entendido como na tradução livre, que seria literalmente "sem tabelas". Tableless é um conceito e deve ser entendido como aplicação das webstandards (normas da web desenvolvidas pela W3C).

]Navegadores

São programas responsáveis por interpretar o conteúdo de um web site, disponibilizando assim a interface com a qual o usuário final irá interagir. O navegador está para o web design assim como o papel está para o jornal. A grande variedade de navegadores e discrepância entre os recursos fez seus próprios criadores caminharem em direção a um padrão comum. Atualmente é indispensável criar sites seguindo os padrões da W3C.

No desenvolvimento do site, o HTML deve ser criado seguindo os padrões do W3C (Web Standards) de forma que fique funcional, independente dos dispositivos (TV, celular, impressora, monitor etc). Apesar de em tese não haver a necessidade de testar em diversos navegadores, é um bom hábito testar em mais de um navegador (Firefox, Internet Explorer, Netscape, Opera, Safari, Chrome e outros), pois o layout do site pode apresentar diferenças em determinados navegadores, e o usuário que navega não entenderá o que está acontecendo.

Padrões

A World Wide Web Consortium (W3C) é o órgão responsável por recomendar padrões de desenvolvimento para a internet. Por meio destes padrões se pode classificar: web sites de acordo com suas características técnicas, indo além do visual e; navegadores, de acordo com sua capacidade em atender aos padrões definidos.

O grande objetivo de seguir os padrões do W3C é de possibilitar que a informação veiculada pelo site permaneça independente do dispositivo utilizado pelo visitante e que seja acessível.

Programas utilizados

Existe um leque enorme de programas usados pelos web designers. Para construção do código, por se tratar de simples texto, qualquer editor de texto pode servir de suporte para a criação do código. Entretanto, há programas tanto gratuitos como de uso comercial, com interface WYSIWYG, que são amplamente utilizados no mercado tanto para gerenciar sites, quanto para apenas editar códigos, como é o caso do Dreamweaver, Aptana, Expression Web, Frontpage (pouco aconselhável por gerar HTML exclusivamente para o Internet Explorer, além de gerar código com possiveis erros de sintaxe), na parte visual, os editores gráficos vetoriais Corel Draw, Illustrator ou o Inkscape), de bitmap GIMP,e principalmente Fireworks ou Photoshop. Para animações e recursos dinâmicos, o Flash é o mais utilizado. Em relação ao Flash, deve-se ter o cuidado de usá-lo apenas onde a solução seja impossível de ser reproduzida em HTML, jamais se usa em menus e áreas de conteúdo por ser um arquivo binário, não ser acessível e estar em desacordo com as recomendações do W3C.

]Profissão Promissora

Com a modernidade em relação à informática em crescente avanço, muitas empresas estão precisando cada vez mais de pessoas capacitadas para realizar serviços e atendimentos em geral. Pessoas com capacitação profissional estão cada vez mais escassas, e complicadas de se encontrar.

O curso de WebDesign hoje em dia, está cada vez sendo mais procurado. O profissional capacitado que saiba trabalhar e desenvolver aplicativos em Softwares, tem o salario mensal de R$ 4.000,00. Esse serviço é cada vez mais requisitado, a medida que tudo em relação aInternet gira em torno do WebDesign.

A capacitação leva em torno de 1 a 2 anos para ser concluída. A pessoa que não saiba nada em relação a WebDesign, depois de um curto período de tempo, pode sair com um emprego e com bom salário, dependendo da empresa onde se realiza o seu curso. Como hoje, transações comerciais via Internet atingem 55% , essa profissão pode ser considerada promissora tanto para o presente quanto para o futuro. Com um investimento mínimo, que pode ser feito hoje, seu retorno, futuramente, será bem grande, além de estar fazendo algo que realmente se gosta.^[1]

Arquitetura-da-Informacao-TutorialArquivo do curso de Moda  na faculdade Faculdade Senai de São Paulo

O QUE É BRANDING?

r

Muito tem se falado sobre a palavra da vez no ambiente corporativo - o branding - e não é por menos, cada vez mais as empresas de pequeno e médio porte estão descobrindo esta ferramenta estratégica para criar valor às suas marcas. Quando falamos de branding estamos falando de design estratégico. Sua empresa deveria saber muito bem o que é isso.

O QUE É BRANDING?

Suscintamente falando, branding é gestão de marcas - nada mais, nada menos. À primeira vista parece algo simples, mas gestão de marcas é algo mais complexo do que parece.

O branding lida com ações aplicadas na construção e no gerenciamento de uma marca, transformando os valores tangíveis e intangíveis da empresa ou do produto em diferenciais perceptíveis ao mercado, tornado a marca coerênte consigo mesma e desejada pelos consumidores.

Um trabalho bem desenvolvido de branding, consegue trazer o almejado benefício de diferenciação entre os concorrentes. Este diferencial é importante pois geralmente os produtos e serviços das melhores empresas dos mercados têm preços e características muito semelhantes.

Essa semelhança dos aspectos funcionais faz com que a escolha do consumidor seja por outros aspectos que transcendem lógica e funcionalidade. Passamos, então, a lidar com valores intangíveis e emocionais.

O grande problema do desenvolvimento das marcas é que a grande maioria trabalha apenas um lado da gestão. Ou se trabalha apenas os aspectos lógicos estratégicos da marca, ou apenas suas características emocionais/visuais.

GESTÃO ESTRATÉGICA + GESTÃO CRIATIVA

A boa notícia é que há empresas especializadas em lidar com ambos os aspectos. A Pomar Design é uma delas. A mágica acontece quando unimos as duas fórmulas elementares com as quais o ser humano utiliza para a resolução de problemas: raciocínio estratégico + intuição criativa.

Quando você une os dois lados, você constrói o que chamamos de marca carismática.

Uma Marca Carismática é um produto, serviço ou organização para os quais as pessoas acreditam não haver substituto.

Quando pensamos no IPhone da Apple, estamos pensando em uma marca carismática. A marca deixa de concorrer de igual pra igual com as demais, e é lançada quilômetros à frente de seus concorrentes.

OK, MAS MINHA MARCA NÃO É UMA APPLE

Não se engane. O design estratégico será o grande diferencial na sociedade pós-consumo do século XXI. Inclusive para pequenas e médias empresas, e mercados de nicho.

Toda marca pode ser uma Marca Carismática. Até a sua!

O branding pode e deve ser desenvolvido em todas as escalas de negócio, e irá aterrorizar os concorrentes ao ser aplicada em um mercado de forma inovadora.

[