Exploring User Interface and User Experience Design (UI/ UX)

Semester and Year Offered: Semester 3 (Monsoon)

Course Coordinator and Team: Om Singh

Email of course coordinator: om3dmax@gmail.com

Pre-requisites: None

Course Objectives/Description:

This course will explore the interactive aspect of communication design. It will involve elements of design in creating responsive interfaces, producing efficient, functional wireframes and finally high-fidelity mock-ups.

Course Outcomes:

On successful completion of this course students will be able to:

1. Understanding the evolution human computer interaction and the evolution of technology designed for the user.
2. To understand and profile the user along social and contextual parameters
3. To use design thinking and systems thinking to understand information architecture and hierarchy
4. To use elements of design to ease the interaction of the user with data and information in a more aesthetic and effective way to ease user interface with web based applications.
5. To explore linguistic, social and cultural categories into user interface design by including existing technologies of translation and mapping.

Brief description of modules/ Main modules:

1. Module 1 – introduction to interaction design, human computer interaction, user experience and experience design with a focus on understanding user behaviour
2. Module 2 – Social Interaction, Social Computing, and Social Media
3. Module 3 – Contextual Design – Identification and development of chosen area of work – at this stage one or two broad area of work would be identified and subsequently individuals will detail sections.
4. Module 4 – Visual Representation and crating mockups –understanding of Platform, and development of a visual design language, application of information hierarchy and architecture of data

Assessment Details with weights:

• Assessment 1 [End of 5th week]– Short report illustrating the understanding of basic concepts
• Assessment 2[End of 7th week] – Description and details of chosen area/ field of work
• Assessment 3 [End of term]– Submission of wireframe and mockups

Reading List:

• Lowgren, Jonas and Stolterman, Erik A. (2004): Thoughtful Interaction Design: A Design Perspective on
• Information Technology. MIT Press
• Moggridge, Bill (2007): Designing Interactions. The MIT Press
• Saffer, Dan (2006): Designing for Interaction: Creating Smart Applications and Clever Devices. New Riders Press
• Sharp, Helen, Rogers, Yvonne and Preece, Jennifer J. (2007): Interaction Design: Beyond Human-Computer Interaction. John Wiley and Sons
• Carroll, J.M. (1997) Human-Computer Interaction: Psychology as a science of design.Annual Review of Psychology, 48, 61-83. (Co-published (slightly revised) in International Journal of Human-Computer Studies, 46, 501-522).
• Grudin, J. (2012) A Moving Target: The evolution of Human-computer Interaction. In J.Jacko (Ed.), Human computer interaction handbook: Fundamentals, evolving technologies, and emerging applications. (3rd edition).Taylor & Francis.
• Myers, B.A. (1998) A Brief History of Human Computer Interaction Technology. ACM interactions. Vol. 5, no. 2, March. pp. 44-54.
• Hassenzahl, M. (2010). Experience Design: Technology for All the Right Reasons.
• Sutcliffe, A. (2009) Designing for User Engagement: Aesthetic and Attractive User Interfaces
• Wright, P. and McCarthy, J. (2010) Experience- Centered Design: Designers, Users, and Communities in Dialogue.
• Erickson, Thomas (1996): The World Wide Web as social hypertext. In Communications of the ACM, 31 (1) pp. 15-17
• Kittur, Aniket and Kraut, Robert E. (2008): Harnessing the wisdom of crowds in Wikipedia: quality through coordination. In: Proceedings of ACM CSCW08 Conference on Computer- Supported Cooperative Work 2008. pp.37-46
• Armstrong, Anne-Marie (2004): Instructional Design in the Real World: A View from the Trenches. Idea Group Publishers
• Beyer, Hugh R. (2010b): User-Centered Agile Methods. Morgan and Claypool Publishers
• Beyer, Hugh and Holtzblatt, Karen (1998): Contextual design: defining customer-centered systems. San Francisco,Elsevier
• Twyman M 1982 'The graphic representation of language' Information Design Journal 3 (1) 2 – 22

Additional Reference: