Home Eu Disciplinas Tutoriais Galeria Livros Links Projetos Contato
Disciplina: Design de Interfaces
Este é um espaço para organizar a disciplina Deseign de Interfaces. Colocaremos aqui os resumos e os materiais utilizados em aula. Esta área será atualizada sempre que iniciarmos uma turma nova, pois aqui estará o histórico da nova turma.
Data
Arquivo
Descrição da aula / Material
 
     
     
19/03  

Conclusão do projeto e apoio às dúvidas

  • Os alunos que já são mais avançados podem entregar o projeto, ser avalidos, conforme tabela a seguir e serem liberados;
  • Após liberação ficarei no suporte aos alunos que estão com mais dificuldades;

Tabela de Valores das atividades = Projeto = 7.0

Descrição Valor
A criação visual - lembrando itens de usabilidade 1,0
Imagens cambiáveis 0.5
CSS interno e Externo 1.0
Template 1.0
Formulário 1.0
Camada (DHTML) com comportamento 1.0
A criação de pop-up 0,5
Lista com imagem 0,5
Iframe (isso serve mesmo?) 0,5
Total 7,0

Processual = 3.0
 
08/03

Previsão

O que deve conter no seu projeto:

  • Será o seu Portfólio contendo no mínimo os seguintes itens:
    • Home - Apresentação do site
    • Sobre Vc - Quem vc é...o que faz..
    • Seus trabalhos - Onde vc relata a sua experiência
    • Links interessantes
    • Contato - Link para e-mail e um formulário
  • Data de entrega:
    • 22/03 com possibilidades de alterações ou 26/03 entrega pura sem alterações;
  • O que será cobrado para efeito de pontuação, questões técnicas e estéticas
    • A criação visual - lembrando itens de usabilidade
    • Imagens cambiáveis
    • CSS interno e Externo
    • Template
    • Formulário
    • Camada (DHTML) com comportamento
    • A criação de pop-up
    • Lista com imagem
    • DIVs
    • Iframe (isso serve mesmo?)
  • Quantas aulas ainda temos?
    • 08/03
    • 12/03
    • 15/03 - Não tem...
    • 22/03 - entrega com direito a correção
    • 26/03 - entrega final
  • Material para a aula de hoje
 
05/03   Continuação com o Dreamweaver
 
01/03  

Relatório da Aula

  • Uso do Dreamweaver
  • Configuração do Dreamweaver para que o mesmo possa gerenciar os arquivos
  • Criamos um e-mail Marketing
  • Questionamentos:
    • Posso criá-lo com tabelas ou com divs? Quais as implicações de cada um?
 
27/02  

Como foi a aula

  • Desenvolvimento do Wireframe manual
 
23/02  

Como foi a aula

  • Apresentação de Elias, Cintia e Bárbara sobre TV digial
 
13/02/2012

Como foi a aula

  • Aula expositiva com um resumo sobre a metodologia de Bruno Munari para desenvolvimento de projetos
  • A apresentação em PowerPoint encontra-se ao lado;

Atividade que pode ser entregue até o dia 27/02(segunda-feira)

  • Encontra-se no último slide do ppt ao lado, mas vc podem fazer outras opções, por exemplo: sistema acadêmico, sistema de venda de livros, etc...
 

PARTE 3 - TEORIA E PRÁTICA

1) AVISO: Só retornarei no dia 06 de fevereiro;

2) Parte 3 - Vamos falar sobre metodologia de desenvolviemnto de projeto e vamos desenvolver um pequeno projeto utilizando o Dreamweaver.

Previsões:

06/02/2012 - Aula 01 - Organizando as ideias. O que iremos fazer nestas aulas que faltam. Vcs também podem sugerir itens que achem de interesse para discussão; Início do Livro: Das Coisas nascem as coisas.

08/02/2012 - Aula 02 - Apresentação de Elias, Bárbara e Cíntia sobre TV Digital.

 
22/11

FIM DA PARTE 02 = SEMINÁRIOS

Último dia de aula do ano - Cheguem 15 minutos antes para dar tempo finalizarmos tudo e entrarmos 2012 sem pendências

  1. Previsão das seguintes apresentações;
  2. Entrega das provas
  3. Colocação das notas no site
  4. O que esperamos para o retorno - deem sugestões
Equipe Tema
Rafael  
Bárbara, Cintia e Elias Tv Digital
Yuri, Marcelo, Raylan A interface do Moodle

 

 
 
 
Autor: Raul Lermen
19/12

Segunda-feira

  • Aresentação dos seguintes seminários
