DESIGN MULTIMÉDIA SÍTIOS DA WEB

Transcrição

1 OFICINA DE MULTIMÉDIA B MULTIMÉDIA SOBRE SITES DESIGN MULTIMÉDIA SÍTIOS DA WEB No universo do Design Multimédia, a web assume um papel relevante na exploração dos meios digitais, quer do ponto de vista dos conteúdos, quer do ponto de vista da forma, tendo em conta a ergonomia (adaptação e conforto) do utilizador. Um sítio web de qualidade deve preencher vários requisitos, entre eles: Visibilidade - seja fácil de encontrar pelas pessoas que procurem informação nele contida; Usabilidade - seja fácil de usar depois de encontrado; Acessibilidade - seja fácil de usar por pessoas com deficiência; Portabilidade - funcione corretamente em diversas plataformas de acesso à web, como diferentes browsers ou telemóveis; Engenharia construção e estruturação das páginas e da relação entre elas (hiperligações) e organização em blocos: cabeçalho, navegação, navegação secundária, corpo, rodapé; Layout - conceção gráfica de acordo com regras e princípios de design. Adaptado de

2 Tipos de sites Sites de notícias - nesta categoria, são incluídos os jornais, as revistas, os canais de rádio e TV disponíveis online; Sites de negócios - estão englobados os sites destinados a compra e venda de produtos e serviços (e-commerce e e-business), bem como os sistemas de apoio a clientes e marketing online; Sites temáticos - sites culturais, de desporto, ambientais, de ciências e tecnologia, etc.; Sites educativos - enquadram-se os sistemas de educação a distância, ambientes Lúdico-didáticos, ambientes de ensino e aprendizagem, etc.; Sites institucionais - fazem parte os sites ministeriais, governamentais, institucionais, das Fundações, etc.; Portais - educativos, corporativos, financeiros, infantis, escolares; Motores de busca - enquadram todos os sites, permitindo a realização de pesquisa na Web, como o Google, o Sapo, o Yahoo, etc. Sites pessoais - englobam os sites concebidos por todos os que desejam divulgar o seu currículo e os seus trabalhos e experiências através da web.

3 Aplicação de princípios de design Contraste - destaques no texto e blocos de cor para cativar a atenção do utilizador e facilitar a procura de informação, ilustração dos elementos em discussão sempre que tal se justifique, boa escolha de fundos e cor de texto, Repetição existência de consistência formal de página para página e ao longo de cada página, para que o utilizador não tenha a sensação de estar a navegar em vários sites diferentes. Criação de elementos identificativos comuns unidade formal e conceptual, Alinhamento de acordo com sistemas de grelhas organiza os conteúdos de modo facilitador para o utilizador, Proximidade - relações entre os elementos na página. Os blocos criados com o texto e as imagens dão uma ideia clara da distribuição da informação, possui uma hierarquia visual consistente, ou seja, os diversos elementos assumem maior ou menor destaque consoante a sua importância e os conteúdos estão organizados de forma lógica e intuitiva para os utilizadores. Esta hierarquia visual aplica-se a todas as páginas, criando-se assim uma continuidade visual e funcional. Adaptado de GONÇALVES, Ana Luísa, [online, acedido em ] disponível em

4 Estruturas de navegação - LINEAR O utilizador navega sequencialmente de um ecrã para o seguinte ou para o anterior

5 Estruturas de navegação - HIERÁRQUICA O utilizador navega ao longo de ramos de uma árvore de acordo com uma organização lógica da aplicação

6 Estruturas de navegação NÃO-LINEAR O utilizador navega livremente por todo o conteúdo da aplicação, podendo escolher a cada instante o percurso para consultar a informação disponível

7 Estruturas de navegação COMPOSTA O utilizador pode navegar livremente, mas existem ocasiões em que encontra restrições, tais como hierarquia de ecrãs ou sequências lineares obrigatórias

8 in Multimédia e Tecnologias Interativas Estruturas de navegação EXEMPLO Exemplo de um mapa de navegação para uma aplicação multimédia de uma Agência de Viagens