МОДУЛЬ 2. БАЗОВЫЙ

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

Часов в программе

51,00 час

лекции

66,00 часов

практика

49,00 часов

самостоятельная

1,00 час

промежуточная аттестация

167,00 часов

всего

Материально-технические условия реализации программы:

Вид занятий: Практические и лекционные занятия
Требуемое ПО:
Material Design, iOS и MS PowerPoint, Adobe Illustrator, Adobe Photoshop, Figma, Google Chrome

Информационные ресуры

1. https://sprint.1t.ru
2. https://sprint.1t.ru/design
3. https://1t.ru/course-design

Образовательные ресуры

1) Маурер Р. Шаг за шагом к достижению цели. Метод кайдзен [Электронный ресурс]. электрон. текст. дан. / 2014г. ¬––140стр. –– Режим доступа: https://www.litres.ru/robert-maurer-2/shag-za-shagom-k-dostizheniu-celi-metod-kaydzen-8332215/chitat-onlayn/– Примечание («Электрон. версия печ. публикации»).
2) Рос Б. Привычка достигать [Электронный ресурс]. электрон. текст. дан. / 2015г. ¬––290 стр. –– Режим доступа: https://www.litres.ru/bernard-ros/privychka-dostigat-kak-primenyat-dizayn-myshlenie-dlya-dostizh/otzivi//– Примечание («Электрон. версия печ. публикации»).
3) Горбунов А. Типографика и верстка [Электронный ресурс]/Фролов С. Кулматов Р. Половнёв В. –– Режим доступа: https://bureau.ru/projects/book-typography/– Примечание («Электрон. версия печ. публикации»).
4) Иттен И. Искусство цвета [Электронный ресурс]. электрон. текст. дан. / 2004г. ¬––96 стр. –– Режим доступа: https://avidreaders.ru/book/iskusstvo-cveta.html/– Примечание («Электрон. версия печ. публикации»).
5) Норман Д. Дизайн привычных вещей [Электронный ресурс]. электрон. текст. дан. / 2013г. ¬––500стр. –– Режим доступа: https://www.litres.ru/donald-norman/dizayn-privychnyh-veschey-37404452/chitat-onlayn/ /– Примечание («Электрон. версия печ. публикации»).
6) Дрю Д. Управление цветом Универсальное руководство для дизайнеров [Электронный ресурс]. электрон. текст. дан. / 2008г. ––224 стр. –– Режим доступа: https://market.yandex.ru/product--driu-dzhon-upravlenie-tsvetom-universalnoe-rukovodstvo-dlia-dizainerov/560999077?lr=213&cpa=1/– Примечание («Электрон. версия печ. публикации»).
7) Уилер А. Фирменный стиль [Электронный ресурс]. электрон. текст. дан. /
8) Wheeler Alina, Millman Debbie John Wiley & Sons Limited –– Режим доступа: https://www.ozon.ru/product/designing-brand-identity-an-essential-guide-for-the-whole-branding-team-143697071/?sh=U0hVWzy3Sw – Примечание («Электрон. версия печ. публикации»).
9) Эвами М. LOGO. Создание логотипов. Самые современные разработки [Электронный ресурс]. электрон. текст. дан. / 2009г. –– 352 стр. –– Режим доступа: https://www.ozon.ru/product/logo-sozdanie-logotipov-samye-sovremennye-razrabotki-4267126/?sh=U0hVW_UVWg– Примечание («Электрон. версия печ. публикации»).
10) Шпикерманн Э. О шрифте [Электронный ресурс]. Перевод: Лаврухина Л. /2017. электрон. текст. дан. / 2014г. ¬––209 стр. –– Режим доступа: https://www.litres.ru/erik-shpikermann/o-shrifte-22198861/otzivi//– Примечание («Электрон. версия печ. публикации»).
11) Швабер К, Джеф Сазерленд Руководство по скраму [Электронный ресурс]. электрон. текст. дан. / 2020г. ¬–– Режим доступа: https://scrumguides.org/docs/scrumguide/v2020/2020-Scrum-Guide-Russian.pdf /– Примечание («Электрон. версия печ. публикации»).
12) Крам Р. Инфографика. Визуальное представление данных [Электронный ресурс]. электрон. текст. дан. / 2020г. –– Режим доступа: https://www.labirint.ru/books/460586/
13) Маркотт И. Отзывчивый веб-дизайн [Электронный ресурс]. Перевод: Миронов П. электрон. текст. дан. / 2012г. ––170 стр. –– Режим доступа: https://www.litres.ru/itan-markott/otzyvchivyy-veb-dizayn/otzivi/– Примечание («Электрон. версия печ. публикации»).
14) Уолтер А. Эмоциональный веб-дизайн Электронный ресурс]. Перевод: Миронов П. электрон. текст. дан. / 2012г. ––120 стр. –– Режим доступа: https://www.litres.ru/aaron-uolter/emocionalnyy-veb-dizayn/ /– Примечание («Электрон. версия печ. публикации»).
15) Киссейн Э. Основы контентной стратегии [Электронный ресурс]. электрон. текст. дан. / 2012г. ––128 стр. –– Режим доступа: https://www.livelib.ru/book/1000536716-osnovy-kontentnoj-strategii-erin-kissejn /– Примечание («Электрон. версия печ. публикации»).
16) Вроблевски Л. Сначала мобильные [Электронный ресурс]. Перевод: Миронов П. электрон. текст. дан. / 2012г. ––176 стр. –– Режим доступа: https://www.ozon.ru/product/snachala-mobilnye-15708347/?sh=U0hVWzesyA /– Примечание («Электрон. версия печ. публикации»).
17) Дэн Сидерхолм CSS3 для веб-дизайнеров [Электронный ресурс]. электрон. текст. дан. / 2013г. –– Режим доступа: https://www.studmed.ru/siderholm-den-cssz-dlya-veb-dizaynerov_f061393f256.html /– Примечание («Электрон. версия печ. публикации»).
18) Кит Джереми HTML5 для веб-дизайнеров [Электронный ресурс]. Перевод: Андерсен В. электрон. текст. дан. / 2012г. ––90 стр. –– Режим доступа: https://www.litres.ru/kit-dzheremi/html5-dlya-veb-dizaynerov/otzivi/
19) Майк Монтейро Дизайн – это работа [Электронный ресурс]. Перевод: Кириенко Д. электрон. текст. дан. / 2012г. ––170 стр. –– Режим доступа: https://www.litres.ru/mayk-monteyro/dizayn-eto-rabota/otzivi//– Примечание («Электрон. версия печ. публикации»).
20) Карен Макгрейн Контентная стратегия для мобильных устройств [Электронный ресурс]. Перевод: Кириенко Д. электрон. текст. дан. / 2013г.–– Режим доступа: https://www.libfox.ru/629332-karen-makgreyn-kontentnaya-strategiya-dlya-mobilnyh-ustroystv.html /– Примечание («Электрон. версия печ. публикации»).
21) Гиббонс. С. Карта эмпатии [Электронный ресурс]. электрон. текст. дан. / 2018г.–– Режим доступа: https://www.nngroup.com/articles/empathy-mapping/

