МИНОБРНАУКИ РОССИИ
федеральное государственное бюджетное образовательное учреждение высшего образования
«Алтайский государственный университет»

Дизайн интерфейса информационных систем

рабочая программа дисциплины
Закреплена за кафедройКафедра культурологии и дизайна
Направление подготовки09.03.03. Прикладная информатика
ПрофильПрикладная информатика в дизайне
Форма обученияЗаочная
Общая трудоемкость12 ЗЕТ
Учебный планz09_03_03_Прикладная информатика_ПИвД-2021
Часов по учебному плану 432
в том числе:
аудиторные занятия 28
самостоятельная работа 386
контроль 18
Виды контроля по курсам
экзамены: 5

Распределение часов по курсам

Курс 5 Итого
Вид занятий УПРПДУПРПД
Лекции 12 12 12 12
Практические 16 16 16 16
Сам. работа 386 386 386 386
Часы на контроль 18 18 18 18
Итого 432 432 432 432

Программу составил(и):
В.В. Ярных

Рецензент(ы):
Ю.В. Кирюшина

Рабочая программа дисциплины
Дизайн интерфейса информационных систем

разработана в соответствии с ФГОС:
Федеральный государственный образовательный стандарт высшего образования - бакалавриат по направлению подготовки 09.03.03 Прикладная информатика (приказ Минобрнауки России от 19.09.2017 г. № 922)

составлена на основании учебного плана:
09.03.03 Прикладная информатика
утвержденного учёным советом вуза от 27.04.2021 протокол № 6.

Рабочая программа одобрена на заседании кафедры
Кафедра культурологии и дизайна

Протокол от 03.06.2022 г. № 8
Срок действия программы: 2022-2023 уч. г.

Заведующий кафедрой
Ю.В. Кирюшина


1. Цели освоения дисциплины

1.1.Сформировать представление о технических и программных средствах реализации компетенций в области разработки пользовательского интерфейса с использованием современного программного обеспечения, а также навыки разработки пользовательского интерфейса.

2. Место дисциплины в структуре ООП

Цикл (раздел) ООП: Б1.В.01

3. Компетенции обучающегося, формируемые в результате освоения дисциплины

ПК-2Способен проектировать информационные ресурсы, web и мультимедийные приложения
ПК-2.1 Знает методы и средства проектирования информационных ресурсов, WEB и мультимедийных приложений, типовые решения, используемые при их разработке
ПК-2.2 Умеет использовать типовые решения и шаблоны, применять методы и средства проектирования информационных ресурсов, WEB и мультимедийных приложений
ПК-2.3 Владеет навыком построения архитектуры информационных ресурсов, WEB и мультимедийных приложений
ПК-3Способен разрабатывать визуальный стиль пользовательского интерфейса на основе навыков работы с цветом, формой, шрифтом, композицией, а также с учетом развития визуальной культуры и дизайна
ПК-3.1 Знает базовые принципы графического дизайна, основное прикладное программное обеспечение для создания визуальных компонентов пользовательского интерфейса
ПК-3.2 Умеет использовать прикладные программы и веб-приложения для разработки визуального стиля пользовательского интерфейса
ПК-3.3 Владеет навыком разработки эскиза графического стиля пользовательского интерфейса
ПК-4Способен проектировать дизайн интерфейса с учетом потребностей пользователей, особенностей пользовательского опыта и эргономических требований
ПК-4.1 Знает основные эргономические требования к пользовательскому интерфейсу, принципы проектирования пользовательского опыта
ПК-4.2 Умеет описать логику работы элементов интерфейса, их взаимосвязи, взаимодействия и вариантов состояний
ПК-4.3 Владеет навыком проектирования дизайна интерфейса с учетом потребностей пользователей, особенностей пользовательского опыта и эргономических требований
ПК-5Способен проводить юзабилити-тестирование пользовательского интерфейса
ПК-5.1 Знает задачи и методы проведения юзабилити-тестирования
ПК-5.2 Умеет планировать ход юзабилити-тестирования, проводить беседу с респондентами в процессе юзабилити-тестирования
ПК-5.3 Владеет навыками сбора данных в ходе тестирования интерфейса и их последующего анализа
В результате освоения дисциплины обучающийся должен
3.1.Знать:
3.1.1.ключевые информационные ресурсы, раскрывающие современные тенденции развития интерфейсов информационных систем,инструменты и методы проектирования интерфейса информационной системы, виды документации в проектировании интерфейсов информационных систем, основные требования к дизайну интерфейса пользователя информационной системы, принципы аргументации предложений при разработке дизайн-проектов в области информационного обеспечения
3.2.Уметь:
3.2.1.анализировать профессиональный опыт в разработке интерфейсов информационных систем с помощью информационно-коммуникационных технологий,проводить юзабилити-тестирование интерфейса информационной системы, составлять техническую документацию, разрабатывать проектное решение интерфейса с учетом развития современной шрифтовой культуры, использовать презентационные материалы для обоснования предложений при разработке дизайн-проектов интерфейса
3.3.Иметь навыки и (или) опыт деятельности (владеть):
3.3.1.навыками использования электронных образовательных ресурсов по дизайну интерфейса информационных систем, навыками разработки дизайна интерфейса информационной системы в соответствии с особенностями пользовательского поведения, навыками составления описания процесса разработки интерфейса информационной системы, навыками создания визуальных компонентов пользовательского интерфейса, навыками обоснования проектного решения интерфейса на основе принципов эргономики и тенденций развития дизайна

