Проєктування інформаційних систем - 2. Методології та інструментарій проєктування інформаційних систем - Робоча програма навчальної дисципліни (Силабус)

Реквізити навчальної дисципліни
Рівень вищої освіти Перший (бакалаврський)
Галузь знань 12 Інформаційні технології
Спеціальність 126 Інформаційні системи та технології
Освітня програма Інформаційне забезпечення робототехнічних систем
Статус дисципліни Нормативна
Форма навчання очна(денна)
Рік підготовки, семестр 4 курс, весняний семестр
Обсяг дисципліни 120 годин )
Семестровий контроль/ контрольні заходи іспит
Розклад занять http://rozklad.kpi.ua
Мова викладання Українська
Інформація про керівника курсу / викладачів

Лектор: к.т.н., доцент, Мелкумян Катерина Юріївна

e.melkumyan@ukr.net

Комп’ютерний практикум: асистент, Коваль Олександр Сергійович,

t70000s@gmail.com
Розміщення курсу https://campus.kpi.ua

Програма навчальної дисципліни

Опис навчальної дисципліни, її мета, предмет вивчання та результати навчання

Мета навчальної дисципліни - поглиблене вивчення детального проектування та розробки інформаційних систем, отримання досвіду застосування правил проектування і програмування елементів форм, вікон, панелей додатків під час розробки веб-сайтів і веб-порталів.

Навчальна дисципліна призначена для отримання студентом:

Знання

  • Основної термінології в області проектування і програмування інтерфейсів.

  • Принципів проектування «дружнього» інтерфейсу.

  • Стадій та етапів проектування інтерфейсів користувача.

  • Основ проектування Win- та Web- форм додатків та застосувань.

Вміння

  • аналізувати вимоги до програмної системи;

  • проектувати і програмувати «дружній інтерфейс» користувачів автоматизованих інформаційних систем, автоматизованих робочих місць різного напрямку і призначення;

  • застосовувати принципи і шаблони проектування інтерфейсів користувачів ІС, АІС та АРМ;

  • ефективно працювати в команді розробників інтерфейсів користувачів.

Здатність

  • аналізувати та впорядковувати вимоги щодо організації інтерфейсу користувача,

  • аргументувати вибір методів розв’язування спеціалізованих задач, критично оцінювати отримані результати та захищати прийняті рішення,

  • проєктувати та розробляти інтерфейси користувача програмних систем, враховуючи їх призначення та зручність використання

  • обгрунтовувати вибір методології та технології проектування середовища розробки інтерфейсу користувача для конкретного програмного проекту.

Згідно з вимогами освітньо-професійної програми студенти після засвоєння навчальної дисципліни мають продемонструвати такі результати: проєктування прототипів користувацького інтерфейсу орієнтованого на користувача з використанням сучасних інструментів.

Пререквізити та постреквізити дисципліни (місце в структурно-логічній схемі навчання за відповідною освітньою програмою)

Для успішного засвоєння дисципліни “Проектування інформаційних систем” студенту необхідні наступні навчальні «Програмування», «Об’єктно-орієнтоване програмування», «Технології розроблення програмного забезпечення».

Зміст навчальної дисципліни

Лекційний матеріал:

Розділ 1. Основи візуального проектування і програмування інтерфейсів користувача

Тема 1.1 Визначення поняття «Інтерфейс». Послідовність взаємодії користувача з системою. Види узгодженності інтерфейсу. Задачі проектування і програмування інтерфейсів користувача. Визначення термінів «Екран», «Форма», «Вікно», «Панель». Види форм. Приклади форм.

Тема 1.2. Принципи проектування «Дружнього інтерфейсу»: «Командує користувач», «Наочність», «Однаковість», «Терпимість до користувача», «Зворотній зв'язок», «Естетика», «Простота».

Тема 1.3. Характеристика стилей взаємодії з користувачем: «Пряма маніпуляція», «Вибір із меню, запропонованих варіантів або списків», «Використання шаблонів», «Командна мова», «Природна мова».

Тема 1.4. Характеристика підходів до проектування інтерфейсів користувача програмних продуктів, програмних систем, автоматизованих інформаційних систем, автоматизованих робочих місць.

Розділ 2. Стадії та етапи проектування і програмування інтерфейсу користувача

