К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Criar interfaces do usuário (IU) dinâmicas para sites · LearnSpace
Назад в каталог
courseraПрограммирование

Criar interfaces do usuário (IU) dinâmicas para sites

Курс от Google
Начальный≈ 39.6 чБразильский португальский
О курсеНавыкиПрограммаПреподаватели

О курсе

“Web design responsivo em Adobe XD” é o sexto curso de um programa que dará a você as habilidades necessárias para se candidatar a empregos de nível básico em design de experiência do usuário (UX, na sigla em inglês). Neste curso, você criará o design de um site responsivo usando o Adobe XD, uma ferramenta de design muito usada. Você completará o processo de design do início ao fim: ter empatia com os usuários, definir dificuldades, apresentar soluções de design, criar wireframes e protótipos e testar designs para receber feedback. No final do curso, você terá um novo projeto de design para incluir no seu portfólio profissional de UX. Além disso, você aprenderá a procurar empregos de nível básico, criar um currículo que destaque suas habilidades e conquistas e ainda desenvolver um site com seu portfólio profissional. Seus instrutores serão designers e pesquisadores de UX atuais do Google, e você realizará atividades práticas que simulam situações reais de projeto de UX. Os alunos que concluírem os sete cursos deste programa de certificação estarão equipados para se candidatar a vagas de designers de UX iniciantes. Veja do que você será capaz ao final deste curso: - Aplicar cada etapa do processo de design de UX (ter empatia, definir, idealizar, criar protótipos e testar) para criar um site responsivo. - Desenvolver designs com uma ferramenta muito usada, o Adobe XD. - Planejar a arquitetura da informação e criar mapas para o design de sites - Aplicar layouts comuns para páginas da Web. - Planejar e realizar um estudo de usabilidade para coletar feedback sobre seus designs. - Iterar designs com base nos insights de pesquisa. - Trabalhar com sistemas de design no Adobe XD. - Adicionar um novo projeto de design ao seu portfólio profissional de UX. - [Opcional] Criar ou atualizar um currículo com foco em UX. - [Opcional] Aprender como procurar e se candidatar para vagas de emprego de nível básico no campo de UX. Este curso é adequado para designers de UX iniciantes que concluíram os cinco cursos anteriores do Certificado de Design de UX do Google. Como alternativa, os alunos precisarão ter sólidos conhecimentos sobre o processo de design e experiência criando wireframes, maquetes e protótipos, além de capacidade para realizar estudos de usabilidade. Não é necessário ter experiência prévia com o Adobe XD.

Навыки, которые вы освоите

User Interface and User Experience (UI/UX) DesignAdobe XDPrototypingUser Centered DesignInformation ArchitectureWireframingUser Experience DesignDesign ResearchUser ExperienceUsability TestingMockupsResponsive Web DesignWeb Design and DevelopmentWeb DesignUser Interface (UI)Layout DesignUsabilityIdeationUser Research

Программа курса

6 модулей · 207 учебных материалов

01Início do processo de design de UX: empatia e definição43 материалов

Introdução ao Curso 6

Introdução ao Curso 6: Web design responsivo no Adobe XDВидеоBem-vindo ao Curso 6ЧтениеIntrodução ao segundo projeto do portfólioЧтениеEscolher sua segunda instrução para projeto do portfólio Чтение

Учитесь у экспертов

Google Career Certificates

Преподаватель курса

Criar interfaces do usuário (IU) dinâmicas para sites
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 39.6 ч

6 модулей

Язык: Бразильский португальский

Субтитры: Английский

Часть программы вашего университета
Atividade: Enviar sua opção de solicitação de projeto de portfólioЗадание
Dave - Minha jornada até a UXВидео

Introdução ao Adobe XD

Boas-vindas à semana 1ВидеоComo funcionam sites responsivosВидеоTeste seus conhecimentos sobre o design de sites responsivos ЗаданиеIntrodução ao Adobe XDВидеоCompartilhe seu entusiasmo para aprender a usar o Adobe XDОбсуждениеPrimeiros passos com o Adobe XD ЧтениеOpcional - Primeiros passos no FigmaЧтениеIniciar um projeto no Adobe XDВидеоTeste seus conhecimentos sobre os fundamentos do Adobe XDЗаданиеComparação entre o Adobe XD e o FigmaОбсуждениеJennifer - Usar ferramentas de design digitalВидео

Desenvolver empatia pelos usuários

