Existe uma polêmica forte entre desenvolvedores web sobre colocar ou não efeitos sonores em web sites. Alguns são da opinião de que é algo ultrapassado, sem necessidade, irritante e até mesmo “brega”. “Isso é tão 1998″, dizem. Embora não deixem de ter certa razão, é importante não perder de vista que cada projeto possui necessidades, especificações e peculiaridades próprias e que, na web, lidar com generalizações, em certos casos, pode ser algo perigoso.

Ter som ou não ter som?

Os argumentos de quem defende que um site não precisa de efeitos sonoros são muitos, dentre eles:

• “É desnecessário”
• “Não tem utilidade”
• “O site fica mais pesado”
• “Ninguém se importa com isso”
• “Há coisas mais importantes”
• “É algo ultrapassado”
• “A bounce rate do site aumenta”
• etc

Segundo podemos ver, muitos dos argumentos são válidos, enquanto outros, nem tanto. Vamos analisar cada um destes.

“É desnecessário”

O argumento é parcialmente certo, pecando pela ampla generalização do argumento. Na web, principalmente no desenvolvimento web, afirmar uma generalização com toda a certeza geralmente é um equívoco.

Pode haver, sim, sites em que efeitos sonoros são totalmente inúteis e desnecessários (ousaria dizer que, na maioria dos casos, é assim). Entretanto, há sites que “ganham vida” quando efeitos de som estão integrados a sua interatividade, tornando a experiência de uso melhor e aumentando a agradabilidade.

“Não tem utilidade”

É o caso parecido com o anterior. Tanto pode ser uma afirmação verdadeira, quanto pode não ser.

Certamente que para um site de engenharia, sons de britadeira e bate-estaca não teriam utilidade nenhuma. Agora, imaginem o site de uma casa noturna: um player com músicas da casa sendo apresentadas aos visitantes certamente se faz um bom “climatizador”. Sejam os visitantes já frequentadores do estabelecimento ou, simplesmente, pretensos a isso, conhecer o som que é oferecido pela casa noturna é uma experiência interessante a ser levada em consideração.

“O site fica mais pesado”

Verdade.

Independente do motivo, a motivação, o argumento ou a técnica de desenvolvimento utilizada para conferir efeitos de som ao site, é fato de que as páginas com este tipo de recurso têm peso maior (embora existam técnicas para amenizar isso). Afinal, é um elemento a mais que deve ser carregado.

Por isso, é importante fazer uma análise séria sobre a real necessidade de haver ou não efeitos sonoros em um web site.

“Ninguém se importa com isso”

Mais uma vez, uma generalização perigosa. Talvez o dono do web site se importe; talvez o público se importe; talvez os acionistas se importem… Muita gente pode se importar, isso é fato. Mas o fato de “poder”, não quer dizer quem efetivamente, vai acontecer.

Se tiver pretensões e/ou projetos de inserção de som no web site inteiro ou somente algumas páginas, a situação ideal é fazer alguns testes de usabilidade. Caso não tenham condições, faça o melhor que seja possível, tomando por base cases, benchmarks e até mesmo o feeling do projeto.

“Há coisas mais importantes”

Geralmente há, sim, coisas mais importantes a serem feitas no projeto e desenvolvimento de um site que se preocupar com efeitos sonoros, sejam estes contínuos ou ativados por ações. Entretanto, caso se tenha decidido que este recurso estará presente, então ele faz parte do “todo”, e o as partes do “todo” do projeto são igualmente importantes.

“É algo ultrapassado”

Pessoalmente, considero este argumento fraco. Afirmar que algo é “ultrapassado” e encerrar o assunto não faz o menor sentido. Ainda mais que o desenvolvimento web tem suas “fases”, com suas “tendências” que vão e voltam, sendo importantes numa época, desconsideradas e estando prontas para voltar a ativa em um momento futuro.

Mais uma vez, deve-se considerar a importância e necessidade da inserção do recurso de som.

“A bounce rate do site aumenta”

Parcialmente verdadeiro. Há sites em que, assim que são carregados, uma “música ambiente” começa a tocar automaticamente. Os “gurus” da usabilidade sugerem que isto é um equívoco (neste caso, pode aumentar a taxa de rejeição, sim).

O ideal-teórico é disponibilizar o recurso de som, mas que isto venha desabilitado por padrão. Caso a pessoa queira escutar a(s) música(s), ela deve, explicitamente, optar por isso, e não ter sua escolha “antecipada” pelo próprio site.

Imaginem se todos os vídeos do YouTube começassem a passar assim que se entra na página inicial…

Como inserir efeitos de som em um site

Depois de muito analisar e comparar, pode ser que você e/ou sua equipe cheguem à conclusão de que, realmente, adicionar recursos sonoros no site será bom para o sucesso do site e experiência dos visitantes. Suponhamos que, no menu do site, um som deva ser acionado sempre no mousehover ou click. É algo simples de se fazer com jQuery (depois de chamar apropriadamente o jQuery e fazer a inicialização do mesmo, como tem sido mostrado em diversos outros artigos de jQuery do Webmaster.pt):

$(function(){

    $('a.click').click(function(){

        $('embed').remove();

        $('body').append('<embed src="click.wav" autostart="true" hidden="true" loop="false">');

    });

 

    $('a.hover').mouseover(function(){

        $('embed').remove();

        $('body').append('<embed src="hover.wav" autostart="true" hidden="true" loop="false">');

    });

}); 

Caso o evento seja outro, basta escolher o que atende às necessidades do projeto.

Evidentemente existem muitas e muitas outras técnicas para se conseguir o mesmo efeito, mas esta é bastante simples e pode ser executada sem complicações. Caso conheça outras, compartilhe conosco fazendo um comentário!

Conclusões sobre efeitos de sons em sites

Como conclusão, nenhuma novidade precisa ser dita, somente o que já foi citado diversas vezes ao decorrer do texto: cada projeto é único e possui suas particularidades.

Se é preciso, necessário, requerido ou não o uso de efeitos sonoros num site, página, ativador, evento, ou o que quer que seja, esta decisão deve ser tomada e avaliada com bastante cuidado, levando sempre em consideração o “custo/benefício” e tendo sempre em mente a pergunta: “O que os visitantes do site estarão ganhando com isso?”.

Certamente, inserir sons em sites é algo importante a se considerar e, como qualquer decisão importante, deve ser pesada e avaliada com cautela. No desenvolvimento web, assim como em muitas outras áreas da vida, os detalhes fazem a diferença.

E você, é a favor ou contra à utilização de efeitos de som em web sites?

Efeitos De Som Em WebSites: O Sonoro É bom? é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Efeitos Estilo Flash Em Menu Com jQuery
2. Galeria De Imagens Espectacular Com Super Efeitos jQuery
3. Especial! CSS3 – Efeitos Em Textos

Olá, leitores do Webmaster.pt! Sem bem vindos ao último artigo da série sobre as áreas de atuação de um desenvolvedor web. Infelizmente é ao último artigo desta série, mas a intenção é que muitas outras mais sejam escritas! Em uma retrospectiva dos artigos publicados até então, temos o seguinte:

• Desenvolvimento front-end e back-end. Neste artigo vimos quais as diferenças e semelhanças entre o desenvolvimento back-end e front-end e quais são as atribuições de quem trabalha em cada uma dessas vertentes, com alguns exemplos práticos e alguma “parte filosófica”.
• Arquitetura da Informação. Vimos, neste artigo, o que é “Arquitetura da Informação”,  que se espera do profissional da área de arquitetura da informação, o profissional chamado Arquiteto da Informação e algumas considerações de caráter geral.
• Usabilidade. A “base” sobre o que é usabilidade com alguns conceitos para melhor entendimento e quais as principais atividades praticadas pelo profissional que trabalha com usabilidade.
• Web Design. Uma introdução ao que é “Design”, conceitos sobre web design, o trabalho do profissional do ramo, o web designer, e dicas conclusivas sobre esta área de atuação de um desenvolvedor web.
• SEO. Foi visto o que é o SEO (Search Engine Optimizatio), quais as diferenças entre SEO Black Hat  e SEO White Hat, alguns atributos de um bom profissional da área, com links que ajudam quem está interessado na área a iniciar seus estudos.
• Bancos de Dados. Conceitos teórico-abstratos de o que é um “banco de dados”, SGBD (Sistema de Gerenciamento de Bancos de Dados), Linguagem SQL para manipulação de bancos de dados, Diagramas Entidade-Relacionamento e outras considerações.
• Marketing Digital. Vimos uma introdução sobre o que é “Marketing”, porque o marketing digital é uma extensão do marketing e algumas das possibilidades que um marketeiro tem para trabalhar.