Учебно-методические материалы

Методы, формы и технологии

Методы:
Работа в команде, case-study, деловая игра, метод проектов, модульное обучение, проблемное обучение, контекстное обучение.

Формы:
Лекции с использованием мультимедиа, практические занятия, самостоятельная работа, воркшопы, групповая работа обучающихся.
«Марафонное» обучение (12 недель, каждая неделя – отдельный этап ИТ-проекта).

Технологии:
Онлайн-обучение с применением ЭО и ДОТ

Методические разработки

Обучающие материалы дисциплины представлены в виде видеолекций, текстовых и графических материалов, размещенных на платформе 1T

Материалы курса

Видеолекции
Текстовые материалы лекций
Инструкции для выполнения заданий
Обучающие задания с автоматизированной системой проверки и подсказками
Проверочные задания с автоматизированной системой проверки

Учебная литература

1. Бланк С. Четыре шага к озарению: 2е изд.: Альпина Паблишер: Москва, 2014. — 376 с.
2. Вернон В. Предметно-ориентированное проектирование. Самое основное: Вильямс: Москва, 2017. — 160 с.
3. Гордон Ю. О языке композиции: 2е изд.: Студия Артемия Лебедева: Москва, 2021. — 208 с.
4. Кронин Д., Купер А., Носсел К., Рейман Р. [пер. Матвеев Е.А.]. Интерфейс. Основы проектирования издания: 4е изд.: Питер: Санкт-Петербург, 2019. — 720 с.
5. Круг С. Не заставляйте меня думать. Веб-юзабилити и здравый смысл: 3е изд.: Эксмо: Москва, 2021. — 256 с.
6. Кэролайн Ч., Расс У. [пер. Матвеев Е.А.]. UX-дизайн. Практическое руководство по проектированию опыта взаимодействия: Символ-Плюс: Москва, 2011. — 336 с.
7. Маламед К. Тонкости визуального дизайна для профессионалов: Питер: Санкт-Петербург, 2018. — 336 с.
8. Мюллер-Брокманн [пер. Якубсон Л.]. Модульные системы в графическом дизайне: 3е изд.: Студия Артемия Лебедева: Москва, 2021. — 184 с.
9. Сидоренко И. Дизайнер интерфейсов. Принципы работы и построение карьеры: Олимп-Бизнес: Москва, 2019. — 224 с.
10. Тайнан С. [пер. Панин М., Попова А.]. Геймдизайн. Рецепты успеха лучших компьютерных игр от Super Mario и Doom до Assassin’s Creed и дальше: Питер: Санкт-Петербург, 2020. — 448 с.
11. Уильямс Р. [пер. Черник В.В.]. Дизайн. Книга для недизайнеров: 2е изд.: Питер: Санкт-Петербург, 2017. — 240 с.
12. Чихольд Я. [пер. Якубсон Л.]. Новая типографика. Руководство для современного дизайнера: Студия Артемия Лебедева: Москва, 2011. — 244 с.: 130 ил

Темы

Раздел 3 Планирование. Тема 3.1 Маркетинговые исследования, персонажи, исследования пользователей Тема 3.2 MVP и приоритеты, допущения Тема 3.3 Требования: выявление, типы и т.д. Тема 3.4 Исследование и анализ конкурентов Тема 3.5 Типы сайтов и приложений Тема 3.6 Этапы и процесс создания UI WS План Раздел 4 Интерфейс пользователя. Тема 4.1 Проектирование UI / UX, карта и структура Тема 4.2 Современные гайдлайны UI: Material design, IOS Тема 4.3 Элементы интерфейса пользователя Тема 4.4 Векторная графика: редактирование, форматы, иконки Тема 4.5 Растровая графика: редактирование, форматы, фото Тема 4.6 Создание презентаций WS Питч Раздел 5 Технологии и дизайн. Тема 5.1 Веб-сайты и приложения Тема 5.2 Платформы, фреймворки, CMS, браузеры Тема 5.3 Особенности дизайна под Web: HTML и CSS Тема 5.4 Дизайн мобильных приложений, адаптивность Тема 5.5 Дизайн форм и взаимодействия с ними Тема 5.6 Интерактивность и анимация в UI WS Площадка Раздел 6 Дизайн интерфейса. Тема 6.1 Инструменты разработки UI: Figma, Lunacy Тема 6.2 Сетки и монтажные области Тема 6.3 Компоненты и работа с ними Тема 6.4 Дизайн-макеты: общий шаблон Тема 6.5 Дизайн-макеты: отдельные страницы Тема 6.6 Контент в дизайне: текст, графика, отступы Раздел 7 Принципы дизайна. Тема 7.1 Законы дизайна и гештальт-психология Тема 7.2 Паттерны дизайна, стандарты UI Тема 7.3 Поиск визуального стиля, тренды дизайна UI Тема 7.4 Типографика: стили текста, шрифтовые пары Тема 7.5 Работа с пространством цвета и палитрой Тема 7.6 Юзабилити WS Проектирование Раздел 8 Разработка. Тема 8.1 Настройка переходов и "оживление" макетов Тема 8.2 Бэклог проекта и работа в трекере Тема 8.3 Работа в спринтах, специфика методологий Тема 8.4 Разработка элементов интерфейса и контента под задачи спринта Тема 8.5 Совместная работа над дизайном, контроль версий Тема 8.6 Коммуникации в команде и с заказчиком, мозговой штурм WS Разработка Раздел 9 Управление рисками. Тема 9.1 Частые ошибки дизайна интерфейсов Тема 9.2 Ахиллесова пята дизайнеров: грамматика и орфография Тема 9.3 Проблемы граничных случаев, подсказки в UI Тема 9.4 Принципы атомарного дизайна против рисков Тема 9.5 Компоненты в деталях: состояния, варианты, библиотеки и т.д. Тема 9.6 Дизайн-система Тема 9.6 Дизайн-система Раздел 10 Контроль качества. Тема 10.1 Тестирование UI при различных разрешениях, устройствах и режимах Тема 10.2 Чек-листы контроля качества компонентов и макетов Тема 10.3 Анализ опыта пользователей: вебвизор, показатели качества UI Тема 10.4 Usability-тестирование Тема 10.5 Оптимизация UI по результатам тестов Тема 10.6 Инфографика: дизайн данных, показателей, дэш-бордов WS Качество