HOME INSTITUTIONAL INFORMATIONINFORMATION ON DEGREE PROGRAMMES Communication DesignCERTIFICATE PROGRAMMESUSEFUL INFORMATION, RESOURCES & SERVICES FOR STUDENTSUSEFUL LINKS AND DOCUMENTSADITIONAL & SUPPORTING INFORMATION

SECTION I: GENERAL INFORMATION ABOUT THE COURSE

Course Code Course Name Year Semester Theoretical Practical Credit ECTS
60211METOZ-ILT0405 Interface and Interaction Design I 3 Fall 2 2 3 5
Course Type : Compulsory
Cycle: Bachelor      TQF-HE:6. Master`s Degree      QF-EHEA:First Cycle      EQF-LLL:6. Master`s Degree
Language of Instruction: Turkish
Prerequisities and Co-requisities: N/A
Mode of Delivery: Face to face
Name of Coordinator: Profesör Dr. PINAR SEDEN MERAL
Dersin Öğretim Eleman(lar)ı: Instructor ARDA YANIK
Instructor GÖKHAN AYDIN
Dersin Kategorisi: Field Specific

SECTION II: INTRODUCTION TO THE COURSE

Course Objectives & Content

Course Objectives: In this course, it is aimed that students understand the working logic of digital tools used in communication technologies and manage the file formats used in this context and create interactive designs.
Course Content: During this course, students get to know the theoretical framework of interface and interaction design. In this process, it interprets the theoretical framework and makes its own unique interface design. Students taking this course help them to use interface components such as Persona, Wireframe, Mindmap, Inputs, Outputs, Cards effectively in developing their individual projects. They will also implement interaction design by drawing and associating with Adobe XD, Figma software.

Course Learning Outcomes (CLOs)

Course Learning Outcomes (CLOs) are those describing the knowledge, skills and competencies that students are expected to achieve upon successful completion of the course. In this context, Course Learning Outcomes defined for this course unit are as follows:
Knowledge (Described as Theoritical and/or Factual Knowledge.)
  1) Arayüz tasarım ve etkileşim sürecinin ögelerini tanımlar Kullanıcı deneyim tasarımı alanının temel terminolojisini açıklar
Skills (Describe as Cognitive and/or Practical Skills.)
  1) Fikirden tasarıma giden süreci metodolojik olarak tasarlar, yönetir ve kendi projesinde uygular Alana özgü kuramsal ve uygulamaya yönelik bilgiyi değerlendirir İletişim Tasarımı alanındaki mevcut yaklaşımlarla kendi özgün yaklaşımlarını sentezler
Competences (Described as "Ability of the learner to apply knowledge and skills autonomously with responsibility", "Learning to learn"," Communication and social" and "Field specific" competences.)
  1) Evrensel etik değerleri projelerinde uygular Zamanını proje sorumlulukları çerçevesinde yönetir

Weekly Course Schedule

Week Subject
Materials Sharing *
Related Preparation Further Study
1) Meeting, course content, teaching and evaluation criteria
2) Brief history of digital communication, emergence of the Internet, Web 1.0, web 2.0, web 3.0, Multimedia, Interaction, Interactive arts
3) What is Flowchart and why is it used? Flowchart examples, Flowchart creation (class activity)
4) Interface of Figma software
5) Teamwork in project production
6) Interface design with Figma
7) Mobile application design with Figma
8) Midterm
9) Interaction design of projects produced with Figma
10) Interface of Adobe XD software
11) Interface design with Adobe XD
12) Mobile app design with Adobe XD
13) Outputting designs made with Adobe xd and Figma, fast interface (wireframe) design with Adobe XD and Figma
14) Analyzing and redesigning an existing design
*These fields provides students with course materials for their pre- and further study before and after the course delivered.

Recommended or Required Reading & Other Learning Resources/Tools

Course Notes / Textbooks: Digital Media and Society First Edition, Simon Lindgren, 2017
Introduction to Digital Media 1st Edition, Alessandro Delfanti & Adam Arvidsson, 2019
The Spatial Web: How web 3.0 will connect humans, machines and AI to transform the world, Gabriel René & Dan Mapes, 2019

References: https://developer.apple.com/design/human-interface-guidelines/
https://www.iso.org/obp/ui/#iso:std:iso:14915:-3:ed-1:v1:en
HTML and CSS: Design and Build Websites, Jon Duckett, 2011
Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and CSS techniques, 3rd Edition, Ben Frain, 2020
Programming Interactivity, Joshua Noble, 2009

SECTION III: RELATIONSHIP BETWEEN COURSE UNIT AND COURSE LEARNING OUTCOMES (CLOs)

(The matrix below shows how the course learning outcomes (CLOs) associates with programme learning outcomes (both KPLOs & SPLOs) and, if exist, the level of quantitative contribution to them.)

Relationship Between CLOs & PLOs

(KPLOs and SPLOs are the abbreviations for Key & Sub- Programme Learning Outcomes, respectively. )
CLOs/PLOs KPLO 1 KPLO 2 KPLO 3 KPLO 4 KPLO 5
1 2 3 4 5 1 2 3 4 5 6 7 8 9 10 11 1 2 3 4 1 2 3 4 5 6 7 8 10 11 12 13 14 1 2 3 4 5 6 7 8 9 10 11 12
CLO1
CLO2
CLO3

