Graphical User Interface (курсова робота)

Major: Publishing and Printing
Code of subject: 6.186.01.E.056
Credits: 2.00
Department: Publishing Information Technologies
Lecturer: A specialist from Lviv IT
Semester: 5 семестр
Mode of study: денна
Learning outcomes: As a result of studying the discipline, the student must be able to demonstrate the following learning outcomes: • Understanding of basic terms and knowledge of basic principles, patterns, rules of user interface design and their impact on user experience; • Ability to work in a team; • Ability to create effective and user-friendly interfaces (websites, web applications and mobile applications) based on business goals and user needs; • Ability to analyse and evaluate the quality of the interface in terms of user experience and make suggestions for improvement; • Ability to work with the necessary software; • Ability to design user paths, information architecture and an interactive prototype that will perform the tasks; • Ability to test the user interface using various research methods; • Ability to create a design concept and other derivative design pages; • Ability to create responsive designs for different resolutions; • Ability to create a UI kit and design system; • Ability to present design solutions; • Ability to continuously improve and develop skills. As a result of studying the discipline, the student must be able to demonstrate the following programme learning outcomes: • Understanding of basic terms and knowledge of basic principles, patterns and rules. • Ability to work effectively with design tools to design and create design layouts. • Ability to create an effective and user-friendly interface. • Ability to design and combine the necessary interface elements to get the best user experience. • Ability to visualise large amounts of data into an effective user interface. • Ability to design interactive prototypes for websites, web applications, or mobile apps based on business and user research. • Ability to test user interfaces. • Ability to create design layouts for websites, web applications, or mobile applications. • Ability to create design layouts for mobile resolutions. • Ability to create a UI kit and design system.
Required prior and related subjects: Prerequisites for this course • Interface design • Fundamentals of graphic design Related and further subjects • Mobile application design • Multimedia publications
Summary of the subject: A coursework is an independent, creative work, during which a student needs to demonstrate the ability to use scientific and technical literature, master the software for the implementation of the task, use application program interfaces, and apply the acquired skills. A coursework is a project development that solves an actual problem for the Publishing and Printing Business. The subject matter of the course work should correspond to the current state and prospects of development of computer tools for printing production.
Assessment methods and criteria: - compliance of the content of the course project (work) with the task and requirements of the educational and methodological recommendations for its implementation; - independence of solving the task, design solution, performing calculations, drawings, graphs and tables; - the presence of elements of a research nature; - use of computer technologies; - preparation of explanatory notes and graphic materials in accordance with the requirements of design and technological documentation, DSTU 3008-95. The maximum total score is 100 points.
Recommended books: 1. Living with Complexity by Donald A. Norman | 2010 | 259 pages; 2. The Design Of Everyday Things by Donald A. Norman | 2013 | 370 pages; 3. Emotional Design: Why We Love (or Hate) Everyday Things by Donald A. Norman | 2005 | 272; 4. Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition by Krug Steve | 2021 | 218 pages; 5. About Face: The Essentials of Interaction Design 4th Edition by Alan Cooper | 2014 | 588 pages; 6. The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity (2nd Edition) by Alan Cooper | 2004 | 283 pages; 7. Laws of UX. Using Psychology to Design Better Products & Services by Jon Yablonski | 2020 | 150 pages; 8. Designing Web Interfaces: Principles and Patterns for Rich Interactions 1st Edition by Bill Scott, Theresa Neil | 2009 | 519 pages; 9. Responsive Web Design 2nd edition by Ethan Marcotte | 2017 | 168 pages; 10. Responsive design patterns by Ethan Marcotte | 2016 | 174 pages; 11. Responsive Design Patterns & Principles by Ethan Marcotte | 2015 | 172 pages; 12. Designing Web Usability 1st Edition by Jakob Nielsen | 1999 | 300 pages; 13. The Humane Interface: New Directions for Designing Interactive Systems by Jef Raskin | 2000 | 233 pages; 14. Information Architecture for the World Wide Web- Designing Large-Scale Web Sites, 3rd Edition by Peter Morville, Louis Rosenfeld | 2007 | 526 pages; 15. A Project Guide to UX Design. For User Experience Designers in the Field or in the Making | 2nd Edition by Russ Unger, Carolyn Chandler | 2012 | 368 pages.

Graphical User Interface

