Introdução à UX para Web Design

Exemplo de programa de estudos

2 unidades

Informações do instrutor
Nome: Dr.
E-mail: use a caixa de entrada do Canvas para enviar e-mail ao instrutor

Dr. Smith ministra cursos em todos os níveis e é Reitor do Departamento de Tecnologia da

Universidade. Ele tem mais de 10 anos de experiência trabalhando como Designer de
Experiência do Usuário e mais de 20 anos trabalhando na indústria de design.

Descrição do Curso
Aprenda os fundamentos de UX para Web Design. Desde o início, os alunos serão apresentados
ao “design thinking” e aos componentes individuais que compõem o processo de web design.
Serão exploradas técnicas de design, processos e tecnologias de design usadas hoje, aquelas
usadas nas principais empresas de design e start-ups de tecnologia. Os tópicos abordados
incluem a diferença entre design de UX e UI, funções no “guarda-chuva” de UX, personas de
usuários, elementos e princípios de design, princípios de usabilidade, padrões de design,
arquitetura de informação, metodologia de pesquisa, wireframes e prototipagem. O curso
também cobrirá brevemente conceitos de HTML, CSS, JavaScript e jQuery relacionados ao
processo de design. Ao longo do curso, os alunos trabalharão em um rascunho de um plano de
projeto que será ampliado nos demais cursos obrigatórios do Programa de Certificação em Web
Design.

Objetivos do curso
Ao final deste curso, os alunos serão capazes de:

● Explore os principais conceitos e identifique possíveis carreiras de UX Design

● Desenvolva um plano de projeto de UX que forneça uma justificativa para decisões de
design com base no feedback do usuário
● Aplique os elementos e princípios de design ao web design
 ● Defina o MVP (Produto Mínimo Viável) de um projeto
● Crie e apresente um protótipo interativo
● Validar um design com usuários finais

Material do curso
Livro didático : um guia de projeto para design UX: para designers de experiência do usuário
em campo ou em formação, 2ª edição, Editora: New Riders, ISBN: 978-0321815385

Tecnologia : Este curso requer o desenvolvimento de um Protótipo Interativo e exigirá o uso de

software básico de design gráfico e ferramentas de prototipagem rápida. Existem muitas
opções, algumas disponíveis sem custo adicional.

Esboço de Curso
Título O que é design UX?

Ao final desta lição, você será capaz de:

● Entenda a diferença entre UX e UI design
● Explore as diferentes funções no 'guarda-chuva' de UX
objetivos de
● Entenda a diferença entre as metodologias Waterfall
aprendizado
e Agile
● Proponha um projeto UX
● Selecione um método de design UX para empregar
Semana
1 ● Leituras de livros didáticos
○ O Tao do UXD, cap. 1, pág. 2-8
○ Identifique o tipo de site, cap. 2, pág. 10-29
Aprendendo
○ Escolha seu chapéu, cap. 2, pág. 30-40
atividades
○ Entenda a abordagem do projeto, cap. 4, pág.
73-82
● Discussão em aula : funções de design UX

● Projeto de Portfólio: Objetivo do Projeto e

atribuições
Metodologia de Design

Semana Título Projetando para usuários

2
objetivos de Ao final desta lição, você será capaz de:
aprendizado ● Compreender os conceitos de Design para Usuários e
 criação de Personas de Usuário
● Identificar e recrutar usuários para entrevistas com as
partes interessadas
● Aplique os elementos e princípios do design gráfico
para criar um modelo de persona usando uma das
teorias de cores discutidas
● Use tipografia para apoiar a mensagem e a
compreensão

● Leituras de livros didáticos:

○ Reúna ideias das partes interessadas - Capítulo
5, p. 89-93
Aprendendo ○ Defina seus grupos de usuários, cap. 6, pág.
atividades 102-107
○ Personas do usuário, cap. 7, pág. 129-144
● Discussão em classe: Feedback dos colegas sobre o
modelo de persona

atribuições ● Projeto de portfólio: pesquisa de usuários

Semana Título Tecnologias de UI Design e Web Design

