Human Computer Interaction Lecture 1 PDF

Module Introduction SLIIT Academy (Pvt.) Ltd. 2022 1 General Details Module Leader – Ms. Nideshika Ellepola E-mail – [email protected] Course Name : Human Computer Interaction Course ID: IT1214 Credit Points : 04 Duration...

Module Introduction SLIIT Academy (Pvt.) Ltd. 2022 1 General Details Module Leader – Ms. Nideshika Ellepola E-mail – [email protected] Course Name : Human Computer Interaction Course ID: IT1214 Credit Points : 04 Duration : One Semester SLIIT Academy (Pvt.) Ltd. 2022 2 Method of Delivery Lectures 2 hours per week Tutorial 1 hour per week Practical 2 hours per week Week 1-7: UI designing/ Prototyping Week 8-14: Mobile Application Development Each student is expected to do 2-3 hours per week self study Lecture material available on SLIIT Academy Moodle (enrolment key: IT1214) https://sam.sliitacademy.lk/ SLIIT Academy (Pvt.) Ltd. 2022 3 Assessment Criteria Continuous Assessments - 50% Final Examination - 50% No Midterm Examination SLIIT Academy (Pvt.) Ltd. 2022 4 Assessments There will be two assessments Assignment 01 - 25% Assignment 02 - 25% Assignment 01 Leads to Assignment 02 Group assignment. The same group must be continued for both Assignment 1 and Assignment 02 SLIIT Academy (Pvt.) Ltd. 2022 5 Assignment Week 1: Grouping. Form into groups of 3 members each. Must appoint a group leader Week 2: The leader must register group details using registration link available in the Module page. (The link will be made available on Week 2). Must get registered before deadline. No late group registrations allowed. Week 3: Release of Assignment SLIIT Academy (Pvt.) Ltd. 2022 6 Human Computer Interaction Overview of HCI, UX and UCD Lecture 1 SLIIT Academy (Pvt.) Ltd. 2022 7 Introduction SLIIT Academy (Pvt.) Ltd. 2022 8  Inspired by Carelman's Coffeepot for Masochists. The French artist Jacques Carelman in his series of books Catalogue d 'objets introuvables (Catalog of unfindable objects) provides delightful examples of everyday things that are deliberately unworkable, outrageous, or otherwise ill-formed “Designs of Everyday by Donald A. Norman SLIIT Academy (Pvt.) Ltd. 2022 9  Parking Signs in Los Angeles with overloaded details that contradicts SLIIT Academy (Pvt.) Ltd. 2022 10 SLIIT Academy (Pvt.) Ltd. 2022 11  Buttons to operate a lift. Both pointing up words SLIIT Academy (Pvt.) Ltd. 2022 12  Wrong choice of controls [image credit https://www.creativebloq.com/features/10-painful-ui- fails-and-what-you-can-learn-from-them ] SLIIT Academy (Pvt.) Ltd. 2022 13  Canada’s Flair Airlines system UI. If you’re from a country where phone numbers have more or fewer than 10 digits, you have no choice but to enter a false number. Although, since there’s no field for a country code, they won’t be able to call you anyway. SLIIT Academy (Pvt.) Ltd. 2022 14 [image credit https://www.creativebloq.com/features/10-painful-ui-fails-and-what-you-can-learn-from-them ]  Windows 8 Microsoft decided to jump on the touchscreen. The problem was that they built a touch-first interface in addition to a regular interface, and even made it the default on installations. The result? Most users with regular, non-touchscreen laptops, had to navigate huge tiles using their mouse to get work done. This design did not induce a feeling of the future, but instead - frustration. There was an unnecessary learning curve, separate apps based on which interface you used, and even separate browsers!. [image credit https://www.thence.co/blogs/ux/design-disasters-in-history ] SLIIT Academy (Pvt.) Ltd. 2022 15 Human Computer Interaction SLIIT Academy (Pvt.) Ltd. 2022 16 Human Computer Interaction SLIIT Academy (Pvt.) Ltd. 2022 17 Why HCI? SLIIT Academy (Pvt.) Ltd. 2022 18 User Experience (UX) "User experience" encompasses all aspects of the end- user's interaction with the company, its services, and its products. - by Don Norman and Jakob Nielsen User experience (UX) focuses on having a deep understanding of users, what they need, what they value, their abilities, and also their limitations. It also takes into account the business goals and objectives of the group managing the project. UX best practices promote improving the quality of the user’s interaction with and perceptions of your product and any related services SLIIT Academy (Pvt.) Ltd. 2022 19 UI and UX UI is made up of all the elements that enables someone to interact with a product or service. UX is what the individual interacting with the product or service takes away from the entire experience. “As an example by Don Norman and Jakob Nielson: consider a website with movie reviews. Even if the UI for finding a film is perfect, the UX will be poor for a user who wants information about a small independent release if the underling database only contains movies from the major studios.” SLIIT Academy (Pvt.) Ltd. 2022 20 Factors that Influence UX Peter Morville represents 7 factors that affects User Experience Peter Morville is a pioneer of the fields of information architecture and user experience SLIIT Academy (Pvt.) Ltd. 2022 21 7 factors of UX SLIIT Academy (Pvt.) Ltd. 2022 22 User-Centered Desing (UCD) SLIIT Academy (Pvt.) Ltd. 2022 23 User-Centered Design (UCD) Understand context of use Identify the people who will use the product, what they will use it for, and under what conditions they will use it. Techniques such as Surveys and Interviews, focus groups can be used. Understand how users interact with the system The medium used (desktop or smartphone) The Environment the interaction takes place The user’s emotional state SLIIT Academy (Pvt.) Ltd. 2022 24 User-Centered Design (UCD) Specify User Requirements Identify any business requirements or user goals that must be met for the product to be successful. SLIIT Academy (Pvt.) Ltd. 2022 25 User-Centered Design (UCD) Design Solutions Creation of potential solutions for the established problems/ requirements identified. Utilizes techniques such as storyboarding, wireframing, designing mockups and user flow. SLIIT Academy (Pvt.) Ltd. 2022 26 User-Centered Design (UCD) Evaluation Assess the outcomes of the evaluation against the users’ context and requirements to check how well a design is performing. Ideally through usability testing with actual users. SLIIT Academy (Pvt.) Ltd. 2022 27 User-Centered Design (UCD) SLIIT Academy (Pvt.) Ltd. 2022 28 Context of HCI SLIIT Academy (Pvt.) Ltd. 2022 29 Context of HCI SLIIT Academy (Pvt.) Ltd. 2022 30 Benefits of HCI SLIIT Academy (Pvt.) Ltd. 2022 31 References https://www.usability.gov/what-and-why/user-centered-design.html https://www.interaction-design.org/literature/topics/user-centered-design SLIIT Academy (Pvt.) Ltd. 2022 32 Activity Find details of the History of HCI Find more examples of Good and Bad use of HCI/ UX Present your findings (both tasks) during the next tutorial SLIIT Academy (Pvt.) Ltd. 2022 33