Então, para finalizar, nosso último será sobre acessibilidade.

O que é “acessibilidade”?

Para iniciar, vamos apresentar um conceito mais “formal”: segundo o Dicionário Aurélio, acessibilidade é a

qualidade de ser acessível; facilidade na aproximação, no trato ou na obtenção. Acessível adj. a que se pode chegar facilmente; que fica ao alcance.

É possível encontrar, também, na Wikipédia:

Acessibilidade significa não apenas permitir que pessoas com cadeiras de rodas participem de atividades que incluem o uso de produtos, serviços e informação, mas a inclusão e extensão do uso destes por todas as parcelas presentes em uma determinada população.

Quer dizer, acessibilidade, como sugere o próprio nome, refere-se ao fato de  determinado recurso estar amplamente acessível às pessoas, independente de quais condições tenham ou se encontrem.

Acessibilidade na web

Imagine que você é portador de necessidade visual (cego) e queira acessar a internet. É mais do que óbvio que a maneira pela qual sua navegação ocorrerá é muito diferente da maneira com que as pessoas que possuem a visão perfeita. Até as pessoas que possuem outros tipos de deficiência visual não vêem o site como a maioria.

É para garantir que todas as pessoas tenham acesso a conteúdos na web, independentemente se são pessoas com deficiência ou limitações permanentes ou temporárias, que se pode falar em acessibilidade na web!

Através de técnicas de desenvolvimento web, atenção à diretrizes oficiais do W3C e uso de instruções e dicas de alguns documentos voltados à acessibilidade na internet, é possível garantir que as páginas elaboradas sejam acessíveis a todo tipo de público.

Acessibilidade e Usabilidade

Algumas pessoas confundem os conceitos e objetivos de acessibilidade e usabilidade. Apesar de terem, sim, coisas em comum, ambos não são a mesma coisa, tampouco a mesma finalidade.

Usabilidade, como tivemos a oportunidade de ver no artigo “Desenvolvedor Web (parte 4): Usabilidade“, refere-se facilidade de uso de um produto ou serviço: usabilidade é um termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante.

Já Acessibilidade diz respeito, como tivemos a oportunidade de explicar, ao fato de algo ser acessível a todas as pessoas, independente de limitações físicas permanentes ou temporárias e/ou a tecnologia que a pessoa dispõe no momento do uso.

Ambos, acessibilidade e usabilidade, têm pontos em comum e, para um bom desenvolvimento web, devem trabalhar juntos e em harmonia. Por exemplo: é importante que um site seja bastante fácil de se usar, que a pessoa consiga navegar e realizar seu objetivo de maneira simples e, ao mesmo tempo, deve-se garantir que este site seja acessível a pessoas com deficiência visual ou que estejam usando um navegador mais antigo.

Referências sobre Acessibilidade

Como citado anteriormente neste artigo, existe, no desenvolvimento web, muitas técnicas e diretrizes para se fazer um site acessível. São tantas que somente uma fração delas não caberia no espaço de somente um artigo. Fica, portanto, uma lista de referências para serem usadas no estudo da acessibilidade, tema tão importante e interessante, que deve ser levado em considerações no momento de desenvolver bons sites!

• Portal de Acessibilidade. Site de utilidade pública com normas técnicas, manuais e cartilhas para promoção de acessibilidade e inclusão da pessoa com deficiência. Aborda temas não somente ligados à acessibilidade na web.
• Acessibilidade para todos. Destina-se a todos os que desejam facilitar o acesso ao computador, ao software e à Internet a pessoas com deficiência, através de tecnologias de acesso e técnicas de concepção de software e de conteúdos web acessíveis.
• Acessibilidade Brasil. Site referência no Brasil sobre acessibilidade com artigos, notícias, informativos, cursos, leis de acessibilidade e muitos outros conteúdos.
• Acessibilidade Legal. Aborda acessibilidade, padrões web, tecnologias assistivas e mais. O diferencial deste site é que é feito e mantido por Marco Antonio de Queiroz, o MAQ, que é deficiente visual!
• DaSilva.org.br. O primeiro avaliador de acessibilidade em português para websites! Valide se seus sites atendem a critérios específicos de acessibilidade com guias e dicas.

Conclusões sobre acessibilidade

Atentar às regras de acessibilidade para web pode parecer, num primeiro momento, algo “inútil” ou que “gasta tempo à toa”. Mas seguir as diretrizes e aplicar as técnicas que favorecem a acessibilidade, na verdade, são medidas que devem ser tomadas pelo desenvolvedor web para garantir que seu site seja bom! Certamente você quer garantir acesso a todo tipo de público para não perder importantes visitas!

E, com isso, chega ao fim nossa série sobre as áreas de atuação de um desenvolvedor web. Esperamos que tenha sido útil e ficamos à disposição para receber sugestões de novos conteúdos a serem publicados no Webmaster.pt!

Desenvolvedor web (parte 9): Acessibilidade é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Desenvolvedor Web (parte 5): Web Design
2. Desenvolvedor Web (parte 4): Usabilidade
3. Desenvolvedor Web (parte 8): Marketing Digital

Nossa série sobre as áreas de atuação de um desenvolvedor web e como é o trabalho do desenvolvedor em diferentes áreas está quase no fim. Entretanto, ainda há assuntos bastante interessantes para serem tratados e alguns conhecimentos a serem compartilhados. Em uma retrospectiva dos artigos da série publicados até então, podemos observar:

• Desenvolvimento front-end e back-end. Vimos, neste artigo, quais os pontos de semelhança e diferença entre back-end e front-end e quais são as atribuições de quem trabalha em cada uma dessas vertentes, com alguns exemplos práticos.
• Arquitetura da Informação. O que é Arquitetura da Informação, exemplos e o que se espera do profissional da área, o Arquiteto da Informação, e algumas considerações finais.
• Usabilidade. Alguma base e alguns conceitos sobre usabilidade e quais as principais atividades praticads pelo profissional de Usabilidade.
• Web Design. Foram abordados conceito de web design, o trabalho de um web designer e dicas conclusivas sobre o profissional do ramo de design para a web.
• SEO. O que é Search Engine Optimization, o SEO, quais as diferenças entre Black Hat SEO e White Hat SEO, alguns atributos de um bom profissional da área e links que auxiliam a começar na área.
• Bancos de Dados. Conceitos teórico-abstratos de o que é um “banco de dados”, o que é um SGBD ou Sistema de Gerenciamento de Bancos de Dados (com exemplos), Linguagem SQL, Diagrama Entidade-Relacionamento e mais.

Então, dando continuidade à série e seguindo nosso “guia” do primeiro artigo da série, Áreas De Atuação, veremos mais informações sobre Marketing Digital.

Conceito de “Marketing”

Para entender melhor sobre um conceito, se este é derivado de outro conceito, é importante conhecer aquele que é seu antecessor. Então, para ser possível entender o marketing digital, antes é imprescindível entender o que é “marketing“.

Entretanto, não existe um só conceito formalizado que consegue definir o que é o marketing. Por exemplo, se acessamos a página da Wikipédia sobre Marketing, encontramos diversos conceitos, de diversos autores renomados. Tais como:

Marketing é a entrega de satisfação para o cliente em forma de benefício.

Ou, ainda:

Marketing é o conjunto de operações que envolvem a vida do produto, desde a planificação de sua produção até o momento em que é adquirido pelo consumidor

Dentre várias outras. Mas, uma definição que considero especialmente interessante é:

Marketing é o conjunto de estratégias e ações que provêem o desenvolvimento, o lançamento e a sustentação de um produto ou serviço no mercado consumidor

Através desta “amostragem” de conceitos, portanto, já deu para ter uma ideia de o que é o tal “marketing”.

“Marketing Digital”

Então, por analogia, é possível deduzir o que é o Marketing Digital. É possível considerar que o marketing digital é uma “extensão” do marketing “tradicional”, com ações que se voltam para os meios digitais. Em termos gerais, isso está realmente certo, mas, assim como outras áreas “tradicionais” que têm suas atividades expandidas para o mundo online, o Marketing Digital possui suas próprias ações, maneiras de ser, atuação e peculiaridades.

Pegando, novamente, uma definição da Wikipédia sobre Marketing Digital, podemos observar:

Marketing digital são ações de comunicação que as empresas podem se utilizar por meio da Internet e da telefonia celular e outros meios digitais para divulgar e comercializar seus produtos, conquistar novos clientes e melhorar a sua rede de relacionamentos.

Quer dizer, são ações que as empresas (e também quem não faz parte de uma empresa) pode executar, através de meios digitais variados, a fim de fazer comercialização de produtos, reforçar marcas, angariar novos clientes, branding, aumento de networking, dentre outros igualmente importantes.

Atuações do profissional do Marketing Digital

Somente pelas breves explicações já apresentadas, é possível perceber o quão importante é o marketing digital! Vejamos, portanto, algumas das atividades que um profissional desta área pode realizar.

Marketing de Busca

O “Marketing de Busca”, no sentido que está sendo tratado no artigo, pode se referir tanto a SEO quanto ao gerenciamento de espaços publicitários na internet.

Já vimos sobre SEO no artigo “Desenvolvedor Web (parte 6): SEO“. Pois a Search Engine Optimization é uma das áreas em que pode atuar um profissional de Marketing Digital com o objetivo de garantir que seu cliente esteja bem posicionado para as palavras-chave que fazem parte de seu negócio e área de atuação.

Em relação a buscadores é possível, também, contar com os links patrocinados, que são os que aparecem de forma diferenciada dos resultados orgânicos, sempre em áreas certas e pré-definidas das SERPs. Também é muito comum o anúncio em sites e blogs de assuntos correlatos e que tenham a ver com a estratégia de divulgação atual do cliente.

Mídias Sociais

Realizar ações de marketing em redes sociais, que estão bastante em voga nos últimos anos, também é uma excelente prática do marketing digital. Através de ações e campanhas criativas, é possível fazer divulgação ou reforço de uma marca como um todo ou de um produto, de maneira a gerar buzz em diversas redes sociais e, dessa maneira, garantir que o objeto da campanha estará no “boca a boca” das mídias sociais.

Por exemplo, se uma empresa de produtos para bebês fosse lanças uma nova linha de produtos, poderia selecionar em mídias sociais dezenas de mulheres que estão prestes a se tornarem mães (acreditem, através de buzz monitoring e “garimpação” de informações, é possível encontrar pessoas com praticamente qualquer perfil) para participar de algum flash mob, dando, em seguida, kits dessa nova linha de produtos para as participantes. Isso geraria um buzz incrível e a marca e os produtos, bastante divulgados de forma espontânea!

A grande vantagem do Marketing Digital

Existem algumas vantagens interessantes em se optar pelo Marketing Digital como ferramenta de marketing (como a capacidade de atingir rapidamente milhares de pessoas em diferentes localidades), mas, certamente, a grande vantagem é que, na internet, tudo pode ser mensurado!

Ao se realizar uma ação de marketing digital como a do exemplo dado, seria possível mensurar quantas pessoas receberam o convite para o flash mob, quantas acharam interessante, quantas julgaram algo “bobo” de se fazer, quem falou bem, quem falou mal, quantas pessoas participaram, para quantas pessoas a marca foi divulgada espontaneamente, e assim por diante. É possível mensurar tudo!

Algo bem diferente de se trabalhar, por exemplo, com um outdoor. Se você coloca um outdoor em uma avenida, consegue responder quantas pessoas olharam para ele? Pense nisso na hora de escolher sua ações de marketing daqui pra frente!

E, no próximo e último artigo de nossa série: acessibilidade!

Desenvolvedor Web (parte 8): Marketing Digital é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Desenvolvedor web (parte 9): Acessibilidade
2. Desenvolvedor Web (parte 7): Bancos De Dados
3. Desenvolvedor Web (parte 6): SEO

Estamos nos aproximando do fim de nossa série sobre as áreas de atuação de um desenvolvedor web, aqui no Webmaster.pt, mas ainda temos bastante coisas para abordar e conhecimentos para compartilhar. Em uma retrospectiva dos artigos da série publicados até então, temos o seguinte:

• Desenvolvimento front-end e back-end. A diferença entre back-end e front-end e quais suposições de quem trabalha em ambas as vertentes, com alguns exemplos.
• Arquitetura da Informação. O que é Arquitetura da Informação, exemplos e o que se espera do profissional da área, o Arquiteto da Informação.
• Usabilidade. Considerações e conceitos sobre usabilidade e as principais atividades que faz aquele que trabalha nesta área do desenvolvimento web.
• Web Design. Conceito de web design, a atuação de um web designer e algumas dicas conclusivas sobre o profissional do ramo.
• SEO. O que é Search Engine Optimization, a diferença entre Black Hat e White Hat, algumas características de um bom profissional e indicações de por onde começar.

Agora, conforme consta desde o primeiro artigo da série, Áreas De Atuação, veremos mais informações sobre bancos de dados.

O que é um “Banco de Dados”

Qual o lugar em que você guarda seu dinheiro? Se você não é dos mais antigos e se vale de um colchão, a resposta para essa pergunta seria: no banco! No banco é que o dinheiro das pessoas fica guardado, operações com ele são feitas, algumas pessoas retiram seu dinheiro, outras depositam mais, etc, e todo o dinheiro e aplicações são muito bem organizados, sendo os gerentes detentores do conhecimento de qual quantia pertence a qual cliente.

Entendendo isso, também é possível entender sobre os bancos de dados, também conhecidos como bases de dados. Fazendo uma analogia, troque o dinheiro usado no exemplo para dados, quer dizer, em um banco de dados, estes dados ficam armazenados, operações (manipulações) com eles são feitas, informações entram e saem segundo requisições feitas e todos esses dados devem ser bem organizados, sendo os administradores de bancos de dados responsáveis por sua organização. Simples, certo?

Portanto, qualquer amontoado de dados, feita de forma organizada e sistematizada, podendo seus registros serem consultados, alterados, etc, é considerado um banco de dados. Não confunda que um BD só existe em sistemas na internet e sistemas informáticos, em geral.

Por exemplo, uma Lista Telefônica pode ser considerada como um banco de dados! Afinal, a Lista Telefônica está sistematicamente organizada, podemos fazer consultas através do nome ou endereço de alguém e, quando encontramos o registro, temos informações como nome completo, logradouro e telefone.

Para aclarar ainda mais, vejamos o que tem a nos informar a Wikipédia sobre bancos de dados (agora, já referente a bancos de dados eletrônicos):

Banco de dados (ou base de dados), é um conjunto de registros dispostos em estrutura regular que possibilita a reorganização dos mesmos e produção de informação. Um banco de dados normalmente agrupa registros utilizáveis para um mesmo fim.

Um banco de dados é usualmente mantido e acessado por meio de um software conhecido como Sistema Gerenciador de Banco de Dados (SGBD). Normalmente um SGBD adota um modelo de dados, de forma pura, reduzida ou estendida.

