DESIGN MULTIMÉDIA SÍTIOS DA WEB

Documentos relacionados
MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web

INTRODUÇÃO AO MULTIMÉDIA DIGITAL

Conteúdos / Critérios de Avaliação 2018/2019 Curso Profissional de Técnico de Multimédia Disciplina DCA 10.º ANO

TIC 5.º ANO: 2018/2019

PORTAL PARA FORMAÇÃO DO PACTO NACIONAL PELA ALFABETIZAÇÃO NA IDADE CERTA.

MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web

Design de sites web e software

Vou entrar no Ensino Secundário. E agora? Que via escolher?

Análise Crítica de Websites. 4º Trabalho Prático Design e Multimédia [ ] Realizado por: [ ] João Paulo Baptista Martins Pereira

CURSO DE EDUCAÇÃO E FORMAÇÃO TIPO 3 Planificação Anual de Tecnologias da Informação e Comunicação

Agrupamento de Escolas General Humberto Delgado Sede na Escola Secundária/3 José Cardoso Pires Santo António dos Cavaleiros

A informação, o conhecimento e o mundo das tecnologias

Currículo Formativo e Profissional

ESCOLA DE COMUNICAÇÃO E DESIGN JORNALISMO

BENETTON PLAY Manual e Guia de exploração do BENETTON PLAY para utilização em contexto de Educação Visual e Tecnológica. José Alberto Rodrigues

Desenvolvimento WEB1 Aula 04 Profa Wanessa Machado do Amaral

SISTEMAS MULTIMÍDIA PROF MOZART DE MELO

ATIVIDADES ESTRATÉGIAS. 1. Compreender a evolução das Tecnologias de Informação e Comunicação e o seu papel no mundo contemporâneo:

Internet: Conceitos Gerais

AGRUPAMENTO DE ESCOLAS GONÇALO SAMPAIO ESCOLA E.B. 2, 3 PROFESSOR GONÇALO SAMPAIO

Sítio da Semana: Ficha técnica: Apresentação Grafismo:

IPCA MANUAL DO UTILIZADOR

Curso Online de E-commerce. Plano de Estudo

Novos Produtos Digitais K /2019

Comunicado de imprensa

Boletim Interno PSI e Newsletter BVS Comunicação no contexto da Fonte de Informação nº 5

Nova Plataforma Allianz. Intranet Outubro 2009

Diferenciais. Flexibilidade Prazos Curtos Design Moderno Ideias Ousadas Compromisso com o Cliente Agilidade Serviço de Qualidade

Especialização em Marketing Digital EDIÇÕES Porto Coimbra Viseu Aveiro

Avaliação de objetos de aprendizagem. Liane Tarouco CINTED/UFRGS

ÉSCOLA BÁSICA DE 2º E 3º CICLOS JOSÉ MARIA DOS SANTOS PINHAL NOVO TIC 7º ANO PLANIFICAÇÃO /2014

O site da minha empresa precisa ser atualizado?

Plano Anual Curricular TIC - Pré-Escolar -

PLANO TIC 2 º E 3 º C I C L O S D O E N S I N O B Á S I C O E E N S I N O S E C U N D Á R I O 2012/2013. O Coordenador TIC

O novo portal da Ordem dos Solicitadores e dos Agentes de Execução

Site Imobiliário. Personalizar para obter Contactos. academia.egorealestate.com

ENGENHARIA DE USABILIDADE

Métodos de Estudo e Investigação Científica (MEIC)

Escola EB António Feijó

Criação de Páginas Web MÓDULO 3

CURSO DE OBJETOS DE APRENDIZAGEM. AULA 1 Busca de materiais pedagógicos na Internet e sua aplicação em sala de aula

Módulo 6 FERRAMENTAS TECNOLÓGICAS PARA TRANSFORMAR A EDUCAÇÃO

O QUE É O MARKETING DIGITAL?

Curso Especializado de UX

Iniciando Layouts. No html5 existem algumas tags padrões para se iniciar Layouts. Estrutura Básica:

Agrupamento de Escolas da Abelheira Escola EB 2, 3 de Viana do Castelo Ano letivo: 2015/2016

Transcrição:

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 http://visibilidade.net/tutorial/sites-de-qualidade.html

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.

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 23-01-13] disponível em http://student.dei.uc.pt/~aluisa/trabalhos/dm_relatorio_trab04.pdf

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

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

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

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

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