<?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> &#187; Wordpress</title>
	<atom:link href="http://www.whiteinkblog.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.whiteinkblog.com</link>
	<description></description>
	<lastBuildDate>Wed, 02 Dec 2009 19:03:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Design Deconstructed: WP Remix</title>
		<link>http://www.whiteinkblog.com/2009/02/21/design-deconstructed-wp-remix/</link>
		<comments>http://www.whiteinkblog.com/2009/02/21/design-deconstructed-wp-remix/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 00:12:11 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Design Deconstructed]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[WP Remix]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=329</guid>
		<description><![CDATA[In this feature I try to shed some light on the development process and/or elements of a selected design. By deconstructing the design into layout, typeface, colours &#38; use of images we will hopefully develop a better understand of how the final result was achieved. I feel that this degree of awareness is crucial to [...]]]></description>
			<content:encoded><![CDATA[<p>In this feature I try to shed some light on the development process and/or elements of a selected design. By deconstructing the design into layout, typeface, colours &amp; use of images we will hopefully develop a better understand of how the final result was achieved. I feel that this degree of awareness is crucial to a graphic designers development; being able to not only identify the design elements but the rationale behind them.</p>
<p>In this edition of <a href="http://www.whiteinkblog.com/category/design-deconstructed/">Design Deconstructed (DD)</a> I am going to be highlighting and discussing some of the design issues of WP Remix (<a href="http://www.wpremix.com/">http://www.wpremix.com/</a>). Then Hopefully offer some adjustments I would make.</p>
<p>Rbhavesh of WP Remix contacted me a few days ago about deconstructing his design. So here it goes.</p>
<p>WP Remix is a theme for Wordpress which allows the client to use the wordpress dashboard as a website as well as a blog. You&#8217;ll see what I mean if you view <a href="http://wpremix.com/demo/">the demo</a>. The design looks functional and the coding seems robust. Ok onto the design of WPRemix.com.</p>
<p>When you load http://wpremix.com/ you see red, black and white. It&#8217;s a solid colour palette that works nicely. The main navigation is at the top and the the content is centered; there are plenty of images and works nicely on a range of resolutions. The first thing I noticed is that the red area is a bit large, it&#8217;s quite thick perhaps a rearrangement of images and text could adjust this.</p>
<p><a title="wpremix.com by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3295091372/"><img src="http://farm4.static.flickr.com/3605/3295091372_4ce82ae053_b.jpg" alt="wpremix.com" width="1024" height="547" /></a></p>
<p><span id="more-329"></span>I feel there is a little too much going on. A lot of links and images. I wasn&#8217;t sure where to click and if by clicking on one would I then miss something on another page. For example if you scroll down to the bottom, you pass a lot of bullet points, underlined text and other lines and ornament. I think it&#8217;s a bit overwhelming. It just feels a bit disjointed.</p>
<p><a title="wpremix.com by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3294266819/"><img src="http://farm4.static.flickr.com/3504/3294266819_3bc6ca7eef.jpg" alt="wpremix.com" width="500" height="255" /></a></p>
<p>It needs to be filtered, there is a lot to take in. This presents a problem, there is too much information to take on and thus is self-destructive to the communication of the content. A little like my last sentence, too much communication = confusion. Here are a few examples of too much communication.</p>
<p><a title="wpremix.com by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3294266919/"><img src="http://farm4.static.flickr.com/3582/3294266919_dd24226635_o.png" alt="wpremix.com" width="656" height="188" /></a></p>
<p>29 frequently asked questions is long, I am aware that these are being worked on. So it should be interesting to see what happens.</p>
<p><a title="wpremix.com by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3295091538/"><img src="http://farm4.static.flickr.com/3418/3295091538_336fc7747b_o.png" alt="wpremix.com" width="968" height="795" /></a></p>
<p>I like the use of icons (above). Strong iconography can be a great addition to a website, or to any form of communication design. It&#8217;s a universal language that upon first glance you understand. However I think there are too many icons and it looses it&#8217;s communicative message, it just becomes a pretty picture beside some text.</p>
<p><a title="wpremix.com by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3295091392/"><img src="http://farm4.static.flickr.com/3607/3295091392_4e03cccc6a_o.png" alt="wpremix.com" width="523" height="188" /></a></p>
<p>The navigation/title is pretty small. As I said earlier, if the red area was to be made smaller this would allow some more room for the navigation. Right now it&#8217;s a bit cramped and I think it needs more room. I&#8217;m not sure if there is a logo for this website, but right now the tiny WP Remix text doesn&#8217;t cut it for me. It doesn&#8217;t look right, a strong logotype would be nicer than plain white serif text.</p>
<p><a title="WP Remix Colour Palette by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3295313870/"><img src="http://farm4.static.flickr.com/3496/3295313870_51fd732d5f_o.jpg" alt="WP Remix Colour Palette" width="600" height="400" /></a></p>
<p><a title="WP Remix Typeface by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3295347906/"><img src="http://farm4.static.flickr.com/3548/3295347906_45605781e0_o.jpg" alt="WP Remix Typeface" width="400" height="361" /></a></p>
<p>Overall the site functions but on some levels it is let down. It has potential and there are many possibilities, but with something such as this I don&#8217;t want to totally revise it but rather just make a some slight changes. Particularly regarding the main header/homepage.</p>
<p>Before<br />
<a title="wpremix.com by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3295091372/"><img src="http://farm4.static.flickr.com/3605/3295091372_4ce82ae053_b.jpg" alt="wpremix.com" width="1024" height="547" /></a></p>
<p>After (Make sure you full-view it by clicking)<br />
<a title="WP Remix Suggested Layout by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3296350638/"><img src="http://farm4.static.flickr.com/3456/3296350638_b7df5f2c9c_o.png" alt="WP Remix Suggested Layout" width="986" height="530" /></a></p>
<p>The Navigation is now much more dominant, as is the title of the site/product. The content is more refined and doesn&#8217;t saturate the page with links and text. A simple thing to note, line 85 of index code; there&#8217;s an extra &#8216;&gt;&#8217; where there shouldn&#8217;t be. This is nothing but I figured I&#8217;d bring attention to it, not because it&#8217;s a so essential to the design, but rather because it&#8217;s a sign that the site is still being developed, it&#8217;s still been worked on and improved to make it a better experience for the end user. Hopefully the design will grow and develop.</p>
<p style="padding-left: 30px; background-color: #eeeeee; text-align: left;"><code>.../themes/remix-site/images/navbg.png" alt="" /&gt;<span style="color: #ff0000;"><strong>&gt;</strong></span>...</code></p>
<p>To conclude, overall I like the colour choices and some of the layout decisions, but I still think it need to be pushed a little further in the way of simplicity and away from clutter. It&#8217;s over-selling the product. It&#8217;s a niche product, 9 times out of 10 people know what they are looking for when they buy something like a WP Theme. You don&#8217;t buy one spontaneously. They dont need to be bombarded with information, it should be available but only if it&#8217;s request. So what I suggest is a &#8216;Call-Out&#8217; system, by way of a search bar/faq drop down,  that allows visitors (which are also potential customers) to select the kind of information they are shown. Over-selling reminds me of <a href="http://www.youtube.com/watch?v=ThAW9Ya-JYM"><em>NVIZIO 7-pc Sunlight Collection Pen Set</em></a>. I think you&#8217;ll see what I mean when you watch that.</p>
<p>What do you think? What would you change? if anything?<br />
Let me know what you think and hopefully we can get some constructive discussion. Thanks for reading, I&#8217;d recommend some of the related posts below.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/02/21/design-deconstructed-wp-remix/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>
