0% acharam este documento útil (0 voto)
10 visualizações3 páginas

Plano de Ensino: Curso de UI/UX

O documento apresenta um plano de ensino para um curso de UI/UX, abordando a importância da interface do usuário e da experiência do usuário, além de detalhar os tipos de interfaces e a diferença entre UI e UX. O curso inclui tópicos como HTML, CSS, JavaScript, Bootstrap e JQuery, além de módulos específicos sobre design de experiência do usuário e ferramentas como Adobe xD e Figma. O objetivo é capacitar os alunos a criar produtos digitais que sejam visualmente atraentes e fáceis de usar.

Traduzido por

ScribdTranslations
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
10 visualizações3 páginas

Plano de Ensino: Curso de UI/UX

O documento apresenta um plano de ensino para um curso de UI/UX, abordando a importância da interface do usuário e da experiência do usuário, além de detalhar os tipos de interfaces e a diferença entre UI e UX. O curso inclui tópicos como HTML, CSS, JavaScript, Bootstrap e JQuery, além de módulos específicos sobre design de experiência do usuário e ferramentas como Adobe xD e Figma. O objetivo é capacitar os alunos a criar produtos digitais que sejam visualmente atraentes e fáceis de usar.

Traduzido por

ScribdTranslations
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Plano de Ensino do Curso de UI/UX

Introdução ao UI/UX:
A interface do usuário (UI) é o ponto de interação e comunicação entre humanos e computadores em um
dispositivo. Isso pode incluir telas de exibição, teclados, um mouse e a aparência de
umdesktop. EuÉ também a forma pela qual um usuário interage com um aplicativo ou um site.
A crescente dependência de muitas empresas em aplicações web e aplicações móveis
levou muitas empresas a priorizar mais a interface do usuário na tentativa de melhorar a experiência do usuário
experiência geral.
Tipos de interfaces de usuário

Os vários tipos de interfaces de usuário incluem:

Interface gráfica do usuário (GUI)

Interface de linha de comando (CLI)

Interface de usuário orientada a menu

Interface de usuário touch

Interface de usuário por voz (IUV)

Interface de usuário baseada em formulários

Interface de usuário em linguagem natural

UX (Experiência do Usuário :- O design de experiência do usuário (UX) é o processo de criação de produtos que
são fáceis e agradáveis para as pessoas usarem. Ao construir produtos para serem o mais simples possível
para os usuários, você pode incentivar a adoção, a retenção e a lealdade.

UX é um processo iterativo de melhoria constante: equipes de produto e designers usam dados


e testes de usabilidade para continuamente refinar a experiência do produto para que se torne mais fácil para
usuários à medida que o produto se desenvolve.

Diferença entre UI e UX:


O design de interface do usuário (UI) é uma parte do design de experiência do usuário (UX) que se concentra na aparência visual de um produto.

Por exemplo, um designer de UI pode se concentrar na disposição de uma página de site ou tela de aplicativo, ou o
color used for CTA buttons.
O design de UI e UX é frequentemente confundido ou considerado a mesma coisa. Isso
compreensível: a interface do usuário é uma parte da experiência do usuário, mas o design da UI é mais
focada estritamente nos visuais e na estética da interface que os usuários veem, enquanto a UX é uma
processo mais amplo de identificação e resolução de problemas dos usuários.

Por exemplo: tipografia, paleta de cores, branding, design de botões, animações e imagens
são todos parte da UI; enquanto o fluxo do usuário, recursos do produto e acessibilidade são parte da UX.
Processo de design em UI/UX:
Sílabo de HTML
Introdução ao HTML
Tags e Atributos
Importância do Anchor e uso
Imagens
Mesas e Cores
Depois do JavaScript
Formulários e Elementos de Formulário

Tela
Uso de Mídia
Usando APIs - Geolocalização, Arrastar e Soltar

Conteúdo Programático de CSS

Entendendo Navegadores e Viewports


Importância da Formatação
Introdução ao CSS e Sintaxe
CSS em linha
CSS interno
CSS Externo
Criação de Menu, Gradientes, Paginação, Caixa de Borda e Animação

Media Query and Responsive Design


Personalização de Modelo
Ementa de JavaScript
Understanding JavaScript and Syntax genesis
Estruturas de Controle

Exercício usando todas as Instruções de Controle

Expressões Regulares
Funções
Introdução à POO
Modelo de Objeto de Documento, Nó

Event Handling
Teste e Depuração
Exercício: Validação de Formulário

Tratamento de Cookies

Introdução aos plugins JS


Ementa do Bootstrap
Tudo sobre Bootstrap
Estrutura baseada em grade

Entendendo Navbar, Carrossel, Janela Modal e ScrollSpy


Exercício - Criar um Modelo de Página Única com Design Fluido

Sílabo de JQuery
Entendendo JQuery e a gênese da sintaxe
Animação e Efeitos do JQuery
Manipulação de Formulários Dinâmicos usando JQuery - Exemplo e Exercício

Formatação Dinâmica e manuseio de CSS usando JQuery

Navegando
Ajax no JQuery - A função Load
Módulos em UI/UX:
Module 1: Introduction to User Experience Design
Módulo 2: Pesquisa de experiência do usuário

Módulo 3: Design Visual


Módulo 4: Estratégia de design de experiência do usuário

Módulo 5: Maquete
Ferramenta utilizada para UI/UX durante o curso

Adobe xD
Figma
Aprenda em qualquer lugar com o A2IT - App iOS e Android

Agora obtenha cursos de vídeo gratuitos, e-books, atualizações de eventos e notas de aula em qualquer lugar

A qualquer momento

[Link]

Você também pode gostar