Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: www.meiredias.com.

Slides:



Advertisements
Apresentações semelhantes
Apresentando.
Advertisements

Versão Premium Janeiro de 2003
Animação na Web De elementos de design a um meio de
Como organizar um, sem esquecer nada
Teste de Software.
Profa. MS.Sandra Regina Costa Antico Setembro/2010
Noções de Informática Prof. Eduardo
Engenharia de Software
O USO DO SOFTWARE LIVRE JOOMLA NO DESENVOLVIMENTO DE WEB SITES FOCANDO A USABILIDADE NA SOCIEDADE DA INFORMAÇÃO Maria Irene da Fonseca e Sá Anne Caroline.
SAD - SISTEMA DE APOIO À DECISÃO Prof. Wagner Andrade
Interface Humano-Computador
DPW > Apresentação da Disciplina Pimentel1 / 7UNIRIO, 4 Março 2008 Apresentação da Disciplina DPW – Desenvolvimento de Páginas Web Pimentel
COS350 ECI - INTERFACES HOMEM-MÁQUINA
Lafayette B. Melo – CEFET-PB - COINFO Interface do usuário, linhas de comando e menus Interface do usuário Linhas de comando Menus.
Interfaces gráficas e Interfaces Web
Avaliação de softwares
Projeto de Interface Equipe: Margarete Cardoso Sheila Aguiar
Internet Principais conceitos.
Aula 01 – Apresentação e introdução html
Explicitando informações de ajuda para a construção de sítios de e-GOV
OSA - Operação de Software e Aplicativos
IHC Interação Humano-Computador
Mídias Digitais Uma abordagem sobre as possibilidades de aplicar mídias em benefício do ensino.
Slides baseados no livro:
Prof. Dejair Priebe Ferreira da Silva. CONVERSANDO SOBRE O CAMINHO A SEGUIR Novas atividades, novas funções A Internet comercial provocou o surgimento.
Lafayette B. Melo – CEFET-PB - COINFO Quando só o que se tem é um martelo, se acha que tudo que tem no mundo é prego (?) Como você vê o mundo em sua volta.
Webdesigner O Que é?? O web design pode ser visto como uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos.
Estratégias Cliente-Servidor para SIGWeb
IFSul – Campus Venâncio Aires
Guidelines Esta apresentação foi baseada no livro Design de Interação ( Preece, Rogers & Sharp), no Tutorial sobre o livro “Design e avaliação de interfaces.
O TelEduc: É um ambiente para a criação, participação e administração de cursos na Web. Foi concebido tendo como alvo a formação de professores para informática.
Contornos arquitetônicos Maria Helena Pereira Dias.
Disciplina Design de Interfaces humano- computador
HTML HyperText Markup Language Uma linguagem de marcação.
Prof. Dejair Priebe Ferreira da Silva. Webdesign aula 2 Webdesign x Design Impresso O que diferencia um do outro?
Observatório - EPT NÚCLEO DE TECNOLOGIA. Função: Gerar soluções estratégicas através da aplicação e desenvolvimento de ferramentas de TI. A coordenação.
O ambiente de Ead selecionado para realização do curso on-line foi o TelEduc. Este é utilizado na Uniminas como ferramenta de auxilio das disciplinas.
HTML 1ª aula.
OBJETIVOS Apresentar a metodologia de ensino das disciplinas on-line. Fornecer informações acadêmicas referente as disciplinas on-line.
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007UCSal – Disciplina Novas Tecnologias / Profª Josemeire Machado Dias Uma visão.
Documentação de Software
Tutor Inteligente  Problemas:  Conteúdos para o aprendiz estudar sozinho.  Aprendizes com dificuldades de estudarem e aprenderem sozinhos.  Abandono.
Avaliação de Interfaces
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2011.
Avaliação Heurística do Gmail
PROGRAMAÇÃO WEB AULA 01 Prof. Gustavo Linhares
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma.
Técnicas e Projeto de Sistemas
INTERNET BÁSICA.
Navegação Poder ir para qualquer lugar e sempre voltar a home. Repetição e consistência dos elementos de navegação. Onde você está? Mais de uma maneira.
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 ::
Tutorial Portal / Hotel de Hilbert Coordenadores de Iniciação Científica.
Rio de Janeiro, 27 de outubro de 2010
Aplicativos Web – Web Design
Teremos nesta aula: 31 de julho de 2015 Aula 1 – OBJETIVOS DO MÓDULO Apostila: DESENVOLVIMENTO DE SITES 1 – 7 regras pra o desenvolvimento de um bom site.
Relato da experiência sobre a criação do portal do Serviço de Informação e Documentação do Instituto Nacional de Pesquisas Espaciais Lise Christine Banon.
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007 Uma visão Geral sobre Webdesign e Interfaces Webdesign e Interfaces.
Karine Alessandra Córdova
Informática Básica Jackson Eduardo da Silva O navegador é o principal programa para acessar a Internet. Com ele, você pode visitar endereços na rede,
Formulários.
Avaliação de Interfaces Esta apresentação foi baseada no livro Design de Interação ( Preece, Rogers & Sharp) e no Tutorial sobre o livro “Design e avaliação.
O Modelo GOMS Fornece um modelo de Engenharia para a performance humana, capaz de produzir predições a priori ou em um estágio anterior ao desenvolvimento.
informacao/o-que-e-e-como-fazer-uma-avaliacao-heuristica.
ISO9001:2000 para Software Professor: Alexandre Vasconcelos Equipe: Amanda Pimentel Börje Karlsson Danielly Karine Erika Pessoa Jorge Cavalcanti Jose Edson.
Sistemas Aplicativos para Usuários Finais USABILIDADE DE SOFTWARE.
Mauricio Barbosa e Castro.  A construção de um produto multimídia se faz através de um projeto.  O escopo e a complexidade de um projeto de multimídia.
Usabilidade do Portal “Biblioteca On-line” do Serviço de Informação e Documentação do Instituto Nacional de Pesquisas Espaciais (INPE): Exercício de Avaliação.
Utilização Eficaz do PowerPoint
Avaliação de interface Usabilidade. O processo de avaliação de uma interface não deve ser avaliado como uma fase única dentro do processo de design de.
Técnicas de Avaliação de Interfaces Prof. Jorge Cavalcanti.
Transcrição da apresentação:

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 Continuação em 09/08/

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Fizeram a pesquisa sobre Daltonismo?  O que é Daltonismo?  Quando e por quem esta deficiência foi descoberta?  Quais os principais tipos?  De que forma se adquire o Daltonismo?  Quais as áreas que o Daltônico não deve trabalhar?  Como saber se sou Daltônico? Quais os principais testes?  Existe alguma forma de atenuar esta deficiência?  Viajando...  Sendo eu um Daltônico, posso requer inscrições para portador de deficiência?

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

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 Voltando à 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 Escolha de Fontes para o Webdesign Se perguntarmos a um Webdesigner qual a fonte ideal para um projeto, certamente receberemos como resposta “Fontes sem serifa”, mas poucos saberão explicar o porque... E Serifa  Limitações dos equipamentos da época geravam falta de legibilidade nas fontes serifadas, o que fez das fontes sem serifa um padrão de utilização. Devemos utilizar as fontes mais comuns de serem encontradas, como Tahoma, Verdana e Arial. Isso ainda é verdade? O que acontece se o usuário não tiver em seu computador a fonte especificada no projeto?

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Escolha de Fontes 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 Sistema de Cores do Webdesign O modelo de cores RGB é baseado no princípio de que diversos efeitos cromáticos são obtidos pela projeção da luz branca através dos filtros vermelho, verde e azul. Red Blue Green A cada uma das três cores é atribuído um valor de 0 a 255 que combinados formam todas as outras cores. A codificação Hexadecimal – vamos ver ainda neste curso...

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Metodologia para Webdesign Além do conhecimento técnico necessário para o desenvolvimento de projetos para web é necessário também uma metodologia de desenvolvimento que direcione ao sucesso do projeto. Prática: Em duplas:  Aluno X – é o cliente e deseja desenvolver um site.  Aluno Y – É o designer e fará o desenvolvimento do projeto.  O aluno X deve dar o Briefing e Y escreverá os passos para desenvolvimento do projeto. Neste momento qual a sua metodologia, Designer?

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Metodologia para Webdesign  Fase 1 - Visão geral  Fase 2 – Planejamento  Fase 3 - Definição de uma Identidade Visual  Fase 4 - Coleta de material  Fase 5 – Desenvolvimento  Fase 6 - Testes  Fase 7 – Correções  Fase 8 – Publicação  Fase 9 - Divulgação do Site  Fase 10 - Manutenção

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Tipos de projetos para Web  Portais Horizontais e Verticais;  Comércio eletrônico;  Sistemas Bancários;  Sistemas Acadêmicos;  Sistemas de Busca;  Sistemas de localização; Trabalho em Equipe = muitas áreas envolvidas  O desenvolvimento de projetos web que ofereça serviços é quase impossível ser realizado de forma individual

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Preocupações  Desenvolvimento de Projetos que possuam usabilidade além de funcionalidade  Frase conhecida: Designer e Programador não são usuários!  Necessidade de Critérios de Avaliação dos projetos desenvolvidos para uma maior aceitação no mercado.

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 voltado para o usuário Processo de Avaliação

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

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial  Conhecer o que os usuários desejam  Avaliar a Funcionalidade do projeto  O sistema permite ao usuário executar a tarefa desejada?  Avaliar a Usabilidade  É fácil aprender a usar o sistema?  Identificar os problemas enfrentados pelo usuário  Situações inesperadas ou que confundem os usuários  Se nos voltarmos para o desenvolvimento de produtos, os itens acima são válidos? OBJETIVOS DA AVALIAÇÃO

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  Os itens são válidos? Vejam algumas tecnologias “novas”... Projeta um teclado virtual em uma superfície plana através de tecnologia laser. Captura em tempo real a digitação pela intersecção dos dedos com os raios. Teclado virtual – tecnologia laser R$580,00

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

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial...tecnologias “novas”... O Jornal belga De Tijd entregou 200 unidades do e-readers para seus assinantes testarem Fonte: Revista Veja Papel Eletrônico

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 A super Interessante testou o Kindle da Amazon (Price:$ ):

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial IPAD JORNAL DA GLOBO: Apple lança o iPad (27/01/10) h?v=TCbPXdIvHlw&NR=1

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Projetor 3D "real" O novo equipamento, cria imagens 3D reais, utilizando raios laser que são focalizados por meio de uma lente até pontos específicos no espaço. Empresa: acesso em 30/09/2007 [Vídeo] “novas”...

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

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial...tecnologias “novas”... Interfaces e Tecnologia “O sistema ideal esconde tanto a tecnologia que o usuário nem nota sua presença.” “As pessoas deveriam aprender a tarefa, não a tecnologia.”

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial...tecnologias “novas”... Modelo Mental Representação dinâmica sobre qualquer sistema ou objeto, que evolui naturalmente na mente de um sujeito “É o modelo que as pessoas tem de si próprias, dos outros, do ambiente, e das coisas com as quais interagem. Pessoas formam modelos mentais por meio da experiência, treinamento e instrução” (Norman) Atividade: Crie um modelo mental para um site do Curso de Design da UNIFACS E por falar nisso... Design tem site?

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial (*) Designing the user Interface. Página 124. Ben Shneiderman Design e Avaliação de Interfaces Humano-Computador. Página 164. Fatores que determinam o tipo de avaliação *

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Estágio do Projeto - Início, meio ou fim Quão inovador é o projeto Qual o número esperado de usuários Quão crítica é a interface Custo do produto e Orçamento disponível para a avaliação Tempo disponível Experiência dos Designers e da equipe de avaliação (*) Designing the user Interface. Página 124. Ben Shneiderman Design e Avaliação de Interfaces Humano-Computador. Página 164. FATORES DETERMINANTES DO TIPO DE AVALIAÇÃO (*)

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial AVALIAÇÃO DE USABILIDADE Conjunto de técnicas baseados em se ter avaliadores inspecionando ou examinando aspectos de uma interface de usuário relacionados a usabilidade  Facilidade de Aprendizagem  Eficiência  Facilidade de relembrar  Erros (Eles são catastróficos?)  Satisfação subjetiva

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 capacidade que um sistema interativo oferece a seu usuário, em um determinado contexto de operação, para a realização de tarefas, de maneira eficaz, eficiente e agradável. (ISO 9241) USABILIDADE – DEFINIÇÃO FORMAL

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Avaliação Heurística Fácil / Rápida / Barata Como funciona? Um conjunto de avaliadores examina o sistema julgando as suas características face a um conjunto de princípios de usabilidade (heurísticas) Exemplo: Heurísticas de Nielsen (1993) EXEMPLO DE TÉCNICA DE AVALIAÇÃO

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen – As mais conhecidas 1. Visibilidade do sistema – Feedback 2. Compatibilidade do sistema com o mundo Real 3. Controle do usuário e liberdade (undo e redo) 4. Consistência e padrões 5. Prevenção de erros 6. Reconhecimento ao invés de relembrança 7. Flexibilidade e eficiência de uso 8. Estética e design minimalista 9. Ajudar os usuários a reconhecer diagnosticar e corrigir erros 10. Help e documentação AVALIAÇÃO DE USABILIDADE

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen Visibilidade do sistema – Feedback

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 2. Compatibilidade do sistema com o mundo Real

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 3. Controle do usuário e liberdade (undo e redo)

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 4. Consistência e padrões

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 5. Prevenção de erros

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 5. Prevenção de erros e também falta de consistência

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 5. Prevenção de erros

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 6. Reconhecimento ao invés de relembrança

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 7. Flexibilidade e eficiência de uso

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 8. Estética e design minimalista

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 9. Ajudar os usuários a reconhecer diagnosticar e corrigir erros

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial As heurísticas de Nielsen 10. Help e documentação

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Qual o Resultado da avaliação Heurística? Uma lista de problemas referentes aos princípios violados  O grau de severidade de cada problema encontrado A avaliação não objetiva prover meios de correção dos problemas

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Atividade para a aula da semana que vem...  Avaliação do site da Unifacs, utilizando as heurísticas de Nielsen  O material estará disponível no site.

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial NIELSEN, Jakob,; TAHIR, Marie. Homepage: 50 Websites Desconstruídos. Rio de Janeiro: Campus, NIELSEN, Jakob,. Projetando Websites. Rio de Janeiro: Campus, 2000 ROCHA, Helena Vieira da; BARANAUSKAS, Maria Cecília Calani. Design e Avaliação de Interfaces humano-computador. Campinas, SP: Instituto de Computação - IC; Núcleo de Informática Aplicada à Educação. Universidade Estadual de Campinas, DIAS, Cláudia. Usabilidade na WEB: Criando Portais mais Acessíveis. Rio de Janeiro: Alta Books, D PROJETOR: acesso 2/05/2010http://gl.ict.usc.edu/Research/3DDisplay/ IPAD: Referências Bibliográficas

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 :: Design de Interfaces – Discussão Inicial Sony unveils prototype 360° 3D display IPAD JORNAL DA GLOBO: Apple lança o iPad (27/01/10) VIDEOS