Desenvolver empatia pelos usuários e entender pontos problemáticosВидеоSaiba mais sobre como desenvolver empatia pelos usuáriosЧтениеDiscuta a importância de considerar as necessidades dos usuáriosОбсуждениеTeste seus conhecimentos sobre empatia pelos usuáriosЗаданиеRealize entrevistas para mapas de empatia ЧтениеCompartilhar as perguntas da entrevistaОбсуждениеCriar mapas de empatiaЧтениеAtividade: Criar um mapa de empatiaЗаданиеExemplar de atividade: Criar um mapa de empatiaЧтениеCriar personasВидеоSaiba mais sobre personas ЧтениеAtividade: Criar personasЗаданиеExemplar de atividade: Criar personasЧтение

Definir as necessidades dos usuários

Criar histórias de usuáriosВидеоSaiba mais sobre histórias de usuáriosЧтениеCrie e compartilhe uma história de usuário sobre vocêОбсуждениеCriar um mapa da jornada do usuárioВидеоSaiba mais sobre os mapas de jornada do usuárioЧтениеAtividade: Criar uma história e um mapa da jornada do usuárioЗаданиеExemplar de atividade: Criar uma história e um mapa da jornada do usuárioЧтение

Definição do problema

Criar uma declaração de problemaВидеоSaiba mais sobre declarações de problemaЧтениеTeste seus conhecimentos sobre as declarações de problemasЗадание

Revisão da semana 1

Finalização: Início do processo de design de UX: empatia e definiçãoВидеоGlossárioЧтениеDesafio semanal 1: Criar uma declaração de problemaВзаимная проверка
02Continuação do processo de design de UX: Ideação26 материалов

Realizar uma auditoria competitiva

Boas-vindas à semana 2ВидеоRealizar uma auditoria competitiva ВидеоSaiba mais sobre auditorias competitivas ЧтениеAtividade: Realizar uma auditoria competitiva para seu siteЗаданиеExemplar de atividade: Realizar uma auditoria competitiva para seu siteЧтениеSaiba mais sobre o uso de auditorias competitivas para idealizar ЧтениеAutorreflexão: Usar a pesquisa de concorrência para informar os designsЗадание

Gerar ideias para designs

Pensar em ideias usando o exercício Como podemosВидеоPensar em ideias usando o exercício Crazy EightsВидеоSaiba mais sobre os exercícios Como podemos e Crazy EightsЧтениеTeste seus conhecimentos sobre técnicas de ideaçãoЗаданиеAtividade: Pensar em ideias para seu siteЗаданиеExemplar de atividade: Pensar em ideias para seu siteЧтение

Planejar a arquitetura da informação

Planejar a arquitetura da informaçãoВидеоSaiba mais sobre a arquitetura da informaçãoЧтениеExplorar estruturas comuns de sites ВидеоExplorar as estruturas do sitePLUGINTeste seus conhecimentos sobre estruturas de sitesЗаданиеDiscuta as estruturas de sites que você usouОбсуждение

Revisão da semana 2

Finalização: Continuação do processo de design de UX: IdeaçãoВидеоGlossárioЧтениеDesafio semanal 2: Criar o sitemap de um site Взаимная проверка
03Como criar wireframes para um site responsivo33 материалов

Criar wireframes de papel

Boas-vindas à semana 3ВидеоExplorar layouts comuns de páginas iniciais de sitesВидеоSaiba mais sobre layouts de sites comunsЧтениеIdentificar o layout do sitePLUGINFundamentos de wireframes ВидеоSaiba mais sobre wireframesЧтениеAtividade: Começar a criar wireframes de papel para seu siteЗаданиеExemplar de atividade: Começar a criar wireframes de papel para seu siteЧтение

Planejar páginas responsivas da Web

Planejar um layout responsivoВидеоSaiba mais sobre como planejar layouts responsivosЧтениеAjustar layouts de página com base no tamanho da telaВидеоElementos comuns do design responsivoЧтениеExplorar o web design responsivoPLUGINAtividade: Criar variações dos seus wireframes de papelЗадание

Criar wireframes digitais no Adobe XD

Transição de wireframes de papel para digitaisВидеоCriar wireframes digitais no Adobe XDВидеоSaiba mais sobre a criação de wireframes digitais no Adobe XDЧтениеOpcional - Criar wireframes digitais no FigmaЧтениеAtividade: Criar wireframes digitais para uma tela de desktopЗаданиеExemplar de atividade: Criar wireframes digitais para uma tela de desktopЧтение

Refinar wireframes

Refinar wireframes para melhorar a acessibilidadeВидеоAnalisar os cabeçalhos, pontos de referência e pontos focais nos seus wireframesОбсуждениеAvaliar wireframes usando os Princípios de GestaltВидеоSaiba mais sobre como usar os Princípios de Gestalt em wireframesЧтение

Revisão da semana 3

​Finalização: Como criar wireframes para um site responsivo ВидеоGlossárioЧтениеDesafio semanal 3: Ajustar os wireframes de acordo com os padrõesВзаимная проверка
04Criação e teste de protótipos de baixa fidelidade31 материалов

Criação de um protótipo de baixa fidelidade no Adobe XD

Boas-vindas à semana 4ВидеоCompreender protótipos de alta fidelidadeВидеоTestar seus conhecimentos sobre wireframes versus protótiposЗаданиеCriar um protótipo de baixa fidelidade no Adobe XDВидеоSaiba mais sobre como criar um protótipo de baixa fidelidade no Adobe XDЧтениеOpcional – Criar um protótipo de baixa fidelidade no FigmaЧтениеAtividade: criar um protótipo de baixa fidelidade para seu site responsivo ЗаданиеExemplo de atividade: criar um protótipo de baixa fidelidade para seu site responsivoЧтениеVerificar um protótipo de baixa fidelidadeЧтение

Planejar e realizar um estudo de usabilidade para um protótipo de baixa fidelidade

Planejar um estudo de pesquisa de UX ВидеоSaiba mais sobre como planejar um estudo de pesquisa de UX ЧтениеAtividade: Planejar um estudo de pesquisa de UXЗаданиеExemplo de atividade: Planejar um estudo de pesquisa de UXЧтениеRealizar um estudo de usabilidadeВидеоSaber mais sobre como realizar um estudo de usabilidadeЧтение

Iterar designs com base nas descobertas da pesquisa

Iterar em projetos de baixa fidelidade com base nas descobertas da pesquisaВидеоSaber mais sobre a iteração em designs de baixa fidelidadeЧтениеTeste seus conhecimentos sobre modificação de projetos com base nos resultados da pesquisaЗаданиеCompartilhe como você iterou em designs com base em insights de pesquisaОбсуждение

Revisão da semana 4

Finalização: Criação e teste de protótipos de baixa fidelidadeВидеоGlossárioЧтениеDesafio semanal 4: Atualizar protótipos de baixa fidelidade de acordo com os insights do estudo de usabilidadeВзаимная проверка
05Como criar e testar designs de alta fidelidade38 материалов

Começar a criar modelos

Boas-vindas à semana 5ВидеоComeçar a criar modelosВидеоAnalisar os elementos fundamentais do design visualЧтениеAnalisar como organizar elementos em modelosЧтениеRevisar os princípios do design visualЧтениеTestar seus conhecimentos sobre os conceitos básicos de modelosЗадание

Criar modelos para um site para computador

Começar a criar modelos para a página inicial de um site no Adobe XDВидеоOpcional: começar a criar modelos de sites no Figma ЧтениеAdicionar imagens e logotipos a modelos no Adobe XDЧтениеTestar seus conhecimentos sobre como criar uma página inicial no Adobe XDЗаданиеContinuar criando modelos para a página inicial de um site no Adobe XDВидеоUsar grades repetidas para projetar no Adobe XDЧтение

Criar modelos para um site para dispositivos móveis

Criar modelos para um site para dispositivos móveis no Adobe XDВидеоSaiba mais sobre menus de navegação ocultosЧтениеOpcional: criar modelos para um site para dispositivos móveis no FigmaЧтениеAtividade: Criar um modelo para a página inicial de um site para dispositivos móveisЗаданиеExemplo de atividade: Criar um modelo para a página inicial de um site para dispositivos móveisЧтение

Trabalhar com sistemas de design

Trabalhar com sistemas de designВидеоTestar seus conhecimentos sobre como trabalhar com sistemas de designЗаданиеUsar sistemas de design externos no Adobe XDВидеоSaiba mais sobre sistemas de designЧтениеCompartilhar seus sistemas de design favoritosОбсуждениеAtividade: Documentar suas decisões de designЗадание

Criar um protótipo de alta fidelidade

Criar um protótipo de alta fidelidade no Adobe XDВидеоFazer anotações em protótipos para acessibilidade na WebВидеоSaiba mais sobre acessibilidade na WebЧтениеTestar seus conhecimentos sobre acessibilidade na WebЗаданиеCompartilhar um recurso sobre design inclusivo e acessível Обсуждение

Revisão da semana 5

Finalização: Como criar e testar designs de alta fidelidadeВидеоGlossárioЧтениеDesafio semanal 5: Criar um protótipo de alta fidelidade para um site Взаимная проверка

