CURSO

Sistemas de Informação

ESTRUTURA CURRICULAR

Sistemas de Informação Par057/22

PROFESSOR

Patrick Alexander Giusti Naufel

DISCIPLINA

Nome

Cód.

Sem.

Créditos

C. Horária

Design de Interface do Usuário (UI Design) - Eletiva

2-17093

8º

3

60

EMENTA

Conceitos fundamentais de Design de Interface do Usuário (UI Design). Processo de design com foco na perspectiva do usuário e na construção de interfaces digitais eficazez. Princípios de design visual aplicados à interface, hierarquia, tipografia, cores e layout. Métodos e princípios para concepção e prototipação de interfaces. Estruturação de fluxos e arquitetura da interface. Métodos de coleta e análise de dados do usuário para embasar decisões de design. Avaliação de usabilidade e qualidade sw interfaces digitais. Introdução a design systems e padronização de componentes. Desenvolvimento de protótipos de baixa e alta fidelidade.

OBJETIVO GERAL

Capacitar o aluno a projetar interfaces digitais centradas no usuário, aplicando princípios de design visual, usabilidade e acessibilidade para desenvolver soluções funcionais, consistentes e visualmente eficientes, utilizando processos iterativos de prototipação e avaliação.

OBJETIVOS ESPECÍFICOS

• Compreender os princípios fundamentais do UI Design • Aplicar conceitos de usabilidade na construção de interfaces digitais • Desenvolver interfaces utilizando princípios de hierarquia visual, tipografia, cores e layout • Construir wireframes e protótipos navegáveis • Organizar fluxos de navegação para aplicações digitais • Aplicar princípios básicos de acessibilidade • Avaliar e aprimorar interfaces por meio de testes e feedback • Desenvolver pensamento crítico para análise de interfaces digitais

CONTEÚDO PROGRAMÁTICO

UN.

CONTEÚDOS

C.H.

1

Fundamentos de UI Design
• Interface como sistema de comunicação
• Interação Humano-Computador
• Usabilidade aplicada ao UI Design
• Affordance, feedback e interatividade

8

2

Interface e Experiência do Usuário
• Percepção visual e atenção
• Cognição e carga cognitiva
• Emoção e experiência na interface
• Design Centrado no Usuário aplicado ao UI Design
• Experiência do Usuário e interface

16

3

Design Visual para Interfaces
• Hierarquia visual
• Layout e grid
• Tipografia para interfaces
• Cores e contraste
• Componentes de interface (botões, inputs, cards etc.)
• Padrões de UI e introdução a Design Systems
• Acessibilidade aplicada (WCAG)

20

4

Fluxos, Wireframes e Prototipação
• User flows e navegação
• Wireframes de baixa fidelidade
• Protótipos de média e alta fidelidade
• Interações e microinterações
• Ferramentas digitais de prototipação

20

5

Avaliação e Iteração de Interfaces
• Avaliação heurística
• Testes de usabilidade
• Análise de interfaces existentes
• System Usability Scale (SUS)
• Iteração baseada em feedback
• Refinamento visual e funcional do projeto final

16

TOTAL DE HORAS

80 h

Estratégias:*Descrição das Estratégias: AEX - Aula expositiva dialogada; APE – Atividades Práticas Extraclasse; ARM – Aula com Recursos Multimídia; DG – Dinâmicas de Grupo; DM – Dramatização; EC – Estudo de Caso; ED - Estudo Dirigido; ET – Estudo de Texto; EX – Exercício de Fixação; FR – Fórum; LAB – Aula em Laboratório; MAC - Mapeamento Conceitual; PAL – Palestra; SE – Seminário; SI – Simulação; TG - Trabalho em Grupo; TIG – Trabalho Integrado e em Grupo; TI - Trabalho Individual; VT - Visitas Técnicas; ARS - Aula Remota Síncrona; AGM - Aula Google Meet; AGC - Atividade Google Classroom.

SISTEMÁTICA DE AVALIAÇÃO

