Aula inicial para a disciplina "Projeto de Interface" dos cursos "Sistemas para Internet" e "Sistemas para Smartphones e Tablets" do Centro Tecnológico da Universidade Positivo.

1. PROJETO
DE INTERFACE

2. www.tersis.com.br

3. FORMAÇÃO
• DESIGN GRÁFICO
PUCPR
Graduação
• DESIGN DE INTERAÇÃO
FABER-LUDENS
Especialização

4. ATUAÇÃO
• Designer de interação e
especialista front-end
PH DESIGN SYSTEMS
• Professor
CT POSITIVO / OPET
• Diretor-presidente
FABER-LUDENS

5. COMPETÊNCIAS
DA DISCIPLINA

6. Planejar e organizar estrutura de um
website ou aplicativo com base na
arquitetura de informação.
#AI #informação
C1
COMPLEMENTAR

8. Apresentar e testar protótipos do
projeto.
#prototipação #testes
C2
NECESSÁRIA

10. Estruturar e apresentar o
planejamento do projeto, de acordo
com princípios fundamentais de
design como forma (Leis da Gestalt),
tipografia, teoria da cor e
alinhamento.
#design #composição
C3
NECESSÁRIA

12. Justificar as decisões de design
utilizados no projeto.
#design
C4
COMPLEMENTAR

14. Levar em conta o índice de
affordance das interfaces e a
compreensão delas pelo usuário.
#DxI #interação
C5
COMPLEMENTAR

16. Desenvolver interfaces para
dispositivos móveis, facilitando a
interação entre usuário e dispositivo.
#mobile
C6
NECESSÁRIA

18. Integrar websites e aplicativos por
meio de compartilhamento de dados
com outros usuários e integração
com mídias sociais.
#socialmedia
C7
COMPLEMENTAR

20. Criar interfaces com alto poder
inclusivo e acessibilidade.
#acessibilidade
C8
NECESSÁRIA

22. Projetar interfaces responsivas e
adaptáveis capazes de satisfazer as
novas mídias que virão.
#RWD #AWD
C9
COMPLEMENTAR

24. Propiciar uma ótima experiência de
uso e encontrabilidade pelo usuário,
por meio de estudos e avaliação de
usabilidade.
#usabilidade
C10
NECESSÁRIA

26. DINÂMICA
E PROJETOS DISCIPLINARES
• Aulas expositivas
• Aulas com prática em laboratório
• Projetos disciplinares serão realizados ao longo
da disciplina
• As competências são avaliadas através de teoria
e prática

27. RESPONSABILIDADES
EM SALA DE AULA
• Respeite o horário das aulas
• Temos 4 aulas por dia (atenção com as faltas)
• Respeite os prazos e datas para entrega de
trabalhos e apresentações

28. DEFININDO
INTERFACE

29. • Dispositivo (material e lógico) graças ao qual se
efetuam as trocas de informações entre dois
sistemas.
• Limite comum a dois sistemas ou duas unidades
que permite troca de informações.
!
!
!
AURÉLIO. Disponível em: <http://www.dicionariodoaurelio.com/interface>.
Acesso em: 02 fev 2015.
INTERFACE

30. INTERFACE
AÇÃO
FEEDBACK

38. CLI
COMMAND
LINE
INTERFACE
GUI
GRAPHICAL
USER
INTERFACE
NUI
NATURAL
USER
INTERFACE

39. LOST
DHARMACOMPUTER
#CLI

40. PREECE; ROGERS; SHARP. Design de Interação - Além da Interação
Homem-Computador. 2005.
“Em vez de exigir que os usuários
recuperem da memória o nome de um
comando, […] as GUIs oferecem opções
visuais para as quais os usuários podem
ir olhando até reconhecer a operação
que pretendem realizar.”

41. PHOTOSHOP
25ANOS
#GUI

42. XEROX ALTO (1973)

43. LEAPMOTION
CONTROLEGESTUAL
#NUI

44. MANIPULAÇÃO
INDIRETA

45. MANIPULAÇÃO
DIRETA

46. MANIPULAÇÃO
GESTUAL

47. FUTURE VISION
MICROSOFT

48. ROOM ALIVE
MICROSOFT RESEARCH

49. MUITO
OBRIGADO!