User Experience Prototyping

Program Type:

Thesis

Course Code:

IND 571

Course Type:

Elective

P:

3

Lab:

0

Credits:

3

ECTS:

15

Course Language:

English

Course Objectives:

In this course, students learn to create a prototype UI design and high-fidelity mockups that specify visual design elements that are ready to be handed off for development. The workflow of the couse is based on the students’ knowledge of Basics of UI design courses. By adding new experiences to the previous knowledge, students create more detailed UI designs by considering UX variables and parameters to define and scope the design problem that is addressed. Main goal is to develop interface wireframes to concretize the design and enable early user testing.

Course Content:

The course covers the following topics: definition of communication and visual communication, elements of communication process, communication models, user experience variables and types.

Teaching Methods:

1: Lecture, 2: Question-Answer, 3: Discussion, 12: Case Study

Assessment Methods:

A: Testing, C: Homework

Vertical Tabs

Course Learning Outcomes

Learning Outcomes	Program Learning Outcomes	Teaching Methods	Assessment Methods
1) Defines the meaning of user interface design.	1,2	1,2	A,C
2 ) Compares and analyze the basic user interface design.	2	1,2,3	A,C
3) Comprehends the importance of interface design.	2,3,4	1,2,3	A,C
4) Identifies the contexts of user interface design.	2,4	1,2,3,	A,C
5) Compares the contexts of user interface design.	1,2,3,4	1,2,3,	A,C

Course Flow

COURSE CONTENT
Week	Topics	Study Materials
1	Introduction: the aims and description of the course & class assignments, expectations, and the definition of communication
2	Visual Design Principles and User experience basics & examples
3	General Principles of UI Design: Fonts, Colors and the Invisible UI
4	General Principles of UI Design: Buttons, Navigation Styles, Intuitive Communication
5	UI Patterns
6	EXERCISE WEEK Psychology and Human Factors (UX) for UI Design
7	Examination of Physical/Web/App Interfaces
8	Midterm
9	UI Design for Mobile: Designing for iOS vs Android
10	UI Design for Website
11	Interface Prototyping Techniques (Wireframe-Mockup-Prototype)
12	UI Design Tools: Figma / XD / Sketch
13	Project: Final reports and Presentations
14	Project: Final reports and Presentations
15	Discussion session
16	Final

Recommended Sources

RECOMMENDED SOURCES
Textbook	McKay, Everett N - UI is Communication_ How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication-Elsevier Science (2014) / Jenifer Tidwell - Designing Interfaces-O_Reilly Media (2010) / Diana MacDonald - Practical UI Patterns for Design Systems. Fast-Track Interaction Design for a Seamless User Experience-APRESS (2019)
Additional Resources	Examination of variable websites

Material Sharing

MATERIAL SHARING
Documents	Tutorial video / written documents / presentations
Assignments	Wireframing of concepts / Design Exercises
Exams	Assignments, midterm, and final

Assessment

ASSESSMENT
IN-TERM STUDIES	NUMBER	PERCENTAGE
Mid-terms	1	15
Final	1	40
Assignments	2	20
Participation	1	15
Attendance	1	10
Contribution Of Final Examination To Overall Grade		40
Contribution Of In-Term Studies To Overall Grade		60
Total		100

Course’s Contribution to Program

COURSE'S CONTRIBUTION TO PROGRAM
No	Program Learning Outcomes	Contribution
No	Program Learning Outcomes	1	2	3	4	5
1	Uses technical and academic knowledge accumulated in user interface design field for authentic projects.					x
2	Designs 2 and 3 dimensional creative products considering the aesthetic rules.					x
3	Employs efficiently the technical innovations required by the professional field.					x
4	Analyses problems related to the field starting from the concept and develops appropriate projects for the targeted audience.				x
5	Behaves according to the national and international professional ethical principles.					x
6	Builds awareness to universal and social problems by developed projects and offers solutions to them.	x
7	Gains sectoral experience and relates academic knowledge with field experience.				x
8	Grasps the importance of interdisciplinary working by lifelong learning mind-set and collaborates with different teams.				x
9	Develops concepts, creates work of arts and organizes exhibitions in order to enrich the cultural and artistic accumulation related to the sector.				x
10	Transforms the creative ideas into moving and interactive visual expressions, executes multi-dimensional designs.					x

ECTS

COURSE CATEGORY	Expertise/Field Courses
ECTS ALLOCATED BASED ON STUDENT WORKLOAD BY THE COURSE DESCRIPTION
Activities	Quantity	Duration (Hour)	Total Workload (Hour)
Course Duration (Including the exam week: 16x Total course hours)	16	3	48
Hours for off-the-classroom study (Pre-study, practice)	16	4	64
Mid-terms	1	4	4
Final examination	1	3	3
Homework	2	3	6
Total Work Load			125
Total Work Load / 25 (h)			5
ECTS Credit of the Course			15

Search form