universidade do estado da bahia – uneb / profª josemeire machado dias :: 2007universidade...
Post on 07-Apr-2016
237 Views
Preview:
TRANSCRIPT
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Por quê estudar IHC?Uma visão geral
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Programação da Aula1. Resultado da pesquisa de perfil dos alunos2. Reserva de 20 minutos para os que não vieram na aula
passada3.O Que é IHC4.Atividade de pesquisa - Daltonismo
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Novas atividades, novas funçõesA Internet comercial provocou o surgimento de novas atividades e funções:
Webdesigner Webdeveloper Webmaster Webwriter = redação de matérias e textos
para sites Websurfer = Manutenção de Páginas Auxiliar Web – É o que?
Fonte: Guia de Empregos: http://www.ijobs.com.br/ acesso 24/04/2010http://www.widesoft.com.br/users/virtual/profis.htm
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Novas atividades, novas funçõesAuxiliar Web – É o que?
Auxiliar Web Somos uma Loja Virtual de Colchões. Procuramos auxiliar para procedimentos da loja virtual.
Requisitos / Job requirements Obrigatório: Conhecimentos práticos de Internet, boa redação, alguma experiência em atendimento ao público, dinâmico, comunicatico, pacote Office. Dominar Internet.Preferências: Saber editar fotos no Photoshop, Criar arte no Corel. Algum conhecimento em Html, Corel ou Ilustrator. Enviar currículo para: felipe@colchaocostarica.com.br com o assunto “Currículo - Auxiliar Web”
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialWebdesign – O sentido da Palavra
Mecanismos de
Interação
Representação Visual
Webdesign(O artista)
Webdeveloper(Programador)
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Fases (épocas) do Web design
Sites “Cartão de Visita”; Sites institucionais com informações
sobre a empresa e um certo número de páginas;
Sites com o oferecimento de alguns serviços;
Sites complexos compostos por diversas tecnologias
Sites participativos = Chamado Web2.0 Emitam opinião sobre a Web 2.0...
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialFases (épocas) do Web design
Sites participativos = Chamado Web2.0
Fonte: Revista INFO. Setembro de 2007
Mashup é um website ou uma aplicação web que usa conteúdo de mais de uma fonte para criar um novo serviço completo. O termo mashup deriva da prática do hip-hop de mixar trechos de música e vem sendo empregado por diversos sites na internet, com o objetivo de combinar informações de várias fontes num único endereçoFonte: PLANTÃO INFO / 09/2007 / TI *
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialFases (épocas) do Web design
Exemplo de Mashup
*
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Webdesign x Design ImpressoO que diferencia um do outro?
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialWebdesign x Design Impresso
Design Impresso – todos vêem a mesma coisa; Design Web - depende:
Da Resolução de tela do usuário; Da capacidade da placa de vídeo do usuário; Do Navegador utilizado
Netscape, Opera, Explorer, Mozilla Da versão do Navegador Do sistema operacional Da existência de plug-ins, etc.
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialWebdesign x Design Impresso
Do Navegador utilizado Internet Explorer e Fire Fox
Os controles somem e não funciona o vídeo
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialWebdesign x Design Impresso
Da Resolução de tela do usuário;
Fonte: Revista INFO. / Clube do Hardware
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialWebdesign x Design Impresso
Da Resolução de tela do usuário;Tamanho da Tela do monitor e resolução
Medida Resolução14” 800x60015” 800x60017” 1024x76819” 1280x102421” 1600x1200
Influencia na decisão de projetos a serem apresentados na tela. Qual resolução utilizar?
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialQuem vê o seu projeto – em 2006
A utilização de navegadores no Mundo
Fonte: Revista Info Exame. Edição de abril de 2006Fonte: http://info.abril.com.br/aberto/infonews/052007/04052007-3.shl Acesso 03/10/2007
Atualização do gráfico 05/2007 78% Internet Explorer
15,4% usam o FireFox Qual a relação deste gráfico
com o desenvolvimento de projetos para Web?
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialQuem vê o seu projeto – em 2010
A utilização de navegadores no Mundo
Fonte: o terceiro navegador mais utilizadoEscrito por Ricardo Fraga em 4 de maio de 2010 – 12:55 http://googlediscovery.com/2010/05/04/google-chrome-e-o-terceiro-navegador-mais-utilizado/
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão Inicial
A linguagem HTML - Ainda é fundamental Linguagem de Marcação proveniente da SGML
O básico para o webdesign Edição HTML
Frontpage – agora é Microsoft® Expression Web ???
Dreamweaver - Adobe Edição de Imagens
Photoshop - Adobe FireWorks - Adobe
Animação Flash - Adobe
Ferramentas para o Webdesign
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialFormatos de Arquivos
São muitos os formatos de arquivos utilizados na Internet, principalmente com surgimento de novas linguagens de programação. Podemos destacar os seguintes: Imagens
GIF – Graphics Interchange Format JPG – Joint Photographic Expert Group
Páginas HTML, htm, asp, php, cfm
Curiosidade 1Qual a diferença de .html para .htm?Arquivo.html é igual a arquivo.Html?
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com
Design de Interfaces – Discussão InicialTamanho das Imagens para Web
Para alguns a rede pode ter se tornado um pouco mais rápida graças a Banda Larga, mas para a maioria, que ainda utiliza modens comuns para se conectar, a rede continua lenta!
Pensar no tamanho das imagens Melhor formato para cada tipo de imagem Melhor compressão Photoshop permite a otimização de imagens para Web
Fim da Parte 01 - Continua...
top related