“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.
Web design responsivo em Adobe XD
estrellas
31 calificaciones
Ofrecido Por
GoogleAcerca de este Curso
52.622 vistas recientes
Fechas límite flexibles
Restablece las fechas límite en función de tus horarios.
Certificado para compartir
Obtén un certificado al finalizar
100 % en línea
Comienza de inmediato y aprende a tu propio ritmo.
Nivel principiante
Aprox. 39 horas para completar
Portugués (de Brasil)
Subtítulos: Portugués (de Brasil), Inglés (English)
Qué aprenderás
Aplicar cada etapa do processo de design de UX para criar um site responsivo no Adobe XD.
Planejar a arquitetura da informação e mapas para designs de sites.
Aplicar layouts comuns para páginas da Web.
Concluir um projeto de design e inclui-lo em seu portfólio profissional de UX.
Habilidades que obtendrás
- Testagem de usabilidade
- Adobe XD
- Design de experiência do usuário (UXD)
- Prototipo
- Experiência do usuário (UX)
Fechas límite flexibles
Restablece las fechas límite en función de tus horarios.
Certificado para compartir
Obtén un certificado al finalizar
100 % en línea
Comienza de inmediato y aprende a tu propio ritmo.
Nivel principiante
Aprox. 39 horas para completar
Portugués (de Brasil)
Subtítulos: Portugués (de Brasil), Inglés (English)
Ofrecido por
Grow with Google is an initiative that draws on Google's decades-long history of building products, platforms, and services that help people and businesses grow. We aim to help everyone – those who make up the workforce of today and the students who will drive the workforce of tomorrow – access the best of Google’s training and tools to grow their skills, careers, and businesses.
Programa - Qué aprenderás en este curso
Calificación del contenido100%(5,248 calificaciones)
Semana1
Semana 1
Início do processo de design de UX: empatia e definição
Descubra os fundamentos do Web design responsivo. Para criar um site responsivo, você vai seguir as etapas do processo de design de UX: empatia, definição, idealização, protótipo e teste. Nesta parte do curso, você vai ver as etapas de empatia e definição. Além disso, você vai começar a explorar o Adobe XD, uma ferramenta de design famosa que será usada ao longo deste curso.
13 videos (Total 38 minutos), 16 lecturas, 9 cuestionarios
13 videos
Introdução ao Curso 6: Web design responsivo no Adobe XD2mDave - Minha jornada até a UX2mBoas-vindas à semana 11mComo funcionam sites responsivos3mIntrodução ao Adobe XD2mIniciar um projeto no Adobe XD8mJennifer - Usar ferramentas de design digital2mDesenvolver empatia pelos usuários e entender pontos problemáticos4mCriar personas2mCriar histórias de usuários2mCriar um mapa da jornada do usuário3mCriar uma declaração de problema1mFinalização: Início do processo de design de UX: empatia e definição49s16 lecturas
Bem-vindo ao Curso 610mIntrodução ao segundo projeto do portfólio10mEscolher sua segunda instrução para projeto do portfólio 10mPrimeiros passos com o Adobe XD 10mOpcional - Primeiros passos no Figma10mSaiba mais sobre como desenvolver empatia pelos usuários10mRealize entrevistas para mapas de empatia 10mCriar mapas de empatia10mExemplar de atividade: Criar um mapa de empatia10mSaiba mais sobre personas 10mExemplar de atividade: Criar personas10mSaiba mais sobre histórias de usuários10mSaiba mais sobre os mapas de jornada do usuário10mExemplar de atividade: Criar uma história e um mapa da jornada do usuário10mSaiba mais sobre declarações de problema10mGlossário5m8 ejercicios de práctica
Atividade: Enviar sua opção de solicitação de projeto de portfólio5mTeste seus conhecimentos sobre o design de sites responsivos 2mTeste seus conhecimentos sobre os fundamentos do Adobe XD4mTeste seus conhecimentos sobre empatia pelos usuários4mAtividade: Criar um mapa de empatia1h 30mAtividade: Criar personas30mAtividade: Criar uma história e um mapa da jornada do usuário30mTeste seus conhecimentos sobre as declarações de problemas4mSemana2
Semana 2
Continuação do processo de design de UX: Ideação
Hora de continuar seu projeto de design de site responsivo. Nesta parte do curso, você vai passar para a fase de ideação do processo de design. Para pensar em soluções de design, você vai conduzir uma auditoria competitiva, realizar a atividade Como podemos e esboçar ideias no exercício Crazy Eights. Você também vai aprender sobre a importância da arquitetura da informação e dos sitemaps para projetar sites.
9 videos (Total 31 minutos), 8 lecturas, 6 cuestionarios
9 videos
Boas-vindas à semana 256sRealizar uma auditoria competitiva 3mPensar em ideias usando o exercício Como podemos2mPensar em ideias usando o exercício Crazy Eights5mPlanejar a arquitetura da informação2mExplorar estruturas comuns de sites 7mExplorar sitemaps2mConstruir um sitemap para seu site5mFinalização: Continuação do processo de design de UX: Ideação1m8 lecturas
Saiba mais sobre auditorias competitivas 10mExemplar de atividade: Realizar uma auditoria competitiva para seu site10mSaiba mais sobre o uso de auditorias competitivas para idealizar 10mSaiba mais sobre os exercícios Como podemos e Crazy Eights10mExemplar de atividade: Pensar em ideias para seu site10mSaiba mais sobre a arquitetura da informação10mSaiba mais sobre como criar um sitemap10mGlossário5m5 ejercicios de práctica
Atividade: Realizar uma auditoria competitiva para seu site30mAutorreflexão: Usar a pesquisa de concorrência para informar os designs20mTeste seus conhecimentos sobre técnicas de ideação4mAtividade: Pensar em ideias para seu site30mTeste seus conhecimentos sobre estruturas de sites8mSemana3
Semana 3
Como criar wireframes para um site responsivo
Depois de criar empatia pelos usuários, definir o problema do usuário que será resolvido e começar a idealizar possíveis soluções, é hora de dar vida às suas ideias em wireframes. Seu site responsivo terá layouts diferentes dependendo do tamanho do dispositivo e da tela para que você está projetando, então você vai criar muitos wireframes diferentes. Primeiro, você vai explorar layouts de sites comuns e criar wireframes de papel. Em seguida, você vai conhecer alguns elementos e componentes muito usados no design de sites responsivos. Depois, você vai passar para a criação de wireframes digitais no Adobe XD. Por fim, você vai atualizar e refinar seus wireframes para melhorar a acessibilidade.
12 videos (Total 53 minutos), 13 lecturas, 5 cuestionarios
12 videos
Boas-vindas à semana 31mExplorar layouts comuns de páginas iniciais de sites7mFundamentos de wireframes 9mPlanejar um layout responsivo3mAjustar layouts de página com base no tamanho da tela2mTransição de wireframes de papel para digitais1mCriar wireframes digitais no Adobe XD8mCriar wireframes para outros tamanhos de tela no Adobe XD4mJay - Design com o Adobe XD2mRefinar wireframes para melhorar a acessibilidade6mAvaliar wireframes usando os Princípios de Gestalt3mFinalização: Como criar wireframes para um site responsivo 1m13 lecturas
Saiba mais sobre layouts de sites comuns10mSaiba mais sobre wireframes10mExemplar de atividade: Começar a criar wireframes de papel para seu site10mSaiba mais sobre como planejar layouts responsivos10mElementos comuns do design responsivo10mExemplar de atividade: Criar variações dos seus wireframes de papel10mSaiba mais sobre a criação de wireframes digitais no Adobe XD10mOpcional - Criar wireframes digitais no Figma10mExemplar de atividade: Criar wireframes digitais para uma tela de desktop10mOpcional - Criar wireframes para outros tamanhos de tela no Figma10mExemplar de atividade: Criar wireframes digitais para outros tamanhos de tela10mSaiba mais sobre como usar os Princípios de Gestalt em wireframes10mGlossário5m4 ejercicios de práctica
Atividade: Começar a criar wireframes de papel para seu site30mAtividade: Criar variações dos seus wireframes de papel30mAtividade: Criar wireframes digitais para uma tela de desktop30mAtividade: Criar wireframes digitais para outros tamanhos de tela30mSemana4
Semana 4
Criação e teste de protótipos de baixa fidelidade
Agora que você criou wireframes digitais no Adobe XD, é hora de criar, testar e iterar em um protótipo de baixa fidelidade. Primeiro, você vai aprender como criar um protótipo de baixa fidelidade no Adobe XD. Você vai planejar e realizar um estudo de usabilidade para receber feedback sobre seu protótipo. Depois, você vai modificar seus designs de baixa fidelidade com base nos insights da sua pesquisa.
9 videos (Total 29 minutos), 12 lecturas, 8 cuestionarios
9 videos
Boas-vindas à semana 459sCompreender protótipos de alta fidelidade2mCriar um protótipo de baixa fidelidade no Adobe XD5mPlanejar um estudo de pesquisa de UX 3mRealizar um estudo de usabilidade2mReduzir o viés em um estudo de usabilidade4mAnalisar e sintetizar os resultados da pesquisa2mIterar em projetos de baixa fidelidade com base nas descobertas da pesquisa4mFinalização: Criação e teste de protótipos de baixa fidelidade49s12 lecturas
Saiba mais sobre como criar um protótipo de baixa fidelidade no Adobe XD10mOpcional – Criar um protótipo de baixa fidelidade no Figma10mExemplo de atividade: criar um protótipo de baixa fidelidade para seu site responsivo10mVerificar um protótipo de baixa fidelidade10mSaiba mais sobre como planejar um estudo de pesquisa de UX 10mExemplo de atividade: Planejar um estudo de pesquisa de UX10mSaber mais sobre como realizar um estudo de usabilidade10mExemplo de atividade: realizar um estudo de usabilidade para um protótipo de baixa fidelidade10mSaber mais sobre como analisar e sintetizar os resultados da pesquisa10mExemplo de atividade: Analisar e sintetizar os resultados de um estudo de usabilidade10mSaber mais sobre a iteração em designs de baixa fidelidade10mGlossário5m7 ejercicios de práctica
Testar seus conhecimentos sobre wireframes versus protótipos4mAtividade: criar um protótipo de baixa fidelidade para seu site responsivo 30mAtividade: Planejar um estudo de pesquisa de UX30mAutorreflexão: determinar como reduzir o viés em seus próprios estudos20mAtividade: realizar um estudo de usabilidade para um protótipo de baixa fidelidade30mAtividade: Analisar e sintetizar os resultados de um estudo de usabilidade30mTeste seus conhecimentos sobre modificação de projetos com base nos resultados da pesquisa4mSemana5
Semana 5
Como criar e testar designs de alta fidelidade
Nesta parte do curso, você se aprontará para criar modelos do site responsivo no Adobe XD. Você também vai estender seu trabalho com sistemas de design e usar componentes de sistemas de design externos nos designs de sites responsivos. Em seguida, você vai transformar os modelos em um protótipo de alta fidelidade criando conexões, adicionando detalhes de interação e ajustando animações. Por fim, você vai testar o protótipo de alta fidelidade com um estudo de usabilidade, com o objetivo de conseguir feedback de um conjunto diversificado de usuários. Ao fim desta parte do curso, os designs de sites responsivos estarão completos.
11 videos (Total 47 minutos), 15 lecturas, 10 cuestionarios
11 videos
Boas-vindas à semana 51mComeçar a criar modelos2mComeçar a criar modelos para a página inicial de um site no Adobe XD9mContinuar criando modelos para a página inicial de um site no Adobe XD10mCriar modelos para um site para dispositivos móveis no Adobe XD3mTrabalhar com sistemas de design3mUsar sistemas de design externos no Adobe XD2mCriar um protótipo de alta fidelidade no Adobe XD6mFazer anotações em protótipos para acessibilidade na Web4mFinalização: Como criar e testar designs de alta fidelidade1mOpcional: testar o protótipo de alta fidelidade2m15 lecturas
Analisar os elementos fundamentais do design visual10mAnalisar como organizar elementos em modelos10mRevisar os princípios do design visual10mOpcional: começar a criar modelos de sites no Figma 10mAdicionar imagens e logotipos a modelos no Adobe XD10mUsar grades repetidas para projetar no Adobe XD10mExemplo de atividade: Criar maquetes para um site10mSaiba mais sobre menus de navegação ocultos10mOpcional: criar modelos para um site para dispositivos móveis no Figma10mExemplo de atividade: Criar um modelo para a página inicial de um site para dispositivos móveis10mSaiba mais sobre sistemas de design10mOpcional – Exemplo de atividade: Criar uma folha de adesivos no Figma10mSaiba mais sobre acessibilidade na Web10mGlossário5mOpcional: revise como planejar e realizar um estudo de usabilidade10m9 ejercicios de práctica
Testar seus conhecimentos sobre os conceitos básicos de modelos4mTestar seus conhecimentos sobre como criar uma página inicial no Adobe XD6mAtividade: Criar maquetes para um site30mAtividade: Criar um modelo para a página inicial de um site para dispositivos móveis30mTestar seus conhecimentos sobre como trabalhar com sistemas de design4mAtividade: Documentar suas decisões de design30mOpcional – Atividade: Criar uma folha de adesivos no Figma30mTestar seus conhecimentos sobre acessibilidade na Web6mTestar seus conhecimentos sobre estudos de usabilidade 4mSemana6
Semana 6
Documentar o trabalho de design e procurar empregos
Com designs de sites responsivos completos, é possível compartilhar seu trabalho com outras pessoas. Para começar, você vai aprender a preparar e entregar designs aos engenheiros que vão construir o produto final. Você também vai adicionar um estudo de caso ao seu portfólio profissional de UX focado no seu design de site responsivo. Depois, vai se concentrar no seu grande objetivo: conseguir um emprego como designer de UX. Você vai aprender dicas e truques para analisar anúncios de vaga e vai criar um currículo atraente que destaque suas novas habilidades de UX.
15 videos (Total 51 minutos), 10 lecturas, 9 cuestionarios
15 videos
Bem-vindo à semana 639sColaborar com as equipes de engenharia 2mEntregar especificações de design no Adobe XD3mAdicionar um projeto ao seu portfólio 2mEntenda os trabalhos comuns para designers de UX5mExplore os tipos de empresa em que os designers de UX trabalham6mKenny – Perseverança4mIdentifique onde se candidatar a trabalhos de design de UX4mVerifique descrições de vagas para palavras-chave5mEntenda os currículos de design de UX 3mDane – Meu conselho para currículos de design UX3mTim – Meu conselho para currículos de design de UX3mAtualizar um currículo com base nas descrições de vagas4mFinalização: Documentar o trabalho de design e procurar empregos43sParabéns por concluir o Curso 6: Web design responsivo em Adobe XD1m10 lecturas
Colaborar remotamente com o Adobe XD10mSaiba mais sobre estudos de caso de portfólio10mSaiba mais sobre vagas na área de experiência do usuário10mDescubra oportunidades de trabalho de design de UX10mExemplo de atividade: Comece a procurar vagas de UX usando um rastreador10mExemplo de atividade: Destaque palavras-chave e requisitos nas descrições de vagas10mElementos em um currículo típico de design UX10mExemplo de atividade: Esboce um currículo de design de UX 10mGlossário5mComece o próximo curso5m8 ejercicios de práctica
Testar seus conhecimentos sobre a transferência de designs6mTestar seus conhecimentos em estudos de caso de portfólio8mAutorreflexão: Compartilhe seus objetivos e interesses profissionais20mAtividade: Comece a procurar vagas de UX usando um rastreador30mAtividade: Destaque palavras-chave e requisitos nas descrições de vagas30mAutorreflexão: Pense nas informações para incluir em seu currículo20mAtividade: Esboce um currículo de design de UX 30mDesafio semanal 6: Trabalho de design de documentos e busca de empregos1hPreguntas Frecuentes
¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si me suscribo a este Certificado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos del Certificado y te darán un certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.
O que é um designer de UX?
Designers de experiência do usuário (UX) têm como foco a experiência de usuários que utilizam produtos como sites, aplicativos e objetos físicos. Designers de UX tornam essas interações diárias práticas, agradáveis e acessíveis. A função de um designer de UX iniciante pode incluir ter ideias para resolver problemas e realizar pesquisas com os usuários, além de projetar wireframes, maquetes e protótipos.
Se você gosta de conversar e tem empatia com as pessoas, gosta de desenhar, pensar de maneira criativa ou prestar atenção a detalhes, um trabalho como designer de UX pode ser uma boa opção para você!
Que experiência é necessária?
Este é o sexto de sete cursos que vão fornecer as habilidades de que você precisa para se candidatar a empregos de nível básico em design de experiência do usuário. É altamente recomendável concluir os cinco primeiros cursos do Certificado de Design de UX do Google UX antes deste:
- Curso 1:Fundamentos do design da experiência do usuário (UX)
- Curso 2:Início do processo de design de UX: ter empatia, definir e idealizar
- Curso 3:Construir wireframes e protótipos de baixa fidelidade
- Curso 4:Conduzir pesquisas de UX e testar os primeiros conceitos
- Curso 5: Criar designs e protótipos de alta fidelidade no Figma
Como alternativa, se pretender tomar este curso como o primeiro do programa, você deve ter experiência na realização de pesquisas com usuários para ter empatia com eles e determinar problemas específicos. Você precisa ter capacidade para criar personas, histórias de usuários, mapas da jornada do usuário e declarações de problema. Você também precisa saber como criar wireframes e protótipo de baixa fidelidade em papel. Além disso, é útil ter experiência na realização de estudos de usabilidade e na iteração de designs. Se você não estiver familiarizado com esses tópicos, eles são abordados nos cursos anteriores do Certificado de Design de UX do Google.
Quais ferramentas ou plataformas estão incluídas no currículo?
Adobe XD e Figma são as ferramentas de design ensinadas no Certificado de Design de UX do Google. O foco deste curso é a criação de designs no Adobe XD. Os alunos têm nove meses de acesso à versão Single App do Adobe XD para compartilhar links ilimitados a protótipos. É preciso concluir o curso 1 (inclusive todas as tarefas com nota) do Certificado de Design de UX do Google para receber essa oferta. A assinatura é exclusiva para alunos do Certificado de Design de UX do Google e não pode ser revendida, emprestada nem compartilhada. Depois que os alunos qualificados concluírem o curso 1, eles receberão um e-mail e uma mensagem do Coursera com as instruções para resgatar a oferta.
Também serão usados planilhas e aplicativos de processamento de texto e de apresentação. Ao longo do programa, você usará a plataforma que escolher para criar um portfólio profissional que servirá de vitrine do seu trabalho de design de UX.
Para quais empregos este certificado ajudará a me preparar?
Uma das partes mais interessantes de ingressar na área de experiência do usuário é o grande número de oportunidades de trabalho disponíveis. Quase todas as empresas precisam de designers de UX para ajudar a criar produtos digitais e físicos. Embora a demanda por designers de UX continue aumentando, atualmente há uma escassez de profissionais de design de UX para preencher esses cargos.
Uma carreira em design de UX oferece a oportunidade de trabalhar como generalista, exercendo a função de designer de UX, designer de UI ou pesquisador de UX, ou como especialista, por exemplo, no cargo de designer visual ou designer de interação. Depois de concluir este programa de certificação, você poderá pesquisar todos esses cargos e encontrar a função que melhor se adequa a você.
Preciso fazer o curso em uma ordem específica?
Este é o sexto de sete cursos do Certificado de Design de UX do Google. Recomendamos que você conclua os sete cursos deste programa de certificação na ordem apresentada, porque o conteúdo e as aplicações de cada curso se baseiam nas informações apresentadas e praticadas em cursos anteriores.
¿Tienes más preguntas? Visita el Centro de Ayuda al Estudiante.
