Transparency
Revision for “Transparency” created on March 27, 2015 @ 22:53:45
Title | Transparency |
---|---|
Content | Transparency is used most often as a visual cue to separate elements, be a decorative element, or represent physicality on an interface. A product can also be semi-/transparent.
<strong>Examples:</strong>
<ul>
<li>
[caption id="attachment_53" align="alignright" width="300" class=" "]<a href="http://interactionlibrary.jacklynn.com/wp-content/uploads/2014/12/Screen-Shot-2014-12-02-at-6.10.23-PM.png"><img class="size-medium wp-image-53" src="http://interactionlibrary.jacklynn.com/wp-content/uploads/2014/12/Screen-Shot-2014-12-02-at-6.10.23-PM-300x169.png" alt="Messages displayed on Google Glass (image via Google.com, Dec 2014)" width="300" height="169" /></a> <em>Messages displayed on Google Glass (image via Google.com, Dec 2014)</em>[/caption]
The Yosemite Apple operating system has semi-transparent windows to somewhat reveal the windows underneath them.</li>
<li>GoogleGlass works augments reality using a semi-transparent interface.</li>
</ul>
<strong>Orientational:</strong>
Layering using opacity gives users a sense of what's on "top," bringing it to the front of their attention, while still revealing there is other activity happening.
It creates distance. Thinking about how this can be done with<strong> sound</strong>, it might be the equivalent of a one sound being sensed as further away than another.
<strong>Metaphorical:</strong>
Especially when used visually on interfaces, use of transparency recreates physicality, making things look like one things is on top of another when we know that's not how computers really work. It is to enhance user understanding stylistically as is not necessary for the computer to do this. |
Excerpt |
Posted In
Recent Conversations