Перейти к основному содержимому

UX-Дизайн от Google. Курс 6: Адаптивный веб-дизайн в Adobe XD


firstdigital

Почему дизайн пользовательского опыта (UX)?

140 тыс руб

Средняя зарплата уверенного специалиста по UX-дизайну в России

Искусство

UX-дизайнеры помогают создавать удобный, приятный и доступный интерфейс для сайтов и мобильных приложений, что можно считать формой современного цифрового искусства

Голос клиента

UX-дизайнер помогает понять потребности и эмоции клиентов, без чего невозможно построить востребованный продукт

Почему эта программа?

Учитесь у лучших

Вашими преподавателями будут UX-дизайнеры и UX-исследователи компании Google, создающие лучшие цифровые продукты в мире

Пропуск

По окончании программы Вы приобретёте необходимые навыки и знания, чтобы получить должность младшего UX-дизайнера

Рейтинг

Средняя оценка курса - 4.85 из 5

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

Курс Адаптивный веб-дизайн в Adobe XD является шестым курсом программы UX-Дизайн от Google

Курс
Описание

1

Основы UX-дизайна

Основы UX-дизайна – это первый из семи курсов, которые выработают в вас навыки, необходимые для работы начального уровня в сфере UX-дизайна. UX-дизайн сосредоточен на взаимодействии пользователей с такими продуктами, как сайты, мобильные приложения и физические товары. UX-дизайнеры делают это ежедневное взаимодействие удобным, приятным и доступным. Роль начинающего UX-дизайнера может включать сопереживание пользователям, определение их болевых точек, предложение идей для дизайн-решений, создание вайрфреймов, прототипов и мокапов и тестирование дизайна с целью получить обратную связь.

По итогам курса Вы:

  • Сможете дать определение сфере UX-дизайна и объяснить, почему она важна для клиентов и бизнеса.
  • Поймёте основные идеи в UX-дизайне, такие как ориентированное на пользователя проектирование, дизайн-процесс, доступность и справедливый дизайн.
  • Научитесь определять факторы, обеспечивающие выдающийся UX-дизайн.
  • Рассмотрите общие обязанности начинающих UX-дизайнеров и их коллег.
  • Изучите новые специальности и профессии в сфере пользовательского опыта.
  • Поймёте, почему дизайн-спринты – это важная и полезная часть работы UX-дизайнера.
  • Начнёте создавать онлайн-портфолио, в котором будете демонстрировать свои новые работы.
  • Присоединитесь к UX-сообществам.

2

Эмпатии, определения, генерация идей

Эмпатия, определения, генерация идей: Сопереживай, определяй, придумывай – это второй курс программы, которая выработает в вас навыки, необходимые для работы начального уровня в сфере UX-дизайна. В ходе данного курса вы завершите первые этапы дизайн-процесса проекта, который сможете включить в портфолио. Вы научитесь сопереживать пользователям и определять их болевые точки, выявлять потребности пользователя путём формулирования проблемы и предлагать множество идей решения таких проблем.

По итогам курса Вы:

  • Научитесь описывать основные методы UX-исследования.
  • Научитесь сопереживать пользователям с целью определить их потребности и болевые точки.
  • Научитесь создавать карты сопереживания, персон, пользовательские истории и карты пути пользователя, чтобы понимать потребности пользователя.
  • Научитесь формулировать проблемы для определения потребностей пользователя.
  • Научитесь предлагать идеи возможного решения проблем пользователя.
  • Научитесь проводить конкурентный аудит.
  • Научитесь определять и учитывать погрешности в UX-исследованиях.
  • Начнёте создавать дизайн мобильного приложения, который также сможете включить в ваше профессиональное UX-портфолио.

3

Прототип малой детализации и вайрфреймы

Прототип малой детализации и вайрфреймы– это третий курс программы, которая выработает в вас навыки, необходимые для работы начального уровня в сфере UX-дизайна. В ходе этого курса вы продолжите создавать дизайн мобильного приложения для вашего профессионального UX-портфолио. Вы начнёте с создания сторибордов и освоите основы рисования. Затем вы будете создавать бумажные и цифровые вайрфреймы с помощью дизайн-инструмента Figma. Вы также станете создавать бумажные и цифровые прототипы с низкой точностью в Figma.

