Informações sobre a disciplina de Design de Interação e Interface para Dispositivos Móveis (25h) ministrada na pós-graduação: especialização em App Development na PUCPR (Curitiba-PR), tendo início em abril de 2019 pelo professor Rodrigo Freese Gonzatto.
.
Ementa:
AULA 1: Dia 1 (manhã) Apresentação da pós + Integração. Apresentação da pós-graduação pelo coordenador. Dinâmicas de integração entre os estudantes, mediada pelo professor.
- DINÂMICAS
AULA 2: Dia 1 (tarde) Design de Interação + O que é isto, a Interação + Metáforas. Apresentação da disciplina e do professor. O que se projeta quando interações são projetadas: diferença entre interface e interação. Interação reativa e mútua. Quatro abordagens sobre a interação, dos mainframes aos smartphones. Metáforas de interface, skeumorfismo e flat design.
- MATERIAL: slides1 (aula2-tarde) o-que-e-interacao_historia
- MATERIAL: slides2 (aula2-tarde) metaforas-flat-skeumorfism
- EM AULA: Foram apresentados conteúdos dos slides (anexo) e debate sobre as temáticas.
- DINÂMICAS
AULA 3: Dia 2 (manhã) Prototipação em baixa fidelidade. Sketches (protótipo em baixa fidelidade) e Wireframe (protótipo média fidelidade). Prototipação de interfaces e protótipos interativos.
- MATERIAL: slides 3 (aula3-tarde) prototipação
- EM AULA: Foram debatidos temas com slides. Início de PROJETO de app. Criados sketches, de modo a iniciar a Execução da atividade: estudo de aplicativos de receitas. Criação de protótipo interativo a partir dos sketches.
- ATIVIDADES
AULA 4: Dia 3 (manhã) Design de Interface + Gestalt aplicada a interfaces
AULA 5: Dia 4 (manhã) Padrões de interface e interação + Guidelines
AULA 6: Dia 5 (manhã) Produção de Assets e materiais visuais
AULA 7: Dia 6 (tarde) Usabilidade e Avaliação de Design de Interação
Avaliação
A avaliação consiste na execução e apresentação de uma série de 4 trabalhos, que iniciam em sala de aula durante a disciplina e devem ser finalizadas de um encontro para o outro. Informações detalhadas na plataforma Blackboard. Prazo de entrega: até 8 dias após o fim da disciplina. TOTAL: 10,0
- 2,0 Exercício #1: Exercício de prototipação em baixa fidelidade com apps de Receitas (INDIVIDUAL) crazy8’s
- 2,0 Exercício #2: Identificação dos princípios da Gestalt em interfaces de apps (INDIVIDUAL) 3 diferentes
- 3,0 Projeto (etapa 1): Criação de protótipo interativo interativo com wireframes (DUPLAS)
- 3,0 Projeto (etapa 2): Relatório dos resultados da avaliação heurística e do teste de usabilidade (DUPLAS)
Livros introdutórios para conhecer Design
- Não me faça pensar, de Steve Krug
- Design para quem não é Designer, de Robin Williams e Bárbara Menezes
- Ergodesign e Arquitetura de Informação: trabalhando com o Usuário, de Luiz Agner
- Desvendando os Quadrinhos, de Scott Mcloud
Textos-base introdução à área de Design de Interação
- Interaction Design – brief intro, por Jonas Löwgren (capítulo da The Encyclopedia of Human-Computer Interaction, 2nd Ed.)
- Human Computer Interaction – brief intro, por John M. Carroll (capítulo da The Encyclopedia of Human-Computer Interaction, 2nd Ed.)
- Philosophy of Interaction, por Dag Svanaes (capítulo da The Encyclopedia of Human-Computer Interaction, 2nd Ed.)
Definições de Design de Interação
- Interaction Design – brief intro, por Jonas Löwgren (capítulo da The Encyclopedia of Human-Computer Interaction, 2nd Ed.)
- A Definition of Interaction Design, por Dan Saffer, 2004 (Blog)
- Afinal, o que é Design de Interação?, por Frederick van Amstel, 2006 (Blog)
- Foundations of Interaction Design, por Dave Malouf, 2007 (Blog)
- So you want to be an interaction designer, Robert Reinmann, 2008 (Blog)
Materiais
- Links para ferramentas online de Design de Interação: para diagramas, mapas, documentação, gerencia, analise, testes, wireframes, etc.
- Avaliação de usabilidade sem usuários: Jakob Nielsen’s 10 Usability Heuristics for User Interface Design e casos com exemplos
- Avaliação de usabilidade sem usuários: Revisão de heurísticas para mobile
- Avaliação de usabilidade sem usuários: 6 Design Principles for Usability by Don Norman
- Avaliação de usabilidade sem usuários: Princípios de Design de Interação
- artigo Design better forms (formulários para aplicativos – dispositivos móveis)
- Wiki: Corais.org – Árvore do Conhecimento (Métodos, Documentos e Técnicas de Design de Interação)
Materiais para Design: Android
- Android Developer
- Guia de Design
- Guia do Desenvolvedor
- Material Design: https://material.io/
- Material Design > Design
- Princípios de Projeto
- Material Guidelines
- Cards
- Google Design
- A física do Material Design
- Google Design > Resources
- Google Design Sprint
- Mais: [Vários links bons aqui de ferramentas para Material Design]
- Outras referências: Android UX
Materiais para Design: Apple iOS
- Developer
- Design
- Human Interface Guidelines
- Apple Design Resources
- Human Interface Guidelines > Princípios
- UI Design Do’s and Don’ts
- Guidelines and Resources
- Marketing Resources and Identity Guidelines
- App Store Review Guidelines
- App Review
- Common App Rejections
- Outros: The biggest library of iOS templates
- Outros: The iOS Design Guidelines
Outros textos
- Textos introdutórios ao Design de Interação, por Rodrigo Gonzatto
- O controle do tempo e do espaço, por Rodrigo Gonzatto
- Just How Far Beyond HCI is Interaction Design?, por Jonas Löwgren
- Blog de Rodrigo Freese Gonzatto (é este site aqui)
- Enciclopédia de HCI da Interaction-Design
- Vocabulário Visual, de Jesse James Garrett
Texto atualizado em 04 de abril de 2010.