Undergraduate
Faculty of Engineering and Architecture
Computer Engineering
Anlık RSS Bilgilendirmesi İçin Tıklayınız.Düzenli bilgilendirme E-Postaları almak için listemize kaydolabilirsiniz.

Computer Engineering Main Page / Program Curriculum / Graphical User Interface Design and Development

Graphical User Interface Design and Development

Course CodeSemester Course Name LE/RC/LA Course Type Language of Instruction ECTS
CSE0403 Graphical User Interface Design and Development 2/0/2 DE English 6
Course Goals
Modern GUI and interaction design should be based on User Experience (UX), as UX have become the key success factor for digital systems. Computer engineers who will work in digital industry should have a solid understanding of UX to build successful and interactive systems. This course aims to provide students with the theoretical and applied UX knowledge that a computer engineer should have to design user-friendly GUIs. The students will learn the UX principles, and application of tools and techniques for evaluation and improvement of GUIs for various digital systems. The course will be enriched with class activities, and the term project will allow students to apply the tools and techniques they will learn in the course. The students will use “balsamiq,” a drag-drop wireframing software for GUI design.
Prerequisite(s) NONE
Corequisite(s) NONE
Special Requisite(s) NONE
Instructor(s) Professor Servet BAYRAM
Course Assistant(s) No appointed
Schedule Theory: Tuesday 1300-1445 2B0709 / Lab: Tuesday 1445-1645 2B08010, Atakoy Campus,
Office Hour(s) Tuesday, 1645-1745, Atakoy Campus
Teaching Methods and Techniques Oral presentation, discussion, collaborative learning, and problem solving
Principle Sources

J.Preece,H.Sharp,Y.Rodgers,Interaction Design:Beyond HCI,4th Ed.,Wiley (2015)

B.Shneiderman, C.Plaisant, Designing the user interface, 5th Ed., Addison-Wesley, (2010)

Other Sources J. Johnson, GUI Bloopers 2.0: Common User Interface Design Don'ts and Do's, Morgan Kaufmann Publishers - Academic Pres., 2007.

T.Tullis, B.Albert, Measuring the user experience, Morgan Kaufmann, 2008.
Course Schedules
Week Contents Learning Methods
1. Week Course overview Oral presentation, discussion
2. Week Introduction, GUI and User Experience (UX), Technology Acceptance Model Oral presentation, discussion,
3. Week Interaction and interaction styles Oral presentation, collaborative learning
4. Week Human cognition, Gestalt principles Oral presentation, collaborative learning
5. Week Fitt's Law, Elements of UX, Nielsen heuristics Oral presentation, collaborative learning
6. Week UX Evaluation metrics, User test methodology and application Oral presentation, collaborative learning
7. Week Statistic refreshment and statistical analysis of UXdata Oral presentation, problem solving
8. Week Midterm Exam Examination
9. Week Statistical analysis of UX data, heuristic evaluation Oral presentation, problem solving
10. Week Heuristic evaluation Oral presentation, collaborative learning
11. Week Eye tracking, Computer System Usability Questionnaire (CQUQ), System Usability Survey (SUS) Oral presentation, problem solving, collaborative learning
12. Week GUI Design rules, Persona development Oral presentation, collaborative learning
13. Week Term project presentations Oral presentation
14. Week UX in mobile systems Oral presentation, discussion
15. Week
16. Week
17. Week
Assessments
Evaluation tools Quantity Weight(%)
Midterm(s) 1 20
Homework / Term Projects / Presentations 1 20
Collaborative Learning Activities 6 25
Final Exam 1 35


Program Outcomes
PO-1Adequate knowledge in mathematics, science and engineering subjects pertaining to the relevant discipline; ability to use theoretical and applied information in these areas to model and solve engineering problems.
PO-2Ability to identify, formulate, and solve complex engineering problems; ability to select and apply proper analysis and modelling methods for this purpose.
PO-3Ability to design a complex system, process, device or product under realistic constraints and conditions, in such a way so as to meet the desired result; ability to apply modern design methods for this purpose. (Realistic constraints and conditions may include factors such as economic and environmental issues, sustainability, manufacturability, ethics, health, safety issues, and social and political issues according to the nature of the design.)
PO-4Ability to devise, select, and use modern techniques and tools needed for engineering practice; ability to employ information technologies effectively.
PO-5Ability to design and conduct experiments, gather data, analyse and interpret results for investigating engineering problems.
PO-6Ability to work efficiently in intra-disciplinary and multi-disciplinary teams; ability to work individually.
PO-7Ability to communicate effectively, both orally and in writing; knowledge of a minimum of one foreign language.
PO-8Recognition of the need for lifelong learning; ability to access information, to follow developments in science and technology, and to continue to educate him/herself.
PO-9Awareness of professional and ethical responsibility.
PO-10Information about business life practices such as project management, risk management, and change management; awareness of entrepreneurship, innovation, and sustainable development.
PO-11Knowledge about contemporary issues and the global and societal effects of engineering practices on health, environment, and safety; awareness of the legal consequences of engineering solutions.
Learning Outcomes
LO-1Students will explain the importance of GUI design and UX for the success of digital systems.
LO-2Students will define interaction, give examples of interaction types and interactive systems.
LO-3Students will understand the structure of human cognition, describe the application of Fitt's Law, give examples to Gestalt principles.
LO-4Students will understand the elements of UX, give examples of Nielsen heuristics and GUI design rules.
LO-5Students will understand user test methodology, and user test data analysis methods.
LO-6Students will describe heuristic UX evaluation method.
LO-7Students will understand the application of UX questionnaires.
LO-8Students will understand principles of UX in mobile systems.
Course Assessment Matrix:
Program Outcomes - Learning Outcomes Matrix
 PO 1PO 2PO 3PO 4PO 5PO 6PO 7PO 8PO 9PO 10PO 11