Subject

Шаблони за дизајн на кориснички интерфејси

1. Course Title Шаблони за дизајн на кориснички интерфејси
User Interface Design Patterns
2. Code F23L2W167
3. Study Programme Стручни студии за програмирање
4. Organizer of the study programme (unit, institute, department or division) Faculty of Computer Science and Engineering
5. Degree level (first, second, third cycle) Прв циклус
6. Academic year / semester 3 / Зимски
7. Number of ECTS credits 6
8. Teacher Ивица Димитровски, Катарина Тројачанец Динева, Сузана Лошковска
9. Prerequisites for enrolling in the course Структурно програмирање
10. Objectives of the course programme (competences) Целта на предметот е да ги запознае студентите со основните проблеми и начини на решавање на истите за различните видови кориснички интерфејси и корисничка интеракција. По завршување на курсот се очекува студентот да демонстрира познавање на основните видови корисничка интеракција и принципите за нивно дизајнирање, и да може самостојно да развива интерактивни апликации со користење на програмски алатки следејќи ги научените принципи.
11. Course content Предавања:
1. Однесување на корисници. Вовед, кратка историја, однесување на корисниците при работа со интерактивни системи, шаболни за опишување на однесувањето на корисниците
2. Организација на содржина во интерактивни системи. Организациски шеми, организација на структура, шаблони за организирање и прикажување на податоци
3. Навигација. Проблеми. Принципи за добра навигација. Навигациски модели. Шаблони за дизајнирање на навигација во интерактивни системи (навигациски модели, комбинирање на изглед и навигациски модели, поставување на ознаки, анимирани премини)
4. Организација на екран. Основни поими (визуелна хиерархија, визуелен тек). Техники за групирање и пордедување на елементи. Гешталтови принципи. Шаблони за организирање на екраните.
5. Форми и внесување на податоци. Принципи за дизајн на форми. Видови елементи за внесување на податоци и контроли. Шаблони за дизајнирање на форми (релации меѓу елементи, вредности на елементи, )
6. Акции и команди. Рендерирање на акции. Репрезентација на акции. Шаблони за акции и команди (приказ на акции, подобрување на изборот на акциите, информации за долготајни акции, работа со низи од акции)
7. Интеракција со листи на податоци. Архитектура на информациите. Интеракциски модели.
8. Интеракција во социјални медиуми. Принципи и начин на коминукација во и со социјални медуиму. Интеракциски модели.
9. Интеракција во мобилни уреди. Карактеристики што ја одредуваат интеракцијата во мобилните уреди. Интеракциски модели.

Вежби:
1. Вовед во технологија за имплементација на шаблони за кориснички интерфејси. Примери поврзани со основните карактеристики.
2. Понапредни концепти и можности на технологијата за имплементација на шаблоните за кориснички интерфејси. Примери што ги илустрираат овие концепти и можности.
3. Имплементација на шаблоните за дизајнирање на навигација во интерактивните системи. Имплементација на примери во кои тие се употребуваат.
4. Имплементација на шаблоните за организирање на екраните. Имплементација на примери во кои тие се употребуваат.
5. Имплементација на примери во кои се вклучени форми, елементи за внесување податоци и контроли.
6. Имплементација на примери што вклучуваат шаблони за акции и команди.
7. Имплементација на интеракциските шаблони за листи на податоци и илустрација на примери во кои тие наоѓаат примена.
8. Овозможување интеракција со социјални медиуми. Имплементација на интеракциските модели.
9. Имплементација на карактеристични примери за интеракција во мобилните уреди со употреба на интеракциските модели.
12. Learning methods Предавања со користење на презентации, интерактивни предавања, вежби (користење на опрема и софтверски пакети), тимска работа, пример случаи, поканети гости предавачи, самостојна изработка и одбрана на проектна задача и семинарска работа.
13. Total available time 6 ECTS x 30 hours = 180 hours
14. Distribution of available time 30 + 45 + 15 + 15 + 75 = 180 часа
15. Forms of teaching activities
15.1. Lectures - theoretical instruction 30 hours
15.2. Exercises (laboratory, auditory), seminars, teamwork 45 hours
16. Other forms of activities
16.1. Project assignments 15 часови
16.2. Independent assignments 15 часови
16.3. Home study 75 часови
17. Assessment method
17.1. Tests 20 бодови
17.2. Seminar paper / project (presentation: written and oral) 15 бодови
17.3. Activities and learning 10 бодови
17.4. Final exam 70 бодови
18. Grading criteria (points / grade)
up to 50 points5 (five) (F)
from 51 to 60 points6 (six) (E)
from 61 to 70 points7 (seven) (D)
from 71 to 80 points8 (eight) (C)
from 81 to 90 points9 (nine) (B)
from 91 to 100 points10 (ten) (A)
19. Requirement for obtaining a signature and taking the final exam Реализирани активности 15, 16
20. Language of instruction Macedonian and English
21. Method for monitoring the quality of teaching Механизам за интерна евалуација и анкети
22. Literature
22.1. Required literature
1. Jenifer Tidwell | Designing Interfaces, (2nd edition) | O`Reilly Media | 2010
2. Bill Scott, Theresa Neil | Designing Web: Interfaces Principles and Patterns for Rich Interactions | O`Reilly Media | 2009
3. Jesse James Garrett | The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd Edition) | New Riders | 2010
4. Jenifer Tidwell, Charles Brewer, and Aynne Valencia | Designing Interfaces: Patterns for Effective Interaction Design (3rd edition) | O`Reilly Media | 2020
22.2. Additional literature
No. Author Title Publisher Year