Opcional: teste o protótipo de alta fidelidade

Opcional: testar o protótipo de alta fidelidadeВидеоOpcional: revise como planejar e realizar um estudo de usabilidadeЧтениеTestar seus conhecimentos sobre estudos de usabilidade Задание
06Documentar o trabalho de design e procurar empregos36 материалов

Entrega de designs

Bem-vindo à semana 6ВидеоColaborar com as equipes de engenharia ВидеоEntregar especificações de design no Adobe XDВидеоTestar seus conhecimentos sobre a transferência de designsЗаданиеColaborar remotamente com o Adobe XDЧтение

Adicionar um projeto ao seu portfólio

Adicionar um projeto ao seu portfólio ВидеоSaiba mais sobre estudos de caso de portfólioЧтениеTestar seus conhecimentos em estudos de caso de portfólioЗаданиеCompartilhar estudos de caso de portfólio com designs de sitesОбсуждениеAdicionar um novo estudo de caso ao seu portfólioВзаимная проверка

Opcional – Pesquise vagas de UX

Entenda os trabalhos comuns para designers de UXВидеоSaiba mais sobre vagas na área de experiência do usuárioЧтениеExplore os tipos de empresa em que os designers de UX trabalhamВидеоAutorreflexão: Compartilhe seus objetivos e interesses profissionaisЗаданиеKenny – PerseverançaВидеоIdentifique onde se candidatar a trabalhos de design de UXВидео

Opcional - Crie um currículo de design UX

Entenda os currículos de design de UX ВидеоAutorreflexão: Pense nas informações para incluir em seu currículoЗаданиеElementos em um currículo típico de design UXЧтениеDane – Meu conselho para currículos de design UXВидеоTim – Meu conselho para currículos de design de UXВидеоAtividade: Esboce um currículo de design de UX Задание

Revisão da semana 6

Finalização: Documentar o trabalho de design e procurar empregosВидеоGlossárioЧтениеDesafio semanal 6: Trabalho de design de documentos e busca de empregosЗадание

Revisão do curso

Parabéns por concluir o Curso 6: Web design responsivo em Adobe XDВидеоCompartilhe sua experiência no curso ОбсуждениеComece o próximo cursoЧтение
Discuta sua técnica de ideação preferidaОбсуждение
Explorar sitemapsВидео
Construir um sitemap para seu siteВидео
Saiba mais sobre como criar um sitemapЧтение
Exemplar de atividade: Criar variações dos seus wireframes de papelЧтение
Criar wireframes para outros tamanhos de tela no Adobe XDВидео
Opcional - Criar wireframes para outros tamanhos de tela no FigmaЧтение
Atividade: Criar wireframes digitais para outros tamanhos de telaЗадание
Exemplar de atividade: Criar wireframes digitais para outros tamanhos de telaЧтение
Jay - Design com o Adobe XDВидео
Reduzir o viés em um estudo de usabilidadeВидео
Autorreflexão: determinar como reduzir o viés em seus próprios estudosЗадание
Atividade: realizar um estudo de usabilidade para um protótipo de baixa fidelidadeЗадание
Exemplo de atividade: realizar um estudo de usabilidade para um protótipo de baixa fidelidadeЧтение
Analisar e sintetizar os resultados da pesquisaВидео
Saber mais sobre como analisar e sintetizar os resultados da pesquisaЧтение
Atividade: Analisar e sintetizar os resultados de um estudo de usabilidadeЗадание
Exemplo de atividade: Analisar e sintetizar os resultados de um estudo de usabilidadeЧтение
Compartilhar insights do seu estudo de usabilidadeОбсуждение
Atividade: Criar maquetes para um siteЗадание
Exemplo de atividade: Criar maquetes para um siteЧтение
Opcional – Atividade: Criar uma folha de adesivos no FigmaЗадание
Opcional – Exemplo de atividade: Criar uma folha de adesivos no FigmaЧтение
Descubra oportunidades de trabalho de design de UXЧтение
Atividade: Comece a procurar vagas de UX usando um rastreadorЗадание
Exemplo de atividade: Comece a procurar vagas de UX usando um rastreadorЧтение
Verifique descrições de vagas para palavras-chaveВидео
Atividade: Destaque palavras-chave e requisitos nas descrições de vagasЗадание
Exemplo de atividade: Destaque palavras-chave e requisitos nas descrições de vagasЧтение
Exemplo de atividade: Esboce um currículo de design de UX Чтение
Atualizar um currículo com base nas descrições de vagasВидео