<?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>Design vs Art Blog &#187; Customization</title>
	<atom:link href="http://www.designvsart.com/blog/category/customization/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designvsart.com/blog</link>
	<description>Interaction Design and User Experience</description>
	<lastBuildDate>Tue, 08 Nov 2011 08:24:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<cloud domain='www.designvsart.com' port='80' path='/blog/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Proposal for the New Firefox 4 Home Tab</title>
		<link>http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/</link>
		<comments>http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 13:43:04 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Customization]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/?p=840</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/' addthis:title='Proposal for the New Firefox 4 Home Tab ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Mozilla Labs is organizing a design challenge to create a new home tab for the upcoming Firefox 4. The new home will be using the users&#8217; history information to produce a better user experience. I was doing some user research &#8230; <a href="http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/' addthis:title='Proposal for the New Firefox 4 Home Tab '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/' addthis:title='Proposal for the New Firefox 4 Home Tab ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Mozilla Labs is organizing a design challenge to create a new home tab for the upcoming Firefox 4. The new home will be using the users&#8217; history information to produce a better user experience.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-849" style="border: 1px solid black;" title="Firefox Home Tab Design Challenge" src="http://www.designvsart.com/blog/wp-content/uploads/2010/02/home_tab_design_challenge.png" alt="Firefox Home Tab Design Challenge" width="450" height="98" /></p>
<p>I was doing some user research asking people to show me their way of using their web browser and I was specially paying attention to the homepage. These are some of my findings:</p>
<p>- It is very important to have search functionality in the homepage. Users go there as an starting point to a new search.</p>
<p>- People like having relevant information in the homepage, like feeds coming from different websites or news coming from a particular source (e.g. Yahoo!).</p>
<p>- Many users get lost when using tabs. I&#8217;ve discovered that many don&#8217;t even know what a tab is, the potential of tab browsing is something unknown to many people.</p>
<p>Based on that I prepared my proposal for the design challenge:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/PuX09AVE0_k&amp;hl=en_US&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="550" height="338" src="http://www.youtube.com/v/PuX09AVE0_k&amp;hl=en_US&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>It would be nice to get your comments!</p>
<p><a href="http://design-challenge.mozillalabs.com/winter09/index.html">Find here</a> more information about the Home Tab Design Challenge.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=840&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/' addthis:title='Proposal for the New Firefox 4 Home Tab '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2010/02/07/proposal-for-the-new-firefox-4-home-tab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why to think about localization during the design process?</title>
		<link>http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/</link>
		<comments>http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 14:46:26 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Customization]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Privacy Policy]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/' addthis:title='Why to think about localization during the design process? ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Now a days it seems that products have to be sold worldwide to be considered successful. Every product, a camera, a TV or a website, that aspires to become usable in different countries have to be carefully designed. Buttons, icons &#8230; <a href="http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/' addthis:title='Why to think about localization during the design process? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/' addthis:title='Why to think about localization during the design process? ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Now a days it seems that products have to be sold worldwide to be considered successful. Every product, a camera, a TV or a website, that aspires to become usable in different countries <b>have to be carefully designed</b>. Buttons, icons and colors should be either worldwide recognizable or adapted to the local market.</p>