Для успешного прохождения этого курса вам необходимо завершить два предыдущих курса программы или уметь проводить исследование пользователя, чтобы получать информацию для карт эмпатии, персон, пользовательских историй, карт пути пользователя, определения проблем и ценностных предложений. Также прихватите с собой лист бумаги и ручку.

По итогам курса Вы:

  • Научитесь определять цель.
  • Научитесь создавать сториборды двух видов: общую картину и крупный план.
  • Поймёте разницу между дизайном с низкой и высокой точностью.
  • Сможете применять основы рисования.
  • Освоите принципы информационной архитектуры для организации мобильного приложения.
  • Научитесь создавать бумажные вайрфеймы для дизайна мобильного приложения.
  • Научитесь создавать цифровые вайрфреймы в дизайн-инструменте Figma.
  • Научитесь разрабатывать бумажные прототипы для добавления дизайну интерактивности.
  • Научитесь разрабатывать прототипы с низкой точностью в Figma.
  • Научитесь определять неявные стереотипы и тёмные паттерны в дизайне.
  • Продолжите создавать дизайн мобильного приложения для своего профессионального портфолио.

4

UX-исследования и тестирование

UX-исследования и тестирование – это четвёртый курс программы, которая выработает в вас навыки, необходимые для работы начального уровня в сфере UX-дизайна. В ходе этого курса вы научитесь планировать и проводить юзабилити-исследования с целью получить обратную связь о дизайне. Потом вы улучшите дизайн с низкой точностью, основываясь на результатах ваших исследований.

Для успешного прохождения этого курса вам необходимо завершить три предыдущих курса программы или уметь проводить исследования пользователя, чтобы получать информацию для карт эмпатии, персон, пользовательских историй, карт пути пользователя, определения проблем и ценностных предложений, а также создавать вайрфреймы и прототипы с низкой точностью на бумаге и в Figma.

По итогам курса Вы:

  • Научитесь планировать UX-исследование, включая историю проекта, цели и вопросы исследования, ключевые показатели эффективности, методологию, участников и сценарий.
  • Поймёте важность защиты персональных данных пользователя и его конфиденциальности.
  • Научитесь проводить модерируемое и немодерируемое юзабилити-исследование.
  • Научитесь вести записи во время исследования.
  • Научитесь создавать диаграммы сходства для группирования и анализа данных.
  • Научитесь объединять ваши наблюдения и делать выводы.
  • Разовьёте навыки убедительной презентации для представления сделанных выводов.
  • Научитесь улучшать дизайн с низкой точностью, основываясь на результатах исследования.
  • Продолжите создавать дизайн мобильного приложения для своего профессионального портфолио.

5

Прототип высокой детализации и дизайн в Figma

Прототип высокой детализации и дизайн в Figma – это пятый курс программы, которая выработает в вас навыки, необходимые для работы начального уровня в сфере UX-дизайна. В ходе этого курса вы научитесь пошагово создавать дизайн с высокой точностью, называемый мокапом, в популярном дизайн-инструменте Figma. Затем вы превратите этот дизайн в интерактивный прототип, который будет работать, как готовый продукт. Вы проведёте исследование, чтобы собрать обратную связь вашем дизайне и что-либо улучшить. И наконец, вы научитесь тому, как передать дизайн команде разработчиков и поместить свои работы в профессиональное UX-портфолио.

Этот курс подойдёт для начинающих UX-дизайнеров, завершивших предыдущие четыре курса Программы сертификации Google по UX-дизайну. А те студенты, которые не прошли предыдущие курсы, должны иметь твёрдое понимание дизайн-процесса, создания дизайна с низкой точностью на бумаге и в Figma и проведения юзабилити-исследований.

По итогам курса Вы:

  • Научитесь создавать мокапы и прототипы с высокой точностью в Figma.
  • Научитесь определять и применять основные элементы и принципы визуального дизайна.
  • Сможете продемонстрировать, как могут быть использованы дизайн-системы, чтобы организовывать, стандартизировать и улучшать дизайн.
  • Поймёте роль упражнения «дизайн-критика» и обратной связи в процессе работы над дизайном.
  • Научитесь передавать завершённые проекты дизайна команде инженеров.
  • Завершите создание дизайна мобильного приложения для профессионального UX-портфолио.

6

Адаптивный веб-дизайн в Adobe XD