Тема 2.1. Постановка задачі проектування інтерфейсу користувача. Формалізація контексту використання інтерфейсу користувача. Формалізація об′єктивних критеріїв успіху використання інтерфейсу користувача. Формалізація об′єктивних критеріїв успіху використання ІК.

Тема 2.2. Формалізація сценаріїв дій користувачів. Огляд інтерфейсів конкуруючих систем.

Тема 2.3. Проектування ІК високого рівня. Проектування структури екранів системи. Види зв′язків між функціональними модулями інтерфейсу користувача.

Тема 2.4. Проектування навігаційної системи. Проектування структури довідкової системи. Проектування ІК низького рівня.

Тема 2.5. Області форми. Піктограми, знаки. Заголовки. Введення та вибір інформації. Подача команд. Функціональні клавіші. Статусний рядок.

Тема 2.6. Особливості проектування форм «Про програму», «Контакти», «Зворотній зв’язок». Графічне зображення. Назва розробки. Змістовна частина. Дані про розробника. Умови збереження авторських прав.

Тема 2.7. Моделі проектування інтерфейсу користувача. Особливості застосування моделі SDI. Особливості застосування моделі MDI.

Розділ 3. Проектування форм

Тема 3.1. Правила проектування форм. Діагоналі форми. Межі та границі інформації. Ієрархія шрифтів. Розташування інформації. Використання панелей. Акцентування інформації. Співвідношення між висотою та довжиною форми.

Тема 3.2. Застосування первинних, вторинних та спливаючих вікон. Проектування інструкцій. Проектування інформаційних, попереджуючих та критичних повідомлень.

Тема 3.3. Проектування полів введення і вибору. Ідентифікатори. Підказки. Курсор. Правило усвідомлення інформації. Вирівнювання ідентифікаторів. Застосування шаблонів.

Розділ 4. Основи проектування і програмування Web-форм інтерфейсу користувача

Тема 4.1 Проектування інтерфейсу користувача Інтернет-магазинів. Принципи проектування інтерфейсу інтернет-магазину. Заклик до дії. Опис продукту. Якість зображення. Розташування елементів. Акценти.

Тема 4.2. Ключові рекомендації щодо дизайну веб-сторінок сайту. Заголовки. Надписи. Інструментарій дій споживача. Навігація по сторінках сайту. Моніторинг сайту.

Тема 4.3. Канонічна розмітка Web-форми. Область ідентифікації тем. Пошук інформації по сайту. Центральна область контенту. Футер.

Тема 4.4. Правила ефективного використання кольорів в інтерфейсах. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів. Комбінації кольорів. Плаский дизайн. Скевоморфізм. Принципи плаского дизайну. Майже плаский дизайн.

Комп’ютерні практикуми:

1. Проектування та прототипування в дизайні інтерфейсів користувача. Створення інтерактивного прототипу

2. Дослідження правил проектування меню, функціональних кнопок.

3. Основні правила проектування полів вибору, полів введення. Поняття повідомлень, їх використання та проектування

4. Основні правила проектування діалогу з користувачем, області команд.

Навчальні матеріали та ресурси

  1. Дизайн пользовательского интерфейса: Владислав Головач, - Інтернет-издание, 2010. - http://www.usethics.ru.

  2. Основы проектирования взаимодействия: Алан Купер, - Символ-Плюс, 2009. ISBN 978-5-93286-132-5.

  3. Информационная архитектура. Чертежи для сайта: Кристина Уодтке, - Кудиц-образ, 2004. ISBN 0-7357-1250-6.

  4. Web-дизайн. Удобство использования Web-сайтов: Якоб Нильсен, Хоа Лоранжер, - Вильямс, 2007. ISBN 978-5-8459-1222-0.

  5. Веб-Дизайн: книга Стива Круга или “не заставляйте меня думать!”: Стив Круг, - Символ-Плюс, 2008. ISBN 978-5-93286-099-1.

  6. Разработка пользовательских интерфейсов: Дженнифер Тидвелл, - Питер, 2007. ISBN 978-5-91180-073-4.

Навчальний контент

Методика опанування навчальної дисципліни (освітнього компонента)