<p>&nbsp;</p>
<p><b>Design for the public space</b></p>
<p>City sign design seems to be a very localized field, traveling around I discovered that <b>signs vary from country to country</b> and often from city to city. I have an example of how a concept or sign could be differently&nbsp;interpreted.</p>
<p>Traveling in Argentina I saw the following sign&#8230;&nbsp;</p>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="570">
<tbody>
<tr>
<td>
<p>&nbsp;</p>
<p style="text-align: center;"><img width="209" height="250" alt="Plaza Square sign in Buenos Aires" src="http://www.designvsart.com/blog/wp-content/uploads/plaza_sign_buenos_aires.jpg" /></p>
<p style="text-align: center">&nbsp;<i>In Buenos Aires all &quot;plazas&quot; (squares) have trees, in Europe they don&#8217;t.&nbsp;</i><i>Picture by <a target="_self" href="http://www.tacuar.com.ar"><u>Tacuar</u></a>.</i></p>
<p style="text-align: center">&nbsp;</p>
</td>
</tr>
</tbody>
</table>
<p>Public space sign designs in Buenos Aires (Argentina) are, in my opinion, pretty well done. The sign used to indicate the name of a plaza is not an exception but it is very localized. It&#8217;s clear for Argentineans that plazas have always trees and that&#8217;s why this sign works so good there.&nbsp;</p>
<table width="570" border="0" align="center" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td>
<p>&nbsp;</p>
<p style="text-align: center; ">
<input type="image" src="http://www.designvsart.com/blog/wp-content/uploads/plaza_in_buenos_aires.jpg" alt="Plaza in Buenos Aires" width="500" height="375" border="1" /></p>
<p style="text-align: center; "><i>A typical plaza in Buenos Aires. Picture by </i><a target="_self" href="http://www.flickr.com/photos/sapiamaia/"><u><i>Sapiamia</i></u></a><i>.</i></p>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>In Europe the plaza sign from Buenos Aires <b>might not always be understood</b>. In the old continent most plazas don&#8217;t have trees.&nbsp;</p>
<table width="570" border="0" align="center" cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td>
<p>&nbsp;</p>
<p style="text-align: center; "><img alt="A typical plaza in Villadolid, Spain" width="500" height="205" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/plaza_in_villadolid.jpg" /></p>
<p style="text-align: center; "><i>A typical European plaza, without trees. Picture by </i><a target="_self" href="http://www.flickr.com/photos/angeldp/"><u><i>Angeldp</i></u></a><i>.</i></p>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><b>Why this example?</b></p>
<p>This is to show why <b>localization of designs are important</b>. This example is about a design in the public space but it could be applied to software, web and product design. If you want to sell your product oversees you should take care of the meaning sign, symbols, icons and colors could have there; a good designer should think about localization and what signs or icons could potentially mean in another culture.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=451&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/' addthis:title='Why to think about localization during the design process? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2009/07/13/why-to-think-about-localization-during-the-design-process/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Caring About Users Sell: The Björk Case</title>
		<link>http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/</link>
		<comments>http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/#comments</comments>
		<pubDate>Fri, 04 Jul 2008 12:24:32 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Customization]]></category>
		<category><![CDATA[Email Writing]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web2.0]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/' addthis:title='Caring About Users Sell: The Björk Case ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Do you deliver information to users per email? If so, try to: Send users information that is relevant to them Designing a newsletter that is &#34;usable&#34; is not an easy task but benefits could be huge: more visits and sales &#8230; <a href="http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/' addthis:title='Caring About Users Sell: The Björk Case '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/' addthis:title='Caring About Users Sell: The Björk Case ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p><span style="font-size: x-large;"><b>D</b></span>o you deliver information to users per email? If so, try to:</p>