3
Ao final desta lição, você será capaz de:
● Entenda os 10 princípios de usabilidade
● Aplicar os Princípios de Usabilidade em uma revisão
heurística de um site
● Explique um padrão de acessibilidade e critique um
site em relação a esse padrão
objetivos de
● Entenda como usar padrões de design para resolver
aprendizado
problemas de design de interface do usuário
● Lembre-se dos requisitos exclusivos de cores para
web design e selecione uma paleta de cores e fonte
para o seu projeto
● Compreender as principais características e aplicações
de HTML, CSS, JavaScript e JQuery

Aprendendo ● Leituras de livros didáticos :

atividades ○ Heurísticas - Capítulo 5, páginas 86 - 89
○ Design Visual - Capítulo 10, pág. 186 - 197
○ Interação, Capítulo 10, páginas 196 - 218
○ HTML - Capítulo 13, páginas 264 - 270
 ● Discussão em sala de aula : critique um site popular

● Projeto de Portfólio : Design Visual: Paleta de Cores e

atribuições
Seleção de Fontes

Título Planejando a jornada do usuário

Ao final desta lição, você será capaz de:

● Faça o mapa do site e um diagrama de fluxo do
usuário para o seu projeto
objetivos de
● Compreenda os diferentes métodos para conduzir
aprendizado
pesquisas de usuários
● Rascunhos de perguntas para entrevistas com as
Semana partes interessadas
4
● Leituras de livros didáticos:
○ Pesquisa do usuário - Capítulo 6, páginas 101 -
128
Aprendendo
○ Mapas do site e fluxos de tarefas, capítulo 11,
atividades
páginas 219 - 236
● Discussão em sala de aula: identifique suas partes
interessadas

atribuições ● Projeto de portfólio: Mapa do site e fluxo do usuário

Título Conheça seus usuários

Ao final desta lição, você será capaz de:

objetivos de ● Faça entrevistas com as partes interessadas
aprendizado ● Analise os dados das entrevistas e crie Personas de
Usuário

Semana ● Leituras de livros didáticos :

5 ○ Personas do usuário - Capítulo 7, pág. 129 -
144
Aprendendo
○ Análise e apresentação de resultados Cap. 14,
atividades
pág. 308-310
● Discussão em sala de aula: Feedback da entrevista
com as partes interessadas

atribuições ● Projeto de portfólio: Personas de usuário

 Título Design com Wireframes e Protótipos

Ao final desta lição, você será capaz de:

● Selecione uma ferramenta de prototipagem rápida
objetivos de ● Faça wireframes para o seu projeto
aprendizado ● Entenda os métodos de protótipo e quando usá-los
● Discutir o processo de compartilhamento de
Semana wireframes e protótipos com clientes
6
● Leituras de livros didáticos:
○ Wireframes e anotações - Capítulo 12, páginas
Aprendendo 237 - 258
atividades ○ Prototipagem - Capítulo 13, páginas 259 - 278
● Discussão em sala de aula: Feedback do esboço do
wireframe

atribuições ● Projeto de Portfólio: Wireframes Interativos

Título Validando Seu Design

Ao final desta lição, você será capaz de:

● Compreender os diferentes métodos para validar um
design
objetivos de ● Demonstrar conhecimento da diferença entre dados
aprendizado quantitativos e qualitativos
Semana ● Faça um teste de usabilidade
7 ● Realizar e relatar resultados de uma pesquisa baseada
no SUS

● Leituras de livros didáticos :

Aprendendo ○ Teste de design com usuários - Capítulo 14,
atividades páginas 279 - 307
● Discussão em sala de aula: coleta de dados

atribuições ● Projeto de Portfólio: Validação de Design

Semana Título Projeto de portfólio

8
objetivos de Ao final desta lição, você será capaz de:
aprendizado ● Entenda o conceito de MVP (Produto Mínimo Viável)
● Revise seu protótipo com base no feedback do
usuário
 ● Faça uma série de designs de aparência
● Faça um protótipo final
● Dê e receba feedback sobre a aparência final dos
designs
● Refletir sobre o processo de design e considerar
melhorias para futuras iterações

● Leituras de livros didáticos :

○ Lean UX e MVP - Capítulo 4, páginas 76 - 79
Aprendendo ○ Transição: do design ao desenvolvimento e
atividades além - Capítulo 15, páginas 311 - 319
● Discussão em sala de aula : MVPs e funções e
processos de UX

