<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Shannon M Mayer  &#124; simayerDesign &#187; (Graphic) User Interfaces</title>
	<atom:link href="http://simayerdesign.com/category/graphic-user-interfaces/feed/" rel="self" type="application/rss+xml" />
	<link>http://simayerdesign.com</link>
	<description>Int&#039;l Web Producer, Designer &#38; SEM Coordinator</description>
	<lastBuildDate>Sat, 19 May 2012 17:22:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>The UI Best Practices Collection</title>
		<link>http://simayerdesign.com/2010/09/16/ui-best-practices/#utm_source=sd_feed&#038;utm_medium=feed&#038;utm_campaign=sdFeed</link>
		<comments>http://simayerdesign.com/2010/09/16/ui-best-practices/#comments</comments>
		<pubDate>Thu, 16 Sep 2010 17:36:25 +0000</pubDate>
		<dc:creator>simayer</dc:creator>
				<category><![CDATA[(Graphic) User Interfaces]]></category>
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://simayerdesign.com/?p=402</guid>
		<description><![CDATA[Need some UI design inspiration for your next project?  You can get your inspiration at Patternry, formerly known as UI Pattern Factory. Patternry&#8217;s collection is full of web design UI patterns and best practices actually used in the real world. Each pattern idea has a description of the design (sometimes including a video demo) followed [...]]]></description>
			<content:encoded><![CDATA[<p>Need some UI design inspiration for your next project?  You can get your inspiration at <a href="http://patternry.com/" target="_blank">Patternry</a>, formerly known as UI Pattern Factory. Patternry&#8217;s collection is full of web design UI patterns and best practices actually used  in the real world.</p>
<p>Each pattern idea has a description of the design (sometimes including a video demo) followed by the best practices information to help you design that next interface with great  user experience (UX) in mind.</p>
<p><span id="more-402"></span></p>
<ul>
<li>What Problem Does The Pattern Solve?</li>
<li>When to Use It?</li>
<li>How to Use It?</li>
<li>Why to Use It?</li>
<li>Accessibility</li>
<li>Sources</li>
<li>Useful Links (to additional information)</li>
<li>Code Examples</li>
<li>Where is it Used? (actual real world web examples are typically provided)</li>
<li>Comments (about the design)</li>
</ul>
<p><a href="http://patternry.com/"><img class="alignleft size-full wp-image-403" title="Patternry screenshot" src="http://simayerdesign.com/wp-content/uploads/2010/09/patternry.jpg" alt="" width="500" height="452" /></a></p>
<div style="float:right;margin:0px 0px 0px 0px;"></div>]]></content:encoded>
			<wfw:commentRss>http://simayerdesign.com/2010/09/16/ui-best-practices/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>To Release Episodically?</title>
		<link>http://simayerdesign.com/2009/11/24/to-release-episodically/#utm_source=sd_feed&#038;utm_medium=feed&#038;utm_campaign=sdFeed</link>
		<comments>http://simayerdesign.com/2009/11/24/to-release-episodically/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 19:28:01 +0000</pubDate>
		<dc:creator>simayer</dc:creator>
				<category><![CDATA[(Graphic) User Interfaces]]></category>
		<category><![CDATA[Everything Design]]></category>
		<category><![CDATA[Marketing]]></category>

		<guid isPermaLink="false">http://simayerdesign.com/2009/11/to-release-episodically/</guid>
		<description><![CDATA[This morning my co-workers and I had a small focus group. Our goal was to classify a PowerPoint with an audio presentation overlay. Was it a &#8220;webinar&#8221;? Not really. There was no audience who logged into a portal to watch it a specific date/time. Was it a &#8220;video&#8221;? Yes, but we&#8217;ve categorized videos as non-educational; [...]]]></description>
			<content:encoded><![CDATA[<p>This morning my co-workers and I had a small focus group. Our goal was to classify a PowerPoint with an audio presentation overlay. Was it a &#8220;webinar&#8221;? Not really. There was no audience who logged into a portal to watch it a specific date/time. Was it a &#8220;video&#8221;? Yes, but we&#8217;ve categorized videos as non-educational; just simply informative. Is it a podcast? Maybe. If the video was part of a series, but it&#8217;s not.</p>
<p>By asking each other how we would define a webinar from a podcast, one of us turned around to the computer and looked up an (un)official definition of <a href="http://en.wikipedia.org/wiki/Podcast" target="_blank">podcast</a>. The definition contained a word that none of us heard before: episodically. Of course, that got us a bit amused. We in turn started to use different variations of the word as discussed how we would leverage webinars vs podcasts. It was good laugh.</p>
<p>In the end we concluded to put this PowerPoint/audio file in our &#8220;On Demand&#8221; webinars category. Episodically releasing podcasts are yet to come.</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=f2769c50-e031-8387-9858-d4eb3a69c020" alt="" /></div>
<div style="float:right;margin:0px 0px 0px 0px;"></div>]]></content:encoded>
			<wfw:commentRss>http://simayerdesign.com/2009/11/24/to-release-episodically/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>International user interface controls</title>
		<link>http://simayerdesign.com/2009/08/24/international-ui-control/#utm_source=sd_feed&#038;utm_medium=feed&#038;utm_campaign=sdFeed</link>
		<comments>http://simayerdesign.com/2009/08/24/international-ui-control/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 03:23:07 +0000</pubDate>
		<dc:creator>simayer</dc:creator>
				<category><![CDATA[(Graphic) User Interfaces]]></category>
		<category><![CDATA[Everything Design]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://simayerdesign.com/?p=125</guid>
		<description><![CDATA[Many countries that read left-to-right it is typically known that there is a handful of ways that text and arrows are read. Some graphical examples: In the recent weeks, I&#8217;ve been working on an interface design for an upcoming project. The design will be released to the international community in the coming months&#8211;which has caused [...]]]></description>
			<content:encoded><![CDATA[<p>Many countries that read left-to-right it is typically known that there is a handful of ways that text and arrows are read.<br />
<span id="more-125"></span><br />
Some graphical examples:</p>
<p><img class="size-full wp-image-127 alignleft" title="arrowdirection" src="http://simayerdesign.com/wp-content/uploads/2009/08/arrowdirection.gif" alt="arrowdirection" width="278" height="126" /><img class="size-full wp-image-128 alignnone" style="margin: 5px 15px;" title="textdirections" src="http://simayerdesign.com/wp-content/uploads/2009/08/textdirections.gif" alt="textdirections" width="119" height="361" /></p>
<p>In the recent weeks, I&#8217;ve been working on an interface design for an upcoming project. The design will be released to the international community in the coming months&#8211;which has caused an interesting dialog between the project&#8217;s team members.</p>
<p>The interface is meant for operators to control the  high and low productivity, network structure, as well as some other features.  The interesting points made amongst the team members were focused on the high/low productivity controls:</p>
<ul>
<li>How should we represent the high control and the low control? Should there be a plus and a minus in their corresponding graphic?</li>
<li>Where should the high control and low control be in relation to the productivity indication screen?</li>
</ul>
<p>Decision 1: Use an up arrow for the high control; use a down arrow for the low control. Put a + in the middle of the up arrow and a &#8211; in the down arrow.</p>
<p>Decision 2: [This is the fun one.] There is no proper answer for where the high/low arrows should be in relation to the productivity indication screen. Or is there?</p>
<p>Concept A included the down arrow on the left of the indication screen and the up arrow on the right of the screen. This may seem backwards to you right-handers out there like  it did for me., but the left handers in the US and some of my co-workers in the UK (not sure if they were left-handed, right-handed, or both) chimed in that they liked it, it was easy for them to use.</p>
<p>&#8211;Scrap Concept A, could cause too many user frustrations.</p>
<p>Concept B included going with both of the arrows on one side of the indication screen; the up arrow on top, the down arrow beneath the up arrow.  Everyone in the team agreed that it made sense &#8212; what goes up is above what goes down.  Now only to choose what side of the indication screen the arrows should be on; left or right.  The overall design of the interface panel dictated that. It was wherever there was the most available room for the arrows to be next the indication screen.</p>
<p>&#8211;Concept B approved; put the arrow buttons to the right of the indication screen where there was the most graphical real estate.</p>
<p>Do you think Concept A should have been chosen? Think it was the best decision to choose Concept B? Or do you have a different suggestion? Take the poll:<br />
<script type="text/javascript" language="javascript" charset="utf-8" src="http://static.polldaddy.com/p/1913725.js"></script><noscript><br />
<a href="http://answers.polldaddy.com/poll/1913725/">International Arrows Layout</a><span style="font-size:9px;">(<a href="http://www.polldaddy.com">poll</a>)</span><br />
</noscript></p>
<div style="float:right;margin:0px 0px 0px 0px;"></div>]]></content:encoded>
			<wfw:commentRss>http://simayerdesign.com/2009/08/24/international-ui-control/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

