Fall 2022 - IAT 334 D100
Interface Design (3)
Class Number: 6566
Delivery Method: In Person
Provides an introduction to the art and design of human-computer interfaces, design methods, prototyping and evaluation of user interfaces. Examines issues of interactivity and its relation to human contexts and technological systems. The role of aesthetic, symbolic, affective and cultural factors will be assessed in concert with scientific and technological issues. The class is primarily focused on visual interfaces on computer monitors and hand-held devices, but culminates with considerations of increasingly physical interactions in ubiquitous environments.
Interaction with systems and humans via computers is directly shaped by the user interface (UI). As a result successful user experience with an information system depends on the UI. This course provides students with an introduction to the design of graphical user interfaces for computing devices, covers design methods, prototyping and evaluation of user interfaces. Issues of interactivity and its relation to human contexts and technological systems will be examined. The role of aesthetic, symbolic, affective and cultural factors will be assessed in concert with scientific and technological issues as well as qualitive design evaluation methodologies. The class is primarily focused on visual interfaces on computer monitors and hand held devices. The course starts with hands-on assignments on fundamental interface-design principles. It culminates with a final project that is implemented to the level of a fully working prototype, which is then evaluated with methods covered in the course and redesigned according to the outcomes.
COURSE-LEVEL EDUCATIONAL GOALS:
- List and identify rules for interface design.
- Analyze requirements for an interface.
- Have an understanding of different design methods (e.g. sketching, user-centered design methods, scenarios, storyboarding, prototyping) and select and apply these appropriately in a given context and design space.
- Understand the underlying concepts of qualitative evaluation and the differences between design evaluation methods.
- Organize and conduct a qualitative design evaluation process within an interdisciplinary team.
- Have an understanding of interactive prototyping tools, and be able to independently produce a working prototype that satisfies given design requirements.
- Critique and qualitatively evaluate interface design projects.
- Justify changes based on the outcomes of evaluations and integrate them into the prototype.
- Quizzes 20%
- Individual projects 35%
- Group projects 45%
This course uses the SIAT standard grading scale for final letter grades:
|Letter grade||Percentage range|
|A+||95% to 100%|
|A||90% to 95%|
|A-||85% to 90%|
|B+||80% to 85%|
|B||75% to 80%|
|B-||70% to 75%|
|C+||65% to 70%|
|C||60% to 65%|
|C-||55% to 60%|
|D||50% to 55%|
|F||0% to 50%|
MATERIALS + SUPPLIES:
For this term you will need access to:
- A laptop, tablet, or desktop computer
- Paper and a pen
- A modern web-based GUI prototyping tool (e.g., UXPin, ProtoPie)
If you have a preference for another type of software you are welcome to use it.
Delivery Method: Lecture (LEC), Studio Lab (STL) and Open Lab (OPL)
Readings will be available digitally through Canvas.
ACADEMIC INTEGRITY: YOUR WORK, YOUR SUCCESS
SFU’s Academic Integrity web site http://www.sfu.ca/students/academicintegrity.html is filled with information on what is meant by academic dishonesty, where you can find resources to help with your studies and the consequences of cheating. Check out the site for more information and videos that help explain the issues in plain English.
Each student is responsible for his or her conduct as it affects the University community. Academic dishonesty, in whatever form, is ultimately destructive of the values of the University. Furthermore, it is unfair and discouraging to the majority of students who pursue their studies honestly. Scholarly integrity is required of all members of the University. http://www.sfu.ca/policies/gazette/student/s10-01.html