Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: 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 :: Design de Interfaces – Discussão Inicial Programação da Aula 1. Resultado da pesquisa de perfil dos alunos 2. Reserva de 20 minutos para os que não vieram na aula passada 3.O Que é IHC 4.Atividade de pesquisa - Daltonismo

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Novas atividades, novas funções A 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: acesso 24/04/2010http://

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Novas atividades, novas funções Auxiliar 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: 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 :: Design de Interfaces – Discussão Inicial Webdesign – 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 :: 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

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Fases (é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ço Fonte: PLANTÃO INFO / 09/2007 / TIPLANTÃO INFO / 09/2007 / TI *

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Fases (é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 :: Design de Interfaces – Discussão Inicial Webdesign x Design Impresso O que diferencia um do outro?

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Webdesign 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 :: Design de Interfaces – Discussão Inicial Webdesign 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 :: Design de Interfaces – Discussão Inicial Webdesign 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 :: Design de Interfaces – Discussão Inicial Webdesign x Design Impresso  Da Resolução de tela do usuário; Tamanho da Tela do monitor e resolução MedidaResolução 14”800x600 15”800x600 17”1024x768 19”1280x ”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 :: Design de Interfaces – Discussão Inicial

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Quem vê o seu projeto – em 2006  A utilização de navegadores no Mundo Fonte: Revista Info Exame. Edição de abril de 2006 Fonte: Acesso 03/10/ 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 :: Design de Interfaces – Discussão Inicial Quem vê o seu projeto – em 2010  A utilização de navegadores no Mundo Fonte: o terceiro navegador mais utilizado o terceiro navegador mais utilizado Escrito por Ricardo Fraga em 4 de maio de 2010 – 12:55 Fraga

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: 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 :: Design de Interfaces – Discussão Inicial Formatos 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 1 Qual 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 :: Design de Interfaces – Discussão Inicial Tamanho 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...