Level of Contribution of the Course to PLOs

No Effect 1 Lowest 2 Low 3 Average 4 High 5 Highest
           
Programme Learning Outcomes Contribution Level (from 1 to 5)
1) Can use theoretical and applied information on communication design, communication sciences and other social sciences related to communication design collectively and incordinately. 1
2) Conduct, develop and manage visual and content studies in traditional and new media environments. 3
3) Apply the theoretical knowledge that is learned in business life for a semester. 4
4) The competencies that are developed in line with the expectations of the business world and society and which are defined as the institutional outputs of our university are at the basic level. 4
5) Gain the competencies defined as the institutional outcomes of our university which are developed in line with the expectations of business and society 3

SECTION IV: TEACHING-LEARNING & ASSESMENT-EVALUATION METHODS OF THE COURSE

Teaching & Learning Methods of the Course

(All teaching and learning methods used at the university are managed systematically. Upon proposals of the programme units, they are assessed by the relevant academic boards and, if found appropriate, they are included among the university list. Programmes, then, choose the appropriate methods in line with their programme design from this list. Likewise, appropriate methods to be used for the course units can be chosen among those defined for the programme.)
Teaching and Learning Methods defined at the Programme Level
Teaching and Learning Methods Defined for the Course
Lectures
Discussion
Case Study
Problem Solving
Demonstration
Views
Laboratory
Reading
Homework
Project Preparation
Thesis Preparation
Peer Education
Seminar
Technical Visit
Course Conference
Brain Storming
Questions Answers
Individual and Group Work
Role Playing-Animation-Improvisation
Active Participation in Class

Assessment & Evaluation Methods of the Course

(All assessment and evaluation methods used at the university are managed systematically. Upon proposals of the programme units, they are assessed by the relevant academic boards and, if found appropriate, they are included among the university list. Programmes, then, choose the appropriate methods in line with their programme design from this list. Likewise, appropriate methods to be used for the course units can be chosen among those defined for the programme.)
Aassessment and evaluation Methods defined at the Programme Level
Assessment and Evaluation Methods defined for the Course
Midterm
Presentation
Final Exam
Quiz
Report Evaluation
Homework Evaluation
Oral Exam
Thesis Defense
Jury Evaluation
Practice Exam
Evaluation of Implementation Training in the Workplace
Active Participation in Class
Participation in Discussions

Relationship Between CLOs & Teaching-Learning, Assesment-Evaluation Methods of the Course

(The matrix below shows the teaching-learning and assessment-evaluation methods designated for the course unit in relation to the course learning outcomes.)
LEARNING & TEACHING METHODS
COURSE LEARNING OUTCOMES
ASSESMENT & EVALUATION METHODS
CLO1 CLO2 CLO3
-Lectures -Midterm
-Discussion -Presentation
-Case Study -Final Exam
-Problem Solving -Quiz
-Demonstration -Report Evaluation
-Views -Homework Evaluation
-Laboratory -Oral Exam
-Reading -Thesis Defense
-Homework -Jury Evaluation
-Project Preparation -Practice Exam
-Thesis Preparation -Evaluation of Implementation Training in the Workplace
-Peer Education -Active Participation in Class
-Seminar - Participation in Discussions
-Technical Visit
-Course Conference
-Brain Storming
-Questions Answers
-Individual and Group Work
-Role Playing-Animation-Improvisation
-Active Participation in Class

Contribution of Assesment & Evalution Activities to Final Grade of the Course

Measurement and Evaluation Methods # of practice per semester Level of Contribution
Quizzes 2 % 25.00
Midterms 1 % 25.00
Semester Final Exam 1 % 50.00
Total % 100
PERCENTAGE OF SEMESTER WORK % 50
PERCENTAGE OF FINAL WORK % 50
Total % 100

SECTION V: WORKLOAD & ECTS CREDITS ALLOCATED FOR THE COURSE

WORKLOAD OF TEACHING & LEARNING ACTIVITIES
Teaching & Learning Activities # of Activities per semester Duration (hour) Total Workload
Course 6 1 6
Laboratory 0 0 0
Application 0 0 0
Special Course Internship (Work Placement) 0 0 0
Field Work 0 0 0
Study Hours Out of Class 0 0 0
Presentations / Seminar 0 0 0
Project 0 0 0
Homework Assignments 1 4 4
Total Workload of Teaching & Learning Activities - - 10
WORKLOAD OF ASSESMENT & EVALUATION ACTIVITIES
Assesment & Evaluation Activities # of Activities per semester Duration (hour) Total Workload
Quizzes 2 4 8
Midterms 1 3 3
Semester Final Exam 1 3 3
Total Workload of Assesment & Evaluation Activities - - 14
TOTAL WORKLOAD (Teaching & Learning + Assesment & Evaluation Activities) 24
ECTS CREDITS OF THE COURSE (Total Workload/25.5 h) 5