Course Information
SemesterCourse Unit CodeCourse Unit TitleT+P+LCreditNumber of ECTS CreditsLast Updated Date
5GİT327Interface Design2+2+03425.12.2023

 
Course Details
Language of Instruction Turkish
Level of Course Unit Bachelor's Degree
Department / Program Visual Communication Design
Type of Program Formal Education
Type of Course Unit Compulsory
Course Delivery Method Face To Face
Objectives of the Course Students taking this course:
1) To be able to use the methods and technologies of interface design and configuration,
2) Establishing interface pages for WWW standards using content management systems,
3) It is expected that they will be able to apply basic web design principles with XD, Adobe Photoshop programs that can create interface pages.
Course Content This course enables students to learn basic application principles through web design practices and XD auxiliary coding systems. This course introduces students to interface standards, usability, and design for workflow and accessibility. This course provides students with the knowledge to exercise in interface design by exploring multimedia and building their own grid systems, thanks to its responsive design.
Course Methods and Techniques
Prerequisites and co-requisities None
Course Coordinator None
Name of Lecturers Instructor Alp Başat Buket
Assistants None
Work Placement(s) No

Recommended or Required Reading
Resources Smashing Magazines – Interface Design
Course Notes Examination of mobile concepts
Mobile design principles and design processes
Page design techniques
Navigation and interaction
Use and editing of photographs
Color theories for interface design
Typography in interface design
Workshop for the project
Interface forms
Usability of the interface and universal concepts
Accessibility and compatibility
moving elements
Further analysis of the page structure
Understanding User Experience and Feedback
Documents Responsive Web Tasarımı ve Uygulamaları
Assignments ödev var
Exams vixe, final

Course Category
Field %100

Planned Learning Activities and Teaching Methods
Activities are given in detail in the section of "Assessment Methods and Criteria" and "Workload Calculation"

Assessment Methods and Criteria
In-Term Studies Quantity Percentage
Mid-terms 1 % 40
Final examination 1 % 60
Total
2
% 100

 
ECTS Allocated Based on Student Workload
Activities Quantity Duration Total Work Load
Course Duration 14 4 56
Hours for off-the-c.r.stud 14 3 42
Assignments 1 4 4
Mid-terms 1 4 4
Final examination 1 4 4
Total Work Load   Number of ECTS Credits 4 110

 
Course Learning Outcomes: Upon the successful completion of this course, students will be able to:
NoLearning Outcomes
1 To learn the basic concepts of interface design,
2 To have knowledge about interface design methods,
3 To learn about interface design for different environments such as web and mobile,
4 Examining examples of interface design designed for different areas
5 Obtain basic color, text and hardware information for interface design
6 To have experience about various softwares in computer environment interface design

 
Weekly Detailed Course Contents
WeekTopicsStudy MaterialsMaterials
1 Introduction of the course, the method of operation and sources İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
2 What is interface design and case studies, Interface design methods and design reasons http://www.hasanyalcin.com/?s=aray%C3%BCz http://blog.teamtreehouse.com/10-user-interface-design-fundamentals http://www.hasanyalcin.com/?s=aray%C3%BCz
3 Interaction design and interaction methods İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
4 Graphical interface design, interface design with Adobe Photoshop tools İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan)
5 Interface design for different environments such as web and mobile http://www.hasanyalcin.com/?s=aray%C3%BCz
6 Interface design application 1 http://www.hongkiat.com/blog/photoshop-ui-tutorials/
7 Midterm exam
8 Interface design application 2 http://www.hongkiat.com/blog/photoshop-ui-tutorials/
9 Interface design with Adobe Illustrator tools http://design.tutsplus.com/categories/interface-design
10 Interface design application 3 http://www.hongkiat.com/blog/photoshop-ui-tutorials/
11 Determining and discussing the end of term project
12 Workshop 1 http://www.hongkiat.com/blog/photoshop-ui-tutorials/
13 Workshop 2 http://www.hongkiat.com/blog/photoshop-ui-tutorials/
14 Final Exam and Project Delivery

 
Contribution of Learning Outcomes to Programme Outcomes
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10 P11 P12
All 5 3 4 4 4 3 3 4 3 3 4
C1 4 3 4 4 4 3 3 4 3 2 4
C2 5 3 4 4 4 3 3 4 3 4 4
C3 3 3 4 4 4 3 3 4 3 3 4
C4 2 3 4 4 4 3 3 4 3 3 4
C5 4 3 4 4 4 3 3 4 4 4 4
C6 5 3 4 4 4 3 3 4 4 2 4

  bbb

  
  https://obs.gedik.edu.tr/oibs/bologna/progCourseDetails.aspx?curCourse=208856&curProgID=5717&lang=en