Course Information
SemesterCourse Unit CodeCourse Unit TitleT+P+LCreditNumber of ECTS Credits
5GİT327Interface Design2+2+034

Course Details
Language of Instruction Turkish
Level of Course Unit Bachelor's Degree
Department / Program Visual Communication Design
Mode of Delivery Face to Face
Type of Course Unit Compulsory
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
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
Responsive Web Tasarımı ve Uygulamaları
ödev var
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