Lec 1: Interactive Systems

Introduction to Human-Computer Interfaces

Overview of the Course

• The course begins with an introduction to the design and implementation of human-computer interfaces, focusing on interactive systems.

• The scope includes engineering interactive software systematically through various stages.

Understanding Interactive Systems

• The term "interactive system" refers specifically to computer software that allows user interaction.

• Questions arise about what qualifies as interactive software and how it differs from non-interactive software.

Defining Computers

Broader Definition of Computers

• Traditional views associate computers with desktops and laptops, but modern definitions include smartphones and other devices.

• A computer is defined as an electronic device that processes data according to a set program, producing output based on input.

Examples of Everyday Computers

Digital Pedometer

• A digital pedometer serves as an example; it detects walking activity by processing sensor data.

• It counts steps and calculates distance using stored algorithms, fitting the definition of a computer.

Microwave Oven

• A microwave oven also qualifies as a computer; it takes input (temperature/duration), processes it, and produces output (cooked food).

Smart TV

Understanding Interactive Computing Systems

Overview of Interactive Systems

• The concept of interactive computing systems is introduced, highlighting a layered view of software that includes HTML, CSS, JavaScript, and media layers. Users interact with the app through an interface.

• These systems connect to servers to fetch information, process user input, and display output on screens. This interaction defines them as computers in everyday life.

• A key characteristic of these systems is that they are designed for layman users—individuals without specific qualifications or expertise in technology.

User Interaction and Technology Knowledge

• The discussion emphasizes that interactive systems should cater to users who lack specialized training. This accessibility is crucial for effective user engagement.

• An example illustrates how error messages from operating systems can confuse users lacking technical knowledge about terms like hexadecimal codes or event logs.

User Anxiety and Motivation

• When users encounter complex error messages without understanding them, it can lead to anxiety about their actions and the system's functionality.

• This confusion may result in a loss of motivation to use the system further, undermining its intended purpose.

Principles of User-Centric Design

• To mitigate user anxiety and confusion, interactive systems should be designed with a focus on user-centric principles. Users should not need extensive technological knowledge to operate these systems effectively.

Challenges in System Design

• The main challenge lies in designing intuitive interfaces that make it easy for users to navigate and utilize the system's features without prior technical knowledge.

Example: TV Remote Control Usability

• A common example discussed is the TV remote control, which allows various functions such as adjusting brightness or changing channels through simple interactions.

• The remote typically has three groups of buttons: frequently used (channel change/volume), occasionally used (menu navigation), and rarely used buttons (less known functionalities).

Button Functionality Awareness

• Many users may not fully understand all button functions due to infrequent use; this highlights potential design flaws where unnecessary complexity exists within devices meant for general use.

User-Centric Design in Remote Controls

Importance of Button Design

• The design of remote controls can initially intimidate users due to the clustering of all buttons on one device, leading to a steep learning curve.

• A more effective design would prioritize frequently used buttons by making them more prominent, while less frequently used buttons should be less noticeable.

• User-centric design focuses on understanding user characteristics and expectations, ensuring that the most needed features are easily accessible.

Interface Elements and Interaction

• The remote control serves as an interface for the TV, emphasizing the need for intuitive design that aligns with user behavior.

• Key elements include button placement (geometric layout), visual perception of system state changes, and ensuring users can achieve their desired outcomes through interaction.

Four Key Considerations in User-Centric Design

• When designing user-centric products, consider:

• Interface elements that resonate with users' needs.

• Layout designs that meet user expectations effectively.

• Displays that clearly communicate system states from the user's perspective.

• Interaction designs that guide users toward achieving their goals seamlessly.

Historical Evolution of User-Centric Design

• The evolution of user-centric design spans four phases:

• Pre-History (1940s-1970s): Development before personal computers; significant milestones occurred during this time.

• Early Phase (1980s-Early 2000s): Marked by the rise of personal computing devices and graphical interfaces.

• Pre-Modern Phase (Late 1990s to Early 2000s): Introduction of mobile computing devices like smartphones and tablets.

• Modern Age: Characterized by interconnected devices shaping current interactions.

Milestones in User-Centric Design History

• Notable achievements during these phases include:

• Invention of video display units in the early '50s (SAGE system).

• Introduction of graphical user interfaces with Sketchpad in '63 by E. Sutherland.

• Development of NLS by Engelbart's team in '68 which popularized mouse usage.

The Evolution of User-Centric Design

Early Milestones in Personal Computing

• The Dynabook by Alan Kay is highlighted as a precursor to personal computers, marking the beginning of user-centric design.

• Key early personal computers include:

• Xerox Alto (1973)

• Altair 8800 (1974)

• Apple I (1976)

• Apple II (1977)

• A significant milestone occurred in 1981 with the introduction of the IBM PC, which set new standards for personal computing.

Advancements in User Interfaces

• The Xerox Star introduced groundbreaking concepts such as graphical user interfaces and WYSIWYG (What You See Is What You Get).

• The idea of metaphors in design emerged, significantly influencing user-centric systems.

• In 1982, Shneiderman proposed the concept of direct manipulation, enhancing user interaction with technology.

• The release of the Apple Macintosh in 1984 marked another pivotal moment in interface design.

The Rise of the World Wide Web

• The concept of the World Wide Web was introduced in 1989, leading to its first browser developed in 1993.

• These developments had a profound impact on user-centric design principles and practices.

Mobile Devices and Smart Technology

• Palm Pilot (1996) is recognized as one of the first successful mobile devices.

• Nokia 9000 was released in the same year, contributing to mobile technology evolution.

• Android 1.0 launched in 2008 revolutionized smartphones and expanded consumer electronics.

Transition to Ubiquitous Computing

• Modern computing has shifted focus from single personal devices to interconnected devices within a ubiquitous computing environment.

• Mark Weiser first proposed this term in 1991, emphasizing seamless integration into daily life.

Concepts Influencing Modern Design

• Kevin Ashton introduced the Internet of Things concept in 1999, further shaping modern interactions with technology.

• Helen Gill's Cyber Physical System concept emerged in 2006, highlighting interconnectedness among devices.

Conclusion: Understanding Interactive Systems

• This lecture concludes with an overview of interactive systems and their distinction from other systems.