Під час вивчення дисципліни передбачені наступні форми та методи навчання і викладання, що сприяють досягнення результатів, закладених в робочу програму: лекції, що передбачають викладення теоретичного матеріалу та узагальнення знань; самостійна робота студента, оформлена у вигляді реферату; комп’ютерний практикум за допомогою яких формуються вміння, набувається досвід практичного використання конкретних, обраних програмних інструментів для вирішення поставлених задач.

Самостійна робота студента

Завдання на самостійну роботу студента (СРС):

1

  1. Визначити особливості і області використання ідентифікаційних форм

  2. Визначити особливості і області використання форм-меню

  3. Визначити особливості і області використання форм введення та вибору інформації

  4. Визначити особливості і області використання інформаційних форм

  5. Визначити особливості і області використання інформаційно-облікових форм.
2

  1. Розкрити важливість принцип проектування «дружнього інтерфейсу» «Командує користувач».

  2. Розкрити важливість принцип проектування «дружнього інтерфейсу» «Наочність».

  3. Розкрити важливість принцип проектування «дружнього інтерфейсу» «Однаковість».

  4. Розкрити важливість принцип проектування «дружнього інтерфейсу» «Терпимість до користувача».

  5. Розкрити важливість принцип проектування «дружнього інтерфейсу» «Зворотній зв'язок».

  6. Розкрити важливість принцип проектування «дружнього інтерфейсу» «Естетика».

  7. Розкрити важливість принцип проектування «дружнього інтерфейсу» «Простота».
3

  1. Надати характеристику та навести області застосування стилю взаємодії з користувачем «Пряма маніпуляція».

  2. Надати характеристику та навести області застосування стилю взаємодії з користувачем «Вибір із меню, запропонованих варіантів або списків».

  3. Надати характеристику та навести області застосування стилю взаємодії з користувачем «Використання шаблонів».

  4. Надати характеристику та навести області застосування стилю взаємодії з користувачем «Командна мова».

  5. Надати характеристику та навести області застосування стилю взаємодії з користувачем «Природна мова».
4

  1. Розкрити ознаки підходу до проектування інтерфейсів користувача ПП, АІС, АРМ, що орієнтований саме на користувача.

  2. Розкрити ознаки підходу до проектування інтерфейсів користувача ПП, АІС, АРМ, що орієнтований на діяльність.
5

  1. Розкрити ознаки цілеорієнтованого підходу до проектування інтерфейсів користувача ПП, АІС, АРМ.

  2. Розкрити ознаки підходу до проектування інтерфейсів користувача ПП, АІС, АРМ, що орієнтований на дані.

  3. Розкрити ознаки підходу до проектування інтерфейсів користувача ПП, АІС, АРМ, що орієнтований на поступове наближення до заданого результату.
6

  1. Розкрити суть етапу формалізації контексту використання інтерфейсу користувача.

  2. Розкрити суть етапу формалізації контексту об′єктивних критеріїв успіху використання інтерфейсу користувача.
7

  1. Розкрити суть етапу проектування структури екранів системи.

  2. Надати характеристику видів зв′язків між функціональними модулями інтерфейсу користувача
8

  1. Розкрити суть етапу проектування навігаційної системи.

  2. Розкрити суть етапу проектування структури довідкової системи.

  3. Розкрити суть етапу проектування ІК низького рівня.
9

  1. Охарактеризувати область «Піктограма, графічний знак» форми.

  2. Охарактеризувати область «Заголовки» форми.

  3. Охарактеризувати область «Введення та вибір інформації» форми.

  4. Охарактеризувати область «Подача команд» форми.

  5. Охарактеризувати область «Функціональні клавіші» форми.

  6. Охарактеризувати область «Статусний рядок» форми
10

  1. Розкрити особливості проектування області «Графічне зображення» форми «Про програму».

  2. Розкрити особливості проектування області «Назва розробки» форми «Про програму».

  3. Розкрити особливості проектування області «Змістовна частина» форми «Про програму».

  4. Розкрити особливості проектування області «Дані про розробника» форми «Про програму».

  5. Розкрити особливості проектування області «Умови збереження авторських прав» форми «Про програму»
11

  1. Надати характеристику і області застосування моделі проектування інтерфейсу користувача SDI.

  2. Надати характеристику і області застосування моделі проектування інтерфейсу користувача MDI
