<?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>Brad's Ramblings &#187; Web Design</title>
	<atom:link href="http://bradsramblings.com/blog/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://bradsramblings.com/blog</link>
	<description>User Experience, Interaction Design, Fatherhood</description>
	<lastBuildDate>Wed, 09 Nov 2011 19:14:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Links for 6/15-6/19</title>
		<link>http://bradsramblings.com/blog/2009/06/links-for-615-619/</link>
		<comments>http://bradsramblings.com/blog/2009/06/links-for-615-619/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 21:58:50 +0000</pubDate>
		<dc:creator>Brad</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Creativity]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Experience Design]]></category>
		<category><![CDATA[Kinder Eggs]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bradsramblings.com/blog/?p=191</guid>
		<description><![CDATA[TweetWeb Design From The Gut &#8211; Web design has a process that&#8217;s for sure, but so much still just comes from the gut. 40 Helpful Resource on User Interface Design Patterns &#8211; Smashing Magazine serves up this great collection of &#8230; <a href="http://bradsramblings.com/blog/2009/06/links-for-615-619/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton191" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbradsramblings.com%2Fblog%2F%3Fp%3D191&amp;text=RT%20%40bnunnally%20New%20Blog%20Post%20-%20Links%20for%206%2F15-6%2F19%20%23UX&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F06%2Flinks-for-615-619%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://bradsramblings.com/blog/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div><p><a href="http://visitmix.com/Articles/Web-Design-from-the-Gut">Web Design From The Gut</a> &#8211; Web design has a process that&#8217;s for sure, but so much still just comes from the gut.</p>
<p><a href="http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/">40 Helpful Resource on User Interface Design Patterns</a> &#8211; Smashing Magazine serves up this great collection of all the patterns you will ever need.</p>
<p><a href="http://sixrevisions.com/project-management/feedback-the-creativity-killer/">Feedback. The Creavity Killer</a> &#8211; Very nice 12 step program for those that find themselves always on the defensive with their creatations.<br />
<span id="more-191"></span><br />
<a href="http://jasonsack.com/?p=209">Wabi-Sabi and Experience Design</a> &#8211; The zen of design. Enough said.</p>
<p><a href="http://mitchloder.com/2009/06/13/whats-wrong-with-user-centered-design/">The Time of User-Centered Design Has Come and Gone. Time to Move On</a> &#8211; Thought exploration on why UCD fails to innovate. Very compelling.</p>
<p><a href="http://www.thisisaaronslife.com/design-rules-to-live-by-1/">Design Rule #1 To Live By</a> &#8211; &#8220;Know the project brief inside and out, clarify any questions with your client or project manager before beginning&#8221;</p>
<p><a href="http://www.everydayux.com/2009/06/19/the-carefully-designed-experience-of-kinder-eggs/">The Carefully Designed Experience of Kinder Eggs</a> &#8211; My first experience with Kinder Eggs was when I met my wife back in high school, and I still love them to this day.</p>
<p><a title="210-365 K is for Kinder Surprise" href="http://www.flickr.com/photos/26604660@N08/3285701365/" target="_blank"><img src="http://farm4.static.flickr.com/3218/3285701365_a46defd3e7.jpg" border="0" alt="210-365 K is for Kinder Surprise" /></a><br />
<small><a title="Attribution-ShareAlike License" href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank"><img src="http://bradsramblings.com/blog/wp-content/plugins/photo-dropper/images/cc.png" border="0" alt="Creative Commons License" width="16" height="16" align="absmiddle" /></a> <a href="http://www.photodropper.com/photos/" target="_blank">photo</a> credit: <a title="stuartpilbrow" href="http://www.flickr.com/photos/26604660@N08/3285701365/" target="_blank">stuartpilbrow</a></small></p>

<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F06%2Flinks-for-615-619%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://bradsramblings.com/blog/2009/06/links-for-615-619/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Links for 5/11 &#8211; 5/22</title>
		<link>http://bradsramblings.com/blog/2009/05/links-for-511-522/</link>
		<comments>http://bradsramblings.com/blog/2009/05/links-for-511-522/#comments</comments>
		<pubDate>Mon, 18 May 2009 13:50:06 +0000</pubDate>
		<dc:creator>Brad</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bradsramblings.com/blog/?p=146</guid>
		<description><![CDATA[TweetTwitter’s Most Moronic Change: Removing @ Reply Settings &#8211; Twitter community outrage on recent change to their @ Reply system. About Challenges and Authentic Experiences: An Interview with Bill DeRouchey &#8211; Great interview looking at the history of Interaction Design, &#8230; <a href="http://bradsramblings.com/blog/2009/05/links-for-511-522/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton146" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbradsramblings.com%2Fblog%2F%3Fp%3D146&amp;text=RT%20%40bnunnally%20New%20Blog%20Post%20-%20Links%20for%205%2F11%20%26%238211%3B%205%2F22%20%23UX&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F05%2Flinks-for-511-522%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://bradsramblings.com/blog/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div><p><a href="http://whitneyhess.com/blog/2009/05/twitters-most-moronic-change-removing-reply-settings/">Twitter’s Most Moronic Change: Removing @ Reply Settings</a> &#8211; Twitter community outrage on recent change to their @ Reply system.</p>
<p><a href="http://johnnyholland.org/magazine/2009/05/about-challenges-and-authentic-experiences-an-interview-with-bill-derouchey/">About Challenges and Authentic Experiences: An Interview with Bill DeRouchey</a> &#8211; Great interview looking at the history of Interaction Design, and where the profession is going. At the end of the interview is a nice piece of advice for young UX Designers.<span id="more-146"></span></p>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-elevate-your-website-design-process-and-results/">How to Elevate Your Website Design Process and Results -</a> Very smart and thorough tutorial on how to streamline creating a design for a website using Photoshop.</p>
<p><a href="http://miskeeto.com/bytes/usability-bytes-1-visual-prominence/">Usability Bytes #1: Visual prominence</a> &#8211; First screencast of Usability Bytes presented by Robert Hoekman, Jr of <a href="http://miskeeto.com/">Miskeeto</a>.</p>

<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F05%2Flinks-for-511-522%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://bradsramblings.com/blog/2009/05/links-for-511-522/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Links for 4/13 &#8211; 4/17</title>
		<link>http://bradsramblings.com/blog/2009/04/links-for-413-417/</link>
		<comments>http://bradsramblings.com/blog/2009/04/links-for-413-417/#comments</comments>
		<pubDate>Fri, 17 Apr 2009 14:31:11 +0000</pubDate>
		<dc:creator>Brad</dc:creator>
				<category><![CDATA[Random Noise]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bradsramblings.com/blog/?p=84</guid>
		<description><![CDATA[TweetInterview with Chris Spooner &#8211; My favorite part of this interview was Chris explaining why having a blog is important and how it helped him in his career. Deconstructing Analysis Techniques Part 2 Deconstruction &#8211; Analysis is the one aspect &#8230; <a href="http://bradsramblings.com/blog/2009/04/links-for-413-417/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton84" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbradsramblings.com%2Fblog%2F%3Fp%3D84&amp;text=RT%20%40bnunnally%20New%20Blog%20Post%20-%20Links%20for%204%2F13%20%26%238211%3B%204%2F17%20%23UX&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F04%2Flinks-for-413-417%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://bradsramblings.com/blog/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div><p><a href="http://john.onolan.org/interview-with-chris-spooner-of-spoon-graphics/">Interview with Chris Spooner</a> &#8211; My favorite part of this interview was Chris explaining why having a blog is important and how it helped him in his career.</p>
<p><a href="http://johnnyholland.org/magazine/2009/04/deconstructing-analysis-techniques-pt-2-deconstruction/">Deconstructing Analysis Techniques Part 2 Deconstruction</a> &#8211; Analysis is the one aspect of User Experience that is not documented well enough. Steve Baty is making great strides in correcting that fact. <span id="more-84"></span></p>
<p><a href="http://www.designobserver.com/archives/entry.html?id=39207">Ten Graphic Design Paradoxes</a> &#8211; This is a nice little checklist that can help a designer grounded.</p>
<p><a href="http://www.kickerstudio.com/blog/2009/04/product-concept-touchscreen-conference-phone/">Kicker Studio Touchscreen Conference Concept Phone</a> &#8211; The worst experience about any conference call is the bridge, I have yet to have a good experience with one. With Kicker Studio&#8217;s concept all that frustration might go away one day though.</p>
<p><a href="http://toddwarfel.com/archives/persona-templates-v2/">Persona Templates V2</a> &#8211; I have a soft spot in my heart for personas. The design and layout of these templates can help anyone properly convery the message their personas are telling.</p>
<p><a href="http://miskeeto.com/bytes/developing-ux-strategy/">Developing a UX Strategy</a> -Provides an overview of how <a href="http://miskeeto.com/">Miskeeto</a> develops a user experience strategy for their clients. The process they use is very practical and the article is informative enough to help you develop your own process for your company or clients.</p>
<p><a href="http://dzineblog.com/2009/04/50-sites-that-will-help-you-to-become-a-better-designer-part-1.html">50 Sites That Will Help You To Become A Better Designer </a>- Using tutorials are my main source of education when it comes to learning a new technique or process. The awesome collections given here can help anyone with their on going education.</p>

<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F04%2Flinks-for-413-417%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://bradsramblings.com/blog/2009/04/links-for-413-417/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How Should Agencies Use Flash?</title>
		<link>http://bradsramblings.com/blog/2009/04/how-should-agencies-use-flash/</link>
		<comments>http://bradsramblings.com/blog/2009/04/how-should-agencies-use-flash/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 01:31:03 +0000</pubDate>
		<dc:creator>Brad</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[RIA]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bradsramblings.com/blog/?p=73</guid>
		<description><![CDATA[TweetA month ago I was asked to write on how heavy usage of Flash effects the User Experience of a website, specifically for Interactive Agencies by Brain Schartz (twitter). In the example that Brain gives in his tweet, it is &#8230; <a href="http://bradsramblings.com/blog/2009/04/how-should-agencies-use-flash/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton73" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbradsramblings.com%2Fblog%2F%3Fp%3D73&amp;text=RT%20%40bnunnally%20New%20Blog%20Post%20-%20How%20Should%20Agencies%20Use%20Flash%3F%20%23UX&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F04%2Fhow-should-agencies-use-flash%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://bradsramblings.com/blog/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div><p>A month ago I was asked to write on how heavy usage of Flash effects the User Experience of a website, specifically for Interactive Agencies by <a href="http://www.wearespoke.com/">Brain Schart</a>z (<a href="http://twitter.com/creativereason">twitter</a>).</p>
<p><a href="http://leoburnett.com/"><img class="aligncenter" title="Tweet Blog Request: How does Flash effect the User Experience for Interactive Agencies" src="http://img.skitch.com/20090414-cg6fifdj2suag9wg5pb7x7c56w.jpg" alt="" width="562" height="85" /></a>In the example that Brain gives in his tweet, it is clear whoever made this site was trying to show off their abilities using the Flash platform. <span id="more-73"></span>The result is a piece of digital &#8216;art&#8217; rather than a designed website that highlights the agencies capabilities and work. This is a classic mistake of sites that go heavy on the Flash.</p>
<p>The use of Flash on the web has been debated for years, and best practices are well documented. Rather than rehash what is already out there I will just highlight a couple things to keep in mind when incorporating Flash into a design.</p>
<ol>
<li>Use as an accessory &#8211; Don&#8217;t let Flash become the be all end all. The use of Flash, or any other RIA platform, should be a small portion of the design of a site. This allows for the content of your site to be more accessible and SEO friendly.</li>
<li>Degrade Gracefully &#8211; Using a full Flash site doesn&#8217;t inherently mean it will convey a bad user experience. Steps can be taken to offer a fully standard compliant XHTML alternative, and a style that support mobile browsers.</li>
<li>Website, not Art &#8211; Don&#8217;t get all &#8216;Flashy&#8217; (pun intended) just to show off your skills. Showing off your business and portfolio should not be buried in a piece of art.</li>
</ol>
<p>Using an RIA platform as part of your site can do wonders to impress your users. The old adage holds true though, content is king. If a site is too rich or too interactive, you can distract or mislead a user. Using these new and exciting interactive platforms  responsibly can offer users a much deeper and richer experience.</p>
<p>Some links to what others have said on this topic:</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2007/10/30/65-excellent-flash-designs/">65 Excellent Flash Designs</a></li>
<li><a href="http://www.uie.com/browse/ria/">UIE RIA Archives</a></li>
<li><a href="http://www.slideshare.net/dmalouf/what-is-rich-why-do-rich-web-application-summit">What is &#8220;rich&#8221;? Why do &#8220;rich&#8221;?</a></li>
</ul>
<p>If you have other links please post them in the comments and I will add to this list.</p>

<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F04%2Fhow-should-agencies-use-flash%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://bradsramblings.com/blog/2009/04/how-should-agencies-use-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Personal Brand Development</title>
		<link>http://bradsramblings.com/blog/2009/04/personal-brand-development/</link>
		<comments>http://bradsramblings.com/blog/2009/04/personal-brand-development/#comments</comments>
		<pubDate>Fri, 10 Apr 2009 01:03:35 +0000</pubDate>
		<dc:creator>Brad</dc:creator>
				<category><![CDATA[Random Noise]]></category>
		<category><![CDATA[Freelancing]]></category>
		<category><![CDATA[Personal Brand]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bradsramblings.com/blog/?p=12</guid>
		<description><![CDATA[TweetYesterday, I gave Whitney Hess of Pain and Pleasure my definition of what personal brand means to me. For me personal brand is related to how much you are valued as a resource by both your industry and your peers. &#8230; <a href="http://bradsramblings.com/blog/2009/04/personal-brand-development/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div id="tweetbutton12" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbradsramblings.com%2Fblog%2F%3Fp%3D12&amp;text=RT%20%40bnunnally%20New%20Blog%20Post%20-%20Personal%20Brand%20Development%20%23UX&amp;related=&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F04%2Fpersonal-brand-development%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://bradsramblings.com/blog/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div><p>Yesterday, I gave Whitney Hess of <a href="http://whitneyhess.com/blog/">Pain and Pleasure</a> my definition of what personal brand means to me.</p>
<p><em>For me personal brand is related to how much you are valued as a resource by both your industry and your peers. Wealth and commercial success doesn&#8217;t really play into my overall concept of a personal brand.</em></p>
<p><em>In my attempts to build my personal brand, I try to add relevant and constructive content to the overall community. By doing this, it is my hope that when people are faced with a problem or question they need help with I am one of the resources they reach out to for assistance. Yes, gaining wealth and success may be a by-product of this, but it is not the intended goal.</em></p>
<p>Until I wrote this I didn&#8217;t realize that this is how I live my life on a day to day basis. I always try to help someone, no matter how well I know them or how well I personally &#8216;like&#8217; them. Sometimes this feels like a burden as I put my life on hold in order to help others. But, the feeling I get when I make someone else&#8217;s life better, easier, or I give them that little piece of advise they need it makes it all worth it.</p>
<p>I have recently moved into the world of freelancing for web design, development, and social media consultation. This move has brought my &#8216;brand&#8217; to the top of my priority list. If I had to define my personal brand it would be as a person that is completely willing to help anyone with anything. In the world of freelancing this puts me at a slight disadvantage.</p>
<p>There have been several projects where I have agreed to do the work before ever agreeing on a price or method of payment. As one can imagine, this puts me in an awkward position as I have to contact the client in order to get paid once the project is complete, which for some reason makes me feel bad for nagging them. I know I shouldn&#8217;t feel bad, but money was not the driver for doing the project. I agreed to do it because someone needed help and I had the ability to help them.</p>
<p>In the future, it is going to become a balancing act of helping people and looking out for myself. It is my hope that by reaching out and helping people I become a resource that people think of when they need help or know of someone that needs help. In the end though I am not giving away charity, but a service which I need to make sure I get reimbursed for. An interesting problem to have, and in time we will have to see if my personal brand is a blessing or a curse.</p>

<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbradsramblings.com%2Fblog%2F2009%2F04%2Fpersonal-brand-development%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://bradsramblings.com/blog/2009/04/personal-brand-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

