Semiótica e usabilidade

Este texto é um roteiro para desenvolvimento de páginas web a partir da perspectiva da semiótica e usabilidade. O grande desafio de publicação de páginas web é conseguir aliar princípios de semiótica (que se apresentam na experiência mais imediata do usuário) com técnicas de arquitetura de informação (sustentam o conteúdo propriamente dito).

Entendemos que um projeto bem demarcado, sólido e com foco bem determinado é garantia do sucesso de um projeto de comunicação. A disciplina Arquitetura da Informação aliada aos princípios semióticos oferece recursos consistentes que suportam de maneira adequada o processo de comunicação pretendido.

Em termos práticos, vamos construir um projeto mínimo de comunicação via web. Este projeto apresenta uma fase diagnóstica, com definição de conteúdo, público-alvo e plataforma utilizada e, uma fase prática, que consiste na escolha dos recursos que sustentarão a proposta. Segue abaixo um roteiro contemplando os principais aspectos que devem ser explicitados. Estes aspectos envolvem as duas etapas anteriores.

Roteiro Prático de comunicação via Web

Aspectos diagnósticos

* Tipo de página: comercial, pessoal, e-comerce, informativa, outra

* Público-alvo: a quem se destina o site? Existe um perfil homogêneo?

* Conteúdo: O que vai ser veiculado no site? * Estratificação do conteúdo(%): texto, vídeo, imagens, animações

Aspectos práticos

* Suporte ao conteúdo: Baseado em SGC (Sistema de Gestão de Conteúdo) – SGC, (em inglês Content Management Systems – CMS), desenvolvimento independente ou misto http://webinsider.uol.com.br/2005/06/08/o-que-e-cms-e-porque-voce-precis... Introdução genérica sobre SGCs http://cms.progdan.com.br/index.php Site de comparação de SGCs. http://wiki.softwarelivre.org/pub/Cooperativas/ProjetoMonografiaCMS/%5bf... Monografia CMS – André França http://wiki.softwarelivre.org/pub/Cooperativas/ProjetoMonografiaCMS/%5bf... Apresentação CMS – André França

* Layout e disposição dos conteúdos: áreas, colunas, painéis, estrutura de navegação e busca;

* Esquema de cores http://www.bitpt.com/index.php/content/view/77/70/ – Introdução básica a roda das cores http://www.maujor.com/blog/2006/03/15/paleta/ – Várias ferramentas on-line esquema de cores http://www.knorrpage.de/colormatch.html Color Match 5k e http://www.colorblender.com/ Color Blender – Oferece seis opções de cores, a partir de controles deslizantes nas cores básicas

* Validação: O site atende os critérios de validação sendo suportado pelos navegadores e SOs dos usuários? http://jigsaw.w3.org/css-validator/about.html.pt-BR Validação W3C de CSS http://validator.w3.org/ Validação W3C de HTML http://validator.w3.org/unicorn/ Ferramenta unificada de validação

* Acessibilidade: Usuários portadores de necessidades especiais conseguem acessar o conteúdo do site? http://www.maujor.com/tutorial/acessibilidade/tentest.php Dez testes de verificação de acessibilidade http://www.maujor.com/w3c/clistcpointac.html Checklist de verificação de acessibilidade a partir do W3C http://www.w3.org/WAI/References/QuickTips/qt.br.htm Dicas para sites acessíveis http://www.easylogics.com/artigos/acessibilidade/tudo-sobre-acessibilidade Princípios de acessibilidade

* Navegação: Sistema utilizado e disposição dos menus de navegação

* Pesquisa: Sistema adotado. Quais os pré requisitos para indexação dos conteúdos?