Sistema para Gerenciamento de Bancos de Dados (SGBD)

O Sistema para Gerenciamento de Bancos de Dados (SGBD) – também conhecido como “Sistema Gerenciador de Bancos de Dados” ou “Sistema de Gestão de Bancos de Dados” – é um sistema que tem como principal objetivo, como sugere o próprio nome, servir como gerenciador de um banco de dados.

Podemos encontrar uma explicação mais detalhada e mais técnica na Wikiédia, que mostra:

Um Sistema Gestor de Base de Dados (SGBD) é o conjunto de programas de computador (softwares) responsáveis pelo gerenciamento de uma base de dados. O principal objetivo é retirar da aplicação cliente a responsabilidade de gerenciar o acesso, manipulação e organização dos dados. O SGBD disponibiliza uma interface para que os seus clientes possam incluir, alterar ou consultar dados. Em bancos de dados relacionais a interface é constituída pelas APIs ou drivers do SGBD, que executam comandos na linguagem SQL.

Existem centenas de Sistemas Gerenciadores de Bancos de Dados, mas alguns exemplos de SGBDs mais conhecidos e usados no mundo são:

Linguagem SQL

Para se desenvolver e manipular qualquer software, seja online ou não, é preciso ter conhecimento de programação e utilizar alguma linguagem de programação. No caso de operações envolvendo bancos de dados, o caso é parecido, quer dizer, existe uma linguagem específica para a manipulação e operações em BDs: Structured Query Language, ou Linguagem de Consulta Estruturada, mais conhecida como SQL.

É através da SQL que operações básicas e avançadas envolvendo bancos de dados são realizadas. Operações envolvendo dados, como criação, consulta, atualização e deleção (quarteto conhecido como CRUD) e envolvendo a estrutura do banco, propriamente dito, como criação de tabelas, criação de campos, chaves estrangeiras, indexação e outros assuntos que podem ser abordados em artigos futuros.

Modelo Entidade-Relacionamento

Existem diversos tipos de modelos de bancos de dados mas, com toda a certeza, o modelo mais usado no mundo, atualmente, é o entidade-relacionamento. Através deste modelo, é possível demonstrar, de forma abstrata e conceitual, como será a estrutura de um ou mais bancos de dados que comporão os sistemas de informação.

Na verdade, existem regras para a montagem e manuseamento de BDs bastante rígidas, que fogem ao escopo principal deste artigo de fazer uma introdução ao tema – e que, futuramente, podem até ser abordados em artigos específicos sobre o tema. Entretanto, é interessante mostrar como se parece um modelo entidade-relacionamento, também conhecido como Diagrama Entidade-Relacionamento (DER):

Diagrama Entidade-Relacionamento(clique para ampliar)

Conclusão sobre Bancos de Dados

Absolutamente todos os sites ou sistemas online que sejam desenvolvidos utilizando linguagens de programação a nível de servidor também possuem, em algum grau, necessidade de se conectar e realizar operações com bancos de dados. Conhecer quais operações são essas e como realizá-las da melhor maneira possível, levando em conta as necessidades do projeto e conhecimentos técnicos, é tarefa daquele que pretende trabalhar de maneira satisfatória com bancos de dados!

No próximo artigo, confiram: Marketing Digital!

Desenvolvedor Web (parte 7): Bancos De Dados é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Desenvolvedor Web (parte 8): Marketing Digital
2. Desenvolvedor web (parte 9): Acessibilidade
3. Desenvolvedor Web (parte 4): Usabilidade

Até agora, em nossa série sobre as principais áreas de atuação de um desenvolvedor web, abordamos, no primeiro artigo da série, uma introdução sobre um assunto e apresentamos quais são estas principais áreas de atuação; prosseguindo, vimos sobre o desenvolvimento front-end e back-end, mostrando quais as diferenças e possibilidades de cada um; depois, foi apresentada e explicada a Arquitetura da Informação e a usabilidade, mostrando o que é e o que não é usabilidade através de vários conceitos e apresentação do trabalho do profissional da área e, também, uma introdução ao web design, na qual mostramos um conceito-chave para o termo e apresentamos algumas das atividades que podem ser exercidas por um web designer.

Chegou o momento, então, de abordar um dos assuntos mais em voga e que mais geram benefício a um web site: o SEO ou, em bom português, otimização para mecanismos de busca!

Introdução sobre SEO

Temos visto no Webmaster.pt e em muitos outros sites sobre ensinamentos de web diversas técnicas, dicas, macetes, screencasts, podcastas, tutoriais, etc, sobre como podemos aplicar diversas tecnologias para construirmos qualquer tipo de site, sistema online ou qualquer ambiente virtual com as mais diversas possibilidades e características possíveis.

Mas, vocês hão de concordar, não adianta de muita coisa se o mais belo e funcional dos sites é construído, com o mais útil e inovador software, que ajudará centenas de milhares de pessoas, caso este site não consiga ser encontrado pelos, literalmente, milhões de sites presentes na internet. De nada adianta passar meses desenvolvendo um projeto online, se as pessoas para as quais este se destina não conseguem, sequer, saber de sua existência no âmbito da web, dentre tantos e tantos outros sites que, aparentemente ou não, possuem conteúdo semelhante ao seu.

E é nesse momento que temos que observar, muito atentamente, para a otimização para mecanismos de busca, ou, como é mais conhecido no mundo: SEO! Seguindo o que temos que feito até então, que é pegar uma boa definição da Wikipédia:

Otimização de Sites é o conjunto de estratégias com o objetivo de potencializar e melhorar o posicionamento de um site nas páginas de resultados naturais (orgânicos) nos sites de busca. O termo SEO (do inglês, Search Engine Optimization, Acrônimo SEO, também traduzido no Brasil como “otimização para mecanismos de busca”) também se refere a indústria de consultoria, que trabalha na otimização de projetos e websites de seus clientes.

[...]

As técnicas utilizadas no SEO são concebidas para alavancar seus objetivos no seu website melhorando o número e a posição de seus resultados nas busca orgânica para uma grande variedade de palavras-chave relevantes ao conteúdo do web site. Estratégias de SEO podem melhorar tanto o número de visitações quanto a qualidade dos visitantes, onde qualidade significa que os visitantes concluem a ação esperada pelo proprietário do site (ex. comprar, assinar, aprender algo).

Cabe uma ressalva de que o atuante da área também é chamado SEO: Search Engine Optimizator; quer dizer, dependendo do contexto do termo “SEO”, este pode tanto se referir à atividade, propriamente dita, quanto ao profissional da área.

White Hat SEO e Black Hat SEO

Existem duas vertentes do trabalho de SEO que, entre os profissionais da área, são chamados White Hat SEO (SEO Chapéu Brancos) e Black Hat SEO (SEO Chapéu Negro).

Como denotam os próprios nomes, o White Hat refere-se à aplicação de técnicas recomendadas pelos principais buscadores, valendo-se de um trabalho coerente e consagrado pelos bons profissionais. Por sua vez, o Black Hat diz respeito à técnicas consideradas “duvidosas”, por profissionais que tentam achar “brechas” ou bugs nos mecanismos de busca para conseguir uma melhor classificação em uma SERP.

Perfil de um profissional de SEO

Com base na excelente citação da Wikiédia, foi possível constatar que um profissional de SEO possui diversas atribuições. Logicamente que o trabalho-base de um profissional de SEO é melhorar a classificação de um site nos mecanismos de busca, mas, longe de ser simples, é uma tarefa que possui vários segmentos de atuação.

Façamos diferente dos artigos pretéritos da série e indiquemos qual é o perfil de um bom profissional de SEO, quer dizer, as características, personalidade, formação(?) e demais atributos que um search engine optimizator deve apresentar para desempenhar bem suas tarefas.

Pró-atividade