Equipe Tema
Marlena, Murilo e Kelly Interface para Inclusão Digital
Felipe, Leonardo Interfaces sensoriais
  • Entrega dos resultados das provas.
  • Sobre as notas | Cartão de Natal
 
28/11

FIM DA PARTE 01 - TEORIA E AVALIAÇÃO ESCRITA

Segunda-feira

  • Avaliação escrita individual

 
 
24/11

Quinta-feira

  • A aula foi destinada a reunião das equipes para elaboração dos seminários;
  • Também para dúvidas em relação à avaliação.
 
21/11

Segunda-feira

  • Vamos fazer a Caricatura
    • O que está implícito: Trabalho com camadas, uso de filtros, mudança de cor
  • Como ficaram as equipes:
Data Equipe Tema
05/12 Arthur, Bruno e Luis Games Software = OK
05/12 Rick, Raul, Roberval Games Hardware = OK
12/12 Daniel, Rafael, Wasington Interfaces para dispositivos Móveis = OK
12/12 Bárbara, Cintia e Elias Tv Digital
15/12 Felipe, Leonardo e Caio Interfaces sensoriais
15/12 Marlena, Murilo e Kelly Interface para Inclusão Digital
15/12 Yuri, Marcelo, Rayla A interface do Moodle

 
 
17/11

Quinta-feira

  • Organizando as datas;
  • Hoje precisaremos dizer as equipes e os temas. Posso também fazer o sorteio se necessário.
  • Aula do dia: AULA 02 - Photoshop
  • Arquivos necessários
 
14/11 Segunda-feira - ENFORCADO
 
10/11

Quinta-feira

  • Problemas de energia na UNEB e ausência das primeiras aulas. Alunos pediram liberação.
  • Pedi que na próxima aula já me entreguem as formações das equipes e os respectivos temas.
    Lembrando:

    SEMINÁRIOS:

    • 05/12 - Apresentação: Equipes 1 e 2
    • 12/12 - Apresentação: Equipes 3 E 4
    • 15/12 - Apresentação: Equipes 5 E 6
    • 19/12 - Apresentação: Equipes 7 e atrasos.
      Obs.: Os atrasos terão redução de 20% do valor da nota.
 
07/11 Segunda-feira
SBGAMES - NÃO TEVE AULA
 
8ª Aula
03/11

O QUE TEVE

  • Tivemos uma visão superficial do PHOTOSHOP;
  • Algumas dúvidas foram respondidas.
  • Continuaremos em outras duas aulas, com execução de Tutorial

 
 

7ª Aula
31/10

O QUE TEVE

  • Avaliação de Interfaces seguindo as heurísticas de Nielsen
  • Ao final das avaliação o aluno deverá enviar as tabelas de problemas e de descobertas.
  • Aviso sobre a aula do dia 7/11 - eu estarei no SBgames

Material necessário para esta aula

Cenário de Avaliação
Heurísticas de Nielsen - descrição (elas foram apresentadas na aula passada)
Tabelas de: Abrangência e Gravidade
Problemas observados
Descobertas realizadas

 
 

6ª Aula
27/10

 

O QUE OCORREU NA AULA

  • Falamos sobre interfaces Web
  • Apresentamos as heurísticas de Nielsen

ATIVIDADE PARA CASA

  • Não teve.
 
5ª aula
20/10

20,9 Megas

MATERIAL DA AULA DE 20/10

  • Slides da aula de 20/10

NÃO FICOU BEM EXPLICADO e também nos parece um pouco confuso. Nos slides está dito que os quadradinhos são a segregação, sim! e o quadrado maior a unificação, mas penso que também poderíamos dizer o seguinte:

  • Unidade, Unificação e segregação, quando visto no quadrado abaixo:
 

PREVISÃO

1) Datas

AVALIAÇÃO:

  • 28/11 - Nossa primeira avaliação escrita. Assunto: Tudo que falarmos

SEMINÁRIOS:

  • 05/12 - Apresentação: Equipes 1 e 2
  • 12/12 - Apresentação: Equipes 3 E 4
  • 15/12 - Apresentação: Equipes 5 E 6
  • 19/12 - Apresentação: Equipes 7 e atrasos.
    Obs.: Os atrasos terão redução de 20% do valor da nota.

PROJETO

  • 08/03/2011 - A definir antes de sairmos de recesso.

2) AULA DO DIA

  • A GESTALT
  • As leis da Gestalt e o desenvolvimento de interfaces

OBS.: A aula de segunda-feira é no laboratório de desenho industrial.

3) PREVISÃO PARA As PRÓXIMAs AULAs

  • AVALIAÇÃO DE INTERFACES - PARTE 01 - TEÓRICA
  • AVALIAÇÃO DE INTERFACES - PARTE 02 - PRÁTICA - COM ATIVIDADE PRPCESSUAL