atribuições ● Projeto de portfólio: versão final do plano do projeto

Avaliação e Classificação
Este curso será avaliado usando as seguintes porcentagens ponderadas para cada uma das
tarefas do curso. Feedback e notas normalmente são publicados dentro de uma semana após
as datas de entrega das tarefas.

atribuições % da nota
Discussões 30%
Projeto de portfólio 70%
Total 100%

Escala de notas
Este curso usa a seguinte escala de notas.

Nota da
carta Percentagem
A 93% - 100%
A- 90% - 92%
B+ 87% - 89%
B 83% - 86%
B- 80% - 82%
C+ 77% - 79%
 C 73% - 76%
C- 70% - 72%
D+ 67% - 69%
D 63% - 66%
D- 60% - 62%
Falhar 59% ou menos

Descrições de tarefas
Fóruns de discussão
Neste curso, os fóruns de discussão online moderados contarão como sua nota de participação.
O objetivo dos fóruns de discussão é enquadrar e promover a aprendizagem colaborativa. A
participação ativa e regular não é apenas importante para o seu instrutor ver, mas também é
importante para você aprender o conteúdo do curso e desenvolver seus pensamentos e
posições sobre vários tópicos, com a capacidade de compartilhá-los com outras pessoas e
receber feedback construtivo. Cada fórum de discussão será avaliado em uma escala de dez
pontos.

Projeto de portfólio
As tarefas do Projeto de Portfólio neste curso estão centradas na criação de um protótipo
interativo e no Documento de Design do Projeto de Portfólio que o acompanha, que explica a
lógica do design e descreve o processo de desenvolvimento. Os prompts de atribuição para
Projetos de Portfólio são encontrados no modelo Projeto de Portfólio. O Documento de Design
do Projeto do Portfólio será avaliado separadamente dos 3 Protótipos Interativos Look and
Feel. Cada componente será avaliado em uma escala de dez pontos e cada componente terá o
peso de 30% da nota final.

Requerimentos técnicos
Abaixo estão os requisitos técnicos básicos para todos os cursos online da UC Irvine, Divisão de
Educação Continuada.

Hardware
Para participar deste curso, você precisa de um computador ou dispositivo com acesso
confiável à Internet. O aparelho deverá ser capaz de reproduzir vídeos na tela e áudio por meio
de fones de ouvido ou alto-falantes.
Programas
Para este curso, você deve ter Microsoft Office, Google Docs, OpenOffice ou outro software de
processamento de texto compatível. Se for necessário software adicional, seu instrutor
fornecerá informações detalhadas de acesso.

Requisitos de habilidade
Pode ser necessário que você use uma webcam, funções de copiar e colar, anexar documentos
ou usar recursos de upload no LMS. Além disso, pode ser necessário fazer upload e visualizar
documentos em formato PDF. Você pode baixar o Adobe Acrobat Reader para abrir arquivos
PDF acessando este site: https://get.adobe.com/reader/ . (Observe que o Apple OS X inclui o
aplicativo Preview, que permite abrir arquivos PDF.)

Políticas da Universidade da Califórnia em Irvine

Código de Conduta
Todos os participantes do curso estão sujeitos ao Código de Conduta da Universidade da
Califórnia, encontrado em https://ce.uci.edu/resources/conduct/

Netiqueta
Em um curso online, a maior parte da nossa comunicação ocorre nos fóruns do curso. Porém,
quando tivermos necessidade de comunicação privada, seja pessoal, interpessoal ou
profissional, utilizaremos e-mail ou telefone individual. Nosso principal meio de comunicação é
escrito. A linguagem escrita tem muitas vantagens: mais oportunidade para reflexão
fundamentada, mais capacidade de se aprofundar e mais tempo para pensar sobre um assunto
antes de postar um comentário. No entanto, a comunicação escrita também tem certas
desvantagens, como a falta de sinalização face a face que ocorre através da linguagem corporal,
entonação, pausas, expressões faciais e gestos. Como resultado, esteja ciente da possibilidade
de falha de comunicação e redija seus comentários de maneira positiva, solidária e construtiva.

Política de Honestidade Acadêmica