O profissional de SEO deve ser pró-ativo. Deve saber que sua área se altera com bastante frequência e que sempre deve se atualizar – praticamente diariamente, mesmo – para não “ficar para trás”. Afinal, este é um mercado muito competitivo e saber de uma alteração nos mecanismos de busca 2 semanas depois da concorrência, realmente não é algo bom de se acontecer…

Compartilhamento

O profissional de SEO deve ser bastante comunicativo, seja através de diálogos constantes com sua equipe e demais membros do(s) projeto(s), seja no que se refere à compartilhar seus conhecimentos. Ele só chegou onde chegou através da leitura de artigos, fóruns, livros, screencasts, etc, então, nada mais justo e sensato do que ele fazer o mesmo: compartilhar seus conhecimentos e descobertas com a comunidade.

Humildade

Não somente atuando na área de search engine optimization, mas sem qualquer outra, ter a característica da humildade é sempre importante. Além de, não sendo humilde, poder gerar determinadas situações desagradáveis na relação com outros profissionais, perde-se em conhecimento, dado que alguém que julgue já saber tudo não está aberto a novos conhecimentos e novas possibilidades de trabalho.

Conclusão sobre SEO

As características apresentadas para um bom profissional de SEO, certamente não são todas mas, com certeza, são algumas das principais. Como já mencionado, este é um ramo altamente competitivo, então, além de apresentar eficiência na hora do trabalho, é preciso, também, apresentar eficiência como pessoa.

Se você quer ser um profissional desta área, comece por ler o documento oficial do Google (em formato .pdf) “Otimização de sites para Mecanismos de Pesquisa (SEO) – Guia do Google para Iniciantes“, e ficam as dicas para ler sempre bons conteúdos sobre SEO, estudar sempre e, muito importante, praticar sempre!

Muito do SEO é prática! Fazer testes para determinar se “tal” ou “qual” técnica que se leu ou se quer testar tem validade é a única maneira para ter certeza. Não há como teorizar sobre a eficiência de uma técnica em SEO a não ser aplicando, efetivamente, está técnica e conferindo os resultados nos buscadores.

E, no próximo artigo: bancos de dados!

Desenvolvedor Web (parte 6): SEO é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Desenvolvedor Web (parte 5): Web Design
2. Desenvolvedor Web (parte 8): Marketing Digital
3. Desenvolvedor Web (parte 4): Usabilidade

Eu ainda uso muito caneta e papel, então, quando eu falar sobre a dupla, entenda de modo figurado ou literal, tanto faz. Trabalho com prancheta, folhas soltas, bloquinhos de anotações e caderno, tudo espalhado na mesa formando um redemoinho em volta do teclado. Confesso que o mouse atrapalha um pouco, mas tenho sido tolerante com ele. Sigamos.

Preparando seu site:

• Cuidados técnicos. Servidor eficaz, layout limpo, menus bem organizados, facilidade para contato e boa navegação pelo site.
• Definição. Quem são seus clientes ou leitores? A quem você vai se dirigir?
• Não pense nas pessoas como uma massa compacta. Procure visualizar um cliente, coloque-se no lugar dele e comece preparando assim sua redação. Venda a essa pessoa seu peixe.
• Evite frases ou textos padronizados, as pessoas identificam facilmente essas situações e não costumam ser muito tolerantes com isso. Seja original e criativo.
• Fale com o leitor. Use “você”.
• Mostre o quanto ele é, individualmente, importante.

Identifique as principais características do seu produto ou atendimento. Anote tudo no papel, selecione os diferenciais e faça destaque deles.

Seja direto, conciso, claro e convincente. Dê as informações que as pessoas precisam, mas no tempo e no tamanho certo. Muita informação junta acaba cansando. Mas pouca informação pode causar desconfiança.

Ponha pontas de emoção na sua apresentação, descreva com entusiasmo as vantagens que ele tem/está tendo/terá.

Imagine seu site como uma loja física e a página, uma vitrine. A função da vitrine é a de seduzir, fisgar o cliente (usuário). Ela deve ter uma exposição atraente, agradável, destacando o produto que levou a pessoa até aquela página e mostrando de forma fácil e tranquila as informações relevantes para que, a partir dali, o cliente “entre” em sua loja. Faça com que ele se veja usando seu produto ou serviço.

Os textos não devem ter parágrafos longos. Primeiro, porque ao visualizar um parágrafo longo geralmente a sensação que se tem é de desânimo. Segundo, porque mesmo que não se perceba de imediato, fixar os olhos na mesma tela por um tempo prolongado é cansativo. Logo desviamos o olhar para outro ponto até para descansar a visão.

Colocar frases de chamada intercaladas aos parágrafos também é válido. Ajuda a manter a expectativa para os próximos dizeres e dá uma “quebrada” numa possível sequencia cansativa.

Usar enumeração de itens ou tópicos. Quando há um bom número de informações sobre determinado produto ou serviço, a visualização em tópicos fica bem mais agradável e chamativa. Dá uma impressão de objetividade, de clareza.

No caso do uso de tópicos, coloque sempre o item mais importante em primeiro lugar. A leitura de algo interessante logo no início estimula a curiosidade para os próximos itens. E também, caso a pessoa não leia todos os tópicos, ela já leu o item principal, então estamos garantidos.

Exemplo:

• Capriche na redação e revise o texto depois de pronto. Erros ortográficos e gramaticais são inadmissíveis.
• Mesmo que o texto seja técnico, use termos do dia a dia para envolver a leitura.
• Dê destaque ao diferencial do seu produto/serviço. Se o seu negócio é uma assistência técnica e é a única no pedaço, então é uma questão de exposição. Se há outras, coloque em evidência aquilo que é diferente, seja no atendimento, localização, marcas trabalhadas, etc.

Escrever para web não é algo que se limita a criar textos apenas. É um conjunto de técnicas que exige uma boa noção de layout, conhecimento de mídias, programação, estratégias SEM e SEO. Tudo junto e combinado.

Até a próxima.

@Ednucci

Redação Para Web é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. 11 Dicas Para Você Reduzir O Bounce Rate
2. CRAP – Princípios Do Design Para Web
3. 11 Dicas Para Criar Um Footer Genial

Para aqueles que estão acompanhando nossa série sobre as principais áreas de atuação de um desenvolvedor web, já viram que abordamos, no primeiro artigo da série, uma introdução sobre um assunto e apresentamos quais são estas principais áreas de atuação; prosseguindo, vimos mais sobre o desenvolvimento front-end e back-end, quais as diferenças e possibilidades de cada um; depois, foi apresentada e explicada a Arquitetura da Informação, mostrando qual sua importância e o que pode fazer o profissional da área e; a Usabilidade, mostrando o que é e o que não é usabilidade através de vários conceitos e apresentando um pouco sobre o trabalho do profissional de usabilidade.

Agora, prosseguindo com nossa série, falaremos sobre uma das mais importantes áreas de atuação de um desenvolvedor web, que é o web design!

Conceito De Web Design

O web design, na verdade, já foi conceituado e classificado por muitas pessoas, dentre elas especialistas da área de design e profissionais de atuação correlata. Seria possível escrever um artigo com milhares de palavras somente colocando algumas das tentativas de classificação do “web design”. O que nos informa a Wikipédia pode não ser a melhor delas, mas, certamente, é bastante oportuna para um melhor entendimento do tema:

O web design pode ser visto como uma extensão da prática do design, onde o foco do projeto é 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 a arquitetura 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.

E este fragmento textual tem, em si, informações muito importantes para entendermos que o webdesign não é prática que se faz separada, destacada, “avulsa” de outras também importantes áreas do desenvolvimento web. Como pudemos ver, a multidisciplinaridade é um dos fatores mais importantes desta verdadeira ciência que é o web design.

Um web designer não tem condições de aplicar o conhecimento único e exclusivo de web design em algum projeto. O webdesign, por si só, não é passível de atuação por ninguém. Só se pode falar em web design quando também se fala em usabilidade, arquitetura da informação, desenvolvimento de interfaces e outras mais.