4) SUGESTÃO DE TEMAS

  • Interfaces para Dispositivos móveis
  • Interfaces para TV Digital
  • Jogos educacionais - Jogabilidade e Usabilidade
  • Ambientes Virtuais de Aprendizagem - AVA
  • Interfaces para inclusão digital
  • Tendência em IHC
  • Interfaces sensoriais
 
4ª aula
20/10		  

Não tivemos aula, pois estava sem energia no Laboratório

  • A GESTALT
  • As leis da Gestalt e o desenvolvimento de interfaces

 
 
3ª aula
17/10		  

O QUE OCORREU NA AULA

  • Apresentei o resultado da avaliação prognóstica;
  • Alunos apresentaram as interfaces observadas e como poderiam ser melhoradas.
  • Abaixo a interface apresentada por Luis Borges. Os demais alunos foram ao quadro explicar as suas interfaces.
  • Interface observada por Luis Borges

ATIVIDADE PARA CASA
Não houve atividade para casa
 
2ª aula
13/10

Slides

 

Plano

O QUE OCORREU NA AULA

  • Apresentação do Plano de Curso
  • Sistema de Avaliação
  • Questionário para: Quem não veio na aula passada
  • Interfaces e Tecnologia
  • Axiomas do Design
  • Desenvolvendo sensibilidade
  • O que é Interface?
  • IHC – Interação Homem-Computador
  • Princípios do Design de Interfaces

ATIVIDADE PARA CASA

Encontre uma interface do seu cotidiano, que poderia ser melhorada. Apresente a interface como é hoje e como vc a mudaria, defendendo a importância das mudanças.

Obs.: Está é a nossa primeira avaliação processual.

 
1ª aula
10/10
  • Plano de Curso
  • Tipos de avaliaçãos
  • BIbliografia recomendada
  • Avaliação prognóstica (apenas para conhecimento do nível da turma)
Vale a pena ler...
O Design do Dia-A-Dia
"Por que alguns produtos satisfazem os consumidores, enquanto outros os deixam completamente frustrados? Em 'O design do dia-a-dia', o especialista em usabilidade Donald A. Norman analisa essa questão, mostrando que a dificuldade em manipular certos produtos e entender seu funcionamento não é causada pela incapacidade do usuário, mas sim por uma falha no design do que foi fabricado. Para o autor, design é mais do que dar uma bela aparência a alguma coisa - é um ato de comunicação, que transmite a essência da operação do objeto e implica o conhecimento do público para o qual ele foi criado. O livro apresenta quatro princípios fundamentais do design - modelos conceituais; feedback ou retorno de informações; restrições; e affordances. Ao longo dos capítulos, Donald A. Norman dá exemplos de produtos adequados e inadequados, além de mostrar de que forma o excesso de tecnologia pode comprometer a facilidade de utilização do que foi fabricado. Ele também ressalta a importância do poder de observação. Sabendo olhar com atenção a si mesma e aos outros, cada pessoa se torna capaz de contribuir para a melhoria da qualidade de vida da população em geral. As dicas, análises e considerações reunidas neste livro tornam sua leitura interessante não só para quem trabalha com a fabricação de produtos, mas para todos nós, que diariamente temos que lidar com as engenhocas criadas por nossos semelhantes"
Autor: NORMAN, DONALD A.
Editora: ROCCO
 

Design e Avaliação de Interfaces Humano-Computador
Este livro é procura abordar os fundamentos da área de IHC, bem como apontar para suas fronteiras, em um espaço adequado ao ensino introdutório de uma disciplina de IHC, bem como para profissionais que desejem conhecer os princípos, metodologias e práticas da área.
ROCHA, Heloísa Vieira da;
BARANAUSKAS, Maria Cecília Calani;
São Paulo: UNICAMP/NIED, 2003.

Obs.: tem na Biblioteca
 
Não me faça Pensar

"Uma Abordagem de Bom Senso à Usabilidade na Web. Cinco anos e mais de 100 mil exemplares após ter sido publicado pela primeira vez, é difícil imaginar alguém trabalhando em projeto Web que não tenha lido o “clássico instantâneo” de Steve Krug sobre usabilidade na Web, contudo, as pessoas ainda o estão descobrindo todos os dias. Nesta segunda edição, Steve acrescenta três novos capítulos no mesmo estilo do original: divertido e interessante, mas, ainda assim, cheio de informações e conselhos práticos, tanto para novatos quanto para veteranos. Não fique surpreso se ele mudar completamente a forma pela qual você pensa em projeto para Web."

Obs.: tem na Biblioteca