New Media and Communication (English) | |||||
Bachelor | TR-NQF-HE: Level 6 | QF-EHEA: First Cycle | EQF-LLL: Level 6 |
Course Code: | NMC203 | ||||
Course Name: | Interactive Web Design | ||||
Semester: | Fall | ||||
Course Credits: |
|
||||
Language of instruction: | English | ||||
Course Condition: | |||||
Does the Course Require Work Experience?: | No | ||||
Type of course: | Compulsory Courses | ||||
Course Level: |
|
||||
Mode of Delivery: | Face to face | ||||
Course Coordinator: | Doç. Dr. ERTAN TOY | ||||
Course Lecturer(s): |
Doç. Dr. ÇAĞRI BARIŞ KASAP |
||||
Course Assistants: |
Course Objectives: | Students learn fundamentals of UX and UI then they design creative & aestethic websites. |
Course Content: | In this course attendants learn the fundamental principles of user interfaces and user experience design. After the core concepts, they will learn how to find a creative idea and design web sites in Adobe XD. The course is based on creativity, visual communication, hands on training and making experiments |
The students who have succeeded in this course;
1) Learns the design methodolgy and principles of design 2) Understands the fundamentals UX and UI design 3) Giving the correct messages to audience 4) Understands the production of web sites visually 5) Makes visually powerfull web sites |
Week | Subject | Related Preparation |
1) | Introduction To Course – Discussion On The Basic Concepts | |
2) | Nail It! This is DESIGN! | |
3) | Fundamental Principles Of Interaction | |
4) | How To Make a Website? A Visual Communication Design View – First Project | |
5) | Planning the Web Site | |
6) | Giving a Form to the Web Pages | |
7) | Let’s Make a Prototype! Welcome to Adobe XD | |
8) | Mid-Term | |
9) | Semiotics and Icons – Making Icons | |
10) | Project 2 – A Website for Business – Understanding Cooperate Identity | |
11) | Phase 1: Research and mood board presentations | |
12) | Phase 2: Paper sketches | |
13) | Phase 3: Prototype | |
14) | Final |
Course Notes / Textbooks: | UI is Communication - How to design intuitive, user-centered interfaces by focusing on effective communication. McKay, Everett N. 2013. About Face: The Essentials of Interaction Design, Fourth Edition. Cooper, Alan. 2014. WEB Design Best Studios. Wiedemann, Julius. |
References: | UI is Communication - How to design intuitive, user-centered interfaces by focusing on effective communication. McKay, Everett N. 2013. About Face: The Essentials of Interaction Design, Fourth Edition. Cooper, Alan. 2014. WEB Design Best Studios. Wiedemann, Julius. |
Course Learning Outcomes | 1 |
2 |
3 |
4 |
5 |
||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Program Outcomes | |||||||||||||||
1) Identify and describe the foundations and characteristics of both traditional and new media. | 2 | 2 | 2 | 2 | 2 | ||||||||||
2) Critically engage in and apply media studies scholarship. | |||||||||||||||
3) Develop new/digital media literacy competencies and critically analyze new/digital media contents. | 2 | 2 | 2 | 2 | 2 | ||||||||||
4) Develop technical skills in both traditional and digital media production. | 2 | 2 | 2 | 2 | 2 | ||||||||||
5) Produce media contents which are sensitive to and respect cultural diversity. | 3 | 3 | 3 | 3 | 3 | ||||||||||
6) Demonstrate creative writing skills in various writing genres, including both writing for and about the media. | 1 | 1 | 1 | 1 | 1 | ||||||||||
7) Develop computer skills and use software applications related to new/digital media design and production. | |||||||||||||||
8) Work effectively as an individual and a part of a team, acting responsibly and respectfully to complete various types of creative projects. | 3 | 3 | 3 | 3 | 3 | ||||||||||
9) Demonstrate skills in mentorship, leadership, management, and entrepreneurship in the media sector. | 3 | 3 | 3 | 3 | 3 | ||||||||||
10) Develop a “signature work” and engage in local and/or international media sectors and non-profit organizations. | 3 | 3 | 2 | 2 | 2 | ||||||||||
11) Acquire foreign language skills to effectively communicate and work in international and cross-cultural settings. | |||||||||||||||
12) Acquire interpersonal skills and effectively communicate in professional settings. | 3 | 3 | 3 | 3 | 3 | ||||||||||
13) Identify the structures, trends, technological developments and issues related to new media and carry out artistic and creative activities and projects that correspond to social needs. | 3 | 3 | 3 | 3 | 3 | ||||||||||
14) Conduct media practice within national and international legal frameworks. | 2 | 2 | 2 | 2 | 2 | ||||||||||
15) Become responsible media practitioners by adhering to media ethics and principles of democracy and human rights. | 3 | 3 | 3 | 3 | 3 |
No Effect | 1 Lowest | 2 Average | 3 Highest |
Program Outcomes | Level of Contribution | |
1) | Identify and describe the foundations and characteristics of both traditional and new media. | 3 |
2) | Critically engage in and apply media studies scholarship. | |
3) | Develop new/digital media literacy competencies and critically analyze new/digital media contents. | 3 |
4) | Develop technical skills in both traditional and digital media production. | 2 |
5) | Produce media contents which are sensitive to and respect cultural diversity. | 3 |
6) | Demonstrate creative writing skills in various writing genres, including both writing for and about the media. | 2 |
7) | Develop computer skills and use software applications related to new/digital media design and production. | |
8) | Work effectively as an individual and a part of a team, acting responsibly and respectfully to complete various types of creative projects. | 3 |
9) | Demonstrate skills in mentorship, leadership, management, and entrepreneurship in the media sector. | 3 |
10) | Develop a “signature work” and engage in local and/or international media sectors and non-profit organizations. | 3 |
11) | Acquire foreign language skills to effectively communicate and work in international and cross-cultural settings. | |
12) | Acquire interpersonal skills and effectively communicate in professional settings. | 3 |
13) | Identify the structures, trends, technological developments and issues related to new media and carry out artistic and creative activities and projects that correspond to social needs. | 3 |
14) | Conduct media practice within national and international legal frameworks. | 3 |
15) | Become responsible media practitioners by adhering to media ethics and principles of democracy and human rights. | 3 |
Semester Requirements | Number of Activities | Level of Contribution |
Homework Assignments | 10 | % 20 |
Midterms | 1 | % 30 |
Final | 1 | % 50 |
total | % 100 | |
PERCENTAGE OF SEMESTER WORK | % 50 | |
PERCENTAGE OF FINAL WORK | % 50 | |
total | % 100 |
Activities | Number of Activities | Workload |
Course Hours | 14 | 28 |
Application | 14 | 28 |
Study Hours Out of Class | 6 | 16 |
Project | 3 | 24 |
Homework Assignments | 10 | 50 |
Midterms | 1 | 16 |
Final | 1 | 16 |
Total Workload | 178 |