Separation Devices

[caption id="attachment_56" align="alignright" width="147" class=" "]<a href="http://interactionlibrary.jacklynn.com/wp-content/uploads/2014/12/Screen-Shot-2014-12-02-at-6.23.13-PM.png"><img class="size-medium wp-image-56" src="http://interactionlibrary.jacklynn.com/wp-content/uploads/2014/12/Screen-Shot-2014-12-02-at-6.23.13-PM-147x300.png" alt="Wordpress uses boxes to contain composition functions and groups of functions (Dec 2014)" width="147" height="300" /></a> Wordpress uses boxes to contain composition functions and groups of functions (Dec 2014)[/caption] How things are grouped or otherwise distinguished as separate units. <h5>Examples:</h5> <ul> <li>Visually: Lines, Boxes (colored, 3D), Shadows</li> <li>Sound/Haptic: Time (pauses/pacing), Order</li> </ul> &nbsp; <h5>Orientational:</h5> Separation devices are means to create groups of ideas, actions, navigation, or media to help communicate to a user or direct their behavior. For instance, navigation might be kept in a colored box at the top, a sidebar of information could be separated with a line from the main text, and people often set different vibration patterns to distinguish between an alarm versus a text message. They are most often used stylistically to communicate groups and organize information. Often paired with <a href="http://interactionlibrary.jacklynn.com/49/proximity/">proximity</a>, <a href="http://interactionlibrary.jacklynn.com/47/order/">order</a>, and <a href="http://interactionlibrary.jacklynn.com/9/color/">color</a> to accomplish this.