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
Command:
Move and rotate an object based on parent position and rotation
Focus:
Layout
Position
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.
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.
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