DESIGN MULTIMÉDIA SÍTIOS DA WEB

Documentos relacionados
Trabalho 4. Romeu Fonseca Nº Link do trabalho: Análise crítica de dois Web sites

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

Rosabela Agostinho Borges. Manual e Guia de exploração da A arte do Azulejo em Portugal para utilização em contexto de Educação Visual e Tecnológica

Interfaces Pessoa-Máquina (IPM)

Lápis de Cor. Rosabela Agostinho Borges. Manual e Guia de exploração do Lápis de Cor para utilização em contexto de Educação Visual e Tecnológica

TIC 5.º ANO: 2018/2019

Ferramentas de Controlo Parental

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

Relatório da acessibilidade da plataforma Big Blue Button v0.81

Ferramentas Web, Web 2.0 e Software Livre em EVT

Ferramentas Web, Web 2.0 e Software Livre em EVT

Ferramentas Web, Web 2.0 e Software Livre em EVT

Documentação e Ajudas

Ana Paula Ferreira Gabinete de Comunicação

PhotoFunia Manual e Guia de exploração do PhotoFunia para utilização em contexto de Educação Visual e Tecnológica. Marlene Barbosa

Design: estrutura e estética

Ferramentas Web, Web 2.0 e Software Livre em EVT

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

COMO AMPLIAR MERCADO INVESTINDO EM ACESSIBILIDADE DIGITAL

Usabilidade dos sites de instituições públicas

Ferramentas Web, Web 2.0 e Software Livre em EVT

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

Composição Web Princípios para o Desenho de um Sítio Internet

ESCOLA DE COMUNICAÇÃO E DESIGN JORNALISMO

Repositórios na Web. praticar ao Sábado

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

Catálogo BloguesEDU Apoio

Critérios para a avaliação dos portais da BVS

Ferramentas Web, Web 2.0 e Software Livre em EVT

MANGUALDE. Clipping junho Caderno 1

Formatos de informação Especialização em Gestão Estratégica da Informação. Novembro / 2013

Desenvolvimento WEB1 Aula 04 Profa Wanessa Machado do Amaral

SISTEMAS MULTIMÍDIA PROF MOZART DE MELO

Tecnologias da Informação e da Comunicação 7º Ano Ano letivo 2016/2017 Área Disciplinar de Informática

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

2º SEMESTRE LETIVO º PERÍODO SISTEMAS PARA INTERNET MATUTINO SEGUNDA-FEIRA TERÇA-FEIRA QUARTA-FEIRA QUINTA-FEIRA SEXTA-FEIRA

Internet: Conceitos Gerais

SUPER ACTION COMIC MAKER Manual e Guia de exploração do Super Action Comic Maker para utilização em contexto de Educação Visual e Tecnológica

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

Perfil de Internautas

Ferramentas Web, Web 2.0 e Software Livre em EVT

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

Ferramentas Web, Web 2.0 e Software Livre em EVT

IPCA MANUAL DO UTILIZADOR

Terceira Fase Experimentação

PLANIFICAÇÃO ANUAL DA DISCIPLINA DE TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO

Curso Online de E-commerce. Plano de Estudo

Novos Produtos Digitais K /2019

Comunicado de imprensa

Sistema Educativo Português 2011/2012

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

A biblioteca (in)visível. III Jornadas da Informação Estarreja, 12 de outubro de 2013

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

Ferramentas Web, Web 2.0 e Software Livre em EVT

O site da minha empresa precisa ser atualizado?

Oficina de Multimédia B

Núcleo de Educação a Distância Construindo parcerias e vencendo desafios

V.2 Dispositivos de Interacção VI WWW VI.3 PADRÕES DE DESENHO WEB. The Design of Sites, Cap. 2 D. Duyne, J. Landay, J. Hong. Melhor e pior?

Acessibilidade para Surdos

Media Kit Publicidade. Válido até 31/12/2011

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

PERFIL DE APRENDIZAGENS 7ºANO

Acessibilidade na WEB. Euder Flávio Fernando Iran Giovanne Librelon Victor Hugo

ENGENHARIA DE USABILIDADE

Color in motion. Ricardo Reis Pereira. Manual e Guia de exploração do Color in Motion para utilização em contexto de Educação Visual e Tecnológica

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

Escola EB António Feijó

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

Picnik Manual e Guia de exploração do picnik para utilização em contexto de Educação Visual e Tecnológica currículo. Rosabela Agostinho Borges

A TRANSFORMAÇÃO DIGITAL"

EditWeb: Auxiliando professores na autoria de páginas Web que respeitem critérios de Usabilidade e Acessibilidade

REGULAMENTO ACADÉMICO. XIII. Ponderações e Cálculo da Média Final REG-001/V00

Sapo apresenta novo serviço de Calendários e novidades no

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

Agrupamento de Escolas D. Lourenço Vicente. Programa de Orientação Escolar e Profissional. Psicólogas Dra. Cláudia Almeida Dra.

O QUE É O MARKETING DIGITAL?

PLANIFICAÇÃO ANUAL. Conhecimentos Domínios Atitudes Metodologias e Avaliação ANO LETIVO 2018/19

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

PALAVRAS-CHAVE Site e projeto de extensão. Comunicação. Comunidade.

POLÍTICA DE COOKIES. Como a maioria das páginas web, esta página usa cookies para:

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