<?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>by Brandon Brown</title>
	<atom:link href="http://bybrandonbrown.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://bybrandonbrown.com</link>
	<description>The portfolio and blog of designer Brandon Brown</description>
	<lastBuildDate>Sun, 06 Feb 2011 07:04:21 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Weekly Checkup</title>
		<link>http://bybrandonbrown.com/the-weekly-checkup/</link>
		<comments>http://bybrandonbrown.com/the-weekly-checkup/#comments</comments>
		<pubDate>Sun, 06 Feb 2011 03:05:15 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[blog]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=532</guid>
		<description><![CDATA[
One of my favorite culture blogs, The Art of Manliness, featured a wonderful series some time ago titled 30 Days to a Better Man. Within this series they touch upon one activity that I have always wanted to keep up with, and as indicated by this blog, have yet to do so. Keeping a journal [...]]]></description>
			<content:encoded><![CDATA[<div id="intro">
<p>One of my favorite culture blogs, <a href="http://www.artofmanliness.com" title="The Art of Manliness">The Art of Manliness</a>, featured a wonderful series some time ago titled <em><a href="http://artofmanliness.com/category/30-days-to-a-better-man/" title="Read this series on Art of Manliness">30 Days to a Better Man</em></a>. Within this series they touch upon one activity that I have always wanted to keep up with, and as indicated by this blog, have yet to do so. <a href="http://artofmanliness.com/2009/06/07/30-days-to-a-better-man-day-8-start-a-journal/" title="Start a Journal">Keeping a journal</a> is another item I have placed on my always-expanding <em>&#8220;I&#8217;ll get to that soon&#8221; </em> list. To assist myself in pushing through to making this a more naturally occurring activity in my life, I am going to start a new weekly series here in which I will detail the lessons learned, or ideas taken away from the week related to design, development, the web, and other professional topics.
</div>
<h2>Outline</h2>
<p>Writing is an area I have not taken seriously since the days of my long gone high school senior year. Thinking it would be just-get-back-on-the-bike easy this time around was a giant mistake. The list of revisions for <a href="../lessons-learned-from-scifi-designing-with-affordances/" title="Designing With Affordances">my last post</a> will show just how recklessly I rode that type-setting bike straight into on-coming traffic. Slowing down and learning these old lessons again is a required activity for anyone who wishes to become a clear, more understood, and more respected&nbsp;communicator.</p>
<p>Right out of the gate is where I realized there are issues with my writing abilities. Just as in any design, development, or other project planning is the key to a successful undertaking. My strategy for writing up to this point has been one of brute force. Taking an idea and gathering my thoughts within the text-editor seemed as if it would work just fine. With this process I was very wrong. What occurs here is a buck-shot of words, thoughts, and idea-clippings that begin to lose focus and purpose. Taking a few moments to gather my thoughts into a form which shows a clear path of thought will be my new first step. A simple outline is all I think will be necessary here:</p>
<ol>
<li> Heading
<ol>
<li>Main paragraph thought</li>
<li>Supporting thoughts and examples</li>
<li>How to utilize and execute these thoughts</li>
</ol>
</li>
</ol>
<p>Approaching my future writing in such a way will hopefully help me to control my communication, and avoid the rambling that seems to creep into my current process.</p>
<h2>Focus</h2>
<p>I have too many side-projects. Recently I&#8217;ve had a case of best-idea-ever-itis, and it has been bad. It has caused me to be frozen in a state of trying to do, learn, and create in far too many directions. My plan for action begins with applying my work ethic to these projects as if they were for actual clients. Blocking out time in my schedule dedicated to just one project, controlling my work hours as to avoid burn out, and a strict specification list to stick to. The only remote downside to this is that my initial timeline to launch these projects will be pushed back to realistically fit into my paid-hours. I only label it as a remote downside because my hopeful schedule is being pushed back. However, this is better than allowing these ideas to sit frozen on the ice-block for an unpredictable amount of time.</p>
<h2>Don&#8217;t Lose It</h2>
<p>That old saying <em>&#8220;If you don&#8217;t use it, you&#8217;ll lose it&#8221;</em> has been ringing far too true lately. For a while now I have been living inside frameworks for my development needs. This has caused me to lose basic knowledge of coding practices and concepts that should solidly stick with any developer forever. Especially in my position as an educator, I need to restore this knowledge to the front of my mind. My solution for this will be to think more about my applications of frameworks. While I am developing, I will actively consider <em>&#8220;can I do this myself?&#8221;</em> or in a better way <em>&#8220;I am going to do this myself instead&#8221;</em>.</p>
<p>This approach is one I believe the developer community should fully embrace. In this time of easy Google solutions and the sea of tutorials for <em>&#8220;How to do X effect in Y language&#8221;</em>, making sure your abilities are grounded in a solid foundation of best practices, concepts, and a strong vocabulary of your language&#8217;s syntax will ensure you&#8217;re always on the leading edge. </p>
<h2>It&#8217;s Mind &#038; Body</h2>
<p>There is no way to separate the abilities of your mind from the state of your body. Sleep, physical activity, and proper nutrition are all important to your professional career as they are your physical health. For the past few months, I have been living on a west coast schedule while working on an east coast schedule. My sleep has been limited to about five hours per night during the weekday, which shows now in my work and drive. This lack of sleep has also been affecting my time spent in the gym. Other than keeping my body strong and healthy, the gym offers time where I fully focus my mind away from the daily pressures of work &#038; life.</p>
<p>In the creative industry, it is extremely difficult to shut the observe and learn part of your brain down. The constant awareness of your surroundings, the looming deadlines for clients, and the <em>&#8220;Just five more minutes&#8221;</em> that turn out to be an hour make this no easy task to accomplish. At the gym the surroundings, the people, the sounds, the smells, and most importantly my routine all remain constant and nearly unchanging. All these remaining so constant combine to bring me into an extremely focused, near meditative state. It&#8217;s hard to think about much else when you&#8217;re in the middle of a <a href="http://stronglifts.com/stronglifts-5x5-beginner-strength-training-program/" title="I do Stronglifts 5x5, check it out">heavy squat</a>, and it&#8217;s that strict mental capacity that adds to why I love to lift weights as a stress reliever. My goal to better this area will be to keep a more controlled work schedule at home. My ever changing hours at my full-time job make this difficult, but that&#8217;s only because I haven&#8217;t put enough effort into planning my hours up to now.</p>
<h2>In Conclusion</h2>
<p>Taking a look back at what I&#8217;ve learned during the week past is already making a full impact. Just taking this step towards understanding why I made the decisions I did, and what I can do to make better on my actions later is a great tool towards bettering myself. I hope this series will help a few of you to start doing the same, and also to share your thoughts, ideas, and solutions to some of the topics mentioned here.</p>
]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/the-weekly-checkup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lessons Learned from Sci-fi:Designing With Affordances</title>
		<link>http://bybrandonbrown.com/lessons-learned-from-scifi-designing-with-affordances/</link>
		<comments>http://bybrandonbrown.com/lessons-learned-from-scifi-designing-with-affordances/#comments</comments>
		<pubDate>Wed, 02 Feb 2011 03:55:42 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[blog]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=250</guid>
		<description><![CDATA[






I am a science fiction fan. At times it can become unhealthy, controlling, and can turn any casual conversation into a one sided, awkward laugh. These awkward social interactions experienced round the world are shouldered by the writers, actors, and creators of these fantastic, creative universes. What&#8217;s their secret to making people engorge themselves into [...]]]></description>
			<content:encoded><![CDATA[<div class="circles">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="intro">
<p><em>I am a science fiction fan. At times it can become unhealthy, controlling, and can turn any casual conversation into a one sided, awkward laugh. These awkward social interactions experienced round the world are shouldered by the writers, actors, and creators of these fantastic, creative universes. What&#8217;s their secret to making people engorge themselves into these stories, worlds, and the not so average lives of the characters within them? Why do people decide to dedicate their free time, spend their hard earned money, and share their love for all that is science fiction with every sentient being in existence?</em></p>
<p><em>Through this series of posts, I will explore the answers to these questions of complete fandom. I am going to share how common patterns in interface design along with a few best practices can cause a product, an idea, or someone to change the way a person lives their life.</em></p>
</div>
<h2>You want me to fly <em>what? </em> Fine. Just give me 5.</h2>
<p>How often do we find our favorite posse of space-explorers flying an abandoned, highly battle damaged, alien ship the likes of which they have never seen before? Oh, and they need it flying as soon as possible, because the baddies are coming? Someone&#8217;s having an off day if the ship&#8217;s not running inside of 5 minutes. As an interface designer, I could not be more jealous of the alien races and their job well done. These alien designers have found techniques so effective they translate over species barriers. Not to mention the language, culture, or sensory type barriers, too. Damn, that&#8217;s good. Stop taking all the credit, McKay.</p>
<p>A principle being used by these advanced sentient beings is the concept of affordance. This principle takes what you have learned from the world around you, and offers a usable context of it within your design. What do I do with this? It looks like I can push it. How can I make this happen? It looks like I can spin it. Shouldn&#8217;t this be over there? It looks like I can slide it. The answers to all of these questions can be acquired through understanding your reactions to the world around you. You as designer can &#8216;afford&#8217; to design your elements to be more usable by applying these day to day experiences.</p>
<p>Successfully deploying this concept is not the straight-shot it first appears to be. Simply making an element appear as a button to make people press it is not a real solution. Studying the reasons why people know to push that button will help you to more clearly understand why it will make a great answer to your interface design.</p>
<h2>Learn through observation</h2>
<p>A place I recommend looking to better understand quick, successful answers to design affordances is sitting in your favorite cafe, bar, or restaurant. Observing people in these casual, everyday situations will offer more to your workday than merely a change of setting. For instance, have you ever taken notice of the metal plates placed on doors? Nearly 100% of people opening a door with such an element will do so from this point. When you begin to notice actions and behaviors such as this, your mind should begin to ask all new questions. Do people feel more comfortable pushing the metal? Do the contrast of materials give the user an indication of where they should interact? When you begin to understand the world around you through questions and observations such as these, your execution of the details and user-flow choices will undoubtedly improve by leaps big enough to make the Galactica crew jealous.</p>
<p>A recent trend that showcases this principle is the illusion of depth. Utilizing depth will assist you in guiding your users to the points of interaction placed throughout your interface.</p>
<div id="attachment_470" class="wp-caption alignnone" style="width: 560px"><a href="http://listen.grooveshark.com"><img class="size-full wp-image-470" title="grooveshark" src="http://bybrandonbrown.com/wp-content/uploads/2011/02/grooveshark.jpg" alt="grooveshark" width="560" height="400" /></a><p class="wp-caption-text">Grooveshark&#39;s interface uses subtle edges to highlight the interactive areas of the interface.</p></div>
<div id="attachment_478" class="wp-caption alignnone" style="width: 560px"><a href="http://cnn.com"><img class="size-full wp-image-478" title="cnn" src="http://bybrandonbrown.com/wp-content/uploads/2011/02/cnn.jpg" alt="" width="560" height="400" /></a><p class="wp-caption-text">CNN creates the appearance of ridges to promote a tactile feeling within the main navigation.</p></div>
<h2>Keep it consistent</h2>
<p>Even in the multiverse, writers know one key thing is important to the success of their franchise: consistency. Having characters grow throughout your story is acceptable, and expected. However, your fans are going to notice when you start throwing in anything that&#8217;s completely out of character. In fact, any episode or scene in which this occurs will undoubtedly be thought of as <em>that horrible scene where</em> when referenced by your audience. What a turn off that would be.</p>
<p>The same applies to the affordances selected for your interface design. Your light direction, materials, shapes, and feedback must reliably stay consistent throughout your experience. Sometimes it is called for to change from the usual within your design. For example, an error message or a payment confirmation. However, these deviations have the goal of jolting the user into awareness, which is not something you want to constantly do. These deviations from the norm must be calculated precisely, as they can lead to many an array of distractions and confusion to your users if not performed accurately.</p>
<p>Settling into a few rules for your design needs will help keep things moving swiftly. Especially when working across teams of any number, in any spread of locations, the need for guidelines must be insisted upon.</p>
<h2>A New Generation</h2>
<p>Science fiction writers have long been the inspiration for many devices our scientists and engineers bring into reality. Cell phones, touch-screens, biological scanners, and dynamic buildings all appeared in science fiction before anyone outside of Nikola Tesla could fathom such things. Now more than ever, a new surge of scifi inspired tech is upon us.</p>
<div id="attachment_514" class="wp-caption alignnone" style="width: 560px"><a href="http://www.flickr.com/photos/ianbroyles/411874207/"><img class="size-full wp-image-514" title="wii" src="http://bybrandonbrown.com/wp-content/uploads/2011/02/wii.jpg" alt="Photo by Ian Broyles " width="560" height="400" /></a><p class="wp-caption-text">No more telling dad how to bowl, he&#39;ll get it.</p></div>
<p>2002&#8217;s <em><a title="Minority Report on IMDB" href="http://www.imdb.com/title/tt0181689/">&#8220;Minority Report&#8221; </a></em> brought a new concept of interface to the forefront of everyone&#8217;s imagination. Why can&#8217;t interfaces be as simple as pushing things around as you would in the physical world? Slowly, the days of mimicking motions on screens and devices are leaving us. Instead, we are bringing real behaviors, motions and other physical actions into our digital products. With the addition of motion capture, gyroscopes, and accelerometers, we are giving experience designers a whole new look at the appliance of affordances within their products.</p>
<div id="attachment_518" class="wp-caption alignnone" style="width: 560px"><a href="http://www.flickr.com/photos/arabcrunch/4679231243/"><img class="size-full wp-image-518" title="iphone" src="http://bybrandonbrown.com/wp-content/uploads/2011/02/iphone.jpg" alt="" width="560" height="400" /></a><p class="wp-caption-text">Many games are being created to utilize accelerometers in handheld devices.</p></div>
<h2>The answers are <em>always</em> right there</h2>
<p>As designers of experiences, services, and physical products, the question we are always chasing is &#8220;how can I make that better?&#8221; Nature has provided us with millions of years worth of research and development that we are now only beginning to tap into. As our technology strives to match the natural world, our design affordances will evolve into some of the most nuanced, and amazing aspects of our interfaces.</p>
<p><em>What are your thoughts on how to properly apply affordances throughout a design? Discuss your ideas with all of us in the conversation below.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/lessons-learned-from-scifi-designing-with-affordances/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>22 uses for Altoids Tins</title>
		<link>http://bybrandonbrown.com/22-uses-for-altoids-tins/</link>
		<comments>http://bybrandonbrown.com/22-uses-for-altoids-tins/#comments</comments>
		<pubDate>Tue, 01 Feb 2011 02:54:04 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=447</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/22-uses-for-altoids-tins/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fuck yeah, Tattoos!</title>
		<link>http://bybrandonbrown.com/fuck-yeah-tattoos/</link>
		<comments>http://bybrandonbrown.com/fuck-yeah-tattoos/#comments</comments>
		<pubDate>Tue, 01 Feb 2011 02:53:11 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=444</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/fuck-yeah-tattoos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Strategic Plan Poster</title>
		<link>http://bybrandonbrown.com/strategic-plan-poster/</link>
		<comments>http://bybrandonbrown.com/strategic-plan-poster/#comments</comments>
		<pubDate>Tue, 01 Feb 2011 02:51:51 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=441</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/strategic-plan-poster/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TED &#124; David Bolinsky animates a cell</title>
		<link>http://bybrandonbrown.com/ted-david-bolinsky-animates-a-cell/</link>
		<comments>http://bybrandonbrown.com/ted-david-bolinsky-animates-a-cell/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 15:00:41 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=424</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/ted-david-bolinsky-animates-a-cell/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TED &#124; Anders Ynnerman: Visualizing Medical Data</title>
		<link>http://bybrandonbrown.com/ted-anders-ynnerman-visualizing-the-medical-data-explosion/</link>
		<comments>http://bybrandonbrown.com/ted-anders-ynnerman-visualizing-the-medical-data-explosion/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 15:00:39 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=430</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/ted-anders-ynnerman-visualizing-the-medical-data-explosion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TED &#124; Thomas Goetz: It&#8217;s time to redesign medical data</title>
		<link>http://bybrandonbrown.com/ted-thomas-goetz-its-time-to-redesign-medical-data/</link>
		<comments>http://bybrandonbrown.com/ted-thomas-goetz-its-time-to-redesign-medical-data/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 15:00:17 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=427</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/ted-thomas-goetz-its-time-to-redesign-medical-data/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The MIX Labs</title>
		<link>http://bybrandonbrown.com/the-mix-labs/</link>
		<comments>http://bybrandonbrown.com/the-mix-labs/#comments</comments>
		<pubDate>Wed, 26 Jan 2011 15:00:45 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=405</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/the-mix-labs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Johnny Cupcakes</title>
		<link>http://bybrandonbrown.com/johnny-cupcakes/</link>
		<comments>http://bybrandonbrown.com/johnny-cupcakes/#comments</comments>
		<pubDate>Wed, 26 Jan 2011 15:00:24 +0000</pubDate>
		<dc:creator>Brandon</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://bybrandonbrown.com/?p=408</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://bybrandonbrown.com/johnny-cupcakes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

