Course Detail
Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|---|---|---|---|---|
| USER EXPERIENCE and INTERFACE DESIGN | MGS3216225 | Spring Semester | 1+2 | 2 | 6 |
| Course Program | ( A ) Pazartesi 12:00-12:45 ( A ) Pazartesi 12:45-13:30 ( A ) Pazartesi 13:30-14:15 ( A ) Cumartesi 12:00-12:45 ( A ) Cumartesi 12:45-13:30 ( A ) Cumartesi 13:30-14:15 ( B ) Pazartesi 14:30-15:15 ( B ) Pazartesi 15:30-16:15 ( B ) Pazartesi 16:30-17:15 ( B ) Cumartesi 14:30-15:15 ( B ) Cumartesi 15:30-16:15 ( B ) Cumartesi 16:30-17:15 |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | Turkish |
| Course Level | First Cycle (Bachelor's Degree) |
| Course Type | Required |
| Course Coordinator | Assoc.Prof. İhsan EKEN |
| Name of Lecturer(s) | Assoc.Prof. İhsan EKEN |
| Assistant(s) | |
| Aim | This course aims to introduce students to the fundamental principles of user experience (UX) and interface (UI) design. Students will learn to research, plan, prototype, and evaluate digital interfaces with a focus on usability, accessibility, and visual communication. The course encourages a human-centered design approach to solving interaction problems. |
| Course Content | This course contains; Course Introduction: What is UX/UI? Scope and expectations,User-Centered Design Principles and Process,Understanding Users: Personas, Scenarios, and User Flows,Information Architecture and Content Strategy,Wireframing Techniques and Tools,Visual Design Principles for Interfaces: Layout, Color, Typography,Interactive Prototyping: Tools and Methods,Midterm Exam ,Usability Principles and Heuristic Evaluation,Accessibility in Interface Design,Mobile and Responsive Design Considerations,Microinteractions and Motion in UI,Usability Testing: Planning, Conducting, Analyzing,Student Project Development and Feedback Sessions 1,Student Project Development and Feedback Sessions 2. |
| Dersin Öğrenme Kazanımları | Teaching Methods | Assessment Methods |
| Defines the core concepts of user experience and interface design. | 9 | A |
| Conducts user research and analyzes user needs. | 11, 13 | E |
| Designs effective information architecture and wireframes. | 2 | E |
| Creates interactive prototypes for digital interfaces. | 2 | E |
| Evaluates interface designs through usability testing and feedback. | 2, 6 | A, E |
| Develops a human-centered design mindset to solve design problems. | 13 | E |
| Teaching Methods: | 11: Demonstration Method, 13: Case Study Method, 2: Project Based Learning Model, 6: Experiential Learning, 9: Lecture Method |
| Assessment Methods: | A: Traditional Written Exam, E: Homework |
Course Outline
| Order | Subjects | Preliminary Work |
|---|---|---|
| 1 | Course Introduction: What is UX/UI? Scope and expectations | |
| 2 | User-Centered Design Principles and Process | Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. Norman, Don. The Design of Everyday Things. Basic Books. Garrett, Jesse James. The Elements of User Experience. |
| 3 | Understanding Users: Personas, Scenarios, and User Flows | Garrett, Jesse James. The Elements of User Experience. |
| 4 | Information Architecture and Content Strategy | Garrett, Jesse James. The Elements of User Experience. New Riders |
| 5 | Wireframing Techniques and Tools | Garrett, Jesse James. The Elements of User Experience. New Riders |
| 6 | Visual Design Principles for Interfaces: Layout, Color, Typography | Gavin Ambrose , Paul Harris (2013), Grafik Tasarım Temelleri |
| 7 | Interactive Prototyping: Tools and Methods | Don Norman Group |
| 8 | Midterm Exam | |
| 9 | Usability Principles and Heuristic Evaluation | Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. |
| 10 | Accessibility in Interface Design | Don Norman Group |
| 11 | Mobile and Responsive Design Considerations | Garrett, Jesse James. The Elements of User Experience. New Riders. |
| 12 | Microinteractions and Motion in UI | Garrett, Jesse James. The Elements of User Experience. New Riders. |
| 13 | Usability Testing: Planning, Conducting, Analyzing | Norman, Don. The Design of Everyday Things. Basic Books. |
| 14 | Student Project Development and Feedback Sessions 1 | |
| 15 | Student Project Development and Feedback Sessions 2 |
| Resources |
| Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. Norman, Don. The Design of Everyday Things. Basic Books. Garrett, Jesse James. The Elements of User Experience. New Riders. NORMAN GROUP Gavin Ambrose , Paul Harris (2013), Grafik Tasarım Temelleri |
| Additional articles, slides, and visual resources provided by the instructor. |
Course Contribution to Program Qualifications
| Course Contribution to Program Qualifications | |||||||
| No | Program Qualification | Contribution Level | |||||
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Knows the basic concepts of Media and Visual Arts disciplines. | X | |||||
| 2 | Knows the basic theories of media and visual arts disciplines. | X | |||||
| 3 | Knows the necessary computer programs and multi-media techniques in Media and Visual Arts. | X | |||||
| 4 | Knows the aesthetic rules necessary in Media and Visual Arts. | ||||||
| 5 | Acts in a way that adheres to national and international ethical codes in professional and scientific studies. | ||||||
| 6 | Understands the symbol systems of cultures. | ||||||
| 7 | Analyzes the facts related to Media and Visual Arts in their dimensions. | X | |||||
| 8 | Plans the visual design process in line with the needs of institutions/individuals. | X | |||||
| 9 | Carries out the visual communication process in line with the needs of institutions/individuals. | X | |||||
| 10 | Uses the tools, methods and techniques required for Media and Visual Arts practices. | X | |||||
| 11 | Has the ability to produce, process and evaluate real, 2D and 3D images. | ||||||
| 12 | Applies visual design techniques in new media environments. | X | |||||
| 13 | Has aesthetic awareness and understanding of design. | X | |||||
| 14 | Performs their profession by taking into consideration the "Occupational Health and Safety" rules. | ||||||
| 15 | Solve problems that arise by taking responsibility in projects related to Media and Visual Arts. | ||||||
| 16 | Can transform theoretical and factual problems of Media and Visual Arts disciplines and sub-disciplines into publications using scientific methods. | X | |||||
| 17 | Regularly follows the developments in the field of Media and Visual Arts and uses them effectively in her work. | ||||||
| 18 | Uses Turkish fluently and accurately in scientific and professional studies. | ||||||
| 19 | Can read and understand at least one foreign language at B1 level. | ||||||
| 20 | Plans and takes part in social responsibility projects. | X | |||||
| 21 | Incorporates artificial intelligence (artificial learning/machine learning) into the creation process. | X | |||||
Assessment Methods
| Contribution Level | Absolute Evaluation | |
| Rate of Midterm Exam to Success | 40 | |
| Rate of Final Exam to Success | 60 | |
| Total | 100 | |
| ECTS / Workload Table | ||||||
| Activities | Number of | Duration(Hour) | Total Workload(Hour) | |||
| Course Hours | 14 | 3 | 42 | |||
| Guided Problem Solving | 0 | 0 | 0 | |||
| Resolution of Homework Problems and Submission as a Report | 1 | 20 | 20 | |||
| Term Project | 1 | 60 | 60 | |||
| Presentation of Project / Seminar | 1 | 10 | 10 | |||
| Quiz | 0 | 0 | 0 | |||
| Midterm Exam | 1 | 20 | 20 | |||
| General Exam | 1 | 30 | 30 | |||
| Performance Task, Maintenance Plan | 0 | 0 | 0 | |||
| Total Workload(Hour) | 182 | |||||
| Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(182/30) | 6 | |||||
| ECTS of the course: 30 hours of work is counted as 1 ECTS credit. | ||||||
Detail Informations of the Course
Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|---|---|---|---|---|
| USER EXPERIENCE and INTERFACE DESIGN | MGS3216225 | Spring Semester | 1+2 | 2 | 6 |
| Course Program | ( A ) Pazartesi 12:00-12:45 ( A ) Pazartesi 12:45-13:30 ( A ) Pazartesi 13:30-14:15 ( A ) Cumartesi 12:00-12:45 ( A ) Cumartesi 12:45-13:30 ( A ) Cumartesi 13:30-14:15 ( B ) Pazartesi 14:30-15:15 ( B ) Pazartesi 15:30-16:15 ( B ) Pazartesi 16:30-17:15 ( B ) Cumartesi 14:30-15:15 ( B ) Cumartesi 15:30-16:15 ( B ) Cumartesi 16:30-17:15 |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | Turkish |
| Course Level | First Cycle (Bachelor's Degree) |
| Course Type | Required |
| Course Coordinator | Assoc.Prof. İhsan EKEN |
| Name of Lecturer(s) | Assoc.Prof. İhsan EKEN |
| Assistant(s) | |
| Aim | This course aims to introduce students to the fundamental principles of user experience (UX) and interface (UI) design. Students will learn to research, plan, prototype, and evaluate digital interfaces with a focus on usability, accessibility, and visual communication. The course encourages a human-centered design approach to solving interaction problems. |
| Course Content | This course contains; Course Introduction: What is UX/UI? Scope and expectations,User-Centered Design Principles and Process,Understanding Users: Personas, Scenarios, and User Flows,Information Architecture and Content Strategy,Wireframing Techniques and Tools,Visual Design Principles for Interfaces: Layout, Color, Typography,Interactive Prototyping: Tools and Methods,Midterm Exam ,Usability Principles and Heuristic Evaluation,Accessibility in Interface Design,Mobile and Responsive Design Considerations,Microinteractions and Motion in UI,Usability Testing: Planning, Conducting, Analyzing,Student Project Development and Feedback Sessions 1,Student Project Development and Feedback Sessions 2. |
| Dersin Öğrenme Kazanımları | Teaching Methods | Assessment Methods |
| Defines the core concepts of user experience and interface design. | 9 | A |
| Conducts user research and analyzes user needs. | 11, 13 | E |
| Designs effective information architecture and wireframes. | 2 | E |
| Creates interactive prototypes for digital interfaces. | 2 | E |
| Evaluates interface designs through usability testing and feedback. | 2, 6 | A, E |
| Develops a human-centered design mindset to solve design problems. | 13 | E |
| Teaching Methods: | 11: Demonstration Method, 13: Case Study Method, 2: Project Based Learning Model, 6: Experiential Learning, 9: Lecture Method |
| Assessment Methods: | A: Traditional Written Exam, E: Homework |
Course Outline
| Order | Subjects | Preliminary Work |
|---|---|---|
| 1 | Course Introduction: What is UX/UI? Scope and expectations | |
| 2 | User-Centered Design Principles and Process | Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. Norman, Don. The Design of Everyday Things. Basic Books. Garrett, Jesse James. The Elements of User Experience. |
| 3 | Understanding Users: Personas, Scenarios, and User Flows | Garrett, Jesse James. The Elements of User Experience. |
| 4 | Information Architecture and Content Strategy | Garrett, Jesse James. The Elements of User Experience. New Riders |
| 5 | Wireframing Techniques and Tools | Garrett, Jesse James. The Elements of User Experience. New Riders |
| 6 | Visual Design Principles for Interfaces: Layout, Color, Typography | Gavin Ambrose , Paul Harris (2013), Grafik Tasarım Temelleri |
| 7 | Interactive Prototyping: Tools and Methods | Don Norman Group |
| 8 | Midterm Exam | |
| 9 | Usability Principles and Heuristic Evaluation | Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. |
| 10 | Accessibility in Interface Design | Don Norman Group |
| 11 | Mobile and Responsive Design Considerations | Garrett, Jesse James. The Elements of User Experience. New Riders. |
| 12 | Microinteractions and Motion in UI | Garrett, Jesse James. The Elements of User Experience. New Riders. |
| 13 | Usability Testing: Planning, Conducting, Analyzing | Norman, Don. The Design of Everyday Things. Basic Books. |
| 14 | Student Project Development and Feedback Sessions 1 | |
| 15 | Student Project Development and Feedback Sessions 2 |
| Resources |
| Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. Norman, Don. The Design of Everyday Things. Basic Books. Garrett, Jesse James. The Elements of User Experience. New Riders. NORMAN GROUP Gavin Ambrose , Paul Harris (2013), Grafik Tasarım Temelleri |
| Additional articles, slides, and visual resources provided by the instructor. |
Course Contribution to Program Qualifications
| Course Contribution to Program Qualifications | |||||||
| No | Program Qualification | Contribution Level | |||||
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Knows the basic concepts of Media and Visual Arts disciplines. | X | |||||
| 2 | Knows the basic theories of media and visual arts disciplines. | X | |||||
| 3 | Knows the necessary computer programs and multi-media techniques in Media and Visual Arts. | X | |||||
| 4 | Knows the aesthetic rules necessary in Media and Visual Arts. | ||||||
| 5 | Acts in a way that adheres to national and international ethical codes in professional and scientific studies. | ||||||
| 6 | Understands the symbol systems of cultures. | ||||||
| 7 | Analyzes the facts related to Media and Visual Arts in their dimensions. | X | |||||
| 8 | Plans the visual design process in line with the needs of institutions/individuals. | X | |||||
| 9 | Carries out the visual communication process in line with the needs of institutions/individuals. | X | |||||
| 10 | Uses the tools, methods and techniques required for Media and Visual Arts practices. | X | |||||
| 11 | Has the ability to produce, process and evaluate real, 2D and 3D images. | ||||||
| 12 | Applies visual design techniques in new media environments. | X | |||||
| 13 | Has aesthetic awareness and understanding of design. | X | |||||
| 14 | Performs their profession by taking into consideration the "Occupational Health and Safety" rules. | ||||||
| 15 | Solve problems that arise by taking responsibility in projects related to Media and Visual Arts. | ||||||
| 16 | Can transform theoretical and factual problems of Media and Visual Arts disciplines and sub-disciplines into publications using scientific methods. | X | |||||
| 17 | Regularly follows the developments in the field of Media and Visual Arts and uses them effectively in her work. | ||||||
| 18 | Uses Turkish fluently and accurately in scientific and professional studies. | ||||||
| 19 | Can read and understand at least one foreign language at B1 level. | ||||||
| 20 | Plans and takes part in social responsibility projects. | X | |||||
| 21 | Incorporates artificial intelligence (artificial learning/machine learning) into the creation process. | X | |||||
Assessment Methods
| Contribution Level | Absolute Evaluation | |
| Rate of Midterm Exam to Success | 40 | |
| Rate of Final Exam to Success | 60 | |
| Total | 100 | |