<?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>eri on the interweb &#187; Design</title>
	<atom:link href="http://www.eriontheinterweb.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.eriontheinterweb.com</link>
	<description>About exploring and designing for the web.</description>
	<lastBuildDate>Sun, 25 Jul 2010 08:45:42 +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>Can brands survive without design? Australian government to enforce plain packaging for cigarettes</title>
		<link>http://www.eriontheinterweb.com/2010/05/can-brands-survive-without-design-australian-government-to-enforce-plain-packaging-for-cigarettes/</link>
		<comments>http://www.eriontheinterweb.com/2010/05/can-brands-survive-without-design-australian-government-to-enforce-plain-packaging-for-cigarettes/#comments</comments>
		<pubDate>Sat, 01 May 2010 09:53:36 +0000</pubDate>
		<dc:creator>Erietta Sapounakis</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.eriontheinterweb.com/?p=323</guid>
		<description><![CDATA[This week the Australian government announced that it would be the first country in the world to enforce that cigarettes be sold in plain packaging. The tobacco industry will of course mount a legal challenge but I am more curious about how they will respond to the design challenge. How can a brand with no colours, mark, typography or imagery distinguish itself? I suspect that tobacco shops will start selling more branded cigarette tins and I expect that the tobacco companies will start giving away promotional and durable packets within weeks if they are able.]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignnone" style="width: 389px"><a href="http://www.independent.co.uk/arts-entertainment/art/reviews/richard-prince-continuation-serpentine-gallery-london-855277.html?action=Popup"><img class=" " title="Untitled (Cowboy), 1989, Richard Prince" src="http://www.independent.co.uk/multimedia/archive/00035/richard_prince640_35078s.jpg" alt="" width="379" height="253" /></a><p class="wp-caption-text">Richard Prince&#39;s cowboy series of photographs were based on the Marlboro Man commercials</p></div>
<p><span id="more-323"></span></p>
<p>This week the <a href="http://www.pm.gov.au/taxonomy/term/9">Australian government announced</a> that it would be the first country in the world to enforce that cigarettes be sold in plain packaging. The plan is that by 1 July 2012 cigarette packets:</p>
<ul>
<li>will feature no logos,</li>
<li>will feature no brand imagery,</li>
<li>will be uncoloured,</li>
<li>will not be allowed any promotional copy.</li>
</ul>
<p>The brand name will have to:</p>
<ul>
<li>be a standard colour,</li>
<li>in a standard position,</li>
<li>in a standard font,</li>
<li>in a standard size.</li>
</ul>
<p>As well as this the graphic health warnings will be updated. The new packet non-design will be tested for its effectiveness, but it will look something like this:</p>
<div class="wp-caption alignnone" style="width: 210px"><a href="http://www.smh.com.au/lifestyle/wellbeing/cigarettes-up-and-plain-packaging-compulsory-to-help-stub-out-smoking-20100428-tsgv.html"><img src="http://images.smh.com.au/2010/04/28/1390024/200_cigarettes-200x0.jpg" alt="" width="200" height="315" /></a><p class="wp-caption-text">How the generic pack of cigarettes will look. Image courtesy of the Sydney Morning Herald</p></div>
<p>The tobacco industry will of course mount a legal challenge but I am more curious about how they will respond to the design challenge. How can a brand with no colours, mark, typography or imagery distinguish itself? I expect tobacco shops will start selling more branded cigarette tins and that the tobacco companies will start giving away promotional and durable packets within weeks if they are able.</p>
<p>Much of the space on supermarket shelves is taken up with products that are almost identical. Products might smell a bit different but the distinguishing properties are by and large to be found within the packaging design. With no cigarette branding it will be interesting to see how many cigarette brands survive.</p>
<p>How do you think cigarette brands will respond to this ultimate design challenge?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eriontheinterweb.com/2010/05/can-brands-survive-without-design-australian-government-to-enforce-plain-packaging-for-cigarettes/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Meaningful Video Ratings</title>
		<link>http://www.eriontheinterweb.com/2010/04/meaningful-video-ratings/</link>
		<comments>http://www.eriontheinterweb.com/2010/04/meaningful-video-ratings/#comments</comments>
		<pubDate>Sun, 25 Apr 2010 07:06:38 +0000</pubDate>
		<dc:creator>Erietta Sapounakis</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[tags]]></category>

		<guid isPermaLink="false">http://www.eriontheinterweb.com/?p=297</guid>
		<description><![CDATA[I just watched a video on TED and rated it. I expected to indicate my rating by interacting with 5 blank stars. Instead I was presented with a list of words to select from, after which I saw a tag cloud rating. Funnily enough, while writing this post I went to take a screen shot of YouTube's rating system only to find that they have changed how they do things. YouTube have forsaken the 5 star rating metaphor for a simple Like/Dislike mechanism.]]></description>
			<content:encoded><![CDATA[<p>I have been following <a href="http://www.abc.net.au/atthemovies/">Margaret and David</a> for some years now so I know the difference between a 3 star movie rating and a 3 ½ star movie rating. Generally though, ratings on web sites can seem fairly spurious unless the audience has some critical mass.</p>
<p><span id="more-297"></span></p>
<p>I just watched a <a href="http://www.ted.com/talks/lang/eng/dean_kamen_the_emotion_behind_invention.html">video on TED</a> (which I would heartily recommend) and rated it. I expected to indicate my rating by interacting with 5 blank stars. Instead I was presented with a list of words to select from, after which I saw a tag cloud rating. This is such a lovely twist on ratings, and a smart use of tag clouds. Watch the video and check out the ratings mechanism. The rules are that &#8220;<em>you can choose 3 words, or vote for the same word 3 times</em>&#8220;. Voting for the same word 3 times gives the user a chance to get their opinion across emphatically; and limiting the choice to 3 words keeps the rating meaningful.</p>
<p><img class="alignleft" title="TED.com keyword ratings" src="http://farm3.static.flickr.com/2440/4550240932_369bcecb1f_o.gif" alt="" width="554" height="335" /></p>
<p><img class="alignleft" title="TED.com tagcloud rating mechanism" src="http://farm5.static.flickr.com/4021/4550240996_39668225a4_o.gif" alt="" width="554" height="335" /></p>
<p>I have never noticed this feature before, but it was part of the <a href="http://tedblog.typepad.com/tedblog/2007/04/the_new_tedcom_.html">2007 site launch</a> (TED was designed by <a href="http://method.com/#/thoughts/internet/detail/CaseStudy/12">Method who have a short case study on the project</a>). Funnily enough, while writing this post I went to take a screen shot of YouTube&#8217;s rating system only to find that they have changed how they do things. YouTube have forsaken the 5 star rating metaphor for a simple Like/Dislike mechanism.</p>
<p><img class="alignleft" title="youtube like ratings" src="http://farm5.static.flickr.com/4020/4549641443_e8905a850d_o.gif" alt="" width="676" height="286" /></p>
<p>Techcrunch wrote a <a href="http://techcrunch.com/2009/09/22/youtube-comes-to-a-5-star-realization-its-ratings-are-useless/">short piece</a> on the ratings subject after YouTube opened up the dialogue with its users about the effectiveness, or lack thereof, of the 5 star rating system, in its September 22, 2009 post <a href="http://youtube-global.blogspot.com/2009/09/five-stars-dominate-ratings.html">Five Stars Dominate Ratings</a>. YouTube&#8217;s Product Manager Shiva Rajaraman explained the predominant trend was for users to prescribe either a 1 star or 5 star rating. Clearly this has lead to the design decision to offer 2 choices. There is a good discussion (19 March 2010) about the YouTube rating redesign on <a href="http://www.ixda.org/node/24192">IXDA</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eriontheinterweb.com/2010/04/meaningful-video-ratings/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cracking the Colour Code</title>
		<link>http://www.eriontheinterweb.com/2009/06/cracking-the-colour-code/</link>
		<comments>http://www.eriontheinterweb.com/2009/06/cracking-the-colour-code/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 08:03:56 +0000</pubDate>
		<dc:creator>Erietta Sapounakis</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[colour]]></category>

		<guid isPermaLink="false">http://www.eriontheinterweb.com/?p=75</guid>
		<description><![CDATA[I watched &#8220;Cracking the Colour Code&#8221; last night on SBS.  (Here&#8217;s a review.) The program was about the science of colour which I was taught in design college, rods and cones and the mechanics of how the eyes see. It reminded me of an important step in the web design process. We have all heard [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_76" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.eriontheinterweb.com/wp-content/uploads/2009/06/standard-tube-map-colour.jpg"><img class="size-medium wp-image-76" title="standard-tube-map-colour" src="http://www.eriontheinterweb.com/wp-content/uploads/2009/06/standard-tube-map-colour-300x200.jpg" alt="The Famous Colour London Tube Map" width="300" height="200" /></a><p class="wp-caption-text">The Famous London Tube Map</p></div>
<p><span id="more-75"></span></p>
<p>I watched &#8220;Cracking the Colour Code&#8221; <a href="http://www.sbs.com.au/schedule/SBSONE/2009-06-10/SBS%20Sydney#924440">last night on SBS</a>.  (<a href="http://media.smh.com.au/entertainment/the-guide/the-guide-wednesday-colour-code-563052.html">Here&#8217;s a review.</a>) The program was about the science of colour which I was taught in design college, rods and cones and the mechanics of <a href="http://en.wikipedia.org/wiki/Eyes">how the eyes see</a>. It reminded me of an important step in the web design process.</p>
<p>We have all heard the arguments around accessibility. So we think about design for the visioned and the readability of code for the blind. But there are a <a href="http://en.wikipedia.org/wiki/Colour_blindness#Prevalence">significant number of people who are colour blind</a>, one million Australians according to the program.</p>
<p>A man who is colour blind was speaking about design and how people should be mindful of what they produce.  He highlighted just how important colour choice is in design, particularly web design. People can have red/green colour blindness or blue/yellow colour blindness. So much information can be lost to these people.</p>
<p>Theory breaks design into the fundamentals of colour, line, texture, shape and space. But when it comes to web design I think we must prioritise hierarchy to denote importance through size and think about contrast.</p>
<p>It&#8217;s simple to test and tweak a design for better contrast. Just greyscale your final design.</p>
<div id="attachment_77" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.eriontheinterweb.com/wp-content/uploads/2009/06/standard-tube-map-grey.jpg"><img class="size-medium wp-image-77" title="standard-tube-map-grey" src="http://www.eriontheinterweb.com/wp-content/uploads/2009/06/standard-tube-map-grey-300x201.jpg" alt="Tube map in grey (Demo purposes only. Of course the Tube provide a high contrast black and white version)" width="300" height="201" /></a><p class="wp-caption-text">Tube map in grey (Demo purposes only. Of course the Tube provide a high contrast black and white version)</p></div>
<p>If you missed the program, it was part one of a series so watch it next Wednesday on SBS at 8:30pm.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eriontheinterweb.com/2009/06/cracking-the-colour-code/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Presenting Design</title>
		<link>http://www.eriontheinterweb.com/2009/05/presenting-design/</link>
		<comments>http://www.eriontheinterweb.com/2009/05/presenting-design/#comments</comments>
		<pubDate>Sun, 10 May 2009 10:31:29 +0000</pubDate>
		<dc:creator>Erietta Sapounakis</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[process]]></category>

		<guid isPermaLink="false">http://www.eriontheinterweb.com/?p=55</guid>
		<description><![CDATA[The design process can be gruelling and clients, particularly internal clients rarely take responsibility for mistakes. Colour, pretty pictures, fancy fonts, all get in the way of proofing the actual content. Test the content, verify the feedback and hopefully reduce the risk and angst of the design process. Here are my six steps to the design process.]]></description>
			<content:encoded><![CDATA[<p>I was chatting to a friend recently. She works in house as a marketer and is also responsible for the production of graphic materials — ads, posters, business cards, brochures and the like. What has happened, rarely, but disastrously, is incorrect phone numbers appearing on print material that was proofed and approved by the internal client.</p>
<p><span id="more-55"></span></p>
<p>I don’t know about you but I know the client rarely takes responsibility for their part, and I think this is much worse when you are an internal supplier. So what to do?</p>
<p><strong>Step 1. Don’t start with the design<br />
</strong>Take a leaf out of the web development process and instead present a &#8220;wireframe&#8221;, a black and white blue print of the information only. The client, in this step need only focus on proofing the copy.</p>
<p><strong>Step 2. Prepare a design presentation<br />
</strong>Show and explain your creative process. This is something I learned from <a href="http://www.webdu.com.au/go/speaker-profile/pete-ottery-sydney-australia">Pete Ottery</a> (of News Digital) who gave a presentation called &#8220;<a href="http://www.webdu.com.au/go/session/so-you-think-you-can-design"><em>So You Think You Can Design</em></a>&#8221; at <a href="http://www.webdu.com.au">webDU</a> 2008. Pete&#8217;s talk was on the principles of good web design, but he also made the point of how important the presentation of a design is. Pete’s design presentations include the process by which he comes to the final design. In the margin of each page important aspects of the design are explained in friendly, plain language. He shows the rejects from the design process; and how he justifies and changes creative decisions based on the success or failure of designs in user testing.</p>
<p>Showing how you arrived at your final design will help justify your design decisions, and in my experience can shorten the iteration process. It wil lessen the internal client micro-managing the design — <em>make the logo bigger, move that over to the  left</em> sorta thing. Importantly, it will also show the effort you have put in to your client&#8217;s project.</p>
<p><strong>Step 3. Avoid email</strong><br />
It&#8217;s a necessary evil but inboxes are time sinks. Your internal client will view your email with that all important design or design presentation attached, give it a quick once over and say &#8220;looks fab&#8221; and then go on to the next item in the inbox.</p>
<p>Send your designs in an email but also arrange a time for a quick meeting about the design — so you can present it!</p>
<p>If you can&#8217;t be face to face with your client, as is the case with my friend, I would recommend online presentations of some sort and a good ol&#8217; conference call. There are cool online conferencing tools like <a href="http://www.adobe.com/products/acrobatconnectpro/">Adobe Connect</a> but you can just as easily use Google Docs, <a href="http://www.slideshare.net/">Slideshare</a> or the prettier <a href="http://www.sliderocket.com/">Slide Rocket</a> to show off your wares, or simply, walk through each page of a PDF.</p>
<p><strong>Step 4. Proof the feedback</strong><br />
If you are lucky your client may be an Acrobat pro and annotate your PDF so you know exactly what text to change and what to move where. But usually people are lazy and will spill out their feedback on the phone or in an email. I always scored highly in comprehension tasks at school but I would need the added skill of mental telepathy to understand the intent of some of the feedback I have received.</p>
<p>Collate all the feedback and annotate your design with the comments. Get the client to verify that your notes are what they intended by their comments and represent what they want changed.</p>
<p><strong>Step 5. Incorporate feedback<br />
</strong><br />
<strong>Step 6. Rinse and repeat.<br />
</strong><br />
Of course these steps may be overkill if your client is in the next room, or if you are presenting a business card based on a set template, but you get the point. Colour, pretty pictures, fancy fonts, all get in the way of proofing the actual content. Test the content, verify the feedback and hopefully reduce the risk and angst of the design process.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eriontheinterweb.com/2009/05/presenting-design/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
