universidade do estado da bahia – uneb / profª josemeire machado dias :: 2007universidade...

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



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



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



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: [email protected] com o assunto “Currículo - Auxiliar Web”


Design de Interfaces – Discussão InicialWebdesign – O sentido da Palavra

Mecanismos de

Interação

Representação Visual

Webdesign(O artista)

Webdeveloper(Programador)



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...


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 *


Design de Interfaces – Discussão InicialFases (épocas) do Web design

Exemplo de Mashup

*



Webdesign x Design ImpressoO que diferencia um do outro?


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.



Do Navegador utilizado Internet Explorer e Fire Fox

Os controles somem e não funciona o vídeo



Da Resolução de tela do usuário;

Fonte: Revista INFO. / Clube do Hardware



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?


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?


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/



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


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?


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...

universidade do estado da bahia – uneb / profª josemeire machado dias :: 2007universidade...

Documents