Адаптивный веб-дизайн в Adobe XD – это шестой курс программы, которая выработает в вас навыки, необходимые для работы начального уровня в сфере UX-дизайна. В ходе этого курса вы создадите дизайн адаптивного веб-сайта с помощью популярного дизайн-инструмента Adobe XD. Вы выполните весь дизайн-процесс от начала до конца: станете сопереживать пользователям, определять их болевые точки, предлагать идеи дизайн-решений, создавать вайрфреймы и прототипы и тестировать дизайн, чтобы получить обратную связь. По окончании этого курса у вас будет новый дизайн-проект для профессионального UX-портфолио.

Вы также научитесь тому, как искать работу начального уровня в сфере UX-дизайна, подготавливать резюме, которое подчёркивает ваши навыки и достижения, и создавать свой собственный сайт с профессиональным портфолио. Вашими преподавателями будут UX-дизайнеры и -исследователи компании Google. Вы станете выполнять практические задания, которые имитируют реальные задачи в сфере UX-дизайна. Те студенты, которые пройдут все семь курсов программы, будут готовы получить работу начального уровня в качестве UX-дизайнера.

Этот курс подойдёт для начинающих UX-дизайнеров, завершивших предыдущие пять курсов Программы сертификации Google по UX-дизайну. А те студенты, которые не прошли предыдущие курсы, должны иметь твёрдое и уверенное понимание дизайн-процесса, опыт создания вайрфреймов, мокапов и прототипов и уметь проводить юзабилити-исследование. Никакого предыдущего опыта работы с Adobe XD не требуется.

По итогам курса Вы:

  • Изучите каждый этап дизайн-процесса (сопереживай, определяй, придумывай, создавай прототип, тестируй) создания адаптивного веб-сайта.
  • Научитесь создавать дизайн в популярном дизайн-инструменте Adobe XD.
  • Научитесь планировать информационную архитектуру и создавать карты сайта для дизайна сайтов.
  • Научитесь применять основные макеты веб-страниц.
  • Научитесь планировать и проводить юзабилити-исследование, чтобы получить обратную связь о дизайне.
  • Научитесь улучшать дизайн, основываясь на результатах исследований.
  • Научитесь работать с дизайн-системами в Adobe XD.
  • Добавите новый дизайн-проект в своё профессиональное UX-портфолио.
  • Научитесь создавать и обновлять резюме для работы в сфере UX-дизайна (по выбору).
  • Научитесь искать вакансии и подавать заявки на работу начального уровня в сфере UX-дизайна (по выбору).

7

Практический проект и подготовка к работе

Практический проект и подготовка к работе – это седьмой и финальный курс программы, которая выработает в вас навыки, необходимые для работы начального уровня в сфере UX-дизайна. В ходе этого курса вы создадите дизайн специализированного мобильного приложения и адаптивного веб-сайта для некоторого общественно полезного продукта. Вы продемонстрируете всё, чему научились в ходе Программы сертификации, выполняя дизайн-процесс от начала до конца: сопереживая пользователю, определяя его болевые точки, предлагая идеи для дизайн-решений, создавая вайрфереймы и прототипы и тестируя дизайн, чтобы получить обратную связь. По окончании этого курса у вас будет новый кроссплатформенный дизайн-проект для профессионального UX-портфолио.

Этот курс также подготовит вас к получению первой работы как UX-дизайнера. Вы научитесь тому, как пройти собеседование на работу начального уровня в сфере UX-дизайна. Сотрудники Google дадут вам советы, основанные на их собственном опыте прохождения собеседований и личном мнении как менеджеров, нанимающих персонал. Вы также подготовите своё профессиональное UX-портфолио, которое создавали на протяжении всей программы, для отправки работодателям.

Этот курс подойдёт для начинающих UX-дизайнеров, завершивших предыдущие шесть курсов Программы сертификации Google по UX-дизайну.

По итогам курса Вы:

  • Изучите каждый этап дизайн-процесса (сопереживай, определяй, придумывай, создавай прототип, тестируй), чтобы создать дизайн общественно значимого продукта.
  • Научитесь определять различие между специализированными мобильными приложениями и адаптивными веб-приложениями.
  • Изучите подходы прогрессивного улучшения и изящной деградации дизайна на различных устройствах.
  • Научитесь создавать вайрфреймы, мокапы и прототипы с низкой и высокой точностью в Figma и Adobe XD.
  • Добавите новый дизайн-проект в профессиональное UX-портфолио.
  • Подготовите ваше портфолио дизайн-проектов к отправке работодателям.
  • Научитесь проходить собеседования на работу начального уровня в сфере UX-дизайна.
  • Определите, подходит ли вам карьера дизайнера-фрилансера.

