VOCATIONAL SCHOOL
Department of Graphic Design (Turkish)
MGT 108 | Course Introduction and Application Information
| Course Name |
User Interface Design
|
|
Code
|
Semester
|
Theory
(hour/week) |
Application/Lab
(hour/week) |
Local Credits
|
ECTS
|
|
MGT 108
|
Spring
|
1
|
2
|
2
|
4
|
| Prerequisites |
None
|
|||||
| Course Language |
Turkish
|
|||||
| Course Type |
Required
|
|||||
| Course Level |
Short Cycle
|
|||||
| Mode of Delivery | - | |||||
| Teaching Methods and Techniques of the Course | Application: Experiment / Laboratory / Workshop | |||||
| Course Coordinator | - | |||||
| Course Lecturer(s) | ||||||
| Assistant(s) | - | |||||
| Course Objectives | The course aims to students, web and mobile environments for web pages and interface design of applications of theoretical and practical knowledge to transfer. |
| Learning Outcomes |
The students who succeeded in this course;
|
| Course Description | This course will learn the current principles and theories for mobile devices, the web page for the relevant devices and their interface graphics and visualization of mobile applications is a successful learning as applied to construction methods. |
|
|
Core Courses |
X
|
| Major Area Courses | ||
| Supportive Courses | ||
| Media and Management Skills Courses | ||
| Transferable Skill Courses |
WEEKLY SUBJECTS AND RELATED PREPARATION STUDIES
| Week | Subjects | Related Preparation |
| 1 | Entrance. The course workload and information on evaluation criteria. | |
| 2 | Role of Graphic Design in User Interface Design of Desktop, Mobile and Tablet devices and basic concepts of User Interface Design. | İnteraktif Media Tasarımında Temel Adımlar Oğuzhan Özcan Part 1-2, Responsive Web Tasarımı Uygulamaları - Burak Tokak - Part 1-2 |
| 3 | Project 1: Informing the project and starting the mood board design. | course notes |
| 4 | Project 1: Starting Wireframe drawings. | İnteraktif Media Tasarımında Temel Adımlar - Oğuzhan Özcan - Part 3 |
| 5 | Project 1 : Creating High Fidelity Mockup | İnteraktif Media Tasarımında Temel Adımlar - Oğuzhan Özcan - Part 4 |
| 6 | Project 1: Creating the interface design style guide. | Apple - Human Interface Guidelines, Google - Material Design Guidelines web sources |
| 7 | Project 1: Designing the interface and animating it as a prototype. | İnteraktif Media Tasarımında Temel Adımlar - Oğuzhan Özcan - Part 5, Responsive Web Tasarımı ve Uygulamaları - Burak Tokak - Part 2, Web Tasarım Rehberi - Koray Sadıklar - Part 2 |
| 8 | Project 1: In-class application and feedback. | Application |
| 9 | Project 1: In-class application, end of the course submission. | Application |
| 10 | Icon usage and design process in User Interface Design. | İnteraktif Media Tasarımında Temel Adımlar - Oğuzhan Özcan - Part 6 |
| 11 | Project 2: Informing the project and starting the mood board design. | Course notes and application. |
| 12 | Project 2 : Starting Wireframe drawings and Creating High Fidelity Mockup. | Course notes and application. |
| 13 | Project 2: Creating the interface design style guide. | Course notes and application. |
| 14 | Project 2: Designing the interface and animating it as a prototype. | Course notes and application. |
| 15 | Assessment this period | Preparing Presentation |
| 16 | Project 2 (Final) Submission |
| Course Notes/Textbooks | Özcan, O. (2008), İnteraktif Media Tasarımında Temel Adımlar. ISBN - 9754584834 Tokak, B. (2016), Responsive Web Tasarımı ve Uygulamaları. ISBN – 9786054898275 Sadıklar, K. (2020), Web Tasarım Rehberi. ISBN – 9786257066006
|
| Suggested Readings/Materials | Ambrose, G., Harris, P. (2013), Yaratıcı Tasarımın Temelleri ISBN – 9789750406461 Ambrose, G., Harris, P. (2013), Grafik Tasarımın Temelleri ISBN – 9789750406157 |
EVALUATION SYSTEM
| Semester Activities | Number | Weigthing |
| Participation |
1
|
10
|
| Laboratory / Application |
1
|
10
|
| Field Work | ||
| Quizzes / Studio Critiques | ||
| Portfolio | ||
| Homework / Assignments |
1
|
25
|
| Presentation / Jury | ||
| Project |
1
|
25
|
| Seminar / Workshop | ||
| Oral Exams | ||
| Midterm | ||
| Final Exam |
1
|
30
|
| Total |
| Weighting of Semester Activities on the Final Grade |
4
|
70
|
| Weighting of End-of-Semester Activities on the Final Grade |
1
|
30
|
| Total |
ECTS / WORKLOAD TABLE
| Semester Activities | Number | Duration (Hours) | Workload |
|---|---|---|---|
| Theoretical Course Hours (Including exam week: 16 x total hours) |
16
|
1
|
16
|
| Laboratory / Application Hours (Including exam week: '.16.' x total hours) |
16
|
2
|
32
|
| Study Hours Out of Class |
0
|
||
| Field Work |
0
|
||
| Quizzes / Studio Critiques |
0
|
||
| Portfolio |
0
|
||
| Homework / Assignments |
1
|
23
|
23
|
| Presentation / Jury |
0
|
||
| Project |
1
|
24
|
24
|
| Seminar / Workshop |
0
|
||
| Oral Exam |
0
|
||
| Midterms |
0
|
||
| Final Exam |
1
|
25
|
25
|
| Total |
120
|
COURSE LEARNING OUTCOMES AND PROGRAM QUALIFICATIONS RELATIONSHIP
|
#
|
Program Competencies/Outcomes |
* Contribution Level
|
||||
|
1
|
2
|
3
|
4
|
5
|
||
| 1 | To know problem solving in the field of graphic design, to have an analytical and holistic view |
X | ||||
| 2 | To constantly renew and improve the knowledge and skills which gained in the field of graphic design. To have the principle of lifelong learning. |
X | ||||
| 3 | To improve the design skills by analyzing national and international studies and produced design products. To apply these inferences in their own designs. |
X | ||||
| 4 | Taking responsibility as an individual and as a team member. To work effectively and efficiently in accordance with open minded and collective work. |
|||||
| 5 | To have design awareness and responsibility in their own field. To pass this awareness to all common stakeholders. |
X | ||||
| 6 | To have a good knowledge of technology in their profession. To try to continuously increase this competence. |
X | ||||
| 7 | As an individual who has been professionally trained in design and art, to have the desire to raise awareness in these matters and to enlighten his/her environment. |
|||||
| 8 | To be conscious of the contribution of his/her work make to the nation. To reflect the feeling of social belonging to his/her work. |
X | ||||
| 9 | To become a creative and productive artist/designer candidate. |
X | ||||
*1 Lowest, 2 Low, 3 Average, 4 High, 5 Highest
NEWS |ALL NEWS
'Success' formula of the masters
Former CEO of Turkcell and investor Süreyya Ciliv, who held senior positions in high technology companies, met with students at the "Students
'Software and design' camp for 40 students
The "Software and Design Camp", held by Izmir University of Economics (IUE) Vocational School in cooperation with Kuika-Turkey's leading software development platform-
'Digital' mobilization
Izmir University of Economics (IUE) started a 'digital transformation' movement in order for students to improve themselves in this field by not