4. Структура и содержание дисциплины

Код занятия Наименование разделов и тем Вид занятия Курс Часов Компетенции Литература
Раздел 1. Понятие интерфейса информационной системы
1.1. Интерфейсы информационных систем. Классификация интерфейсов. Понятие пользовательского интерфейса. Проблемы интеграции компонентов ИС. Лекции 5 2 Л2.1, Л2.2, Л3.1, Л1.1, Л1.2
1.2. История развития интерфейсов информационных систем Лекции 5 4 Л2.1, Л2.2, Л3.1, Л1.2
1.3. Эволюция элементов пользовательского интерфейса Сам. работа 5 24 Л2.1, Л2.2, Л3.1, Л1.2
1.4. Способы взаимодействия пользователя с интерфейсом. Компоненты интерфейса информационной системы. Лекции 5 2 Л2.1, Л2.2, Л3.1, Л1.2
1.5. Этапы проектирования пользовательского интерфейса в жизненном цикле разработки информационной системы Практические 5 2 Л2.1, Л2.2, Л3.1, Л1.2
1.6. Стандарты в области разработки интерфейсов информационных систем Сам. работа 5 24 Л2.1, Л2.2, Л3.1, Л1.2
1.7. Терминологический аппарат дисциплины Сам. работа 5 26 Л2.1, Л2.2, Л3.1, Л1.2
1.8. Компетенции и задачи специалистов в области проектирования интерфейса Сам. работа 5 25 Л2.1, Л2.2, Л3.1, Л1.2
Раздел 2. Проектирование интерфейсов информационных систем на основе анализа пользовательского поведения
2.1. Основные принципы разработки интерфейсов информационных систем. Понятие UI/UX-дизайна Лекции 5 2 Л2.1, Л2.2, Л3.1, Л1.2
2.2. Инструменты и методы проектирования интерфейса. Этапы проектирования. Целеполагание в дизайне интерфейса. Практические 5 2 Л2.1, Л2.2, Л3.1, Л1.2
2.3. Возможности проектирования интерфейсов средствами онлайн-приложений Сам. работа 5 16 Л2.1, Л2.2, Л3.1, Л1.2
2.4. Виды документации в проектировании интерфейса Практические 5 2 Л2.1, Л2.2, Л3.1, Л1.2
2.5. Работа с технической документацией Сам. работа 5 16 Л2.1, Л2.2, Л3.1, Л1.2
Раздел 3. Проектирование пользовательского опыта и прототип интерфейсного решения
3.1. Понятие пользовательского опыта и информационная система Лекции 5 2 Л2.1, Л2.2, Л3.1, Л1.2
3.2. Применение метафор и аффорданса в проектировании интерфейса Сам. работа 5 16 Л2.1, Л2.2, Л3.1, Л1.2
3.3. Адаптивный и отзывчивый дизайн Практические 5 2 Л2.1, Л2.2, Л3.1, Л1.2
3.4. Инструменты прототипирования интерфейса Сам. работа 5 22 Л2.1, Л2.2, Л3.1, Л1.2
3.5. Разработка анимированного прототипа интерфейса Сам. работа 5 22 Л2.1, Л2.2, Л3.1, Л1.2
3.6. Создание прототипа интерфейса Сам. работа 5 24 Л2.1, Л2.2, Л3.1, Л1.2
Раздел 4. Визуальные компоненты дизайна интерфейса
4.1. Структура в визуальном дизайне. Иерархия визуальных компонентов пользовательского интерфейса. Практические 5 2 Л2.1, Л2.2, Л3.1, Л1.2
4.2. Особенности морфологии, композиции, эргономики интерфейса информационной системы. Виды визуальных компонентов интерфейса информационной системы. Понятие визуальной иерархии. Сам. работа 5 16 Л2.1, Л2.2, Л3.1, Л1.2
4.3. Современные тенденции в развитии дизайна интерфейса. Гайдлайны. Понятие Material Design. Сам. работа 5 16 Л2.1, Л2.2, Л3.1, Л1.2
4.4. Анализ визуальной иерархии и компонентов интерфейса информационной системы Сам. работа 5 16 Л2.1, Л2.2, Л3.1, Л1.2
4.5. Инструменты разработки дизайна интерфейса мобильного приложения и онлайн-приложения Практические 5 2 Л2.1, Л2.2, Л3.1, Л1.2
4.6. Разработка дизайна интерфейса для регистрации пользователя в информационной системе (sign up) Сам. работа 5 18 Л2.1, Л2.2, Л3.1, Л1.2
4.7. Разработка дизайна интерфейса приложения на примере калькулятора Сам. работа 5 26 Л2.1, Л2.2, Л3.1, Л1.2
4.8. Разработка визуальных компонентов дизайна пользовательского интерфейса Сам. работа 5 36 Л2.1, Л2.2, Л3.1, Л1.2
4.9. Эргономичность и юзабилити-тестирование интерфейса Практические 5 4 Л2.1, Л2.2, Л3.1, Л1.2
4.10. Юзабилити-аудит сайта Сам. работа 5 16 Л2.1, Л2.2, Л3.1, Л1.2
4.11. Подготовка дизайн-проекта к презентации, способы обоснования дизайн-решения Сам. работа 5 27 Л2.1, Л2.2, Л3.1, Л1.2