Major: Publishing and Printing
Code of subject: 6.186.01.E.052
Credits: 5.00
Department: Publishing Information Technologies
Lecturer: A specialist from Lviv IT
Semester: 5 семестр
Mode of study: денна
Learning outcomes: As a result of studying the discipline, the student must be able to demonstrate the following learning outcomes: • Understanding of basic terms and knowledge of basic principles, patterns, rules of user interface design and their impact on user experience; • Ability to work in a team; • Ability to create effective and user-friendly interfaces (websites, web applications and mobile applications) based on business goals and user needs; • Ability to analyse and evaluate the quality of the interface in terms of user experience and make suggestions for improvement; • Ability to work with the necessary software; • Ability to design user paths, information architecture and an interactive prototype that will perform the tasks; • Ability to test the user interface using various research methods; • Ability to create a design concept and other derivative design pages; • Ability to create responsive designs for different resolutions; • Ability to create a UI kit and design system; • Ability to present design solutions; • Ability to continuously improve and develop skills. As a result of studying the discipline, the student must be able to demonstrate the following programme learning outcomes: • Understanding of basic terms and knowledge of basic principles, patterns and rules. • Ability to work effectively with design tools to design and create design layouts. • Ability to create an effective and user-friendly interface. • Ability to design and combine the necessary interface elements to get the best user experience. • Ability to visualise large amounts of data into an effective user interface. • Ability to design interactive prototypes for websites, web applications, or mobile apps based on business and user research. • Ability to test user interfaces. • Ability to create design layouts for websites, web applications, or mobile applications. • Ability to create design layouts for mobile resolutions. • Ability to create a UI kit and design system.
Required prior and related subjects: Prerequisites for this course • Interface design • Fundamentals of graphic design Related and further subjects • Mobile application design • Multimedia publications
Summary of the subject: Recruitment, presentation of the curriculum and introduction to the course. • Getting to know the students; • Discussion of the course; • What is design and who is a designer? • Types of designers, their roles and responsibilities; • What is customer experience (CX) and what does it affect? • What is user experience (UX), the history of this term and its importance for a designer; • What is an interaction designer (IxD), where and how it is used in design; • What is a user interface (UI), history of development and types of interfaces; • Literature for independent work on the course. Fundamentals of visual design: • Typography: basic concepts and rules; • Colouristics: terms and definitions; • Composition: types and laws; • Principles of visual hierarchy; • Gestalt principles; • Cases when it is necessary to break the rules. The basics of user experience design: • What is usability, how does it differ from user experience (UX) and what principles does it contain? • What is the Mental model and how it affects usability; • What are cognitive biases and how to avoid them; • General UX patterns, Dark patterns, usability principles, laws and criteria; • Z and F patterns. Overview and operation of the main elements (components) of the user interface: • The following will be covered: page header, page footer, navigation menu, link, button, icon, dropdown, input, auto-complete, checkbox, radio button, tabs, stepper, pagination, breadcrumb, tag, time & date pickers, form, slider, switch, calendar, card, carousel, collapse, comment, list, table, timeline, tooltip, alert, modal, notification, progress bar, search, skeleton, tree, image, avatar, upload, transfer; • States of interface elements. Distances, grids and layouts • History of the concept; • What grids are and why they are used; • What elements make up a grid; • Types of grids and how they are used; • Features of grids for websites, web applications, and mobile apps; • Rules and recommendations for placing interface elements on the grid. Adaptive and responsive design • History of the concept; • What is responsive design, responsive design and what is the difference between them; • Pros and cons of each; • Recommendations for use. Overview of design systems, guidelines, and rules for creating mobile apps: • Design frameworks: what they are, why they are used, and how to use them; • Overview of guidelines for Google material design (1-3) and Apple human interface; • The difference between these 2 platforms; • Native, Hybrid and Cross-Platform mobile apps; • DPI and PPI; • Pixels and points; • The thumb zone; • Basic rules and recommendations for creating mobile interfaces. Designing user journeys (workshop) The purpose and importance of designing user interfaces; • Rules and guidelines for building; • Application options. • Application options. Designing information architecture (workshop) • Purpose and value in designing user interfaces; • Types of information architectures; • Rules and guidelines for building; • Application options. Methods of testing design solutions Quick methods of interface evaluation: • Jacob Nielsen's heuristics; • Laws of UX: 21 principles; • 5 Usability criteria; • Don Norman's 7 principles; • Schneiderman's 8 Golden Rules; • Bruce Tognazzini's principles; • Design principles for reducing cognitive load; • Guerrilla testing; • Expert reviews. Full-fledged methods of interface evaluation: • Usability testing; • A/B testing; • Card sorting and Tree testing. Services for interface evaluation: • Hotjar; • Google Analytics; • PlaybookUX.
Assessment methods and criteria: The maximum score in points is 100; Current control (laboratory work) – 24; Current control (calculation and graphic work) – 16. Examination control (written component) – 55. Examination control (oral component) – 5.
Recommended books: 1. Living with Complexity by Donald A. Norman | 2010 | 259 pages; 2. The Design Of Everyday Things by Donald A. Norman | 2013 | 370 pages; 3. Emotional Design: Why We Love (or Hate) Everyday Things by Donald A. Norman | 2005 | 272; 4. Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition by Krug Steve | 2021 | 218 pages; 5. About Face: The Essentials of Interaction Design 4th Edition by Alan Cooper | 2014 | 588 pages; 6. The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity (2nd Edition) by Alan Cooper | 2004 | 283 pages; 7. Laws of UX. Using Psychology to Design Better Products & Services by Jon Yablonski | 2020 | 150 pages; 8. Designing Web Interfaces: Principles and Patterns for Rich Interactions 1st Edition by Bill Scott, Theresa Neil | 2009 | 519 pages; 9. Responsive Web Design 2nd edition by Ethan Marcotte | 2017 | 168 pages; 10. Responsive design patterns by Ethan Marcotte | 2016 | 174 pages; 11. Responsive Design Patterns & Principles by Ethan Marcotte | 2015 | 172 pages; 12. Designing Web Usability 1st Edition by Jakob Nielsen | 1999 | 300 pages; 13. The Humane Interface: New Directions for Designing Interactive Systems by Jef Raskin | 2000 | 233 pages; 14. Information Architecture for the World Wide Web- Designing Large-Scale Web Sites, 3rd Edition by Peter Morville, Louis Rosenfeld | 2007 | 526 pages; 15. A Project Guide to UX Design. For User Experience Designers in the Field or in the Making | 2nd Edition by Russ Unger, Carolyn Chandler | 2012 | 368 pages.