Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma.

Slides:



Advertisements
Apresentações semelhantes
Viver de Internet. Objetivo: Discutir sobre as áreas que oferecem mais oportunidades, as remunerações médias de mercado, quais as competências exigidas.
Advertisements

Apresentando.
Animação na Web De elementos de design a um meio de
Profa. MS.Sandra Regina Costa Antico Setembro/2010
Engenharia de Software
Criação de Páginas Web Criação de Páginas Web – KompoZer
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.
Interface Humano-Computador
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
Conceitos Básicos de Computação O ABC da Computação.
APRESENTAÇÃO DE ESTÁGIO
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
WWW – word wide web A WWW (World Wide Web ou, simplesmente, Web) é a parte multimídia da Internet, portanto possiblita a exibição de páginas de hipertexto,
Avaliação de softwares
Projeto de Interface Equipe: Margarete Cardoso Sheila Aguiar
Internet Principais conceitos.
Aula 7: Portais de Noticias
Aula 10: RSS. UNIVERSIDADE ESTADUAL PAULISTA “Júlio de Mesquita Filho”
Instrumentos de pesquisa
Aula 01 – Apresentação e introdução html
A grande rede mundial de computadores
Comunicação na Internet e a sua utilização para o fortalecimento das comissões de saúde e segurança no trabalho.
IHC Interação Humano-Computador
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.
Visão Geral PRO.NET.
Sistema Livre e Sistema Comercial
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.
União Educacional Minas Gerais Curso de Pedagogia: Gestão e Tecnologia Educacional Aluna: Débora Luzia da Silveira Professoras: Gilca Vilarinho Gilca Vilarinho.
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.
Contornos arquitetônicos Maria Helena Pereira Dias.
Disciplina Design de Interfaces humano- computador
Histórico e conceitos básicos.
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?
Tópicos Avançados de Redes de Computadores Prof. Fabiano Sabha.
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007UCSal – Disciplina Novas Tecnologias / Profª Josemeire Machado Dias Uma visão.
Tutor Inteligente  Problemas:  Conteúdos para o aprendiz estudar sozinho.  Aprendizes com dificuldades de estudarem e aprenderem sozinhos.  Abandono.
Avaliação de Interfaces
A importância do uso de meios digitais para o ensino, pesquisa e difusão da História Noé Gomes.
Arquitetura da Informação Lílian Simão Oliveira.
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2011.
Mariza Mendes / Silene Kuin 1. Biblioteca universal Possui informações com as mais diversas abordagens Necessidade de tratamento das informações Mariza.
INTERNET BÁSICA.
Animação na Web De elementos de design a um meio de transmissão de conteúdos.
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 ::
VRML. Roteiro  Introdução  A história de VRML  Visão geral  Potencial  Fundamentos  Ferramentas de software  Vantagens e Desvantagens  Conclusões.
Aplicativos Web – Web Design
Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2007Universidade Salvador UNIFACS / Profª Josemeire Machado Dias :: 2010 ::
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
Linguagem de Programação Web 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,
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.
Sistemas Aplicativos para Usuários Finais USABILIDADE DE SOFTWARE.
UNIVERSIDADE ESTADUAL PAULISTA “Júlio de Mesquita Filho” UNATI - Marília WEB e Aula 2.
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.
Conceitos Importantes nos Sistemas de Informação
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.
Web Design Aula 01 Jackson Eduardo
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.
Capítulo 14 Camada 6 A Camada de Apresentação. Sumário A Camada de Apresentação.
Transcrição da apresentação:

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Uma conversa sobre Internet e Design para Web Avaliação de Interfaces Josemeire Machado Dias 2012

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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  Tem mais???

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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  E a Web

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Fases (épocas) do Web design Web 3.0  “A Web 3.0 propõe-se a ser, num período de cinco a dez anos, a terceira geração da Internet. A primeira, Web 1.0, foi a implantação e popularização da rede em si; a Web 2.0 é a que o mundo vive hoje, centrada nos mecanismos de busca como Google e nos sites de colaboração do internauta, como Wikipedia, YouTube e os sites de relacionamento social, como o Facebook e Orkut. A Web 3.0 pretende ser a organização e o uso de maneira mais inteligente de todo o conhecimento já disponível na Internet”. Exemplo: 

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Fases (épocas) do Web design  Sites participativos = Chamado Web2.0 Fonte da Imagem:

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Fases (épocas) do Web design  Sites participativos = Chamado Web2.0 Marcelo Tas | O que é Web 2.0 Vídeo com a opinião de Tas...

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Fases (épocas) do Web design  Sites participativos = Chamado Web2.0 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 *

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Fases (épocas) do Web design  Exemplo de Mashup *

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Fases (épocas) do Web design Vídeo extraído do Olhar Digital | Sobre Mashup

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Webdesign x Design Impresso O que diferencia um do outro?

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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  Chrome, 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Webdesign x Design Impresso  Da Resolução de tela do usuário;  Fonte: Revista INFO 2010.

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Quem vê o seu projeto  A utilização de navegadores no Mundo Fonte: Revista Info Exame. Edição de abril de 2006 Fonte: shl Acesso 03/10/ shl Atualização do gráfico 05/2007  78% Internet Explorer  15,4% usam o FireFox Parei aqui em pp

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Quem vê o seu projeto  Ainda tem os Daltônicos... Teste de cores de Ishihara

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces  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 Parei aqui em PV

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Escolha de Fontes para o Webdesign Como deve ser a escolha de fontes para a internet? O que sabemos sobre isso?

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Escolha de Fontes para o Webdesign Fora do ar !

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Teste de Meire para Informática { font-family: Curlz___; font-style: normal; font-weight: normal; src: url("Curlz___.TTF"); } body { font: 15pt Curlz___; } Josemeire Machado Dias na aula de Informática da UNEB

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Sistema de Cores do Webdesign 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

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 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.

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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  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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Webdesign voltado para o usuário Processo de Avaliação

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Hardware Software O ser humano

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces  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  Isso tb é válido para produtos? OBJETIVOS DA AVALIAÇÃO

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces...tecnologias “novas”... Modelo Mental Representação dinâmica sobre qualquer sistema ou objeto, que evolui naturalmente na mente de um sujeito. Assim eu entendo melhor: “É 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)

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces (*) 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces  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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Visibilidade do sistema – Feedback As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 2. Compatibilidade do sistema com o mundo Real As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 2. Compatibilidade do sistema com o mundo Real As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 3. Controle do usuário e liberdade (undo e redo) As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 4. Consistência e padrões As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 5. Prevenção de erros As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 5. Prevenção de erros e também falta de consistência As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 5. Prevenção de erros As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 5. Prevenção de erros As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 6. Reconhecimento ao invés de relembrança As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 7. Flexibilidade e eficiência de uso As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 7. Flexibilidade e eficiência de uso As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 8. Estética e design minimalista As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 9. Ajudar os usuários a reconhecer diagnosticar e corrigir erros As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 9. Ajudar os usuários a reconhecer diagnosticar e corrigir erros Se vc nem tem mais o com o qual vc se inscreveu – Já era... Não existe nem a opção de enviar a senha para seu . As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 10. Help e documentação As heurísticas de Nielsen

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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 Qual o Resultado da avaliação Heurística?

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Atividade com pontuação  Avaliação do site da Uneb, utilizando as heurísticas de Nielsen  Vou colocar o material no site.

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces 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

Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: 2012Universidade do Estado da Bahia – UNEB / Profª Josemeire Machado Dias :: Uma visão Geral sobre Webdesign e Interfaces Sony unveils prototype 360° 3D display IPAD JORNAL DA GLOBO: Apple lança o iPad (27/01/10) Sobre a pesquisa de Navegadores: chrome-mozilla-firefox-e-microsoft-internet-explorer Sobre Mashup VIDEOS Referências Vídeo do Marcelo Tas