Atuação De Um Web Designer

O trabalho de todo web designer começar com um briefing sobre o projeto a ser desenvolvido ou aprimorado. Ou seja, um conjunto de respostas enviadas pelo cliente sobre perguntas enviadas pelo(s) desenvolvedor(es) para saber mais informações e detalhes a respeito do desenvolvimento. Depois do briefing completo respondido, o web designer pode atuar em diversas vertentes relacionadas à sua profissão / área de atuação.

Concepção De Identidade Visual

Muitos dos profissionais do web designer são “importados” do designer tradicional. Então, seja o caso de um destes designers ou seja o caso de um dos designers “tradicionais” trabalhando conjuntamente com um web designer, a identidade visual de uma empresa e/ou projeto deve ser concebida.

Se for o caso de uma identidade visual mais completa, que aborde logotipo, cartão de visita, papelaria de escritório, etc, também no projeto deve estar incluído o(s) web(s) site(s) cabíveis. Quer dizer, seja através de um projeto mais holístico ou somente voltado para a internet, a concepção de uma identidade visual é necessária.

Desenvolvimento De Elementos Gráficos

Qualquer site que tenha por objeto ser autêntico e diferenciado dos demais, precisa, dentre outras coisas, de elementos gráficos personalizados, tais como ícones, menus, montagens de fotos, dentre outros. Faz parte do trabalho de um web designer conceber, projetar e desenvolver tais elementos para serem usados nos sites em que participa.

É bastante conveniente, tanto para um caso, tanto para o outro, que o Manual de Identidade Visual do cliente contenha os elementos gráficos que fazem parte do(s) web(s) site(s) do cliente.

Desenvolvimento (X)HTML e CSS

O web designer mais completo também possui conhecimentos relacionados à parte técnica do desenvolvimento web. Conhecer (X)HTML e CSS para “tirar do papel” as imagens que concebe para o projeto e fazê-los funcionar, efetivamente, é um diferencial.

Mas, para um trabalho de qualidade, não basta conhecer superficialmente tais tecnologias. É preciso conhecer bem as diretrizes e técnicas do W3C sobre (X)HTML e CSS e sempre se atualizar com as novidades da área (por exemplo, HTML5 e CSS3), a fim de desenvolver peças de qualidade em qualquer ínterim temporal que seja.

SEO E Web Design

Pode parecer incrível para alguns, mas há uma estreita relação entre SEO e web design (e que também tem a ver com HTML e CSS). Lembram-se da multidisciplinaridade, não é?  ;-)

Por exemplo: é importantíssimo, quando o assunto é otimização para mecanismos de busca, que o conteúdo do site, na camada de conteúdo (HTML), seja apresentados antes de elementos de navegação principal e auxiliares de interação (busca, newsletter, conteúdos relacionados, etc).

Um web designer que tenha em mente, também, o SEO, certamente planejará que o conteúdo venha antes e, aliando o CSS, isso será transparente ao visitante, ou seja, ele nem perceberá a diferença. Quem perceberá são os bots dos mecanismos de busca que, quando acessarem o site para a indexação, receberão o conteúdo principal do site anteriormente a outros elementos menos importantes e isto será de grande ajuda para um bom posicionamento.

Conclusão Sobre O Profissional De Web Design

Muitos conhecem o ditado que diz que “A primeira impressão é a que fica”. Isso também é verdade para a grande maioria dos web sites e sistemas virtuais que podemos encontrar. Certamente que “O conteúdo é o rei”, mas uma boa apresentação visual, feita através de um web design excelente, considerado em todas as suas vertentes – e levando em conta a multidisciplinaridade -, se faz necessária para captar o visitante, para fazê-lo se interessar e, aí, sim, mostrar o que o site pode oferecer e quais suas vantagens.

E, confira, no próximo artigo de nossa série sobre as principais áreas de atuação do desenvolvedor web: otimização para mecanismos de busca ou, como é mais conhecida, SEO!

Desenvolvedor Web (parte 5): Web Design é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Desenvolvedor Web (parte 6): SEO
2. Desenvolvedor Web (parte 7): Bancos De Dados
3. Desenvolvedor web (parte 9): Acessibilidade

Olá, novamente, leitores assíduos e visitantes casuais do Webmaster.pt. Espero que esteja tudo bem com vocês e que estejam preparados para mais um artigo de nossa série sobre as áreas de atuação de um desenvolvedor web!

Vimos, até agora, que a área de atuação de um desenvolvedor web é bastante ampla e que, não raramente, acontece um dilema quando a pessoa opta por ser um desenvolvedor profissional: ser um desenvolvedor web altamente especializado em uma área de atuação ou ser um desenvolvedor web que conhece vários seguimentos.

Também foi visto sobre as duas principais vertentes de atuação de um desenvolvedor web, o front-end e o back-end, e qual a importância e as peculiaridades de cada uma. Continuamos com explicações sobre a Arquitetura da Informação e sobre a atuação do profissional da área, o Arquiteto da Informação e, neste artigo, trataremos um pouco sobre a Usabilidade.

Considerações iniciais

“Usabilidade” é um termo que pode se referir a qualquer ferramenta ou interface, qualquer interação que uma pessoa tenha com algum objeto, via, ferramenta ou software. Em nosso caso, o termo usabilidade vai ser tratado, como era de esperar, no contexto da internet, ou seja, sempre com foco em assuntos referentes a sites, sistemas web, softwares e afins.

Já aconteceu de você entrar em um site e se sentir, quase que literalmente, perdido? Você tenta localizar alguma informação, seja para uso imediato ou enquanto explora as seções e informações do site, mas, por mais que tente, parece que as informações que procura estão “escondidas”, são difíceis de serem encontradas.

Quando você entra num site que, infelizmente, possui estas características, qual é sua reação? Muito provavelmente você abandona o site… A não ser que tenha a certeza de que o que procura esteja realmente naquele web site, você, muito rapidamente, ao não conseguir se localizar e/ou encontrar o que deseja, vai sair daquele site. Este é o comportamento padrão dos visitantes de um web site sem usabilidade.

Conceitos de “Usabilidade”

Existem diversos conceitos e classificações que podem ser dados para o termo “usabilidade”. Um, embora um tanto que genérico, mas bastante simples de se entender e compreender, é o que deu Frederick van Amstel, do Usabilidoido, no seu artigo “Afinal, o que é usabilidade?“, no qual expõe que

Usabilidade é sinônimo de facilidade de uso. Se um produto é fácil de usar, o usuário tem maior produtividade: aprende mais rápido a usar, memoriza as operações e comete menos erros.

Explicação bastante consonante ao que diz a Wikipédia:

Usabilidade é um termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante. A usabilidade pode também se referir aos métodos de mensuração da usabilidade e ao estudo dos princípios por trás da eficiência percebida de um objeto.

Existe, até, uma definição “oficial”, dada pela norma ISO 9241-11, que define que

Usabilidade é a medida pela qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação em um contexto de uso específico

Como explicado anteriormente, entenda-se “produto” como um web site, intranet, sistema virtual ou qualquer sistema web, que seja. E, ainda segundo a norma ISO apresentada, existem 3 perspectivas, quais sejam:

Facilidade de aprendizado. O usuário rapidamente consegue explorar o sistema e realizar suas tarefas;

Facilidade de memorização. Após um certo período sem utilizá-lo, o usuário não freqüente é capaz de retornar ao sistema e realizar suas tarefas sem a necessidade de reaprender como interagir com ele;

Baixa taxa de erros. O usuário realiza suas tarefas sem maiores transtornos e é capaz de recuperar erros, caso ocorram.

Quer dizer, quando um sistema que se propões a ser usável apresenta estas características, é possível afirmar que ele está bem próximo de atingir um nível de usabilidade excelente.

O que faz um profissional de usabilidade

