SE 431 Human Computer Interactions Jamal Nasir CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Hall of Fame or Shame Page Setup for printing in Internet Explorer-5 SE 431 - HCI (Sp. 2015)

Later Version of IE SE 431 - HCI (Sp. 2015)

Hall of Fame or Shame Asiana Airlines interface for sending email/SMS from plane Cool, but text entry using this input device is tedious crashes often SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Hall of Fame or Shame Weather.com Cool, but text entry using this input device is tedious crashes often SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Hall of Fame or Shame Bing.com/weather Cool, but text entry using this input device is tedious crashes often SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Hall of Fame or Shame iOS Yahoo weather Cool, but text entry using this input device is tedious crashes often SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Course Overview SE 431 - HCI (Sp. 2015)

Bronze Galloping Horse SE 431 - HCI (Sp. 2015)

Balance design technology SE 431 - HCI (Sp. 2015)

Balance We need to find a balance between: Design & technology, human-centered approaches & CS approaches SE 431 - HCI (Sp. 2015)

Human-Computer Interaction (HCI) the end-user of a program the others they work or communicate with Computer the machine program runs on split between clients & servers Interaction user tells the computer what they want computer communicates results So far you have probably studied lots about Computers, but little about Humans and Interaction. This course will concentrate on how these three areas come together. SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

User Interfaces (UIs) Part of application that allows people to interact with computer to carry out their task HCI = design, prototyping, evaluation, & implementation of UIs SE 431 - HCI (Sp. 2015)

Why is HCI important? Major part of work for “real” programs approximately 50% Bad user interfaces cost money 5% satisfaction  up to 85%profits finding problems early makes them easier to fix reputation of organization (e.g., brand loyalty) lives (Therac-25) User interfaces hard to get right people are unpredictable intuition of designers often wrong SE 431 - HCI (Sp. 2015)

Why is HCI important? Nearly 25% of all applications projects fail. Why? overrun budgets & management pulls plug others complete, but are too hard to learn/use Solution is user-centered design. Why? easier to learn & use products sell better can help keep a product on schedule finding problems early makes them easier to fix! training costs reduced SE 431 - HCI (Sp. 2015)

Who creates UIs? A team of specialists (ideally) graphic designers interaction / interface designers information architects technical writers marketers program managers Test/usability engineers researchers (ethnographers, etc.) software engineers hardware engineers industrial designers customers SE 431 - HCI (Sp. 2015)

How to design & build good UIs UI Development process Usability goals User-centered design Design discovery Rapid prototyping Evaluation Programming SE 431 - HCI (Sp. 2015)

User Interface Development Process Customers, Products, Business, Marketing Customers, Products, Business, Marketing Design Discovery Design Exploration Evaluate Production Customers: - Roles (Who) - Tasks (What) - Context (Stories) Marketing: - Business Priorities - Messages Technology: - Products - Architecture Design: - Leading/competing technologies Work together to realize the design in detail Evaluate with Customers Storyboard Review & Iterate Design Definition: - Design Problem Statement - Targeted User Roles (Who) - Targeted User Tasks (What) - Design Direction Statements Proposal: Demos/ Lo Fi Prototypes (How) Specification: Hi Fidelity, Refined Design - Based on customer feedback - Foundation in product reality - Refined Design description

Iteration At every stage! Design Prototype Evaluate

UI Design Representations Flow / Site Maps Storyboards Schematics/Wireframes Mock-ups SE 431 - HCI (Sp. 2015)

Goals of the course Learn to design, prototype, & evaluate Uis the needs & tasks of prospective customers cognitive/perceptual constraints that affect design technology & techniques used to prototype UIs techniques for evaluating a user interface design importance of iterative design for usability how to work together on a team project communicate your results to a group key to your future success SE 431 - HCI (Sp. 2015)

Before Taking This Course… You should be comfortable with… Data Structures & Algorithms You should be comfortable with algorithm descriptions and implementations in a high-level programming language Basic math background Programming in a high-level language C/C++ or Java SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Grading Points distribution Quizzes 05% Assignments (hand + computer) 10% Midterm exam 25% Final exam (comprehensive) 60% SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Policies (1) Quizzes Sharing Plagiarism Most quizzes will be announced a day or two in advance Unannounced quizzes are also possible Sharing No copying is allowed for assignments. Discussions are encouraged; however, you must submit your own work Violators can face mark reduction and/or reported to Disciplinary Committee Plagiarism Do NOT pass someone else’s work as yours! Write in your words and cite the reference. This applies to code as well. SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Policies (2) Submission policy Submissions are due at the day and time specified Late penalties: 1 day = 10%; 2 day late = 20%; not accepted after 2 days An extension will be granted only its need is established and when requested several days in advance. SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Course Material The Design of Sites by van Duyne, Landay, & Hong (Chapter 4 &5) Designing the User Interface: Strategies for Effective Human-Computer Interaction by Shneiderman & Plaisant, 5th edition (2009) Slides and other reading material SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Course Portal https://canvas.instructure.com https://canvas.instructure.com/enroll/NHXXTJ Join Code: NHXXTJ SE 431 - HCI (Sp. 2015)

Other Stuff How to contact me? Philosophy Office hours: TBA E-mail: jamal.nasir@iiu.edu.pk By appointment: outside office hours e-mail me for an appointment before coming Philosophy Knowledge cannot be taught; it is learned. Be excited. That is the best way to learn. I cannot teach everything in class. Develop an inquisitive mind, ask questions, and go beyond what is required. I don’t believe in strict grading. But… there has to be a way of rewarding performance. SE 431 - HCI (Sp. 2015) CS 536 - Data Mining (Sp 2010-2011) - Asim Karim @ LUMS

Next Time Early visions of HCI Reading: ‘As we may think’ by V.Bush Link available on the portal ( Pages  Readings) SE 431 - HCI (Sp. 2015)