Week 3 Flashcards
What’s a command-line interface and its tradeoffs?
Syntax is: prompt command parameter1 parameter2 …
Its fast when you know what to do, but if you don’t there isn’t really much you can do.
What’s direct manipulation and its tradeoffs?
Direct manipulation refers to interacting with on-screen objects through gestures or actions that visually represent the task, such as dragging, clicking, or resizing. Its tradeoffs include increased ease of use and intuitive interaction, but it can be less efficient for complex tasks and may require a more cluttered interface. Additionally, it might be less accessible for users with physical or motor impairments.
What does translational distance mean?
Translational distance refers to how “direct” the direct manipulation is. It has the following levels: weak (mouse on screen), medium (finger on screen), strong (VR), immersive (AR).
What is the difference between interaction tasks and interaction techniques?
Interaction tasks is the abstract of what you need to do, where interaction techniques is how you do specific actions.
What are basic interaction tasks?
Some basic interaction tasks are input tasks, selection tasks, trigger tasks, navigation tasks, property setting tasks and transformation tasks.
What’s the consideration when designing interaction techniques?
When designing interaction techniques, key considerations include understanding the target users’ needs, preferences, and limitations. It’s essential to ensure the design is intuitive, efficient, and accessible, while also providing appropriate feedback, minimizing errors, and supporting a smooth user experience across various devices and contexts.
What’s the considerations when evaluating interaction techniques?
When evaluating interaction techniques, considerations include usability, accessibility, efficiency, and user satisfaction. It’s important to assess how well the technique meets user goals, its learning curve, error rates, adaptability to different devices, and how it accommodates diverse user needs, including those with disabilities.
What is the DOM?
The document object model (DOM) is a JS API for manipulating the in-memory representation of an HTML document loaded in the browser.
How is the DOM structured?
The DOM is structured as a tree with elements, text (leafs) and attributes (leafs). document is the root of the tree.
What are the three steps involved in handling an event?
- Pick an element you want to listen to events on.
- Indicate what event you want to react on.
- Specify the code that should be run when the event happens.
How does the event flow work in JS, and what is the difference between the capturing and bubbling phase?
In JavaScript, event flow refers to the sequence in which events propagate through the DOM. The two phases are capturing and bubbling. In the capturing phase, the event starts from the root and propagates down to the target element. In the bubbling phase, the event starts at the target element and bubbles up to the root.
