Week 1 Flashcards
What is HCI?
Human-Computer Interaction is understanding the interplay between humans and computers in a scientific, technical, social and so on context.
What concerns did HCI originally have, and how have they evolved?
Human-Computer Interaction (HCI) is important because it ensures technology is intuitive, efficient, and user-friendly, enabling people to achieve their goals with minimal frustration. By prioritizing usability and accessibility, HCI improves user satisfaction and broadens the reach of digital solutions to diverse audiences.
Why does HCI matter?
HCI matters because it bridges the gap between people and technology, ensuring tools and systems are accessible, efficient, and enjoyable to use. By focusing on user needs and behavior, HCI enhances productivity, reduces errors, and improves overall satisfaction with technological solutions.
What makes HCI increasingly important?
HCI is increasingly important as technology becomes more integrated into everyday life, requiring systems to cater to diverse users with varying needs and abilities. The rise of complex technologies like AI, IoT, and AR/VR demands intuitive designs to ensure usability, accessibility, and ethical interaction, fostering greater adoption and trust.
What is HCI concerned about?
HCI is concerned with designing and improving the interaction between people and computers to make it intuitive, efficient, and enjoyable. It focuses on usability, accessibility, user experience, and understanding human behaviors, needs, and limitations to create technology that aligns with user expectations and goals.
What are the essential activities of HCI?
Understanding people, user research, understanding interaction, user interfaces, design, engineering, evaluation.
How is HCI applied in practice?
HCI is applied in practice through user-centered design processes, which involve understanding user needs, creating prototypes, and testing interfaces to ensure usability and efficiency. It is widely used in developing websites, software, mobile apps, and physical devices, enhancing accessibility, optimizing workflows, and improving overall user experiences.
Why is the Web a powerful platform for developing user interfaces?
The Web is a powerful platform for developing user interfaces because it is accessible across a wide range of devices and operating systems, offering global reach through browsers without the need for specialized software installations
What is developing UIs about and how is it different from traditional algorithmic programming?
Decisions on how an application state should be presented to the user, and how the application state should be transformed on user input.
What is HTML?
Hyper Text Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.
How is a tag written (including attributes)?
Start of tag, attribute(s), attribute value(s), content of tag, end of tag. Example:
<a>CS@AU</a>
What is the difference between a inline and block tag?
A block element always starts on a new line, and takes up the full width available
What is CSS?
Cascading Style Sheets (CSS) is a style sheet language used for specifying the presentation and styling of a document written in a markup language such as HTML or XML
What does a CSS rule consist of?
A CSS rule consists of a selector and declaration(s). Example:
p {
font-family: Arial;
}
What are the different types of CSS selectors?
element (p), id (#para1), class (.center), universal (*), grouping (h1, h2, p).
How are colors expressed in CSS?
Colors are specified using predefined color names, or RGB / HEX
What is the CSS box model?
Content takes up the width and height of a box. Around the content a padding edge can be added, which a border edge can be added to. Enveloping that is a margin edge, that spaces the box from other boxes.
How does CSS rules cascade?
If selectors are specified multiple times, the last one wins. Order from least to most specific is type, class, id.
How is CSS integrated with HTML?
CSS can be integrated as external files, internally in the HTML or inline on an element.
