RANDOM
Visual
We want to hear from you! Edit entries by logging in (top right) or create your own!

Proximity

Revision for “Proximity” created on March 28, 2015 @ 01:00:14

Title
Proximity
Content
Proximity is the relative distance from elements in an <strong>interface</strong> (could be visual, sound, or haptic elements) or <strong>interaction</strong> (how close or far in space objects might be) . <strong>Visually</strong> putting elements closer to each and further form others allows you to group things to indicate that they go together. We can also think about how having a <strong>sound</strong> paired with an action creates a relationship in the user's mind (it would be confusing if a sound <em>didn't</em> occur simultaneously with the alert it was related to). Outside of a screen we can think about our proximity in real environments. How close we are to the places like stores, which our devices can track. Or how close we are to other devices, like capturing things on bluetooth. This can re-interpret the data we're shown to bring to attention things that might be more relevant to us. In sound, this is referred to as <a href="../../84/distance/">distance</a>. <strong>Examples: </strong> <ul> <li> [caption id="attachment_50" align="alignright" width="300" class=" "]<a href="../../wp-content/uploads/2014/12/Screen-Shot-2014-12-02-at-2.32.44-PM.png"><img class="size-medium wp-image-50" src="../../wp-content/uploads/2014/12/Screen-Shot-2014-12-02-at-2.32.44-PM-300x106.png" alt="Attributes of each commentator are grouped together. (screenshot of the NPR article comment section, Dec 2014)" width="300" height="106" /></a> <em>Attributes of each commentator are grouped together. (screenshot of the NPR article comment section, Dec 2014)</em>[/caption] On comments sections an avatar, name, and comment might be grouped closer together to indicate who is talking.</li> <li>Menu items are usually listed together, and similar sub elements are 'nested.'</li> <li>GoogleNow might show relevant attractions, like a museum, depending on your location.</li> <li>Devices can detect whether they're near to each other, think about bluetooth pairing, Near Field Technology (NFC), and even sharing the same WiFi.</li> </ul> &nbsp; <strong>Orientational:</strong> Proximity is often used in conjunction with <a href="../../45/scale/">scale</a>, weight, and <a href="../../9/color/">color</a> to show connection. For instance, a menu might appear all together in a in the same typography within a colored bar to distinguish it from the rest of a website's content. Proximity in environmental spaces also more literally orients you in the physical work to other points of interest or devices. <strong>Social:</strong> Proximity indicators in environmental spaces, similar to <a href="../../30/presence/">presence</a>, might gives users a sense of relationship to each other—how far or close they are. Apps like Swarm (formerly FourSquare) work to check-in to locations with the proposed motivation to let you know where your friends are, have been, and if they're near you. <strong>Performative:</strong> On a basic level, proximity causes us to create associations with elements that share a certain area. Whether sensed (visually) or in the literal environment. This might cause us to treat things as more or less important. Think, for instance, when you're using maps you can see how close restaurants are to your current location. You are then more likely to go to that location. <strong>Metaphorical:</strong> Environmental proximity, especially when using a maps, creates a imagined sense of relationships. When looking at a map we might get a real sense of how long it takes us to get somewhere because it's reducing all of the real elements like traffic and construction to give us an ideal scenario. Or we might just not have a sense of how long miles or kilometers are.
Excerpt


OldNewDate CreatedAuthorActions
March 28, 2015 @ 01:00:14 Jack
March 27, 2015 @ 23:00:26 Jack
Tell the community:
User Rating
Rate Here
Useful
Well-defined
Creative
User Rating
You have rated this
To leave more detailed comments, visit the discussion tab above.
Fonts by Google Fonts. Icons by Fontello. Full Credits here »