12

  1. Розкрити суть правила «Діагоналі форми», що рекомендоване для виконання при проектуванні форм.

  2. Розкрити суть правила «Межі та границі інформації», що рекомендоване для виконання при проектуванні форм.

  3. Розкрити суть правила «Ієрархія шрифтів», що рекомендоване для виконання при проектуванні форм.

  4. Розкрити суть правила «Розташування інформації», що рекомендоване для виконання при проектуванні форм.

  5. Розкрити суть правила «Використання панелей», що рекомендоване для виконання при проектуванні форм.

  6. Розкрити суть правила «Акцентування інформації», що рекомендоване для виконання при проектуванні форм.

  7. Розкрити суть правила «Співвідношення між висотою та довжиною форми», що рекомендоване для виконання при проектуванні форм.
13

  1. Охарактеризувати області застосування первинних вікон.

  2. Охарактеризувати області застосування вторинних вікон.

  3. Охарактеризувати області застосування спливаючих вікон.

  4. Розкрити особливості проектування інструкцій.

  5. Розкрити особливості проектування інформаційних повідомлень.

  6. Розкрити особливості проектування попереджуючих повідомлень.

  7. Розкрити особливості проектування критичних повідомлень.
14

  1. Розкрити суть правила «Проектування полів введення і вибору», що рекомендоване для виконання при проектуванні форм.

  2. Розкрити суть правила проектування Ідентифікаторів.

  3. Розкрити суть правила проектування Підказок.

  4. Розкрити суть правила розташування Курсору.

  5. Розкрити суть правила усвідомлення інформації.

  6. Розкрити суть правила вирівнювання ідентифікаторів.

  7. Розкрити суть правила застосування шаблонів.
15

  1. Розкрити суть принципу «Заклик до дії» проектування інтерфейсу інтернет-магазину.

  2. Розкрити суть принципу «Опис продукту» проектування інтерфейсу інтернет-магазину.

  3. Розкрити суть принципу «Якість зображення» проектування інтерфейсу інтернет-магазину.

  4. Розкрити суть принципу «Розташування елементів» проектування інтерфейсу інтернет-магазину.

  5. Розкрити суть принципу «Довгі сторінки» проектування інтерфейсу інтернет-магазину.

  6. Розкрити суть принципу «Необхідна інформація» проектування інтерфейсу інтернет-магазину.

  7. Розкрити суть принципу «Акценти» проектування інтерфейсу інтернет-магазину.

  8. Розкрити суть принципу «Пріорітетні ділянки сторінки» проектування інтерфейсу інтернет-магазину.

  9. Розкрити суть принципу «Вільний простір» проектування інтерфейсу інтернет-магазину.

  10. Розкрити суть принципу «Альтернативні інтернет-ресурси» проектування інтерфейсу інтернет-магазину.
16

  1. Охарактеризувати рекомендації розташування Заголовків при виконанні дизайну веб-сторінок сайту.

  2. Охарактеризувати рекомендації розташування Надписів при виконанні дизайну веб-сторінок сайту.

  3. Охарактеризувати рекомендації розташування Інструментарію дій споживача при виконанні дизайну веб-сторінок сайту.

  4. Охарактеризувати рекомендації розташування Інструментарію навігації по сторінках сайту при виконанні дизайну веб-сторінок сайту.

  5. Розкрити суть моніторингу сайту.
17

  1. Охарактеризувати Область ідентифікації тем канонічної розмітки Web-форми.

  2. Охарактеризувати Область пошуку інформації по сайту канонічної розмітки Web-форми.

  3. Охарактеризувати Центральну область контенту канонічної розмітки Web-форми.

  4. Охарактеризувати Область Футера канонічної розмітки Web-форми.
18

  1. Надати правила ефективного використання жовтого кольору при розробці інтерфейсів веб-сайтів і веб-порталів.

  2. Надати правила ефективного використання червоного кольору при розробці інтерфейсів веб-сайтів і веб-порталів.

  3. Надати правила ефективного використання синього кольору при розробці інтерфейсів веб-сайтів і веб-порталів.

  4. Надати правила ефективного використання зеленого кольору при розробці інтерфейсів веб-сайтів і веб-порталів.

  5. Надати правила ефективного використання жовтогарячего кольору при розробці інтерфейсів веб-сайтів і веб-порталів.

  6. Надати правила ефективного використання рожевого кольору при розробці інтерфейсів веб-сайтів і веб-порталів.

  7. Надати правила ефективного використання білого та чорного кольорів при розробці інтерфейсів веб-сайтів і веб-порталів.

  8. Надати правила ефективного використання пурпурного кольору при розробці інтерфейсів веб-сайтів і веб-порталів.

  9. Надати правила використання принципів плаского дизайну.

