General information:
Name:
User Interface Design Fundamentals
Code:
int.courses-263
Profile of education:
Academic (A)
Lecture language:
English
Semester:
Fall
Responsible teacher:
dr inż. Olejarz-Mieszaniec Ewa (ewao@agh.edu.pl)
Academic teachers:
dr inż. Olejarz-Mieszaniec Ewa (ewao@agh.edu.pl)
Module summary

User Interface Design focuses on anticipating, what users might need to do and ensuring, that the interface has elements that are easy to access, understand, and use to facilitate those actions.

Description of learning outcomes for module
MLO code Student after module completion has the knowledge/ knows how to/is able to Connections with FLO Method of learning outcomes verification (form of completion)
Social competence
M_K001 Student is able to present the results of his work in public and evaluate the work of others. Presentation
M_K002 During realization of the project, student is able to work in groups, collaborate with other members of project team, effectively organize his own work and critically assess its progress. Execution of a project,
Activity during classes
Skills
M_U001 Student can search, analyze, evaluate, select and use information from published and electronic sources at an advanced level. Execution of laboratory classes,
Execution of a project,
Presentation,
Activity during classes
M_U002 Student knows how to make an advanced analysis of the collected research material using appropriate graphic material analysis techniques. Project,
Activity during classes
Knowledge
M_W001 Student knows and understands the methods of analysis and interpretation of UI and UX. He is able to analyze the interaction between the application interface and users. He knows the basic principles of designing interfaces based on user experience. Execution of a project,
Activity during classes
FLO matrix in relation to forms of classes
MLO code Student after module completion has the knowledge/ knows how to/is able to Form of classes
Lecture
Audit. classes
Lab. classes
Project classes
Conv. seminar
Seminar classes
Pract. classes
Zaj. terenowe
Zaj. warsztatowe
Others
E-learning
Social competence
M_K001 Student is able to present the results of his work in public and evaluate the work of others. - - + - - - - - - - -
M_K002 During realization of the project, student is able to work in groups, collaborate with other members of project team, effectively organize his own work and critically assess its progress. - - + - - - - - - - -
Skills
M_U001 Student can search, analyze, evaluate, select and use information from published and electronic sources at an advanced level. - - + - - - - - - - -
M_U002 Student knows how to make an advanced analysis of the collected research material using appropriate graphic material analysis techniques. - - + - - - - - - - -
Knowledge
M_W001 Student knows and understands the methods of analysis and interpretation of UI and UX. He is able to analyze the interaction between the application interface and users. He knows the basic principles of designing interfaces based on user experience. + - + - - - - - - - -
Module content
Lectures:
  1. The general aim of this course is to show students UX technics, how to design good user interfaces, covering important design principles (e.g. learnability, visibility, error prevention, efficiency, graphic design) and the human capabilities, that motivate them (including perception, motor skills, color vision, attention).

  2. User Interface Design focuses on anticipating, what users might need to do and ensuring, that the interface has elements that are easy to access, understand, and use to facilitate those actions. This is strictly connected with User Experience Design, because good user experience reseach will directly influence the usability of the product.

  3. User-Centered Design, UI and UX design

    Similarities and differences between UI and UX designer. Introduction to User-Centered Design. Creative strategies used during the process of designing: Thinking Design. Discovering, defining and analysis of the problem: creative strategies used during the process of designing: Thinking Design, 5WHY method.
    Business analysis of the problem: 5W1H, 6 thinking hats, CATWOE, Lean Canvas Model methods, benchmark competition.
    Methodology of research on the usability and accessibility of internet websites and applications, including, among others: the method of determining the target group within Internet communities; technical requirements of created projects; usability tests; expert and heuristic analysis; competitve analysis; strategy creation; development of technology and preparation of information architecture; the use of neuromarketing in the preparation of websites and web applications; A/B tests, ClickTrackingand other research.

Laboratory classes:

The general aim of this course is to show students UX technics, how to design good user interfaces, covering important design principles (e.g. learnability, visibility, error prevention, efficiency, graphic design) and the human capabilities, that motivate them (including perception, motor skills, color vision, attention).

To achieve it, students will learn, how to:
- gather, organize and analyze useful information about users,
- create personas, storyboards and scenarios for the problems,
- model processes, prototype UI,
- use prototyping/wireframing tools for UI design.

Student workload (ECTS credits balance)
Student activity form Student workload
Summary student workload 103 h
Module ECTS credits 4 ECTS
Participation in lectures 10 h
Participation in laboratory classes 20 h
Preparation for classes 30 h
Completion of a project 35 h
Preparation of a report, presentation, written work, etc. 6 h
Contact hours 2 h
Additional information
Method of calculating the final grade:

Conditions for passing the subject:

  1. Attendance at the classes is obligatory.
  2. To obtain the positive final mark, it is necessary to have positive grades from all the laboratory excercises and an exam.
  3. The arithmetic average from the laboratory classes and exam grades is calculated.
  4. The final mark of the laboratory classes consists of:
    – Activity during classes (10%)
    – Project (70%);
    – Presentation of project (10%)
    – Review of colleagues project (10%)
Prerequisites and additional requirements:

Prerequisites and additional requirements not specified

Recommended literature and teaching resources:
  1. Hoekman Robert. Designing the Moment: Web Interface Design Concepts in Action. New Riders Publishing. 2008.
  2. Kalbach James. Designing Web Navigation, O’Reilly Media, 2007.
  3. Krug Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders Publishing. 2014.
  4. Linderman Matthew, Jason Fried. Defensive Design for the Web: How to Improve Error Messages, Help, Forms, and Other Crisis Points.New Riders Publishing. 2004.
  5. Nielsen Jakob, Hoa Loranger.Prioritizing Web Usability. New Riders Press, Berkeley CA. 2006.
  6. Thatcher Jimand others. Web Accessibility. Web Standards and Regulatory Compliance. Nowy Jork: friendsofED, 2006.
  7. Weinschenk M. Susan. Neuro Web Design: What Makes Them Click? New Riders Pres. 2009.
Scientific publications of module course instructors related to the topic of the module:

The experience of the teachers comes from work in R&D projects, cooperation and consultation on the implementation of commercial projects.

Additional information:

Classes are conducted using innovative teaching methods developed during 2017-2019 in the POWR.03.04.00-00-D002/16 project, carried out by the Faculty of Computer Science, Electronics and Telecommunications under the Smart Growth Operational Programme 2014-2020.