CONHECIMENTOS

Compreender os fundamentos de UI Design, usabilidade, acessibilidade, design visual, prototipação e avaliação de interfaces digitais.

HABILIDADES

Projetar interfaces digitais, construir protótipos navegáveis, avaliar interfaces e justificar decisões de design com base no usuário.

ATITUDES

Criatividade, colaboração, pensamento crítico, organização, participação ativa nas aulas e abertura para receber feedback.

OUTRAS

Interesse em ampliar o repertório visual e técnico por meio de referências, leituras, estudos complementares e prática em ferramentas digitais.

DATAS PREVISTAS

Avaliação

Unidades

C

H

A

Valor

Data

Recuperação

Sim

Data

Integratva

x

x

x

3

A definir

Atividades Práticas

1 a 5

x

x

x

2

A definir

Projeto de Interface

2 a 5

x

x

x

3

A definir

x

A definir

Apresentação Final

5

2

A definir

 BIBLIOGRAFIA BÁSICA

1

SOBRAL, Wilma Sirlange. Design de interfaces. 1. ed. São Paulo: Érica, 2019. 1 recurso online (0 p.). ISBN 9788536532073.

2

KRUG, Steve. Não me faça pensar: uma abordagem de bom senso à usabilidade na web. 2.ed. Rio de Janeiro: Alta Books, 2011. 195p. ISBN 9788576082712

3

WALTER CYBIS & ADRIANA HOLTZ BETIOL & RICHARD FAUST. Ergonomia e Usabilidade: Conhecimentos, Métodos e Aplicações. Novatec 2010 ISBN 9788575222324

 BIBLIOGRAFIA COMPLEMENTAR

1

NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na web: projetando websites com qualidade. Rio de Janeiro: GEN LTC, 2007.

2

NORMAN, Donald. O design do dia a dia. 1. ed. Rio de Janeiro: Anfiteatro Rocco, 2006.

3

TEIXEIRA, Fabrício. Introdução a boas práticas de UX. 1. ed. São Paulo: Casa do Código, 2014.

4

BARANAUSKAS, M. C. C. et al. Design e avaliação de interfaces humano-computador. São Paulo: UNICAMP, 2000.

5

ROGERS, Yvonne; SHARP, Helen; PREECE, Jenny. Design de Interação: além da interação humano-computador. 3. ed. Porto Alegre: Bookman, 2013.

obs:As aulas remotas síncronas respeitarão o horário cadastrado da disciplina e serão realizadas através da ferramenta Google Meet. O link fixo da disciplina será disponibilizado via grupo da turma no WhatsApp. Os materiais da disciplina, atividades e as aulas síncronas gravadas serão disponibilizadas na plataforma Google Classroom, o código da turma será disponibilizado via grupo da turma no WhatsApp. A frequência deverá ser indicada pelo(a) aluno(a), através do chat da ferramenta Google Meet utilizada para as aulas síncronas. Ao final da aula será conferida pelo professor, que lançará seu registro no diário de classe. A ausência do(a) aluno(a) no período da aula deverá ser justificada à Coordenação do Curso, por meio de formulário disponível no Portal (justificativa de faltas). Para fins de justificativa de falta e realização de atividade fora do prazo, será seguido o que determina a Resolução 619/2024. De acordo com o Art. 2º, Parágrafo único, da Resolução nº 435/2020: O(a) aluno(a) ao ingressar na sala de aula aceita a gravação e que esta será disponibilizada no Google Classroom por 30 dias, e que sua reprodução fora deste ambiente é vedada. Uso de IA: É permitido o uso de ferramentas de Inteligência Artificial como apoio às atividades da disciplina, desde que de forma ética e responsável. Sempre que utilizadas, o estudante deverá informar a ferramenta empregada e descrever brevemente como ela contribuiu para o desenvolvimento da atividade. O uso da IA não exime o aluno da responsabilidade pela autoria, veracidade e qualidade do trabalho entregue.