READ ME --> This is a "vanilla plain" jqModal window. Behavior and appeareance extend far beyond this. The demonstrations on this page will show off a few possibilites. I recommend walking through each one to get an understanding of jqModal before using it.

You can view the sourcecode of examples by clicking the Javascript, CSS, and HTML tabs. Be sure to checkout the documentation too!

NOTE; You can close windows by clicking the tinted background known as the "overlay". Clicking the overlay will have no effect if the "modal" parameter is passed, or if the overlay is disabled.

Infomation of Course

Program Bachelor [학사과정] Course Type Major Elective [ 전공선택 ]
Course Code 31.361 Course No IE361
Section English English
L:L:C(AU) 3:1:3.0(0) Exam time
- Tue: 16:00~18:45
Course Title HCI Design [ 인간컴퓨터 상호작용설계 ]
Class time
Tue: 16:00~17:30 / (E2)Industrial Engineering & Management Bldg. [ (E2)산업경영학동 ] (#1125)
Thu: 16:00~17:30 / (E2)Industrial Engineering & Management Bldg. [ (E2)산업경영학동 ] (#1125)

Information of Professor

Name 윤완철(Yoon, Wan Chul)
Department 산업및시스템공학과(Department of Industrial & Systems Engineering)
Phone 042-350-3119

Plan of Lecture

Syllabus File IE361-2017-Syl.pdf
Syllabus URL
Summary of Lecture HCI is one of the most important disciplines in IT-based industry and society. In this class students learn the basic principles of HCI and UX design applying them to a hands-on project. Very basic programming skills will be sufficient to enjoy the exciting team adventure through designing, prototyping, and class discussion. In the process, the principles, techniques and insights for HCI design is acquired. Intense discussion in the class will lead the self-paced learning.
Material for Teaching Selected Readings, Internet Resources
Evaluation Criteria Project 1 (30%) Project 2 (35%) Homework and Class Participation (15%), Final Quiz (20%)
Lecture Schedule Course Outline:
Concepts Project

wk 1 What is HCI? Learn QT
wk 2 What to include in the system? Task Analysis Start project 1
wk 3 How to start a design? Initial interface design Storyboard and wireframe
wk 4 Why apps and sites interact badly? design principles Improve the design
wk 5 Prototyping Basic prototyping
wk 6 How to support human tasks? Adding features
wk 7 Evaluation of prototypes Class discussion
wk 8 Midterm period
wk 9 Cognitive task analysis Start project 2
wk 10 Mental models and conceptual design Conceptual design
wk 11 Design principles revisited Interaction / interface
wk 12 Intelligent interfaces Aiding features
wk 13 Usability guidelines Make it a usable product
wk 14 Evaluation methods Evaluation
wk 15 Summing up Class discussion
wk 16 Final Quiz
Memo Assistant Name :Yuchan Kim