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

“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.

What's inside

Syllabus

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.

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.

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.

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.

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.

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.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Ensina todo o processo de design UX, do entendimento dos usuários até a construção de protótipos

Fornece um estudo de caso para o portfólio UX dos alunos

Inclui dicas e truques para o desenvolvimento do currículo

Ensina os alunos a trabalhar com sistemas de design no Adobe XD

Desenvolve habilidades essenciais para Web design responsivo

Adequado para iniciantes que concluíram os cinco cursos anteriores do Certificado de Design de UX do Google

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Criar interfaces do usuário (IU) dinâmicas para sites with these activities:

Participar de Tutoriais sobre Ferramentas de Design UX

Show steps

Participar de tutoriais sobre ferramentas de Design UX, como o Adobe XD, complementará o aprendizado do curso e fornecerá a você conhecimentos práticos sobre as ferramentas que são usadas na indústria.

Browse courses on Adobe XD

Show steps

Procure tutoriais online sobre os recursos essenciais do Adobe XD.
Siga um tutorial passo a passo para criar um design de interface de usuário usando o Adobe XD.
Experimente diferentes recursos do Adobe XD para criar protótipos interativos.

Show all one activities

Career center

Learners who complete Criar interfaces do usuário (IU) dinâmicas para sites will develop knowledge and skills that may be useful to these careers:

User Interface Designer

User Interface Designers design the visual and interactive elements of websites and other digital products. This course will help you build a strong foundation in UI design principles, including typography, color theory, and layout. You will also learn how to use Adobe XD, a popular UI design tool, to create prototypes of your designs.

See salaries and explore the career path for User Interface Designer

User Experience Researcher

User Experience Researchers conduct research to identify user needs and behaviors. This course will help you build a foundation in UX research methods, including empathy mapping, user interviewing, and usability testing. You will also learn how to analyze data and create reports that can be used to improve the user experience of websites and other products.

See salaries and explore the career path for User Experience Researcher

Interaction Designer

Interaction Designers design the interactions between users and digital products. This course will help you build a foundation in interaction design principles, including affordance, feedback, and navigation. You will also learn how to use prototyping tools to create interactive prototypes of your designs.

See salaries and explore the career path for Interaction Designer

Visual Designer

Visual Designers create the visual elements of websites and other digital products. This course will help you build a strong foundation in visual design principles, including typography, color theory, and layout. You will also learn how to use Adobe XD to create prototypes of your designs.

See salaries and explore the career path for Visual Designer

Front-End Developer

Front-End Developers implement the visual and interactive elements of websites and other digital products. This course will help you build a foundation in HTML, CSS, and JavaScript, the core technologies used to create front-end code. You will also learn how to use Adobe XD to create prototypes of your designs that can be handed off to developers.

See salaries and explore the career path for Front-End Developer

Motion Designer

Motion Designers create the animated elements of websites and other digital products. This course will help you build a foundation in motion design principles, including timing, easing, and physics. You will also learn how to use Adobe XD to create prototypes of your motion designs.

See salaries and explore the career path for Motion Designer

Information Architect

Information Architects design the structure and organization of websites and other digital products. This course will help you build a foundation in information architecture principles, including sitemaps, navigation, and metadata. You will also learn how to use Adobe XD to create prototypes of your information architecture.

See salaries and explore the career path for Information Architect

Product Manager

Product Managers are responsible for the planning, development, and launch of digital products. This course will help you build a foundation in product management principles, including user research, market analysis, and roadmap planning. You will also learn how to use Adobe XD to create prototypes of your product ideas.

See salaries and explore the career path for Product Manager

Technical Writer

Technical Writers create documentation for websites and other digital products. This course will help you build a foundation in technical writing principles, including user research, information architecture, and content writing. You will also learn how to use Adobe XD to create prototypes of your technical documentation.

See salaries and explore the career path for Technical Writer

UX Writer

UX Writers create the text content for websites and other digital products. This course will help you build a foundation in UX writing principles, including user research, tone of voice, and microcopy. You will also learn how to use Adobe XD to create prototypes of your UX writing.

See salaries and explore the career path for UX Writer

Content Strategist

Content Strategists develop and manage the content of websites and other digital products. This course will help you build a foundation in content strategy principles, including user research, information architecture, and content writing. You will also learn how to use Adobe XD to create prototypes of your content strategy.

See salaries and explore the career path for Content Strategist

Sound Designer

Sound Designers create the sound effects and music for websites and other digital products. This course will help you build a foundation in sound design principles, including sound effects, music theory, and audio editing. You will also learn how to use Adobe XD to create prototypes of your sound designs.

See salaries and explore the career path for Sound Designer

Business Analyst

Business Analysts gather and analyze requirements for websites and other digital products. This course will help you build a foundation in business analysis principles, including stakeholder analysis, process mapping, and data analysis. You will also learn how to use Adobe XD to create prototypes of your business requirements.

See salaries and explore the career path for Business Analyst

Project Manager

Project Managers plan and execute the development of websites and other digital products. This course will help you build a foundation in project management principles, including project planning, risk management, and stakeholder management. You will also learn how to use Adobe XD to create prototypes of your project plans.

See salaries and explore the career path for Project Manager

Quality Assurance Analyst

Quality Assurance Analysts test websites and other digital products to ensure that they meet quality standards. This course will help you build a foundation in quality assurance principles, including test planning, test execution, and bug tracking. You will also learn how to use Adobe XD to create prototypes of your test plans.

See salaries and explore the career path for Quality Assurance Analyst