Primeiros passos

Programação

• Objetivos da Disciplina / Didática Aplicada

• Plano de ensino/Pontos Avaliativos
• Atividade 01 - Sistema de Avatar
• Desafios do Curso e da educação EaD
• Ensino
• Aprendizagem
• Compromissos Educacionais
Objetivos da Disciplina
Capacitar alunos em identificar, avaliar e utilizar elementos de arquitetura de
informação e heurísticas de webdesign.

Dinâmica de Trabalho
O enfoque será dado na elaboração de protótipos e análise de sua utilização
na etapa de modelagem de frontend para construção de sistemas.
Serão utilizados vídeos e aulas expositivas para compartilhar os conteúdos e
plataformas para armazenamento de trabalhos individuais.
Haverão debates de produções em sala e correções de trabalhos enviados.
Conteúdo Programático
Ementa Conteúdos
Fundamentos Web design Conceitos
Sistemas de Design As 20 Leis da UX (Yablonski,2020)
Padrões Funcionais Modelo de Acessibilidade - eMAG
Padrões de Percepção Ferramentas
Framer: The prototyping tool for teams
Figma: the collaborative interface design tool
Arquitetura da informação Definições e Taxonomia
Organização Esquemática e Usuários, Conteúdo e Contexto
Estruturas Categorização (Organização)
Sistemas de Rotulagem, Representação (Rotulagem)
Navegação e Pesquisa Trajetória (Navegação)
Busca (Pesquisa)
Experiência do Usuário Jornada do usuário e Storytelling
Método para avaliação
Além do percentual de assiduidade nas aulas (Frequência >= 75%), serão
utilizados 3 critérios para avaliação dos alunos cuja soma (Nota >= 6,0)
encaminhará para aprovação ou reprovação na disciplina.
• Exercícios em sala (com enfoque dos objetivos da disciplina) (30%)

• Trabalhos em projetos individuais e em grupo (40%)

• Avaliação global da participação e contribuição para as aulas (30%)

Percepções Iniciais
https://forms.gle/5dkHnWSQ9hfdnsAy8
Antes de começar
Cadastrar conta nos sites de ferramentas com seu email
estudantil e pedir acesso educacional

Figma
https://www.figma.com/education/apply/

Github education
https://education.github.com/

Biblioteca Virtual Pearson (via Nead)

https://plataforma.bvirtual.com.br/
Preparação para as próximas aulas
Referência Bibliográfica

Experiência do Usuário
https://plataforma.bvirtual.com.br/Acervo/Publicacao/187441

Design de aplicativos
https://plataforma.bvirtual.com.br/Acervo/Publicacao/197490

Prototipagem e testes de usabilidade

https://plataforma.bvirtual.com.br/Acervo/Publicacao/183505
Atividade Prática
Sistema de apresentação
Nesta atividade vamos criar uma apresentação com card
colecionável no figma

https://www.figma.com/file/tB6tRae1KmIig3
vY6iqH0e/Super-Sistema-de-Apresenta%C
3%A7%C3%A3o?node-id=101%3A1424
Antes de terminar
Desafio Educacional EaD
O ensino trata de técnicas e práticas de interação
individual com o conteúdo e com os demais alunos para
promover a experiência de aprendizagem de cada aluno.
A aprendizagem é facilitada pelo ensino, porém é
dirigida pelo aprendiz, que controla seu nível de esforço
para adquirir o domínio dos conteúdos ou habilidades, e
também autoavalia o resultado prático (se ele aprendeu)
desse esforço durante o processo de aprendizagem.
Desafio Educacional

Um dos objetivos do ensino profissionalizante é promover o

aumento da autonomia do estudante para que este seja capaz
de atuar de forma profissional nas atividades na área que
deseja trabalhar, sendo capaz de assumir responsabilidades
relacionadas às competências desenvolvidas no ensino.
Desta maneira, quanto mais envolvidos no debate e definição
de conteúdos a serem estudados e decorrente processo de
aprendizagem destes conteúdos melhor será a formação do
aluno.
Compromisso Educacional

Busque descobrir no que e onde você realmente

quer se desenvolver, pessoal e profissionalmente;
Tenha objetivos de formação continuada;
Sugestão: Comece a usar o NOTION 💻
Busque ser cada vez mais colaborativo e autônomo;
Participe das aulas buscando o diálogo.
Compromisso com o Diálogo
“Simetria” ouvir na mesma medida que falo;
Participação Ativa do diálogo ao invés de desistir;
Ser somente um dos participantes do diálogo;
Engajamento no diálogo mesmo quando difícil;
Respeito próprio e mútuo entre nós;
Reciprocidade e Confiança no diálogo e;
Expressão Aberta e Honesta de minhas opiniões.
Lembretes importantes

Outros materiais utilizados nas aulas estão em:

Canal de Vídeos
https://youtube.com/playlist?list=PLzNcsuzwLN830oR7E
6Jetsk3Afff6XsXi
Código do Classroom
https://classroom.google.com/c/NDQ5MDY5MTI1MTMw
?cjc=d23wyek
Pasta do Figma
https://www.figma.com/team_invite/redeem/PPVw98gyv
HULuzTeMCwzvD
Lembretes importantes

Coloque legendas e traduções automáticas nos vídeos.

Desafios do Objetivo de Curso TSI

Como abordar de maneira sistêmica os problemas

organizacionais e propor soluções de sistemas computacionais
alinhados às oportunidades e necessidades das organizações?
(PPC, pág 23)
Como desenvolver raciocínio crítico, analítico e lógico que
possa ser utilizado na formulação de soluções para problemas
práticos e reais do mercado de trabalho?
Dominar ferramentas computacionais visando desenvolver
atividades de administração de banco de dados disponibilizar
conteúdos na internet e em treinamento?
Preparação para a próxima aula
Visão Geral da área de design
https://www.facebook.com/watch/live/?v=214096223377069&r
ef=watch_permalink

Cadastrar conta estudante/conta usuário

Figma/Github

Lições de experiência do usuário que eu gostaria de ter

aprendido antes (em inglês)
https://uxdesign.cc/top-30-ux-lessons-i-wish-i-had-learned-
earlier-part-1-craft-b0a4893470f