<p style="text-align: center;"><span style="background-color: rgb(255, 204, 0);"><b> Send users information that is <u>relevant</u> to them</b></span></p>
<p>Designing a newsletter that is &quot;usable&quot; is not an easy task but benefits could be huge: more visits and sales could be reached through good newsletter usability and marketing. Let me show you the iTunes Store &quot;alert me&quot; newsletter example:</p>
<p>&nbsp;</p>
<p><span style="font-size: medium;"><b>The iTunes Store Newsletter</b></span></p>
<p>On <a target="_self" href="http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/"><u>March 13th I was criticizing Apple</u></a> for sending me advertisement of an old album that I have and I listen to very often. I was wondering why they were bothering me offering an album that I already have?</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="212" height="41" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/itunes alert me logo.png" alt="iTunes alert me Logo" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><span style="font-size: medium;"><b>&nbsp;The Newsletter Now: Bj&ouml;rk</b></span></p>
<p>&nbsp;Yesterday I received a new iTunes Newsletter recommending me albums of my favorite artist: Bj&ouml;rk. There are 2 important things here:</p>
<p>- iTunes knows that Bj&ouml;rk is my favorite artist and sends me album recommendations of her,</p>
<p>- iTunes recommends me Bj&ouml;rk albums that I don&#8217;t have (yet!)</p>
<p>&nbsp;</p>
<p><span style="font-size: medium;"><b>Lesson</b></span></p>
<p><span style="background-color: rgb(255, 204, 0);"><b>Send users information only when this is relevant to them. Recommend only products they might like to buy and they will happily click. </b></span></p>
<p>&nbsp;</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="530" height="263" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/itunes alert me bjork.png" alt="iTunes alert me Bjork Example" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=376&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/' addthis:title='Caring About Users Sell: The Björk Case '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/07/04/caring-about-users-sell-the-bjork-case/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Providing A Privacy Options Page, Facebook Design</title>
		<link>http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/</link>
		<comments>http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/#comments</comments>
		<pubDate>Wed, 13 Feb 2008 05:13:23 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Customization]]></category>
		<category><![CDATA[Privacy Policy]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/' addthis:title='Providing A Privacy Options Page, Facebook Design ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Giving users an easy way to see and change their privacy policy gives them a better sense of security and at the end they might finish up giving you more information if you take the time to design a good &#8230; <a href="http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/' addthis:title='Providing A Privacy Options Page, Facebook Design '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/' addthis:title='Providing A Privacy Options Page, Facebook Design ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Giving users an easy way to see and change their <b>privacy policy</b> gives them a better sense of security and at the end they might finish up giving you more information if you take the time to design a good <b>privacy page</b>. Keep in mind that some users don&#8217;t want to share any kind of information with websites but, fortunately, thats not the typical user profile.&nbsp;</p>
<h3 style="text-align: center;"><i><b>&quot;give them the chance to control all that data all the time&#8230;&quot;</b></i></h3>
<p>
Most users will accept to give you some information, specially if you <b>give them the chance to control all that data all the time</b>. That&#8217;s why it&#8217;s important to give users an easy access to the privacy settings, make that link highly visible, like Facebook does.</p>
<table width="559" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;">
<p><img width="394" height="129" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/facebook link.jpg" alt="Facebook Privacy Page Link" /></p>
</td>
</tr>
</tbody>
</table>
<p>Facebook has also a good <b>privacy settings</b> page design. They grouped the settings in different categories. Once inside the category the user has great amount of options. My first impression was that this was too much, but if the website gives the option to deactivate single features <b>there are more possibilities for the others to remain active</b>.</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;">
<p><img width="500" height="227" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/facebook categories.jpg" alt="Facebook Privacy Options" /></p>
<p>&nbsp;Advanced options&#8230;&nbsp;</p>
</td>
</tr>
<tr>
<td style="text-align: center;"><img width="500" height="298" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/facebook categories option.jpg" alt="Facebook Privacy Options Advanced" /></td>
</tr>
</tbody>
</table>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=341&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/' addthis:title='Providing A Privacy Options Page, Facebook Design '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/02/13/providing-a-privacy-options-page-facebook-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Clear Interface And Easier Updates With Content Modules</title>
		<link>http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/</link>
		<comments>http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/#comments</comments>
		<pubDate>Fri, 25 Jan 2008 05:15:55 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Customization]]></category>
		<category><![CDATA[News Sites]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/' addthis:title='Clear Interface And Easier Updates With Content Modules ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Organizing your website template in content modules will make your site look more organized and will make it easier to update if you are displaying a lot of information that has to be changed regularly. &#34;define modules where the information &#8230; <a href="http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/' addthis:title='Clear Interface And Easier Updates With Content Modules '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/' addthis:title='Clear Interface And Easier Updates With Content Modules ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Organizing your <b>website template</b> in <b>content modules</b> will make your site look more organized and will make it easier to update if you are displaying a lot of information that has to be changed regularly.</p>
<h3 style="text-align: center;">
<i> &quot;define modules where the information is going to be displayed and link them to the database&#8230;&quot;</i></h3>
<p>
Insert information into databases through a <b>content management system</b>, then define modules where the information is going to be displayed and link them to the database. This way users know where to expect the information they want as the general look and feel will be more organized.</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="500" height="386" border="1" alt="Sky Sports Organized in Modules" src="http://www.designvsart.com/blog/wp-content/uploads/Sky Sports 20080125.png" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>A <b>web design</b> example could be <a target="_blank" href="http://www.skysports.com">Sky Sports</a>, the online version of the TV channel. They have a loot of content that is organized in boxes and modules that are connected to a special part of the database. This also help journalists to know exactly where their articles and pictures will be displayed. <a href="http://www.designvsart.com/blog/category/content-management/" target="_self">Read here more&nbsp; Design vs Art articles about Content Management.</a>&nbsp;</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=325&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/' addthis:title='Clear Interface And Easier Updates With Content Modules '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/01/25/clear-interface-and-easier-updates-with-content-modules/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Better Usability With Object Direct Manipulation</title>
		<link>http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/</link>
		<comments>http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/#comments</comments>
		<pubDate>Wed, 19 Dec 2007 06:15:17 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Customization]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/' addthis:title='Better Usability With Object Direct Manipulation ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Direct manipulation make users feel more comfortable using your website. Users have been using windows for a long time, so if you try to imitate this behavior users will probably understand your interface without problems. One good design example is &#8230; <a href="http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/' addthis:title='Better Usability With Object Direct Manipulation '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/' addthis:title='Better Usability With Object Direct Manipulation ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p><strong>Direct manipulation</strong> make users feel more comfortable using your website. Users have been using windows for a long time, so if you try to imitate this behavior users will probably understand your <strong>interface</strong> without problems.</p>
