VI.1 Desenho de Páginas Web
|
|
- Emanuel Carvalho Castilhos
- 5 Há anos
- Visualizações:
Transcrição
1 VI WWW The Design of Sites, Cap. 1, 4 e 5, D. Duyne, J. Landay, J. Hong Jakob Nielsen Qual o problema desta página? Conteúdo ocupa pequena % 2 Resumo da Aula Anterior Dispositivos de Entrada de Dados Texto Teclados, Escrita à mão, Fala Coordenadas Ratos e derivados Tabletes 3D Novos dispositivos 3 1
2 Sumário Importância de páginas bem desenhadas Diferenças entre IU para Web e Desktop Dez erros mais comuns em desenho Web Bom desenho pode aumentar vendas Artigo NY Times, 8/30/99 (site da IBM) Most popular feature was search because people couldn't figure out how to navigate the site The second most popular feature was the help button, because the search technology was so ineffective. Depois do redesenho, Uso do botão "help" diminuiu 84% Vendas aumentaram 400% 5 Importância de Bom Desenho Diferença entre sucesso e fracasso Páginas com um desenho Limpo Fáceis de usar Centradas no utilizador Conseguem Reduzir o número de erros do utilizador Reduzir o tempo necessário para encontrar coisas Aumentar satisfação geral do utilizador (diz a outros) Exemplo de Sucesso: Funciona melhor que os outros motores de busca 6 2
3 Uma Página Web Representa... Vista que o utilizador tem da informação Unidade de navegação O que se obtem quando se carrega num link Endereço para obter informação na rede (URL) Armazenamento de informação No servidor Página é uma unidade atómica que unifica estes conceitos 7 Desenho Web vs Desktop GUI Diversidade de dispositivos (Web) Difícil de antecipar o que irão usar (TV Interactiva, PDAs, Tlms) Ser diferente é uma feature Utilizadores controlam a navegação Por caminhos nunca dantes antecipados Caem do céu via motores de pesquisa/bookmarks Parte de uma experiência integral Utilizadores movem-se entre diferentes locais 8 Wizards Diferenças? Desktop Web 9 3
4 Onde está Aplicação e Estado? Back (anterior) no desktop Tipicamente desfaz alterações no último passo Back nas páginas Web botão back do navegador? Invisível para servidor não altera estado Elo back na página? servidor pode alterar estado Pode-se impedir o utilizador de usar back? Usando javascript, mas não é uma boa ideia Saídas claramente assinaladas são importantes Óbvias no desktop mas não na web Caixa de Diálogo Desktop 11 Caixa de diálogo na Web 12 4
5 Caixa de diálogo na Web 13 Diferenças entre Diálogos Desktop: Caixas de diálogo pop-up Geralmente mais pequena que janela principal Mantém contexto (por detrás) sobre tarefa principal Web: Nova página (substitui Anterior) necessário andar para trás e para frente para recuperar contexto forward navegador perde valores depois de back (forms) MUITO tempo para carregar páginas Necessário relembrar contexto no tempo! 14 Soluções Problema do Contexto Repetir contexto acrescentar nova info. na pág. corrente Do ponto de vista do utilizador a página expande-se Optimizar páginas para carregamento rápido Reduzir gráficos Melhorar desempenho do servidor 15 5
6 16 Dez erros de Web Design Lista de Nielsen (original 1996) Não necessariamente consensual Nielsen - Autodesignado Web guru Investigador em Hypertexto muito antes da Web Excelente lista de difusão / local Tempos de carregamento longos Regra dos 10 segundos Tempo que utilizadores levam a perder interesse Consistente com estudos tradicionais de factores humanos 15 segundos podem ser aceitáveis na Web utilizadores habituados a esperar... Mas só páginas mais importantes Web está mais lenta não mais rápida 18 6
7 9. Informação desactualizada Contratem um jardineiro para a equipa root out the weeds and replant the flowers Pessoas preferem criar conteúdo a mantê-lo Modo barato de melhorar conteúdo Se ainda relevante -> elo para páginas novas Senão removê-las Conteúdo desactualizado => perca de confiança (importante para e-commerce) Cores de elos não padronizadas Elos para Páginas não visitadas são azuis Páginas já visitadas usar púrpura/vermelho Não alterem estas cores uma das poucas ajudas universais à navegação consistência importante para aprendizagem não sublinhem outros objectos com azul / vermelho! Este é um padrão de Web Design (a ver mais tarde) Falta de apoio à navegação Utilizadores não conhecem o vosso local Sempre difícil encontrar informação Comunicar sentido claro de estrutura e localização Comunicar estrutura do local Disponibilizem um Mapa do Site Para utilizadores saberem onde estão e o que podem visitar Disponibilizem Bom mecanismo de busca Porque mesmo a melhor navegação não basta Expectativas dos utilizadores Logotipo no canto superior esquerdo ligado à home page Estrutura de outline indicando a localização actual 21 7
8 O que está errado nesta página? Páginas muito longas Muitos utilizadores não desenrolam página parte não visível não é lida Conteúdo crítico e navegação Devem estar no topo da página Páginas de informação podem ser maiores Leitores interessados irão pesquisar o conteúdo É uma boa ideia ser conciso Importância decrescente Procurar não usar mais de 3 ecrãs Informação no TOPO dominante Páginas muito longas (cont) Não consensual: Jared Spool os utilizadores habituaram-se a desenrolar páginas se (e só se?) a página der pistas de haver conteúdo mais para baixo Páginas longas versus páginas curtas Reduzir tempos de carregamento 24 8
9 5. Páginas Orfãs Todas as páginas devem indicar a que local pertencem Utilizadores podem cair do céu e não da home-page. Acesso via Google, Altavista, Lycos, etc. Ser acessível sem ser pela home page Todas as páginas deveriam ter Elo para home page Indicação do local a que pertencem e posição na estrutura do local (tornar visível o estado do sistema) 25 Qual o problema com estas páginas? URLs Complicadas Não devem expor endereços da máquina Utilizadores tentam descodificar URLs das páginas Para inferir a estrutura do local Falta de apoio à navegação e sensação de localização URL devem ser legíveis por pessoas Nomes reflectirem natureza do espaço informação Por vezes preciso escrever URL -> minimizar erros Usar letra minúscula, nomes curtos sem caracteres especiais Muitas pessoas não sabem teclar ~ URLs são difíceis de enviar por Word-wrapping, etc. Ver shorturl.com faz caching de urls e devolve urls curtas 27 9
10 Qual o problema? Animações contínuas Não incluam animações intermináveis Imagens em movimento estimulam a visão periférica Excluam animações, texto que desenrola, marquees Utilizadores desligam-nas Logo, não incluam nada de importante nestas! Dêem paz e descanso aos utilizadores para lerem o texto! 29 Qual o problema com esta página? 30 10
11 Redesenhada em Uso gratuito de tecnologia Não tentem atrair os utilizadores desta forma Pode ser que atraiam os nerds mas os utilizadores normais preocupam-se com conteúdo e serviço. Se o sistema/navegador estoira Não vão voltar Ex. usem VRML se a vossa informação é 3D Desenho de arquitectura ou planeamento de cirurgia É apropriado se venderem programas de CAD/GIS,VR, etc. Ex. Introduções Flash Nem sempre se traduzem em mais valia Deve existir forma de contornar Browser pode não ter plug-in 32 Qual o problema com esta página? 33 11
12 1. Frames Confundem utilizadores Conflito c/ modelo mental da página web Sequência de acções <> acto único Unidade de navegação <> unidade de visualização Perde-se previsibilidade das acções utilizador Que informação aparece onde quando se clica? Não é possível fazer bookmarks da página e regressar... Corrigido no Explorer 5 URLs deixam de funcionar (vão para pag 1 frameset) Não é possível partilhar com outros Enviar elos por não funciona Frames (cont.) Motores de busca têm problemas c/ frames que parte dos framesets incluir nos índices? Primeiros surveys demonstram Preferência por locais sem frames Inquéritos mais recentes confirmam ~70-90% Nota: desenhadores experientes podem usar frames de forma eficaz Amazon.com seria impossível com frames (design to be linked to) 35 Resumo (Lista original 1996) 1. Frames 2. Uso Gratuito de Tecnologia 3. Animações contínuas 4. URLs complicadas 5. Páginas órfãs 6. Páginas (demasiado) longas 7. Falta de apoio à navegação 8. Cores de elos não padronizadas 9. Informação Desactualizada 10.Paginas Lentas a carregar 36 12
13 Lista de Problemas de Legibilidade Tipos fixos/pequenos e contraste 2. Links Não-standard Cores, visitados não visitados 3. Flash Utilização gratuita 4. Conteúdo não escrito para a Web Deve ser curto, e directo ao assunto 5. Pesquisa Ineficiente Melhorar os algoritmos de pesquisa 6. Incompatibilidade de Browsers Optimizado para IExplode 7. Formulários difíceis de usar Muito grandes, com perguntas desnecessárias 8. Falta de Informação e de Contactos sobre a Empresa Diminui credibilidade 9. Arranjo (Layout) Congelado com Largura de Página Fixa Muito espaço em branco, problemas de impressão 10. Ampliação de Foto Inadequada Produtos em e-commerce 37 Lista de Pesquisa ineficiente 2. Ficheiros PDF para leitura Online 3. Cor de elos visitados não muda 4. Texto ilegível (muito texto) 5. Fontes com tamanho fixo (pequeno) 6. Títulos das páginas com pouca visibilidade para os motores de busca 7. Elementos da página semelhantes a anúncios 8. Violação de convenções de desenho (consistência) 9. Abertura de novas janelas do navegador 10.Não responder às perguntas do utilizador 38 Referências Nielsen s top 10 list Web pages that suck Dicas para web-designers User Interface Engineering
14 Não se esqueçam URLs curtas mais fáceis de memorizar 40 Resumo Importância de páginas bem desenhadas Diferenças entre IU para Web e Desktop Wizards Diálogos Dez erros mais comuns em desenho Web Originais de e Próxima aula Processo de desenho para a Web Práticas de Design Padrões de Desenho Web Padrões para construir Home Page 6 Regras para fazer uma boa Home Page Pirâmide Invertida Estudo Usabilidade Web 42 14
Sumário. ! Importância de páginas bem desenhadas! Dez erros mais comuns em desenho Web ! 1996! 2005 ! ! Pirâmide Invertida!
Qual o problema desta página? VI WWW VI.1 Desenho de Páginas Web The Design of Sites, Cap. 1, 4 e 5, D. Duyne, J. Landay, J. Hong Conteúdo ocupa pequena % http://www.useit.com/alertbox/, Jakob Nielsen
Leia maisVI WWW. VI.1 Desenho de Páginas Web
VI WWW The Design of Sites, Cap. 1, 4 e 5, D. Duyne, J. Landay, J. Hong http://www.useit.com/alertbox/, Jakob Nielsen Qual o problema desta página? Conteúdo ocupa pequena % 2 1 Resumo da Aula Anterior
Leia maisVI.1 Desenho de Páginas Web
Qual o problema desta página? VI WWW Conteúdo ocupa pequena % The Design of Sites, Cap. 1, 4 e 5, D. Duyne, J. Landay, J. Hong http://www.useit.com/alertbox/, Jakob Nielsen 2 Resumo da Aula Anterior Sumário
Leia maisQual o problema desta página? VI WWW. VI.1 Desenho de Páginas Web. Sumário. Resumo da Aula Anterior. VI.1 Desenho de Páginas Web IPM 2006/07
Qual o problema desta página? VI WWW The Design of Sites, Cap. 1, 4 e 5, Conteúdo ocupa pequena % D. Duyne, J. Landay, J. Hong http://www.useit.com/alertbox/, Jakob Nielsen 2 Resumo da Aula Anterior Sumário
Leia maisInterfaces Pessoa-Máquina (IPM)
Interfaces Pessoa-Máquina (IPM) VI.2 Padrões de Desenho Web The Design of Sites, Cap. 2, D. Duyne, J. Landay, J. Hong 1 Resumo Aula Anterior o Importância de páginas bem desenhadas o Dez erros mais comuns
Leia maisVI.2 DESENHO DE PÁGINAS WEB E PADRÕES DE DESENHO WEB. The Design of Sites, Cap. 1, 2, 4 e 5, D. Duyne, J. Landay, J. Hong
VI WWW VI.2 DESENHO DE PÁGINAS WEB E PADRÕES DE DESENHO WEB The Design of Sites, Cap. 1, 2, 4 e 5, D. Duyne, J. Landay, J. Hong http://www.useit.com/alertbox/, Jakob Nielsen 1 Melhor e Pior? 2 1 Melhor
Leia maisInterfaces Pessoa- Máquina
Interfaces Pessoa- Máquina Marielba Silva de zacarias Fct I, Gab. 2.69 mzacaria@ualg.pt http://w3.ualg.pt/mzacaria Padrões de desenho para a web Referências: 1. The Design of Sites, Cap. 1, 4 e 5, D. Duyne,
Leia maisV.1 Documentação e Ajudas
V Documentação e Dispositivos HCI, Cap. 11, Alan Dix Principles and Guidelines in Software UI Design, Cap. 17, Deborah Mayhew Melhor e Pior? 2 Resumo da Aula Anterior Testes com utilizadores Fases do Teste
Leia maisV.1 Documentação e Ajudas
Melhor e Pior? V Documentação e Dispositivos V.1 Documentação e Ajudas HCI, Cap. 11, Alan Dix Principles and Guidelines in Software UI Design, Cap. 17, Deborah Mayhew V.1 Documentação e Ajudas 2 Resumo
Leia maisDocumentação e Ajudas
Interfaces Pessoa Máquina Documentação e Ajudas Cap. 12 Manuais e Documentação 20 Melhor e Pior? Melhor e Pior? Resumo Aula Anterior Multiplicidade de Dispositivos de Interação Entrada de Texto Introdução
Leia maisV.1 DOCUMENTAÇÃO E AJUDAS
V.1 DOCUMENTAÇÃO E AJUDAS HCI, Cap. 11, Alan Dix Melhor e Pior? 2 1 Resumo Aula Anterior Tipos de diálogo Menus, Formulários, LC e MD Principais características, vantagens e desvantagens Princípios de
Leia maisV.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?
VI WWW VI.3 PADRÕES DE DESENHO WEB The Design of Sites, Cap. 2 D. Duyne, J. Landay, J. Hong Melhor e pior? 2 1 Resumo Aula Anterior o Artefactos e Práticas de Design o Pirâmide Invertida o Estudo Usabilidade
Leia maisV.1 Documentação e Ajudas
Melhor e Pior? V Documentação e Dispositivos HCI, Cap. 11, Alan Dix Principles and Guidelines in Software UI Design, Cap. 17, Deborah Mayhew 2 Resumo da Aula Anterior Sumário Testes com utilizadores Fases
Leia maisIV AVALIAÇÃO IV.1 AVALIAÇÃO POR PERITOS II (AVALIAÇÃO HEURÍSTICA)
IV AVALIAÇÃO IV.1 AVALIAÇÃO POR PERITOS II (AVALIAÇÃO HEURÍSTICA) HCI, Cap. 9, Alan Dix www.useit.com (Webpage de) Jakob Nielsen Guerrilla HCI, Jakob Nielsen Resumo Aula Anterior o Avaliação Heurística
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Mash on Holidays
Leia maisProfessor: João Macedo
Programação Páginas Web O HTML (HyperText Markup Language) é a linguagem mais utilizada para criar páginas Web com hipertexto. Utilizando a linguagem HTML podemos criar páginas em que certos itens (palavras
Leia maisUniversidade Federal do Rio Grande do Sul Núcleo de Tecnologia Digital Aplicada à Educação - NUTED NAVEGAÇÃO. Paula Jardim 2010/2
Universidade Federal do Rio Grande do Sul Núcleo de Tecnologia Digital Aplicada à Educação - NUTED NAVEGAÇÃO Paula Jardim 2010/2 Navegação A navegação em um sistema ou em uma página web é facilitada por
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a ahead. M a n
Leia maisV.1 Documentação e Ajudas
Melhor e Pior? V Documentação e Dispositivos HCI, Cap. 11, Alan Dix Principles and Guidelines in Software UI Design, Cap. 17, Deborah Mayhew 2 Resumo da Aula Anterior! Testes com utilizadores! Fases do
Leia maisInterfaces Pessoa. Desenho de Ecrãs II. Máquina. Cap. 8 Desenho de Ecrãs
Interfaces Pessoa Máquina Desenho de Ecrãs II Cap. 8 Desenho de Ecrãs 09 Melhor e Pior? Melhor e Pior? Melhor e Pior? Resumo Aula Anterior Desenho Visual Proximidade Alinhamento Repetição Contraste Ordenação
Leia maisV.2 DISPOSITIVOS DE INTERACÇÃO
V.2 DISPOSITIVOS DE INTERACÇÃO HCI, Cap.2 (pags. 59-97) Alan Dix Melhor e Pior? 2 1 Resumo Aula Anterior o Importância, características e guia de estilos dos manuais o Manuais convencionais o Princípios
Leia maisEstilos de Interacção
Interfaces Pessoa Máquina Estilos de Interacção Cap. 3.2 Estilos de Interacção 17 Melhor e Pior? Resumo Aula Anterior Capacidade para processar informação é limitada Implicações no design de IUs Informação
Leia maisNotícias para dispositivos móveis: Aplicações Web e Nativas. Marco Oliveira LabCom/IT Outubro de 2009 [N4MD - News For Mobile Devices]
Notícias para dispositivos móveis: Aplicações Web e Nativas Marco Oliveira LabCom/IT Outubro de 2009 [N4MD - News For Mobile Devices] Sumário Motivação Problemas e relevância, background Aplicações Desktop
Leia maisAnexo I. Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa.
Anexo I Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa. NOTA: Os exemplos utilizados neste documento fazem referência a uma página de curso com quatro níveis, conforme
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Board800 M a
Leia maisVI.3-Personalização de Homepages e Standards
VI WWW VI.3-Personalização de Homepages e Standards The Design of Sites, D. Duyne, J. Landay, J. Hong Resumo da Aula Anterior Processo e práticas de design para a Web Padrões permitem-nos reutilizar Conhecimento
Leia maisVI WWW. VI.3-Personalização de Homepages e Standards
VI WWW VI.3-Personalização de Homepages e Standards The Design of Sites, D. Duyne, J. Landay, J. Hong Resumo da Aula Anterior Processo e práticas de design para a Web Padrões permitem-nos reutilizar Conhecimento
Leia maisIV.1 AVALIAÇÃO POR PERITOS (AVALIAÇÃO HEURÍSTICA)
IV AVALIAÇÃO IV.1 AVALIAÇÃO POR PERITOS (AVALIAÇÃO HEURÍSTICA) HCI, Cap. 9, Alan Dix www.useit.com (Webpage de) Jakob Nielsen Guerrilla HCI, Jakob Nielsen Resumo Aula Anterior o Protótipos de baixa fidelidade
Leia maisCurso Especializado de UX
Curso Especializado de UX PROGRAMA O Curso Especializado de User Experience introduz técnicas e métodos de análise e desenho com o objectivo de auxiliar o desenvolvimento de sites e aplicações que apresentem
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a FFONTS M a n
Leia maisVI.2 Padrões de Desenho Web
VI WWW The Design of Sites, Cap. 2, D. Duyne, J. Landay, J. Hong Melhor e Pior? 2 Melhor e Pior? 3 IPM 2007/2008 1 Resumo da Aula Anterior Importância de páginas bem desenhadas Diferenças entre IU para
Leia maisVI WWW. VI.2 Padrões de Desenho Web
VI WWW The Design of Sites, Cap. 2, D. Duyne, J. Landay, J. Hong Melhor e Pior? 2 IPM 2007/2008 1 Melhor e Pior? 3 Resumo da Aula Anterior Importância de páginas bem desenhadas Diferenças entre IU para
Leia maisVII Desenvolvimento e Toolkits. VII.2-Model View Controller
VII Desenvolvimento e Toolkits Developing User Interfaces, Cap. 5, Dan Olsen Melhor e Pior? 2 IPM 2007/2008 1 Melhor e Pior? 3 Melhor e Pior? 4 IPM 2007/2008 2 Resumo da Aula Anterior de Acontecimentos
Leia maisDesign: estrutura e estética
Parte III Design: estrutura e estética Arte X Engenharia z Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas usuários também querem serviços de qualidade... e clientes querem prazos
Leia mais20 Escola Digital Manual do Utilizador Aluno
20 Escola Digital Manual do Utilizador Aluno 1. Conhecer o 20 Escola Digital... 4 20 Escola Digital Visão Geral... 4 2. Autenticação... 6 3. Mural... 7 3.1. Partilhar um comentário... 7 3.2. Comentar um
Leia maisIII.2 Modelos Mentais e Conceptuais II
Melhor e Pior? III - Desenho de Sistemas Interactivos III.2 Modelos Mentais e Conceptuais II Conceptual Models, J. Johnson and A. Henderson (Artigo de Interactions Jan 02) Interaction Design, Cap. 2, J.
Leia maisMÓDULO 3 PÁGINAS WEB. Criação de Páginas Web
MÓDULO 3 PÁGINAS WEB Criação de Páginas Web TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS NA WEB Linguagens de Programação O HTML é a linguagem mais utilizada para criar páginas Web com hipertexto. Utilizando a linguagem
Leia maisVII. Tratamento de Erros
Marcar todas as opções que se apliquem. 15. Há um mapa do site disponível? Em caso afirmativo, passar para a questão 16. 15.1. Qual o método de acesso ao mapa do site? 16. A interface utiliza frames? Outras
Leia maisTypeDrawing Manual e Guia de exploração do TypeDrawing para utilização em contexto de Educação Visual e Tecnológica. José Alberto Rodrigues
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica TypeDrawing Manual e Guia de exploração do TypeDrawing para utilização em contexto de Educação
Leia mais2.4 Principais estilos de interacção
2.4 Principais estilos de interacção Janelas Menus Formulários Caixas de diálogo Manipulação directa Outros 2.1 Regras para Janelas 1. Não utilizar demasiadas janelas e minimizar as necessidades de manipulação
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica BitFontMaker Manual e Guia de exploração do BitFontMaker para utilização em contexto de Educação
Leia maisIEFP Instituto de Emprego e Formação Profissional Sector Terciário do Porto. Curso: Internet. Módulo: Estrutura de um sítio para a Internet
IEFP Instituto de Emprego e Formação Profissional Sector Terciário do Porto Curso: Internet Módulo: Estrutura de um sítio para a Internet Formador: Hélder Oliveira 1 Índice Introdução... 3 Planeamento
Leia maisFormação de utilizadores em Literacias
Agrupamento Amadeo de Souza Cardoso Escola E.B. 2,3 de Vila Caiz - BE/CRE Formação de utilizadores em Literacias 3.º Período PLANEAR A PESQUISA DEVES TER UMA DEFINIÇÃO CLARA DO TEMA A SER PESQUISADO;
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Witty Comics
Leia maisRelatório consolidado
Problema 1: Tipos de letra adoptados Relatório consolidado P1 Ao longo de todos os menu são utilizados vários tipos de letras em que algumas contem serifas o que dificulta a leitura. H2-4 Consistência
Leia mais1º Exame de IIPM 2007/2008
Página 1/6 1º Exame de IIPM 2007/2008 Licenciatura em Eng. de Redes de Comunicação 26 de Junho de 2008 A prova é realizada sem consulta de livros ou colegas. Responda às questões justificando adequada
Leia maisExplorando a Internet
ConReDIs: Construção de Redes sociais para Idosos Internet: a grande rede digital Explorando a Internet Autoras: Leticia Machado Sabrina E. A. Da Luz Sibele Pedroso Loss Começaremos hoje a descobrir muito
Leia maisIntrodução ao AutoCAD Capitulo III: Ecrã do AutoCAD e Operações de selecção
Introdução ao AutoCAD Capitulo III: Ecrã do AutoCAD e Operações de selecção João Manuel R. S. Tavares de selecção 2 Objectivos Aumentar e diminuir a ampliação de um desenho por diferentes métodos; Aplicar
Leia mais10 DICAS PARA UM WEBSITE DE SUCESSO O QUE VOCÊ PRECISA SABER PARA CONSTRUIR UM WEBSITE BEM SUCEDIDO!
10 S PARA UM WEBSITE DE SUCESSO O QUE VOCÊ PRECISA SABER PARA CONSTRUIR UM WEBSITE BEM SUCEDIDO! INTRODUÇÃO Seu site é o seu cartão de visitas neste contexto digital que estamos inseridos. A maioria das
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Scriblink M a
Leia maisIII.1 - Modelos Mentais e Conceptuais I
III - Desenho de Sistemas Interactivos Melhor e Pior? III.1 Modelos Mentais e Conceptuais I Conceptual Models, J. Johnson and A. Henderson (Artigo de Interactions Jan 02) Interaction Design, Cap. 2, J.
Leia maisInformática. 05- Considere a janela do Internet Explorer abaixo:
Informática 01- Redes de computadores são estruturas físicas (equipamentos) e lógicas (programas, protocolos) que permitem que 2 ou mais computadores possam compartilhar recursos físicos e lógicos. Quanto
Leia maisAgrupamento de Escolas de Freamunde (Código ) Praceta da Escola Secundária, FREAMUNDE TUTORIAL KAHOOT!
TUTORIAL KAHOOT! O QUE É O KAHOOT! O Kahoot! é uma plataforma de aprendizagem online que se baseia num sistema de perguntas e respostas em sala de aula. Este sistema está disponível online de modo gratuito
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Sumo Paint M
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica Geometricas.net Manual e Guia de exploração do geométricas.net para utilização em contexto
Leia maisUFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica RoboType Manual e Guia de exploração do RoboType para utilização em contexto de Educação Visual
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a My Photo Run
Leia mais2.3 Recomendações, Princípios e Regras de concepção
2.3 Recomendações, Princípios e Regras de concepção Os princípios e regras que são actualmente aceites para orientar o trabalho de construção de interfaces de interacção são de natureza heurística. Estão
Leia maisGuia Prático para Emissão de Plantas de Localização Online
Guia Prático para Emissão de Plantas de Localização Online Município de Abrantes Divisão de Ordenamento do Território 01-10-2012 CONTEÚDO Acesso à aplicação... 2 Utilização da aplicação... 3 Pesquisas...
Leia maisInterfaces Pessoa. Desenho de Ecrãs II. Máquina. Cap. 8 Desenho de Ecrãs
Interfaces Pessoa Máquina Desenho de Ecrãs II Cap. 8 Desenho de Ecrãs 08 Melhor e Pior? Melhor e Pior? Melhor e Pior? Resumo Aula Anterior Desenho Visual P A R C O E P D Resumo Aula Anterior Desenho Visual
Leia maisApresentação da disciplina de ITIC 9º Ano
Vanda Pereira Ano Letivo 2012/2013 Apresentação da disciplina de ITIC 9º Ano Aula 1, 2 Sumário: Apresentação. Diálogo com os alunos sobre o programa da disciplina e normas de funcionamento da sala de aula.
Leia maisDreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora).
6188 - DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Noções Básicas 1.1. Novidades do Dreamweaver CC... 23 1.1.1. Aplicativo Creative Cloud... 24 1.2. Área de Trabalho...
Leia maisPlano de Aula - DreamWeaver CC - cód Horas/Aula
Plano de Aula - DreamWeaver CC - cód. 6188 24 Horas/Aula Aula 1 Capítulo 1 - Noções Básicas Aula 2 1 - Noções Básicas Aula 3 Capítulo 2 - Site do DreamWeaver Aula 4 2 - Site do DreamWeaver 1.1. Novidades
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Mash on Spore
Leia mais3 Cabeçalho/ logótipo 4 Menu principal 5 Autenticação
Escolas de Primeiro Ciclo no site do Agrupamento Iniciar com o endereço www.aecarvalhos.pt 1 1 Clicar em ESCOLAS DO AGRUPAMENTO (lado direito do site). 2 2 Apontar para EB1/JI e clicar na escola respetiva.
Leia maisCores. Matthew Woehlke Tradução: Marcus Gama
Matthew Woehlke Tradução: Marcus Gama 2 Conteúdo 1 Cores 4 1.1 Introdução.......................................... 4 1.2 Gerenciamento de esquemas................................ 4 1.2.1 Importando esquemas...............................
Leia maisInterfaces Pessoa. Prototipagem. Máquina. Cap. 7 - Prototipagem
Interfaces Pessoa Máquina Prototipagem Cap. 7 - Prototipagem 06 Melhor e Pior? Melhor e Pior 3 Resumo Aula Anterior Modelo Conceptual Metáfora; Conceitos; Relações; Mapeamentos Simples; Focado na tarefa
Leia maisIV.4 Análise de Dados da Avaliação
Melhor e Pior? IV - Avaliação IV.4 Análise de Dados da Avaliação Interactive System Design, Cap. 10, William Newman 2 Melhor e Pior? Resumo Aula Anterior! Avaliação com utilizadores!local (Laboratório,
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Celtx M a n u
Leia maisInternet - Navegação. Conceitos. 1 Marco Soares
Internet - Navegação Conceitos 1 Internet A Internet é uma rede de comunicação de milhões de computadores conetados, que oferece inúmeros serviços. Cada computador está ligado a uma rede que por sua vez
Leia maisUNIDADE 3 INTERNET QUAL A FINALIDADE DA INTERNET?
UNIDADE 3 INTERNET QUAL A FINALIDADE DA INTERNET? 1 A INTERNET... A Internet é um conjunto de redes à escala mundial de milhões de computadores interligados, que permite o acesso a informações e a todo
Leia maisInteracção Pessoa-Computador
Trabalho Individual 1: Análise de Má Usabilidade no Mircosoft Paint Proposta de Melhorias. Conceitos: (1): Interacção Pessoa-Computador Interacção Pessoa-Computador: - É o estudo da interacção entre o
Leia maisÍndice. Data: Ref.ª Versão: 30/09/2016 SPMS/ de 10
Índice 1. Objetivos deste manual... 2 2. Suporte técnico da plataforma... 2 3. Requisitos de software para aceder à plataforma e-learning estudo... 2 4. Acesso à plataforma... 2 5. Alterar a Senha/password
Leia maisMarketing Digital. Publicidade e Marketing. Aula 4
Marketing Digital Publicidade e Marketing Aula 4 hoje no menu como funciona o google técnicas de seo google adwords hoje no menu como funciona o google técnicas de seo google adwords as 3 fases crawling
Leia maisMarketing Digital. Publicidade e Marketing. Aula 4
Marketing Digital Publicidade e Marketing Aula 4 hoje no menu como funciona o google técnicas de seo google adwords hoje no menu como funciona o google técnicas de seo google adwords market share (pt)
Leia maisMÓDULO 3 PÁGINAS WEB. Criação de Páginas Web
MÓDULO 3 PÁGINAS WEB Criação de Páginas Web Conjunto de questões que se devem colocar quando da criação de um Web site: Para quê? Para quem? O quê? Como? Fase 1: Definir os objetivos do Web site Fase 2:
Leia maisOutra das características mais conhecidas era o ser necessário manter um dedo a pressionar o ecrã para que a imagem fosse vista.
Snapchat para totós Date : 10 de Agosto de 2015 Após o sucesso da aplicação Instagram, que consiste apenas na partilha de imagens em formato quadrado, foi lançada mais uma app de partilha de fotos instantâneas.
Leia maisSuperNova Guia de Referência de Atalhos
SuperNova Guia de Referência de Atalhos CAPS LOCK A J U D A + F1 D O L P H I N Atalhos para PC fixo e portáteis Esta informação está disponível em formatos acessíveis em www.yourdolphin.com Introdução
Leia maisManual de Utilizador do Backoffice
Manual de Utilizador do Backoffice Conteúdo Acesso ao Backoffice... 2 Actualizar Conteúdos do Website... 3 Homepage... 3 Quem Somos... 5 Serviços... 7 Outros Produtos... 8 Empresas Parceiras... 9 Contactos...
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica Tartan Maker Manual e Guia de exploração do Tartan Maker para utilização em contexto de Educação
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Sketchcast M
Leia maisIII.1 - Modelos Mentais e Conceptuais I
III - Desenho de Sistemas Interactivos Melhor e Pior? III.1 Modelos Mentais e Conceptuais I Conceptual Models, J. Johnson and A. Henderson (Artigo de Interactions Jan 02) Interaction Design, Cap. 2, J.
Leia maisManual de preenchimento dos formulários de trabalhos de execução de sinalização
Manual de preenchimento dos formulários de trabalhos de execução de sinalização Introdução Foram criados modelos alternativos dos mapas de execução trabalhos de sinalização vertical e horizontal. Estes
Leia maisMANUAL Formação: TIC (Word) Maio/2011
Formatar colunas (1, 2 ou 3 ) Limites à volta do texto: Pág. 1/21 Capitulares Maiúsculas / Minúsculas Seleccionar a opção pretendida: (não esquecer que tem de estar já seleccionado o texto ao qual se pretende
Leia mais2º Exame de IIPM 2008/2009
Página 1/5 2º Exame de IIPM 2008/2009 Licenciatura em Eng. de Redes de Comunicação 23 de Julho de 2009 A prova é realizada sem consulta de livros ou colegas. Responda às questões justificando adequada
Leia maisInterfaces Pessoa- Máquina
Interfaces Pessoa- Máquina Marielba Silva de zacarias Fct I, Gab. 2.69 mzacaria@ualg.pt http://w3.ualg.pt/mzacaria Desenho visual em disposidvos móveis & touch Referências: 1. http://www.smashingmagazine.com/2011/05/02/a-user-centered-approach-tomobile-design/
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a LogoEase M a
Leia mais1º Exame de IPM 2007/2008
Página 1/8 1º Exame de IPM 2007/2008 Licenciatura em Eng. Informática e de Computadores 7 de Janeiro de 2008 A prova é realizada sem consulta de livros ou colegas. Responda às questões justificando adequada
Leia mais1º Exame de IIPM 2011/2012
Página 1/7 1º Exame de Licenciatura em Eng. de Redes e Computadores 15 de Junho de 2012 A prova é realizada sem consulta de livros ou colegas. Responda às questões justificando adequada e concisamente
Leia maisBENETTON 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
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica BENETTON PLAY Manual e Guia de exploração do BENETTON PLAY para utilização em contexto de Educação
Leia maisTutorial de apoio ao estudante
Sumário: No final da leitura deste tutorial o estudante será capaz de utilizar algumas das funcionalidades básicas da plataforma elearning.ul.pt: 1 - Como editar o perfil 2 Como participar/publicar num
Leia maisFerramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Vyew M a n u
Leia maisGuia interativo para agências
Guia interativo para agências 2018 ÍNDICE 03 Introdução 04 Membros do Google Partners vs. Google Partners 05 Especializações da empresa 15 Emblema de Google Partner estático 16 Implementação do emblema
Leia mais