Module 1 - Foundations of Interaction Design - The Computer.pdf

Foundations of Interaction Design: The Computer Understanding the Role of Computers in Interaction Design  Introduction to Interaction Design Interaction Design focuses on creating meaningful exchanges between users and digital systems. Computers are central to digital interaction, requir...

Foundations of Interaction Design: The Computer Understanding the Role of Computers in Interaction Design  Introduction to Interaction Design Interaction Design focuses on creating meaningful exchanges between users and digital systems. Computers are central to digital interaction, requiring an understanding of their evolution and design constraints. This presentation will explore the evolution of computers, HCI concepts, and the future of interaction design.  The Computer A computer system is a complete various parts. – Each of the essentials influences the interface.  How to Interact with Computer? For better understanding of Human Computer Interaction. First we need to understand COMPUTER. What are needed as input and output? What computer can do?  The Role of Computers in Interaction Design Computers as Tools in Interaction Design: – More than just tools; they are environments where interaction design is implemented. Computers as Mediums: – Platforms for user interaction, influencing how users engage with content. Impact on UX: – The design of computer interfaces directly affects the quality of user interactions. Evolution of Computers in Interaction Design Early Computing (1940s-1960s): Command-line interfaces required users to type text commands. Introduction of GUIs (1980s-1990s): GUIs introduced windows, icons, and menus, making computers more accessible. Example: Apple’s Macintosh and Microsoft Windows popularized GUIs. Mobile and Touch-Based Interfaces (2000s-present): Touchscreens and gestures revolutionized mobile device interactions. Example: iPhone's multitouch interface transformed how users interact with mobile devices. Emerging Technologies: New interfaces like VR, AR, and voice are expanding interaction possibilities. Example: Google Assistant, Oculus Rift, and ARKit for iOS. Google Assistant Oculus Rift (Meta Quest) ARKit for iOS  How to Interact with Computer? Text Entry Device Keyboard It is the standard layout enunciation symbols required for unlike writings and small disparity. 1. Alphabetic 2. Dvorak ✓ QWERTY produce market pressures not to change ✓Special keyboards - designs to reduce fatigue for RSI  How to Interact with Computer? Text Entry Device Keyboard The most prevalent type of virtual console is the on-screen console. On-screen consoles can be used to sort and enter data without the need for a physical console. The primary rationale for an on-screen console is to provide an alternative component for disabled customers who cannot use a physical console or provide content input on devices that do not have a physical console, such as smartphones and tablets. Smartphones and tablets, for example, have touchscreens and use virtual consoles.  How to Interact with Computer? Handwriting recognition Natural interaction Using a pen and a digesting tablet  How to Interact with Computer? Speech and Voice recognition Getting better speedily Voice recognition involves technology that recognizes the voice of the speaker. Siri, Alexa and Google virtual assistants all implement voice recognition software to interact with users. Speech recognition is the technology that recognizes the actual words.  How to Interact with Computer? POSITIONING, POINTING AND DRAWING Mouse (Pointing device) Mechanical Optical Ball on base of mouse rotate It has light emitting diode LED on bottom of the mouse. as mouse is shifted.  How to Interact with Computer? POSITIONING, POINTING AND DRAWING Mouse (Pointing device) Touchpad – small touch Trackball and thumbwheels sensitive. The ball is rotated inside static housing it looks like an upside down mouse. 1. fast stroke 2. slow stroke  How to Interact with Computer? POSITIONING, POINTING AND DRAWING Mouse (Pointing device) Touch-sensitive screen Joystick and keyboard nipple Detect the presence of finger or stylus on Joystick is indirect pressure the screen. of stick.  How to Interact with Computer? POSITIONING, POINTING AND DRAWING Mouse (Pointing device) Stylus - use of touch responsive plane or attractive uncovering. Light pen –uses light from screen to locate position. Digitizing tablet - used for digitizing maps.  How to Interact with Computer? DISPLAY DEVICES Screen is vast number of colored dots. Anti-aliasing - make softer edges by using shades of line color. Jaggies - discontinuities in owing to parallel raster scan procedure. Cathode ray tube - Stream of electrons produced from electron gun. Liquid crystal displays - Smaller, lighter, and no radiation problems. Situated displays - displays in ‘public’ places it is large or small and interactive. Large displays - used for meetings, lectures, etc. Plasma – usually wide screen Video walls – lots of small screens together Projected – RGB lights or LCD projector  How to Interact with Computer? VIRTUAL REALITY AND 3D INTERACTION Positioning in 3D space cockpit and virtual controls 3D mouse data glove VR helmets whole body tracking 3D displays desktop VR seeing in 3D  How to Interact with Computer? PAPER: PRINTING AND SCANNING Printing - image made from small dots. Types of dot-based printers dot-matrix printers ink-jet and bubble-jet printers laser Printing in the workplace shop tills thermal printers Fonts - the particular style of text Readability of text Lowercase and UPPERCASE  How to Interact with Computer? MEMORY Short-term Memory – RAM Random access memory (RAM) Long-term Memory – disks optical disks magnetic disks Virtual memory - store some programs temporarily on disk.  How to Interact with Computer? PROCESSING AND NETWORKS Networked computing Networks allow access the following: huge memory and dispensation other people (groupware, email) shared resources Issues are: network delays – slow feedback conflicts - many people update data unpredictability Human-Computer Interaction (HCI) Definition and Importance of HCI: – Designing user-friendly computer systems, emphasizing usability and accessibility. Relationship with Interaction Design: – HCI principles are the foundation of effective interaction design. Examples of HCI in Practice: – Usability testing – Aaccessibility features – Ergonomic design Key Concepts in Computer Interaction Usability: How easy and efficient it is for users to achieve their goals using a computer system. Affordances: The properties of an object that suggest how it can be used. Feedback: Providing users with immediate information about the results of their actions. Constraints: Limiting user actions to prevent errors. The Computer as a Design Medium Computers in Design: Computers allow for the creation of dynamic and responsive systems. Flexibility and Power: The ability to simulate, iterate, and deploy complex designs quickly. Challenges in Designing for Computers: Adapting to rapid technological changes and ensuring accessibility.  Case Studies in Interaction Design Desktop to Mobile Computing: Transition from large screens and mice to small screens and touch input. Rise of Voice Assistants: Designing intuitive voice interfaces for devices without screens. Virtual and Augmented Reality: Designing immersive experiences that integrate physical and digital worlds. The Future of Computers in Interaction Design AI-Driven Interfaces: AI enables more personalized and adaptive user experiences. Adaptive Systems: Systems that adjust based on user behavior and context. Ethical Considerations: The responsibility of designers to consider the broader impact of their designs. Preparing for the Future: Continuous learning and adapting to new technologies.  Conclusion The evolution and role of computers in shaping interaction design. Interaction design will continue to evolve with technological advances; designers must keep user needs at the forefront. Questions? Thank you! End of Module 1.