5. Фонд оценочных средств

5.1. Контрольные вопросы и задания для проведения текущего контроля и промежуточной аттестации по итогам освоения дисциплины
см. приложение
5.2. Темы письменных работ для проведения текущего контроля (эссе, рефераты, курсовые работы и др.)
см. приложение
5.3. Фонд оценочных средств для проведения промежуточной аттестации
см. приложение

6. Учебно-методическое и информационное обеспечение дисциплины

6.1. Рекомендуемая литература
6.1.1. Основная литература
Авторы Заглавие Издательство, год Эл. адрес
Л1.1 Павловская Е.Э. - отв. ред. ГРАФИЧЕСКИЙ ДИЗАЙН. СОВРЕМЕННЫЕ КОНЦЕПЦИИ 2-е изд., пер. и доп. Учебное пособие для вузов: учебное пособие М.:Издательство Юрайт, 2018 biblio-online.ru
Л1.2 Терещенко П. В., Астапчук В. А. Интерфейсы информационных систем: Учебники и учебные пособия для ВУЗов НГТУ, 2012 biblioclub.ru
6.1.2. Дополнительная литература
Авторы Заглавие Издательство, год Эл. адрес
Л2.1 Мандел Т. Разработка пользовательского интерфейса: М.: ДМК Пресс // ЭБС "Лань", 2007 e.lanbook.com
Л2.2 Баканов А.С., Обознов А.А. Эргономика пользовательского интерфейса: от проектирования к моделированию человеко-компьютерного взаимодействия: М.: Институт психологии РАН // ЭБС "ONLINE", 2011 biblioclub.ru
6.1.3. Дополнительные источники
Авторы Заглавие Издательство, год Эл. адрес
Л3.1 А. Л. Усанова История, теория и методология дизайн-проектирования: учеб.- метод. пособие Изд-во АлтГУ, 2018 elibrary.asu.ru
6.2. Перечень ресурсов информационно-телекоммуникационной сети "Интернет"
Название Эл. адрес
Э1 UX Design for Mobile Developers // Udasity www.udacity.com
Э2 Онлайн-редактор Figma www.figma.com
Э3 Электронный курс на Едином образовательном портале АлтГУ - URL: https://portal.edu.asu.ru/course/view.php?id=7965 portal.edu.asu.ru
6.3. Перечень программного обеспечения
CorelDRAW Graphics Suite
Adobe Creative Suite
NETBEANS
Eclipse
Microsoft Office,
Microsoft Windows,
7-Zip,
AcrobatReader.Microsoft Office 2010 (Office 2010 Professional, № 4065231 от 08.12.2010), (бессрочно);
Microsoft Windows 7 (Windows 7 Professional, № 61834699 от 22.04.2013), (бессрочно);
Chrome (http://www.chromium.org/chromium-os/licenses), (бессрочно); 7-Zip (http://www.7-zip.org/license.txt), (бессрочно);
AcrobatReader (http://wwwimages.adobe.com/content/dam/Adobe/en/legal/servicetou/Acrobat_com_Additional_TOU-en_US-20140618_1200.pdf), (бессрочно);
ASTRA LINUX SPECIAL EDITION (https://astralinux.ru/products/astra-linux-special-edition/), (бессрочно);
LibreOffice (https://ru.libreoffice.org/), (бессрочно);
Веб-браузер Chromium (https://www.chromium.org/Home/), (бессрочно);
Антивирус Касперский (https://www.kaspersky.ru/), (до 23 июня 2024);
Архиватор Ark (https://apps.kde.org/ark/), (бессрочно);
Okular (https://okular.kde.org/ru/download/), (бессрочно);
Редактор изображений Gimp (https://www.gimp.org/), (бессрочно)
6.4. Перечень информационных справочных систем
Информационная справочная система:
СПС КонсультантПлюс (инсталлированный ресурс АлтГУ или http://www.consultant.ru/).
Профессиональные базы данных:
1. Электронная база данных «Scopus» (http://www.scopus.com);
2. Электронная библиотечная система Алтайского государственного университета (http://elibrary.asu.ru/);
3. Научная электронная библиотека elibrary (http://elibrary.ru).
4. Система поиска информации в сети интернет (включая русскоязычный интернет) Google (https://www.google.ru/).

7. Материально-техническое обеспечение дисциплины

Аудитория Назначение Оборудование
204Л лаборатория информационных технологий - компьютерный класс - учебная аудитория для проведения занятий семинарского типа (лабораторных и(или) практических); проведения групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации Учебная мебель на 14 посадочных мест; компьютеры: марка DEPO модель Neos 260 - 14 единиц; Интерактивная доска Smart board 680 IV со встроенным проектором v25
Помещение для самостоятельной работы помещение для самостоятельной работы обучающихся Компьютеры, ноутбуки с подключением к информационно-телекоммуникационной сети «Интернет», доступом в электронную информационно-образовательную среду АлтГУ
106Л помещение для хранения и профилактического обслуживания учебного оборудования Стеллажи – 3 шт. осциллограф, паяльная станция, источник тока, переносные ноутбуки
206Л лаборатория информационных технологий - компьютерный класс - учебная аудитория для проведения занятий семинарского типа (лабораторных и(или) практических); проведения групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации Учебная мебель на 14 посадочных мест; компьютеры: марка DEPO модель Neos 260, мониторы: марка Philips модель 227E3LHSU - 14 единиц

8. Методические указания для обучающихся по освоению дисциплины

При изучении дисциплины целесообразно выполнять следующие рекомендации:
а) изучение должно быть систематическим, в течение всего семестра; для формирования устойчивых навыков и знаний эффективнее следовать логике построения курса и осваивать учебный материал небольшими порциями;
б)после изучения темы на практическом занятии следует выполнить самостоятельную работу по данной теме, если она предполагается, а также изучить дополнительные ресурсы, рекомендованные преподавателем, а также найденные самостоятельно в сети Интернет, в фондах научной библиотеки университета.
Дополнительные учебные результаты могут быть достигнуты в форме научно-исследовательской работы студентов по проблематике данной учебной дисциплины: написание научных статей, выступление на конференциях, круглых столах, участие в научно-исследовательских проектах. Выполнение практических заданий предусмотрено как на практических занятиях, так и в форме самостоятельной работы. При выполнении самостоятельной работы учащийся может задавать уточняющие вопросы преподавателю, используя электронные средства коммуникации на Едином образовательном портале АлтГУ, а также при непосредственном общении с преподавателем в часы консультаций.