Політика та контроль

Політика навчальної дисципліни (освітнього компонента)

Вимоги, які виставляються перед студентом:

  • відвідування лекційних занять та комп’ютерних практикумів є обов’язковою складовою вивчення матеріалу;

  • обов’язковою складовою вивчення матеріалу також є самостійне опрацювання матеріалу, написання модульних контрольних робіт, виконання передбачених комп’ютерних практикумів;

  • заохочувальні бали виставляються за: активну участь на лекціях, допомогу в оновленні методичних матеріалів;

  • штрафні бали передбачені за несвоєчасну здачу комп’ютерних практикумів між граничними атестаційними контролями та у період залікової сесії

Види контролю та рейтингова система оцінювання результатів навчання (РСО)

Рейтинг студента з дисципліни складається з 80 білів, що він отримує протягом семестру за:

  1. Виконання комп’ютерних практикумів - 50 балів

  2. Написання двох МКР в період атестацій – 2*10=20 балів

  3. Виконання індивідуального завдання та презентацію її на лекційному

    занятті – 10 балів

Студент має можливість перенести отримані бали за дисципліну, або підвищіти бал склавши іспит 20 балів

Сума балів переводиться до підсумкової оцінки згідно з таблицею нижче:

Кількість балів Оцінка
100-95 Відмінно
94-85 Дуже добре
84-75 Добре
74-65 Задовільно
64-60 Достатньо
Менше 60 Незадовільно
Не виконані умови допуску Не допущено

Додаткова інформація з дисципліни (освітнього компонента)

Перелік питань на Модульні контрольні роботи

Питання до 1-ої тематичної КР:

  1. Визначення терміну «Інтерфейс». Послідовність взаємодії користувача з системою. Види узгодженості інтерфейсу. Задачі проектування інтерфейсів користувача. Визначення терміну «Діалог». Уніфіковані дії діалогу.

  2. Види форм. Особливості ідентифікаційних форм, форм-меню, форм введення та вибору інформації.

  3. Види форм. Особливості інформаційних форм, інформаційно-облікових форм. Характеристика власних областей форми.

  4. Характеристика принципу проектування «дружнього» інтерфейсу «Командує користувач».

  5. Характеристика принципу проектування «дружнього» інтерфейсу «Наочність».

  6. Характеристика принципу проектування «дружнього» інтерфейсу «Однаковість».

  7. Характеристика принципу проектування «дружнього» інтерфейсу «Зворотній зв'язок».

  8. Характеристика принципу проектування «дружнього» інтерфейсу «Терпимість до користувача».

  9. Характеристика принципу проектування «дружнього» інтерфейсу «Естетика».

  10. Характеристика принципу проектування «дружнього» інтерфейсу «Простота».

  11. Стилі взаємодії з користувачем: Пряма маніпуляція (переваги, недоліки, приклади).

  12. Стилі взаємодії з користувачем: Вибір із меню, запропонованих варіантів, списків (переваги, недоліки, приклади).

  13. Стилі взаємодії з користувачем: Використання шаблонів (переваги, недоліки, приклади).

  14. Стилі взаємодії з користувачем: Застосування командної мови (переваги, недоліки, приклади).

  15. Стилі взаємодії з користувачем: Ведення діалогу на природній мові (переваги, недоліки, приклади).

  16. Підходи до проектування інтерфейсу користувача ПП (ПС, АІС, АРМ). Характеристика підходу, що орієнтований на користувача (User- Centered Design).

  17. Підходи до проектування інтерфейсу користувача ПП (ПС, АІС, АРМ). Характеристика підходу, що орієнтований на діяльність (Activity- Centered Design).

  18. Підходи до проектування інтерфейсу користувача ПП (ПС, АІС, АРМ). Характеристика Цілеорієнтований підхід (Goal Centered Design).

  19. Підходи до проектування інтерфейсу користувача ПП (ПС, АІС, АРМ). Характеристика підходу, що орієнтований на дані (Data Centered Design).

  20. Підходи до проектування інтерфейсу користувача ПП (ПС, АІС, АРМ). Характеристика підходу, що орієнтований на поступове наближення до заданого результату (Agile).