Ainda nos dias de hoje, nos quais muitas das profissões de web já estão maduras e contam com atuantes de mais de uma década em áreas específicas, o que, exatamente, faz um profissional da área de usabilidade, ainda não é algo “fechado”, algo que possa ser dito exatamente, sem complementações ou controvérsias. Quer dizer, mesmo depois de anos da existência desta profissão, ela continua em franco desenvolvimento e, as atribuições do profissional de usabilidade, a mesma coisa.

O que se pode dizer sem medo de errar é que o profissional de usabilidade pode atuar de diversas formas e em vários momentos do desenvolvimento web distintos, sendo que podemos destacar alguns, em especial:

• Avaliação Heurística
• Inspeção Baseada em Padrões, Guias de Estilos ou Guias de Recomendações
• Teste práticos com utilizadores de um site
• Entrevistas
• Questionários

E estes podem ser feitos separadamente ou em conjunto (o mais comum). Por exemplo, o profissional da área pode atuar na parte de fazer testes e análisea de usabilidade em um web site ou sistema virtual. Através de conceitos e práticas bastante específicas, a maneira como o site está estruturado e foi feito é colocada em prova com o que se considera como mais de acordo com normas de usabilidade. Um relatório de usabilidade é elaborado e entregue ao cliente com as considerações

Outro exemplo: o profissional que elaborou o relatório citado anteriormente, caso tenha conhecimentos técnicos em desenvolvimento web, também pode ser o mesmo a implementar as sugestões apresentadas – embora o mais comum seja encaminhar este relatório a uma equipe técnica específica. Afinal, apontar que um menu deve ter “tal” ou “qual” apresentação e, efetivamente, programar o comportamento e visual deste menu são tarefas completamente diferentes. Dependendo do profissional de usabilidade, ele consegue realizar, satisfatoriamente, tanto uma coisa, quanto outra.

Considerações finais sobre Usabilidade

O assunto “usabilidade” não se encerra por aqui – há, literalmente, milhares de outras coisas a serem ditas -, mas acredito que todos sabem disso. Obviamente um assunto tão complexo, que já render centenas de livros a respeito, não poderia se “encerrar” nestas breves palavras – assim como todos os outros da série sobre a área de atuação do desenvolvedor web. Para mais informações sobre usabilidade, não deixe de assinar o feed do Webmaster.pt!

Até o próximo artigo da série: web design!

Desenvolvedor Web (parte 4): Usabilidade é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Desenvolvedor web (parte 9): Acessibilidade
2. Desenvolvedor Web (parte 5): Web Design
3. Desenvolvedor Web (parte 6): SEO

Olá, pessoal que acompanha o Webmaster.pt! Espero que esteja tudo bem com todos vocês!

Nos últimos artigos de nossa série sobre o desenvolvedor web, vimos que a área de desenvolvimento web é bastante ampla; que existem diversos tipos de classificação das principais áreas de atuação de um profissional de web (inclusive, propomos nosso próprio “modelo” de classificação); que, para começar, é importante saber a diferença entre back-end e front-end e, a partir disso, explicamos de forma bastante elucidativa, que diferença é esta, chegando à conclusão de que front-end é a área pública de um site ou sistema online, sem restrições de acesso, ao passo que back-end é uma área particular do site, destinando-se a oferecer acesso restrito para que o software seja manutenido por pessoas selecionadas.

Na listagem apresentada no primeiro artigo sobre as principais áreas de atuação de um desenvolvedor web, o segundo item apresentado foi Arquitetura da Informação, e é justamente sobre este tema – às vezes alcunhado “AI” (não confundir com “Artificial intelligence“) – que vamos discorrer um pouco neste artigo.

“Arquitetura”

Cabe, para um entendimento mais amplo, sabermos o significado do termo “Arquitetura”, exatamente como o conhecemos desde sempre. Segundo a Wikipédia, de maneira simples, consideremos que Arquitetura é a

arte ou a técnica de projetar e edificar o ambiente habitado pelo ser humano. Neste sentido, a arquitetura trata destacadamente da organização do espaço e de seus elementos: em última instância, a arquitetura lidaria com qualquer problema de agenciamento, organização, estética e ordenamento de componentes em qualquer situação de arranjo espacial. No entanto, normalmente a arquitetura associa-se diretamente ao problema da organização do homem no espaço (e principalmente no espaço urbano).

Podemos, então, evidenciar o principal trecho deste conceito de arquitetura de maneira a beneficiar o entendimento (para ser usado como “mote” para o prosseguimento das explicações): a arquitetura lidaria com qualquer problema de agenciamento, organização, estética e ordenamento de componentes em qualquer situação de arranjo espacial.

Quer dizer, no sentido que nos interessa, a Arquitetura tem por objetivo lidar com a organização e ordenamento espaço físico humano.

Arquitetura da Informação

Pois se a Arquitetura “tradicional” tem por objetos maiores a organização e ordenamento de espaços físicos, é simples supor qual seria a verdadeira função da Arquitetura da Informação: lidar com ordenamento e organização da informação!

Para ficar ainda mais preciso, analisemos o que disse Richard Saul Wurman, o homem que, muito provavelmente, foi quem cunhou a expressão “Arquitetura da Informação”. Segundo podemos observar no artigo do Ex Vertebrum, disse Wurman sobre a função de Arquiteto da Informação:

Bons arquitetos de informação tornam o complexo claro, tornam a informação inteligível para outros seres humanos. Se eles tem sucesso fazendo isto, são bons arquitetos de informação. Se falham, não são bons.

Uma outra boa definição de “Arquitetura da Informação” que podemos encontrar é que está acessível no site Usabilidoido, no artigo sobre Arquitetura da Informação, no qual podemos encontrar:

A definição de Arquitetura da Informação é o “estudo da organização da informação que permite ao usuário chegar ao entedimento”. Na prática, ela se refere à organização da estrutura de um website e seu conteúdo, rotulagem e categorização da informação e o design dos sistemas de navegação e de busca.

Atuação do Arquiteto da Informação

Os próprios conceitos apresentados sobre a Arquitetura da Informação, por eles mesmos, já dão uma ideia e definem sobre a parte prática desta área de atuação do desenvolvedor web e o que faz o profissional da área, o Arquiteto da Informação. Quem atua nesta área, na prática, pode fazer (dentre outras) as seguintes atividades:

Filtrar informações do site

Todo e qualquer tipo de site precisa de informações (sejam elas textuais, visuais, sonoras, etc), e, assim que esta informação é definida (muitas vezes, cedidas pelo cliente), é papel do Arquiteto da Informação filtrar essas informações para uso posterior.

Quando se trata de um blog ou quaisquer outras publicações com periodicidade definida, o Arquiteto pode atuar ajudando com a seleção de conteúdos.

Hierarquizar informações

No processo inicial de filtrar informações pertinentes ao escopo do site, muito conteúdo é “aproveitado”. Nestas condições, cabe, também, ao arquiteto da informação, hierarquizar estas informações, definindo níveis de importâncias para toda essa informação, de modo a identificar o que é mais importante aos visitantes e/ou ao objetivo do negócio.

Auxiliar a Usabilidade

Uma das principais atribuições de um arquiteto da informação é atuar e auxiliar nas definições e estabelecimentos da usabilidade de um web site ou sistema online, ou seja, definindo a “facilidade” com que os visitantes usam um web site ou sistema virtual e voltando seus esforços para que esta tarefa seja a mais simples e intuitiva possível.

Auxiliar o Web Design

Através do uso de ferramentas próprias à sua área de atuação, o arquiteto da informação deve atuar juntamente com o pessoal do web design, definindo e estruturando o que se chama de wireframe, que, segundo pode ser encontrado na Wikipédia:

Um wireframe de site web (ou também “wire frame web”, “wireframe web”, “web wireframing”) é um guia visual básico usado em design de interface para sugerir a estrutura de um sítio web e relacionamentos entre suas páginas. Um wireframe web é uma ilustração semelhante do leiaute de elementos fundamentais na interface. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido.

