BTH540 - Design for User Interfaces

Outline info
Semester
School
Last revision date 2017-05-29 00:23:25.082
Last review date 2017-08-07 00:17:12.278


Subject Title
Design for User Interfaces

Subject Description
For any interactive system, the user's convenience depends largely on the ease of use of the interface, and its visual impact. In this course, students learn the User-Centred Design (UCD) process for software development. Through labs and assignments, students explore the fundamentals of cognition, the steps in conducting user research, and prototyping techniques. The rudiments of visual design, the importance design principles and design guidelines, and the impact on users of fonts, colours, and other elements of screen displays in human-computer interaction are also introduced.

Credit Status
1 credit (3 units)
Required for BSD - Bachelor of Technology (Software Development)

Learning Outcomes
Upon successful completion of this subject the student will be able to:

  • Explain the design implications of cognitive aspects to user interfaces.
  • Connect usability and user experience goals to the design of user interfaces.
  • Demonstrate the applicability of the User-Centred Design (UCD) process to software development.
  • Create personas based on identifiable user needs, goals, and characteristics.
  • Generate user interface requirements and workflows using information from task descriptions.
  • Create user interface mock-ups from user needs and task descriptions.
  • Apply design guidelines and design principles to the layout of user interfaces.
  • Explain how customization design rules are applied to achieve universal usability.
  • Apply heuristics evaluation rules to criticize the design of user interfaces.

Academic Integrity
Seneca upholds a learning community that values academic integrity, honesty, fairness, trust, respect, responsibility and courage. These values enhance Seneca's commitment to deliver high-quality education and teaching excellence, while supporting a positive learning environment. Ensure that you are aware of Seneca's Academic Integrity Policy which can be found at: http://www.senecapolytechnic.ca/about/policies/academic-integrity-policy.html Review section 2 of the policy for details regarding approaches to supporting integrity. Section 2.3 and Appendix B of the policy describe various sanctions that can be applied, if there is suspected academic misconduct (e.g., contract cheating, cheating, falsification, impersonation or plagiarism).

Please visit the Academic Integrity website http://open2.senecac.on.ca/sites/academic-integrity/for-students to understand and learn more about how to prepare and submit work so that it supports academic integrity, and to avoid academic misconduct.

Discrimination/Harassment
All students and employees have the right to study and work in an environment that is free from discrimination and/or harassment. Language or activities that defeat this objective violate the College Policy on Discrimination/Harassment and shall not be tolerated. Information and assistance are available from the Student Conduct Office at student.conduct@senecapolytechnic.ca.

Accommodation for Students with Disabilities
The College will provide reasonable accommodation to students with disabilities in order to promote academic success. If you require accommodation, contact the Counselling and Accessibility Services Office at ext. 22900 to initiate the process for documenting, assessing and implementing your individual accommodation needs.

Camera Use and Recordings - Synchronous (Live) Classes
Synchronous (live) classes may be delivered in person, in a Flexible Learning space, or online through a Seneca web conferencing platform such as MS Teams or Zoom. Flexible Learning spaces are equipped with cameras, microphones, monitors and speakers that capture and stream instructor and student interactions, providing an in-person experience for students choosing to study online.

Students joining a live class online may be required to have a working camera in order to participate, or for certain activities (e.g. group work, assessments), and high-speed broadband access (e.g. Cable, DSL) is highly recommended. In the event students encounter circumstances that impact their ability to join the platform with their camera on, they should reach out to the professor to discuss. Live classes may be recorded and made available to students to support access to course content and promote student learning and success.

By attending live classes, students are consenting to the collection and use of their personal information for the purposes of administering the class and associated coursework. To learn more about Seneca's privacy practices, visit Privacy Notice.

Prerequisite(s)
BTI420

Topic Outline

  • Introduction to User Interface Design
    • History of HCI
    • Consequences of Poor Design
    • Planning and Designing User Interfaces
    • Usability Goals / User Experience Goals
  • Cognitive Aspects in User Interface Design
    • Attention
    • Perception
    • Memory
    • External Cognition
  • The User-Centred Design (UCD) Process
  • Understanding the Problem Space: Design Research
    • Metaphors
    • Analogies
  • User Research and Modeling
    • User Goals and Needs
    • Personas
  • Tasks Descriptions
    • Scenarios
    • User Cases
  • Design Principles
    • Interaction Design Principles
    • Interaction Design Patterns
    • User Experience (UX)
    • Designing for Desktop
    • Designing for the Web
    • Designing for Mobile and Other Devices
  • Design Guidelines
    • Platforms for User Interfaces
    • Overview of Design Guidelines for Different Platforms (e.g., Microsoft Windows, Apple, Android)
    • Preventing Errors
    • Error Messages
  • Interaction Elements
    • Direction Manipulation
    • Widgets: Control and Dialogs
    • Workflows, motion, transitions
    • Data Entry
    • Visual Design
  • Prototyping and Construction
    • Prototyping Tools
    • Prototyping Techniques
    • Low-Fidelity Prototypes
    • High-Fidelity Prototypes
  • Customization
    • Preferences
    • Accessibility
    • Localization
  • Introduction Evaluation
    • Heuristic Evaluation
  • The Practice of Interaction Design
    • Cross-Disciplinary Teamwork
    • Agile UX
    • Software Development and HCI

Mode of Instruction
Modes: In-class lecture, labs, and group work
Hours per week: 4
Room configurations: Classroom, Active Learning Classroom
Typical scheduling pattern: Fall term

Prescribed Texts
Interaction Design: Beyond Human-Computer Interaction, 4th Edition, 2015
by Jenny Preece, Helen Sharp, Yvonne Rogers
ISBN 978-1-119-02075-2
Published by Wiley

Reference Material
About Face: The Essentials of Interaction Design, 4th Edition
by Alan Cooper, Robert Reimann, David Cronin, and Christopher Noessel
ISBN 978-1-118-76657-6
Published by Wiley

Required Supplies
None

Student Progression and Promotion Policy

  • Satisfactorily complete all assignments
  • Pass the weighted average of all assessments
  • Pass the final exam
  • Pass the weighted average of the exam and all other assessments

http://www.senecapolytechnic.ca/about/policies/student-progression-and-promotion-policy.html

Grading Policyhttp://www.senecapolytechnic.ca/about/policies/grading-policy.html

A+ 90%  to  100%
A 80%  to  89%
B+ 75%  to  79%
B 70%  to  74%
C+ 65%  to  69%
C 60%  to  64%
D+ 55%  to  59%
D 50%  to  54%
F 0%    to  49% (Not a Pass)
OR
EXC Excellent
SAT Satisfactory
UNSAT Unsatisfactory

For further information, see a copy of the Academic Policy, available online (http://www.senecapolytechnic.ca/about/policies/academics-and-student-services.html) or at Seneca's Registrar's Offices.(https://www.senecapolytechnic.ca/registrar.html).


Modes of Evaluation

Assignments (3) 30%
UI Blog 5%
Labs 15%
Mid-term Test 20%
Final Exam 30%

Technology Requirements
The lab portion of this course takes place in the Active Learning Classrooms at Seneca@York.
Students will work in groups of 2 students. One laptop per group is required to connect to the classroom display system.
VGA and HDMI connection cables will be provided.

Approved by: Mary-Lynn Manton