Как проходит обучение

Видеолекции

Смотрите видеоуроки в любое время, на любом устройстве: 3-8 минутные уроки встроятся в ваше расписание

Практика

Закрепите новый материал выполнением практических заданий, с которыми встречаются UX-дизайнеры

Сообщество

Присоединяйтесь к онлайн форуму и чату для студентов для обсуждения заданий и обмена опытом

Сертификат

Получите сертификат об окончании профессиональной программы курса и портфолио, которые помогут вам при трудоустройстве

Трудоустройство

Мы поможем вам устроиться на работу UX-дазайнером в одну из компаний-партнеров

Курс 6: Адаптивный веб-дизайн в Adobe XD

6 недель

5 часов в неделю

Начальный уровень

Неделя
Описание

1

Начинаем UX-дизайн-процесс: Сопереживай и определяй

Начинайте знакомиться с основами отзывчивого веб-дизайна. Для создания отзывчивого веб-сайта вы пройдёте следующие этапы UX-дизайн-процесса: сопереживай, определяй, придумывай, создавай прототип и тестируй. В этой части курса вы завершите этап сопереживания и определения. Также вы начнёте знакомиться с Adobe XD, популярным дизайн-инструментом, которым вы будете пользоваться на протяжении этого курса.

На данной неделе мы:

  • Поймем цель дизайна отзывчивого веб-сайта
  • Познакомимся с основными функциями Adobe XD
  • Поймем важность понимания потребностей пользователя, его поведения и мотивации
  • Создадим персон
  • Проведем исследование пользователя, чтобы создать карты пути пользователя и определить болевые точки
  • Сформулируем проблему

2

Продолжаем UX-дизайн-процесс: Придумывай

Вы уже начали работать над созданием дизайна отзывчивого веб-сайта. В этой части курса вы приступите к этапу «придумывай». Для того, чтобы ускорить процесс предложения идей, вы проведёте конкурентный аудит, выполните упражнение «Как мы можем сделать так» и набросаете идеи во время упражнения «Сумасшедшие восьмёрки». Вы также поймёте важность информационной архитектуры и карт сайта при дизайне сайтов.

На данной неделе мы:

  • Поймем цель, преимущества и ограничения конкурентных аудитов
  • Используем конкурентное исследование для сбора информации
  • Узнаем о преимуществах идей и методов предложения идей в дизайне
  • Применим техники создания идей
  • Поймем преимущества и недостатки следования стандартным макетам веб-сайтов
  • Создадим карту сайта, чтобы определить информационную архитектуру сайта

3

Создаём вайрфреймы для адаптивного сайта

После того, как вы сопереживали пользователям, определили проблему и начали предлагать возможные решения, пришло время воплотить ваши идеи в вайрфреймах. Ваш отзывчивый сайт будет иметь различные макеты, в зависимости от устройства и размера его экрана, поэтому вы создадите множество разных вайрфреймов. Сначала вы познакомитесь с основными макетами сайтов и создадите бумажные вайрфреймы. Затем вы изучите некоторые элементы и компоненты, которые часто используются в дизайне отзывчивых сайтов. Потом вы создадите цифровые вайрфреймы в Adobe XD. И наконец, вы обновите свои вайрфреймы, чтобы уулучшить доступность.

На данной неделе мы:

  • Изучим основные макеты домашних страниц сайтов
  • Поймем шаги, методы и преимущества создания вайрфрейма
  • Нарисуем вайрфреймы на бумаге
  • Скорректируем вайрфреймы, используя миллиметровую бумагу
  • Создадим дизайн для экранов разных размеров
  • Создадим цифровые вайрфреймы в Adobe XD
  • Создадим вайрфреймы с учётом принципов дизайна и стандартов доступности.

4

Создаём и тестируем прототипы с низкой точностью

Вы создали цифровые вайрфреймы в Adobe XD, пришло время создать, протестировать и отредактировать прототип с низкой точностью. Сначала вы научитесь создавать прототипы с низкой точностью в Adobe XD. Вы получите отзывы о вашем прототипе в ходе проведения юзабилити-исследования. Затем вы отредактируете ваш дизайн с низкой точностью, основываясь на идеях, предложенных во время исследования.