A Universidade é uma instituição de ensino, pesquisa e bolsa de estudos baseada na existência
de um ambiente de honestidade e integridade. Como membros da comunidade acadêmica,
professores, estudantes e funcionários administrativos compartilham a responsabilidade pela
manutenção deste ambiente. É essencial que todos os membros da comunidade académica
subscrevam o ideal de honestidade e integridade académica e aceitem a responsabilidade
individual pelo seu trabalho. A desonestidade acadêmica é inaceitável e não será tolerada na
Universidade da Califórnia, Irvine. Trapaça, falsificação, conduta desonesta, plágio e conluio em
atividades desonestas corroem os papéis educacionais, de pesquisa e sociais da Universidade.

Os alunos que, consciente ou intencionalmente, conduzam ou ajudem outro aluno a se

envolver em conduta desonesta, atos de trapaça ou plágio estarão sujeitos a ações
disciplinares, a critério da Divisão de Educação Continuada da UCI.

TurnItIn (TII) é uma ferramenta de verificação de originalidade e prevenção de plágio usada

para identificar erros de citação ou cópias inadequadas na redação do aluno. Esta ferramenta
de terceiros pode ser usada pelo seu instrutor UCI-DCE para detectar plágio. Consulte seu
instrutor para saber mais sobre como ele avaliará a autenticidade do trabalho dos alunos.

Serviços para deficientes

Se precisar de apoio ou assistência devido a uma deficiência, você pode ser elegível para
acomodações ou serviços através do Centro de Serviços para Deficientes da UC Irvine. Entre em
contato diretamente com o DSC pelo telefone (949) 824-7494 ou TDD (949) 824-6272. Você
também pode visitar o site do DSC: http://www.disability.uci.edu/ . O DSC trabalhará com seu
instrutor para fazer as acomodações necessárias. Observe que é sua responsabilidade iniciar
este processo com o DSC.

Acessibilidade
A Universidade da Califórnia e a UC Irvine estão comprometidas em melhorar a acessibilidade
para todos os alunos. Para obter informações completas sobre a política da UC Irvine que afeta
todos os sistemas e software de tecnologia da informação, visite:
https://www.oit.uci.edu/accessibility/accessibility-policies/ .

Para obter informações de acessibilidade relativas ao software usado neste curso, veja abaixo:

Programas Link
Tela (LMS) https://www.canvaslms.com/accessibility
Ampliação https://zoom.us/docs/doc/vpat/Zoom%20Product%20Web%20Pages%20VPAT.pdf
 Vid Grid https://www.vidgrid.com/accessibility/
Entregar https://www.turnitin.com/about/accessibility/lti-vpat

Privacidade
A UC Irvine está totalmente comprometida em manter a integridade de suas informações
pessoais de estudante, incluindo registros acadêmicos, de acordo com a Lei Federal de
Privacidade e Direitos Educacionais da Família de 1974 (FERPA). Para obter informações
completas sobre privacidade e FERPA, visite o site UCI Privacy and Student Records:
http://www.reg.uci.edu/privacy/ .

Serviços estudantis UCI-DCE

O escritório da Divisão de Serviços Estudantis de Educação Continuada da UCI é responsável por
manter registros de matrículas, acadêmicos e financeiros, ao mesmo tempo em que fornece
serviços de apoio acadêmico aos alunos, instrutores e funcionários do DCE. Os serviços incluem:

● Registros de alunos e acesso ao portal DCE My Account

● Adicionar, eliminar e listas de espera para todos os cursos e programas do DCE
● Caixa, reembolsos e contas a receber
● Notas, históricos escolares, candidatura e certificados
● Aconselhamento internacional para estudantes F-1, sucesso acadêmico dos alunos e
suporte ao bem-estar
● Notificações importantes sobre alterações relacionadas ao curso do DCE, como
cronograma, local, instrutor e materiais do curso

Descrições de muitos desses serviços podem ser encontradas em https://ce.uci.edu/resources/

. Além disso, o UCI-DCE Student Services está disponível por e-mail ( dce-services@uci.edu ) ou
ligando para (949) 824-5414 (opção 1), de segunda a sexta, das 8h às 17h.

© Copyright Regentes da UC