<?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>Rikcat Industries &#187; web design</title>
	<atom:link href="http://www.rikcatindustries.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rikcatindustries.com</link>
	<description>The Portfolio of Rik Catlow</description>
	<lastBuildDate>Sat, 28 Feb 2009 04:08:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Should Designers Do Their Own HTML/CSS</title>
		<link>http://www.rikcatindustries.com/2008/06/09/should_designers_do_their_own_html_css/</link>
		<comments>http://www.rikcatindustries.com/2008/06/09/should_designers_do_their_own_html_css/#comments</comments>
		<pubDate>Mon, 09 Jun 2008 14:23:31 +0000</pubDate>
		<dc:creator>Rik Catlow</dc:creator>
				<category><![CDATA[Design & UI]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.rikcatindustries.com/?p=43</guid>
		<description><![CDATA[There is a great debate going on over at 37 Signal&#8217;s Signals vs. Noise blog. They flat out say designers should code their own HTML/CSS. I agree for the most part, but there are exceptions to everything. I work for a very large company and it would be impractical for the visual designers to code [...]]]></description>
			<content:encoded><![CDATA[<p>There is a great debate going on over at 37 Signal&#8217;s Signals vs. Noise blog. They flat out say designers <a href="http://www.37signals.com/svn/posts/1066-web-designers-should-do-their-own-htmlcss" target="_blank">should code their own HTML/CSS</a>. I agree for the most part, but there are exceptions to everything.</p>
<p>I work for a very large company and it would be impractical for the visual designers to code all their work. At some point it makes sense to hand the coding responsibility off. I do think their needs to be a close relationship between the designer and the person who is doing the coding. Also the designer should get code approval. <span id="more-43"></span></p>
<p>In the end I do believe you will make a better product if the designer codes his/her own work. I love coding in live templates where you can see different instances of the data you are laying out. Makes the end product much more refined. </p>
<p>Like every thing their is not one answer and 37 Signals tends to write articles from there narrow perspective. So take there opinions with a grain of salt.</p>
<p>What say you?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rikcatindustries.com/2008/06/09/should_designers_do_their_own_html_css/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>5 Ways to Make a User Interface Intuitive</title>
		<link>http://www.rikcatindustries.com/2007/10/16/5-ways-to-make-a-user-interface-intuitive/</link>
		<comments>http://www.rikcatindustries.com/2007/10/16/5-ways-to-make-a-user-interface-intuitive/#comments</comments>
		<pubDate>Tue, 16 Oct 2007 11:52:00 +0000</pubDate>
		<dc:creator>Rik Catlow</dc:creator>
				<category><![CDATA[Design & UI]]></category>
		<category><![CDATA[simplicity]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.rikcatindustries.com/2007/10/16/5-ways-to-make-a-user-interface-intutive/</guid>
		<description><![CDATA[When designing a user interface, be it for the web or an application, my core goals are always to eliminate redundancy and make the UI as intuitive as possible. Sounds fairly simple, but like with all subjective processes, keeping those core goals on track can be tough. By no means are the suggestions below written [...]]]></description>
			<content:encoded><![CDATA[<p>When designing a <a href="http://en.wikipedia.org/wiki/User_interface" target="_blank" target="_blank">user interface</a>, be it for the web or an application, my core goals are always to eliminate redundancy and make the UI as intuitive as possible. Sounds fairly simple, but like with all subjective processes, keeping those core goals on track can be tough. By no means are the suggestions below written in stone; these are just things that I keep in mind when designing a user interface. I also use <a href="http://en.wikipedia.org/wiki/Simplicity" target="_blank">simplicity</a> or the <a href="http://en.wikipedia.org/wiki/KISS_principle" target="_blank">KISS principle</a> as a guiding tenet when developing my user interfaces.<span id="more-28"></span></p>
<h3>1. Eliminate Redundancy</h3>
<p>In the old Windows vs. Mac OS debate, most of the time people talk about security, but my biggest pet peeve of the Windows platforms is its overwhelming myriad of ways to do the same thing. With all user interfaces there will be a learning curve, but don&#8217;t use that as an excuse to add duplicate functionality. </p>
<p>Be stingy as it relates to adding top-level navigational elements, and make sure adding them is the right choice. A higher-level grouping may be what is needed. I recently came across a book called <a href="http://www.amazon.com/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.com%2FParadox-Choice-Why-More-Less%2Fdp%2F0060005696%3Fie%3DUTF8%26s%3Dbooks%26qid%3D1192479887%26sr%3D8-1&amp;tag=dontmeetyourh-20&amp;linkCode=ur2&amp;camp=1789&amp;creative=9325" target="_blank">The Paradox of Choice</a><img src="http://www.assoc-amazon.com/e/ir?t=dontmeetyourh-20&amp;l=ur2&amp;o=1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />; it talks about our inability to deal with an abundance of choices. An excess of choice has a paralyzing effect, so keep the UI from overwhelming the users. Make sure everything that&#8217;s included is absolutely needed to accomplish the goals of the UI.</p>
<h3>2. Nomenclature &amp; Contextualization</h3>
<p>A user should have a reasonable understanding of what they will find underneath top-level navigation. Name your navigation exactly what it is and try not to be cute when naming different areas. When developing navigation and content areas, group like items together. This will add cohesion to areas and straighten the users understanding of the content.</p>
<p>Contextualize navigation and certain content elements to limit what the user has to visually take in at any one time. Content having the appropriate context and related information can do a lot to add additional clicks to supporting content.</p>
<h3>3. Consistency</h3>
<p>Being consistent in placement of navigation is a must. Some of the worst UI&#8217;s are ones where navigation moves around the page. Iconography and color can do a lot to improve the UI. Stick with your design conventions and try not to have many variations. </p>
<p>Buttons and typography should have a consistent feel and any deviations should point out special situations to the user. If you have a case where there is a slight change from page to page, like the case of an error message on a form, make sure the user notices the change. This can be extremely frustrating to users who don&#8217;t notice the page refresh and the page isn&#8217;t noticeably changed.</p>
<h3>4. Beware of the Visual Arms Race</h3>
<p>When designing a site or application you will usually have input from a client or business interests. It&#8217;s important to translate their request as it relates to the UI. A lot of times there will be multiple interested parties with separate goals competing for UI importance. It&#8217;s vital to understand this; it happens so often I coined the phrase &#8220;visual arms race&#8221; to describe it. </p>
<p>A visual arms race is when multiple stake-holders compete for prominence in the UI. It tends to skew the UI in some funky directions with the danger of losing focus of the core goal. Remind them what the core goals of the UI are and make sure their suggestions are in line with them. I&#8217;ve had many UI&#8217;s fall apart because of competing interests fighting to be the biggest and boldest.</p>
<p>There will also be a tendency for people to provide solutions to UI problems &mdash; try to get them to articulate the problem first. Many times their suggestion will be to add something to the UI, but this may not always be the best solution. If you first understand the problem, you may be able to come up with a better solution.</p>
<h3>5. Testing</h3>
<p>Because we are so involved in developing the UI, it&#8217;s hard to look at it as if you were a new user. That&#8217;s where testing comes in. For most projects I don&#8217;t think you have to do extensive user testing, but for projects that have sophisticated UI&#8217;s, testing can eliminate a lot of customer service question and also save money.  </p>
<p>For smaller projects, taking simple screen mockups and asking someone new to the UI what the primary and secondary goals of each screen is can give you a good idea if the UI is working. For larger, more complex projects, having a formal user test or focus group can also be helpful. </p>
<h3>In Conclusion</h3>
<p>None of these suggestions are ground breaking, but they are things that I keep in mind when developing a new user interface. You can&#8217;t go wrong with just trying to keep it as simple as possible.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rikcatindustries.com/2007/10/16/5-ways-to-make-a-user-interface-intuitive/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Web Standards Crisis?</title>
		<link>http://www.rikcatindustries.com/2007/08/16/web-standards-crisis/</link>
		<comments>http://www.rikcatindustries.com/2007/08/16/web-standards-crisis/#comments</comments>
		<pubDate>Thu, 16 Aug 2007 21:15:30 +0000</pubDate>
		<dc:creator>Rik Catlow</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.rikcatindustries.com/2007/08/16/web-standards-crisis/</guid>
		<description><![CDATA[Interesting debate going on over at Jeffrey Zeldman&#8217;s site about the state of web standards. Just last week Jeffrey was profiled in an article in BusinessWeek with the title &#8220;Jeffrey Zeldman: King of Web Standards. It&#8217;s a great article showing the grassroots effort he co-founded to get the browser companies to follow the W3C&#8217;s standards. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.zeldman.com/2007/08/15/what-crisis/" target="_blank">Interesting debate</a> going on over at Jeffrey Zeldman&#8217;s site about the state of web standards. Just last week Jeffrey was profiled in an article in BusinessWeek with the title &#8220;<a href="http://www.businessweek.com/innovate/content/aug2007/id2007086_670396.htm"  target="_blank">Jeffrey Zeldman: King of Web Standards</a>. It&#8217;s a great article showing the grassroots effort he co-founded to get the browser companies to follow the <a href="http://www.w3.org/" target="_blank">W3C&#8217;s standards</a>.</p>
<p>As for a crisis in web standards, there is none. Yes, there hasn&#8217;t been a ton of movement on CSS 3<span id="more-20"></span> and HTML 5, but thats not a crisis. More and more sites every day use and follow web standards and it&#8217;s been an amazing shift in the last 4 to 5 years. Most of the talk of a crisis is related to having new tools for web designers. Because these are voluntary standards and are not owned by one single company that can force compliance, progress will be slow. </p>
<p>Lets not forget how bad it was back in 1999 with the browser wars wreaking havoc on the web design profession. The whole web standards movement is mostly responsible for the growth of Firefox and in helping Microsoft get off their asses and make IE 7. Lets not whine too much, because it could be a lot worse.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rikcatindustries.com/2007/08/16/web-standards-crisis/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
