Group 10 - Amogus

On by: marco-acquati

Amogus creates layout hierarchies and relationships between elements



User’s Goal:

Create relationships between objects keeping constant the relative layout, tweak and reuse the relationship


Move and rotate an object based on parent position and rotation





Amogus is an instrument that creates relationships between elements of the same slide. A relationship keeps track of organization attributes such as position and rotation and keeps them constant between parent elements and children.
Such a relationship can be edited and reused on different objects to help organize and distribute elements in a complex slide. Amogus also supports user appropriability letting the user create more complicated relationships.

  • Lo-Fi
  • Hi-Fi
  • Demos

Instrumental interaction


Click on the child object, then click on the parent one

The instrument reifies the dependency between a child object and a parent one by displaying an arrow between them and linking the child's position to the parent.


Click one object and the textbox or viceversa

The instrument supports different shapes, images, and text boxes.


Click the arrow and then click the textbox and the star or viceversa

The instrument lets the user reuse the relation between objects by copy-pasting it onto another existing set of objects.

Drag and move the parent around

The tool keeps the child's "position" property updated while moving the parent object.

Click on the little circle above the rectangle and rotate the objects with horizontal movements

The tool supports both rotation and position properties and updates them according to the parent.

Click on the arrow to duplicate the objects with their relationship

The tool lets the user reuse a set of objects and their relationships duplicating the whole group into a new set with the same relationships.

  • Lo-Fi
  • Hi-Fi
  • Demos

Human-Computer Partnership


Click on an object, then on the other one

The instrument supports input discoverability by highlighting the interactive elements while hovering over them with the mouse pointer


Double click on the yellow dot, move the center of rotation of the parent and then drag the center to rotate all the objects

The instrument supports input expressivity. One example is the possibility to choose the center of rotation of the elements.


Double click on the parent and move it to change its absolute position

The instrument supports input appropriability. The user can reset and update the relative position between parent and child elements.

Move the mouse over each object to see its relationships

The tool supports output discoverability showing the existent relationships between elements while hovering over them with the mouse pointer

Drag a child and click on the button to apply child changes to the parent

The tool supports output expressivity offering the possibility to update the layout of a parent element without updating also the children's. The user can update the child element in a second moment by clicking on a special button

Click on the green dot and drag it onto the textbox to update the relationship

The instrument supports output appropriability. The user can update a relationship inserting another element between parent and child, chaining them in a three element relationship:
A -> B -> C