Питання до 2-ої тематичної КР:

  1. Стадії та етапи проектування інтерфейсу користувача. Стадія «Постановка задачі проектування ІК». Характеристика етапу «Формалізація контексту використання ІК».

  2. Стадії та етапи проектування інтерфейсу користувача. Стадія «Постановка задачі проектування ІК». Характеристика етапу «Формалізація об′єктивних критеріїв успіху використання ІК».

  3. Стадії та етапи проектування інтерфейсу користувача. Стадія «Постановка задачі проектування ІК». Характеристика етапів «Формалізація відносин між » «Формалізація сценаріїв дій користувачів».

  4. Стадії та етапи проектування інтерфейсу користувача. Стадія «Постановка задачі проектування ІК». Характеристика етапу «Огляд інтерфейсів конкуруючих систем».

  5. Стадії та етапи проектування інтерфейсу користувача. Стадія «Проектування ІК високого рівня». Характеристика етапу «Проектування структури екранів системи».

  6. Основні виду зв′язку між функціональними модулями ІК.

  7. Стадії та етапи проектування інтерфейсу користувача. Стадія «Проектування ІК високого рівня». Характеристика етапу «Проектування навігаційної системи».

  8. Стадії та етапи проектування інтерфейсу користувача. Стадія «Проектування ІК високого рівня». Характеристика етапу «Проектування структури довідкової системи».

  9. Стадії та етапи проектування інтерфейсу користувача. Стадія «Проектування ІК низького рівня».

  10. Області Win-форм інтерфейсу користувача. Характеристика областей форм: область піктограми, знака; область назви форми.

  11. Області Win-форм інтерфейсу користувача. Характеристика областей форм: область заголовку форми; область введення, вибору інформації.

  12. Області Win-форм інтерфейсу користувача. Характеристика областей форм: Область подачі команд; область функціональних клавіш.

  13. Особливості проектування форми «Про програму»: графічне зображення, фото; назва розробки.

  14. Особливості проектування форми «Про програму»: версія програмного продукту, застосування; дані про розробника, приватну особу або фірму.

  15. Особливості проектування форми «Про програму»: умови збереження авторських прав; дані про зв’язок з виконавцями, фірмою, або розробником.

  16. Характеристика SDI моделі інтерфейсу.

  17. Характеристика MDI моделі інтерфейсу.

Питання до 3-ої тематичної КР:

  1. Правила проектування форм: Правило діагоналей. Межі та границі.

  2. Правила проектування форм: Ієрархія шрифтів. Розташування інформації. Використання панелей.

  3. Правила проектування форм: Акцентування інформації. Співвідношення між висотою і довжиною форми.

  4. Поняття віконного середовища. Характеристика і використання первинного вікна.

  5. Поняття віконного середовища. Характеристика і використання вторинного вікна.

  6. Поняття віконного середовища. Характеристика і використання спливаючого вікна.

  7. Компоненти тіла форми: Роздільники. Ідентифікатори.

  8. Компоненти тіла форми: Інструкції. Скроллінг.

  9. Проектування інформаційних повідомлень.

  10. Проектування попереджуючих повідомлень.

  11. Проектування критичних повідомлень.

  12. Правила проектування полів введення. Ідентифікатори. Підказки.

  13. Правила проектування полів введення. Довжина полів введення. Міжрядковий інтервал.

  14. Правила проектування полів введення. Курсор поля введення. Правило усвідомлення інформації.

  15. Правила проектування полів введення. Відстань між ідентифікатором і полем введення. Вирівнювання ідентифікаторів. Використання шаблонів.