На данной неделе мы:

  • Превратим цифровые вайрфреймы в цифровые прототипы
  • Создадим прототип с низкой точностью в Adobe XD
  • Распланируем юзабилити-исследование, основанное на целях проекта
  • Проведем юзабилити-исследование прототипа с низкой точностью
  • Улучшим вайрфреймы и прототипы с низкой точностью, основываясь на результатах исследования
  • Определим, как преодолеть стереотипы в юзабилити-исследовании

5

Создаём и тестируем дизайн с высокой точностью

В этой части курса вы будете создавать мокапы отзывчивого сайта в Adobe XD. Вы также продолжите свою работу с дизайн-системами и используете компоненты внешних дизайн-систем в дизайне отзывчивого веб-сайта. Потом вы превратите ваши мокапы в прототип с высокой точностью путём создания соединений, добавления интерактивных деталей и настройки анимации. И наконец, вы протестируете ваш прототип с высокой точностью во время юзабилити-исследования, чтобы получить отзывы от разнообразных групп пользователей. К концу этой части курса дизайн вашего отзывчивого сайта будет завершён!

На данной неделе мы:

  • Вспомним цель и основные элементы мокапов
  • Создадим мокапы домашней страницы веб-сайта в Adobe XD
  • Определим преимущества и особенности дизайн-систем
  • Создадим и сохранить компоненты дизайна в Adobe XD
  • Создадим прототипы с высокой точностью в Adobe XD
  • Используем в дизайне пометки и примечания
  • Проведем юзабилити-исследование для прототипа веб-сайта с высокой точностью (по выбору)

6

Документируем проект дизайна и ищем работу

Ваш дизайн отзывчивого веб-сайта готов, и вы можете поделиться своей работой с другими. Сначала вы научитесь подготавливать и передавать проект дизайна инженерам, которые разработают финальный продукт. Вы также добавите в своё профессиональное UX-портфолио кейс, рассказывающий о вашем дизайне отзывчивого веб-сайта. Затем вы сосредоточитесь на масштабной цели: получить работу UX-дизайнера. Вы изучите техники просмотра вакансий и создадите эффектное резюме, которое будет подсвечивать ваши новые UX-навыки.

На данной неделе мы:

  • Включим в дизайн пометки и создать документацию для передачи инженерам
  • Узнаем о частях и преимуществах кейса для портфолио
  • Добавим в портфолио кейс с дизайном веб-сайта
  • Выберем профессиональные цели и интересы, которые стимулируют поиск работы, и изучить карьерные возможности (по выбору)
  • Выделим ключевые слова и требования из примеров описаний вакансий (по выбору)
  • Подготовим резюме, которое будет подсвечивать ваши достижения в UX-дизайне (по выбору)

Что вы освоите в результате прохождения программы

Цель профессиональной программы: дать Вам все необходимые знания, навыки и портфолио для трудоустройства на позицию начинающего UX-дизайнера. Для этого мы подготовили для вас более 180 часов обучения от UX-дизайнеров и UX-исследователей из Google

Вы освоите все этапы процесса дизайна: эмпатия пользователям, определение болевых точек, идеация решений, создание вайрфреймов и прототипов, тестирование и итерирование дизайна

Освоите основы UX-исследований: планирование исследований, проведение интервью и изучение юзабилити продукта и обобщение результатов исследований

Научитесь применять основополагающие концепции UX, такие как: дизайн, ориентированный на пользователя; доступность для разных типов пользователей; и дизайн, ориентированный на уравнивание возможностей

Освоите основы программ Figma и Adobe XD, используемых дизайнерами для прототипирования

Создадите профессиональное UX-портфолио, которое включает 3 полноценных проекта: мобильное приложение, адаптивный веб-сайт и кроссплатформенный интерфейс

Сертификат об успешном окончании курса

Выполнение любого из 7 курсов программы даёт возможность получить сертификат об окончании курса. Выполнение всех 7 курсов профессиональной программы UX-дизайн от Google даёт право на получение сертификата об успешном окончании полной программы

Пример сертификата:

Стоимость программы UX-дизайн от Google

Стоимость курса (курс 6 из 7) - 3900 руб. Материалы первой недели курса доступны БЕСПЛАТНО

Стоимость профессиональной программы при единовременной оплате (7 курсов) - 19900 руб. (-27%).

  1. Номер курса

    GLUX6
  2. Начало курса

  3. Занятия заканчиваются

  4. Оценка сложности

    5
Внести в список