<p><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/12/igoogle-20071219.jpg" alt="iGoogle 20071219" /></p>
<p>One <strong>good design example</strong> is iGoogle, the customized Google homepage. Feeds looks like windows with titles, an &#8220;x&#8221; and a minus. All these give hints to users that those are actually windows and they will try to move it.</p>
<p>Google have also done this <strong>interface self explanatory</strong> and easy.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=258&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/' addthis:title='Better Usability With Object Direct Manipulation '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2007/12/19/better-usability-with-object-direct-manipulation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interactive Interface Customization Makes Users Happy</title>
		<link>http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/</link>
		<comments>http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/#comments</comments>
		<pubDate>Mon, 17 Dec 2007 05:51:44 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Customization]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web2.0]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/' addthis:title='Interactive Interface Customization Makes Users Happy ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Integrating Ajax in the new BBC homepage has been a great move for better usability and interaction. Clicking on Edit displays the options straight away on the homepage, without pop-ups or taking users to another page. If you give users &#8230; <a href="http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/' addthis:title='Interactive Interface Customization Makes Users Happy '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/' addthis:title='Interactive Interface Customization Makes Users Happy ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Integrating Ajax in the new <a href="http://www.bbc.co.uk/home/beta/" target="_blank">BBC homepage</a> has been a <strong>great move for better usability and interaction</strong>. Clicking on Edit displays the options straight away on the homepage, without pop-ups or taking users to another page.<br />
<a href="http://www.designvsart.com/blog/wp-content/uploads/2007/12/weather01-20071217.jpg" title="BBC Weather 20071217"></a></p>
<p style="text-align: center"><a href="http://www.designvsart.com/blog/wp-content/uploads/2007/12/weather01-20071217.jpg" title="BBC Weather 20071217"><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/12/weather01-20071217.jpg" alt="BBC Weather 20071217" /></a></p>
<p><a href="http://www.designvsart.com/blog/wp-content/uploads/2007/12/weather02-20071217.jpg" title="BBC Weather 02 20071217"></a></p>
<p style="text-align: center"><a href="http://www.designvsart.com/blog/wp-content/uploads/2007/12/weather02-20071217.jpg" title="BBC Weather 02 20071217"><img src="http://www.designvsart.com/blog/wp-content/uploads/2007/12/weather02-20071217.jpg" alt="BBC Weather 02 20071217" /></a></p>
<p>If you give users a <strong>high level of customization</strong>, a very interactive interface is the right option, users will feel more comfortable making all those selections. The most important thing, they will actually do those selections; if your <strong>customization process</strong> is tiring your users are not going to take advantage of it.</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=253&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/' addthis:title='Interactive Interface Customization Makes Users Happy '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2007/12/17/interactive-interface-customization-makes-users-happy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