Através dos wireframes, portanto, o arquiteto da informação estipula, através  da filtragem das informações pertinentes ao site e do resultado da hierarquização dessas informações, quais elementos são mais ou menos importantes e como estes devem ser apresentados aos visitantes e como se deve dar a interação online.

A esse propósito escrevi, no meu blog desenvolvimento para web, um artigo mostrando algumas boas ferramentas para criação de wireframes.

Conclusão sobre Arquitetura da Informação

A Arquitetura da Informação somente recentemente começou a ser reconhecida como profissão importante dentro do complexo trabalho de planejamento e desenvolvimento de sites, sistemas interativos e peças online, em geral. Mas, segundo o que vimos neste artigo, trata-se de atividade importantíssima e, para projetos que queiram portar o título de “profissional”, um arquiteto da informação é imprescindível. Concorda?

No próximo artigo sobre as áreas de atuação de um desenvolvedor web: mais sobre a usabilidade! Não percam!

Desenvolvedor Web (parte 3): Arquitetura Da Informação é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Desenvolvedor Web (parte 4): Usabilidade
2. Desenvolvedor Web (parte 7): Bancos De Dados
3. Desenvolvedor web (parte 9): Acessibilidade

Olá, leitores do Webmaster.pt! Como vão? Hoje daremos prosseguimento à nossa série sobre o desenvolvedor web, mas, primeiro, vamos recapitular o que vimos anteriormente. No artigo anterior, ”Desenvolvedor web (parte 1): áreas de atuação“, vimos o quão ampla é a área de desenvolvimento web e, em função disso, a extensa gama de atuações possíveis que se mostra ante o desenvolvedor web. Também vimos um dos vários modelos de classificação existentes das principais áreas do desenvolvimento web e, por fim, o dilema em que um desenvolvedor web pode se encontrar diante de tantas opções disponíveis.

Agora, veremos um pouco mais sobre as principais vertentes em que pode atuar um desenvolvedor web:  desenvolvimento front-end e desenvolvimento back-end. Cabem explicações muito importantes sobre isso, já que estes termos serão bastante usados no decorrer desta série. Pode ser que alguns já saibam seus significados, mas cabe, sim, uma explicação para os que ainda desconhecem tais termos. Aliás, você que já sabe, também pode recordar!  ;-)

“Front-end” e “back-end”

Cabe a ressalva de que , também, até estes conceitos podem ser apresentados de variadas formas e, em cada contexto, pode possuir, mesmo, significados diferentes. Por exemplo, na Wikipédia podemos encontrar a seguinte definição genérica:

Front-end e back-end são termos generalizados que referem-se às etapas inicial e final de um processo. O front-end é responsável por coletar a entrada em várias formas do usuário e processá-la para adequá-la a uma especificação útil para o back-end.

Mas, claro, estes não são os únicos e aplicáveis conceitos de front-end e back-end. De qualquer forma, na prática (e segundo precisamos para o entendimento) podemos considerar o seguinte (quando o assunto é desenvolvimento web):

• Front-end é para os visitantes do site;
• Back-end é para os administradores do site;

Talvez esse conceito aborreça alguns desenvolvedores mais “conservadores” ou não abranja a totalidade de “nuances” que um conceito como estes possa receber, entretanto, esta é a prática. Mas, obviamente, não é só porque aqui está escrito, é que é uma verdade absoluta. Os comentários estão abertos para sugestões.

Se alguém sugerir uma definição que seja mais facilmente inteligível e, de igual maneira, consiga passar o conceito prático de frontend e backend, as definições aqui apresentadas serão alteradas. Combinado?  ;-)

Exemplos de front-end e back-end

Depois destes conceitos bastante práticos sobre front e back end terem sido apresentados, talvez a exposição de alguns exemplos seja de boa valia. Pode ter certeza, você que está lendo este artigo já sabia, mesmo antes de ler , meio que “instintivamente”, meio que “sentindo” (se é que este termo é cabível), o que é um backend e o que é um frontend. Mas, como é de praxe se fazer e conveniente de se mostrar, bons exemplos ajudarão, ainda mais, a fixar estes conceitos.

Exemplo 1: seu site de notícias

Se você tem um pouco mais de tempo de prática em desenvolvimento web, provavelmente já deve ter feito ou participado, de uma forma ou de outra, algum web site com sistemas administrativo ou sistema online, independente do porte e finalidade a que tenha se proposto. Vamos supor que tenha sido um site para publicação de notícias e artigos.

Então, você, sozinho ou juntamente com uma equipe de desenvolvimento, pensou, repensou, planejou, usou alguma metodologia de desenvolvimento, validaram telas e protótipos, enfim, o que se faz em um desenvolvimento mais ou menos profissional. Nestas condições, você provavelmente pensou que o web site teriam um painel de administração, pelo qual as pessoas autorizadas, após receberem um login e uma senha (ou, se mais elaborado, poderia-se criar logins e senhas diretamente por este painel), poderiam acessar áreas privilegiadas que, como sugere o próprio nome, serviriam para administrar todo o conteúdo do site. Isso, meus caros, foi um exemplo de back-end, a área privada do projeto.

Mas não somente de uma área administrativa vive um site. A segunda “vertente” do projeto hipotético que você realizou serviria para os visitantes deste site aproveitarem. Afinal de contas, neste caso, sua equipe e você não tiveram a intenção de fazer um site privado. A intenção era atrair visitantes para acessarem as belas notícias, conteúdos e releases de ótima qualidade que lá poderiam ser encontrados.

Então, segue a execução, também, da área irrestrita do site, pela qual os visitantes, que chegariam através de mecanismos de busca, sites de referência, endereço divulgado em diversos tipos de mídia e acessos diretos. Esta área pública serviria para os  visitantes acessarem e lerem as notícias e releases do site, inteligentemente distribuídos em categorias e subcategorias, de modo a facilitar a categorização e organização de todo o conteúdo, que daria ensejo à construção de uma arquitetura da informação impecável.

Esse acesso público ao site seria o front-end.

Exemplo 2: Webmaster.pt

Como segundo exemplo, veremos uma situação em que, efetivamente, acabará com todas as eventuais dúvidas que, neste ponto, ainda possam existir.

Quando você entra no Webmaster.pt para fazer sua leitura diária de artigos sobre SEO, Redes Sociais, Blogging, Programação, Web Design e todos os bons assuntos que tratamos, está acessando o front-end do site, quer dizer, a área pública. Afinal, para ter acesso a estes conteúdos você precisa simplesmente acessar o site e começar a ler, não é?

Em contrapartida, eu e todos os outros editores do  Webmaster.pt, para escrevermos, salvarmos, editarmos e publicarmos os artigos, temos que acessar a área administrativa presente no site, quer dizer, acessamos o back-end. É uma área que somente pessoas autorizadas tem acesso, ou seja, é uma área privada, que constitui o back-end do site.

Conclusão sobre os “-ends”

Agora, com certeza, você já entendeu qual a diferença entre o back-end e o front-end. Lembra-se da classificação proposta no primeiro artigo da série? Como comentado por lá, uma área do desenvolvimento web pode “estar contida” dentro de outra(s), o que, aliás, é o caso.

Por exemplo, SEO (ou otimização para mecanismos de busca) deve ser bastante considerado para a construção de um front-end eficiente, concordam? Já arquitetura da informação, usabilidade e web design, são importante tanto para uma área administrativa, quanto para a área pública do site.

São conceitos relativamente simples, que, certamente, agora já estão devidamente explicados.

Fiquem atentos ao Webmaster.pt para conferir o próximo artigo da série: arquitetura da informação.

Desenvolvedor Web Parte2: Desenvolvimento Front-End E Back-End é um artigo da nossa comunidade: Webmaster.pt Marketocracia Digital

Related posts:

1. Desenvolvedor Web Parte1: Áreas De Atuação
2. Desenvolvedor web (parte 9): Acessibilidade
3. Desenvolvedor Web (parte 4): Usabilidade