Питання до 4-ої тематичної КР:

  1. Правила проектування інтернет-магазинів: розкрити принцип «Заклик до дії».

  2. Правила проектування інтернет-магазинів: розкрити принцип «Стислий опис продукту».

  3. Правила проектування інтернет-магазинів: розкрити принцип «Представлення зображення».

  4. Правила проектування інтернет-магазинів: розкрити принцип «Простота в розташуванні елементів».

  5. Правила проектування інтернет-магазинів: розкрити принцип «Довгі сторінки».

  6. Правила проектування інтернет-магазинів: розкрити принцип «Розташування інформації».

  7. Правила проектування інтернет-магазинів: розкрити принцип «Акценти».

  8. Правила проектування інтернет-магазинів: розкрити принцип «Розташування важливої інформації».

  9. Правила проектування інтернет-магазинів: розкрити принцип «Вільний простір, кольори».

  10. Правила проектування інтернет-магазинів: розкрити принцип «Альтернативні інтернет-сторінки».

  11. Правила ефективного використання кольорів в інтерфейсах. Кількість кольорів.

  12. Правила ефективного використання кольорів в інтерфейсах. Кольори і стани системи.

  13. Правила ефективного використання кольорів в інтерфейсах. Кольори для аномальних елементів.

  14. Правила ефективного використання кольорів в інтерфейсах. Кольори для подібних елементів.

  15. Правила ефективного використання кольорів в інтерфейсах. Кольори і зір людини.

  16. Правила ефективного використання кольорів в інтерфейсах. Використання яскравих кольорів.

  17. Правила ефективного використання кольорів в інтерфейсах. Кольори і напружена робота користувача.

  18. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Жовтий колір.

  19. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Червоний колір.

  20. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Синій колір.

  21. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Зелений колір.

  22. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Жовтогарячий колір.

  23. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Рожевий колір.

  24. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Чорний колір.

  25. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Пурпурний колір.

  26. Рекомендації щодо вибору кольорів при розробці інтерфейсів веб-сайтів і веб-порталів: Білий колір.

  27. Що треба враховувати при виборі колірної схеми для сайтів.

  28. Закономірності для вибору колірної гами. Додаткові кольори.

  29. Правила комбінації кольорів. Додаткові розщеплені кольори.

  30. Правила комбінації кольорів. Тріада кольорів.

  31. Правила комбінації кольорів. Тетраедр кольорів.

  32. Правила комбінації кольорів. Аналогічні кольори.

  33. Плаский дизайн. Скевоморфізм.

  34. Принципи плаского дизайну. Ефекти.

  35. Принципи плаского дизайну. Елементи.

  36. Принципи плаского дизайну. Шрифти.

  37. Принципи плаского дизайну. Акцент.

  38. Принципи плаского дизайну. Мінімалізм.

  39. Характеристика майже плаского дизайну.

Перелік питань на іспит:

  1. Поняття інтерфейсу користувача

  2. Задачі проектування інтерфейсів користувача: проектування діалогів, проектування форм

  3. Види та особливості форм інтерфейсу користувача.

  4. Характеристика принципів проектування «дружнього» інтерфейсу.

  5. Стилі взаємодії з користувачем.

  6. Характеристика підходів до проектування інтерфейсів користувача.

  7. Характеристика етапів стадії «Постановка задачі проектування інтерфейсу користувача».

  8. Характеристика етапів стадії «Проектування інтерфейсу користувача високого рівня».

  9. Характеристика етапів стадії «Проектування інтерфейсу користувача низького рівня».

  10. Характеристика областей WIN-форм інтерфейсу користувача.

  11. Характеристика моделей інтерфейсу.

  12. Правила проектування WIN-форм інтерфейсу користувача.

  13. Характеристика і області використання вікон WIN-форм інтерфейсу користувача.

  14. Правила проектування повідомлень інтерфейсу користувача.

  15. Правила проектування полів введення WIN-форм інтерфейсу користувача.

  16. Правила проектування WEB-інтерфейсів користувача інтернет-магазинів.

  17. Правила ефективного використання кольорів в WEB-інтерфейсах.

  18. Рекомендації щодо вибору кольорів при розробці інтерфейсів WEB-сайтів і WEB-порталів.

  19. Правила комбінації кольорів при проектуванні WEB-сайтів і WEB-порталів.

  20. Принципи плаского дизайну при проектуванні WEB-сайтів і WEB-порталів.

Іспит складається з двох частин: теоритичне питання, практичне завдання з переліку завдань самостійної роботи студента.

Робочу програму навчальної дисципліни (силабус):

Складено доцент, к.т.н., доцент Мелкумян Катериною Юріївною

Ухвалено кафедрою технічної кібернетики (протокол № 1 від 30.08.2021)

Погоджено Методичною комісією факультету (протокол № 1 від 30.08.2021)