<?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>Search Nuggets &#187; web design</title>
	<atom:link href="http://blog.comperiosearch.com/blog/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.comperiosearch.com</link>
	<description>A blog about Search as THE solution</description>
	<lastBuildDate>Mon, 13 Jun 2016 08:59:45 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>Making logical design attractive</title>
		<link>http://blog.comperiosearch.com/blog/2011/05/11/making-logical-design-attractive/</link>
		<comments>http://blog.comperiosearch.com/blog/2011/05/11/making-logical-design-attractive/#comments</comments>
		<pubDate>Wed, 11 May 2011 09:50:45 +0000</pubDate>
		<dc:creator><![CDATA[Johannes Hoff Holmedahl]]></dc:creator>
				<category><![CDATA[User Experience]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[logical design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user friendliness]]></category>
		<category><![CDATA[user-centered design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://nuggets.comperiosearch.com/?p=441</guid>
		<description><![CDATA[Here at Comperio we love making design logical. But how do we combine logical design with design that is innovative and modern – design that makes your product stand out more than your competitors product? First of all: How do we define the term logical design? By logical design we mean graphic design with the user [...]]]></description>
				<content:encoded><![CDATA[<p><strong>Here at Comperio we love making design logical. But how do we combine logical design with design that is innovative and modern – design that makes your product stand out more than your competitors product?</strong></p>
<p><img style="float: right;margin-left: 20px" src="http://blog.comperiosearch.com/wp-content/uploads/2011/05/ilovedesign.png" alt="I LOVE DESIGN" width="150" height="150" />First of all: <strong>How do we define the term logical design? </strong>By logical design we mean graphic design with the user in focus: Design inspired by interaction design that takes the seriously principals of usability seriously – both on screen and paper.</p>
<p>If we say that design is &#8220;art&#8221;, we can define logical design as &#8220;crafts&#8221;. Attractive things that at the same time has a purpose, and that is like it is for a reason.</p>
<p>Logical design on a CD leaflet means the design that instantly tells the audience what kind of music they can expect when pressing play. Logical design on a website makes it a no-brainer for the customer to click the right places (thereby enhancing the call-to-action), what is clickable and so on. Logical design on a brand identity is the design that to the greatest extent possible enhances the brand values, without extra confusing visual elements.</p>
<p>But the challenge appears when our customers asks for web design with &#8220;an edge&#8221; or &#8220;a website different to all other websites&#8221;. Because with web design in particular, we have our customs and principals:</p>
<ul>
<li>Links in blue, underlined text</li>
<li>The logo at the top left corner</li>
<li>Obvious clickable submit-buttons</li>
<li>The main text in black on a white background</li>
<li>Clear labeling of what site you’re on</li>
<li>Headline on every site</li>
<li>and so on …</li>
</ul>
<p>By now you’re probably expecting me to come up with a solution of how to combine attractive design with logical design. But again I turn again my own headline: Logical design and exciting design are not opposites. Logical design, done the right way, results in happy users and happy customers, because they both can take a look at the design, and say: &#8220;Yeah, that’s just the way it should be!&#8221;</p>
<p>Logical design is about making good design, without breaking too many of the rules that we know work – just to appear &#8220;innovative&#8221; and different.</p>
<p><a title="Great design vs. usability" href="http://blog.comperiosearch.com/2011/03/great-design-vs-usability/">Take a look at a beautiful design made more logical</a></p>
<p><strong>Examples of websites we consider both pretty and logical to us as users:</strong></p>
<div id="attachment_442" style="width: 630px" class="wp-caption alignnone"><a href="http://www.telenor.no/privat/mobil"><img class="size-large wp-image-442" src="http://blog.comperiosearch.com/wp-content/uploads/2011/05/Screen-shot-2011-05-06-at-3.13.36-PM-1024x654.png" alt="Telenor.no/privat/mobil" width="620" height="395" /></a><p class="wp-caption-text">The Norwegian site of the mobile operator Telenor.</p></div>
<div id="attachment_444" style="width: 630px" class="wp-caption alignnone"><a href="http://www.ving.no/"><img class="size-large wp-image-444" src="http://blog.comperiosearch.com/wp-content/uploads/2011/05/Screen-shot-2011-05-06-at-3.15.24-PM-1024x654.png" alt="Ving.no" width="620" height="395" /></a><p class="wp-caption-text">The websites of the Norwegian Travel Operator Ving</p></div>
<div id="attachment_445" style="width: 630px" class="wp-caption alignnone"><a href="http://www.statoil.com/AnnualReport2010/en/Pages/frontpage.aspx?WT.srch=1"><img class="size-large wp-image-445" src="http://blog.comperiosearch.com/wp-content/uploads/2011/05/Screen-shot-2011-05-06-at-3.16.56-PM-1024x656.png" alt="http://www.statoil.com/AnnualReport2010/" width="620" height="397" /></a><p class="wp-caption-text">The online Annual Report of Statoil.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.comperiosearch.com/blog/2011/05/11/making-logical-design-attractive/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
