<?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>Indolering.com &#187; Design</title> <atom:link href="http://indolering.com/category/design/feed/" rel="self" type="application/rss+xml" /><link>http://indolering.com</link> <description>Personal &#38; Professional Blog</description> <lastBuildDate>Thu, 15 Jul 2010 04:08:43 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=abc</generator> <item><title>Creating Frames That Work, a cog-sci infographic experiment</title><link>http://indolering.com/design/creating-frames/</link> <comments>http://indolering.com/design/creating-frames/#comments</comments> <pubDate>Sat, 06 Mar 2010 00:02:48 +0000</pubDate> <dc:creator>Zachary Lym</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Psychology]]></category> <category><![CDATA[featured]]></category> <category><![CDATA[metaphor]]></category><guid isPermaLink="false">http://www.indolering.com/?p=438</guid> <description><![CDATA[Inspired by the Left vs Right (world) info-graphic, I endeavored to create a visual workflow for creating framing.  Usability tests showed that the concept fell short of enabling people to create do their own framing, but it did explain the idea of framing, metaphor, and their connection to policy issues quite well. The big lesson [...]]]></description> <content:encoded><![CDATA[<p>Inspired by the <a href="http://www.informationisbeautiful.net/visualizations/left-vs-right-world/">Left vs Right (world)</a> info-graphic, I endeavored to create a visual workflow for creating <a href="http://en.wikipedia.org/wiki/Framing_effect_%28psychology%29">framing</a>.  Usability tests showed that the <em>concept</em> fell short of enabling people to create do their own framing, but it did explain the idea of framing, metaphor, and their connection to <a href="http://www.cognitivepolicyworks.com/learning-center/resources/reports-and-strategy-briefs/">policy issues</a> quite well.</p><p><span id="more-438"></span></p><p>The big lesson I learned is that an infographic gets a viewer interested but does not try to explain all the details.  My graphic attempted to provide an entire workflow, in addition to explaining the background psychology.  Joe Brewer at <a href="http://www.cognitivepolicyworks.com/">Cognitive Psychology Works</a> (a progressive think-tank) and I agreed that it is unlikely any workflow can enable non-professionals to create their own policy framing from scratch.  However, the brochure was very good at explaining the taxation metaphors and we will likely recycle this effort into future, issue-centric, materials.</p><p>As to the information itself, my professor commented that, while accurate, she would have liked to see citations.  Left/right has some incorrect information in their graphic and it would be nice to see if they are misinterpreting the information or if they are basing the graphic on a different set of theories.  Citations also increase the perceived authority of the document.</p><p>During the usability test, the readers flipped right past the definitions on the gate-fold flaps (see below).  I think this had to do with the inside panels being in color, however, the density of the text is probably the main reason.</p><div id="attachment_441" class="wp-caption alignright" style="width: 255px"><a href="http://indolering.com/wp-content/uploads/2010/03/Print-Screen.png"><img class="size-medium wp-image-441     " title="Print-Screen" src="http://indolering.com/wp-content/uploads/2010/03/Print-Screen.png" alt="" width="245" height="230" /></a><p class="wp-caption-text">Click to Enlarge</p></div><p>A zip with legal and tabloid sized PDFs, along with the original InDesign file, is <a href="http://blog.indolering.com.s95429.gridserver.com/wp-content/uploads/2010/03/Framing-Workflow.zip">here</a>.  With the exception of the logo&#8217;s, everything is <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC-BY-CA</a>, just like Wikipedia.  If you need public domain, <a href="mailto:zachlym@indolering.com">just ask</a>.</p><p>To produce your own copies, print the PDF on 11&#215;17, trim, and fold or print at ~95% to fit the image on legal-sized paper, trim, and fold.  The screen-shot to the right is a sample print set-up.</p><p style="text-align: left;">When you see the file in PDF, it won&#8217;t make much sense.  The final piece is a double gatefold brochure, see below.</p><p style="text-align: center;"><a href="http://indolering.com/wp-content/uploads/2010/03/Double-Gatefold.png"><img class="size-medium wp-image-447   aligncenter" title="Double-Gatefold" src="http://indolering.com/wp-content/uploads/2010/03/Double-Gatefold.png" alt="" width="456" height="450" /></a></p><p style="text-align: center;"> ]]></content:encoded> <wfw:commentRss>http://indolering.com/design/creating-frames/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Objectified- My Personal Anthem</title><link>http://indolering.com/design/objectified/</link> <comments>http://indolering.com/design/objectified/#comments</comments> <pubDate>Sun, 21 Feb 2010 22:26:26 +0000</pubDate> <dc:creator>Zachary Lym</dc:creator> <category><![CDATA[Design]]></category><guid isPermaLink="false">http://www.indolering.com/?p=401</guid> <description><![CDATA[I want <a href="http://www.jetset.nl/archive/helvetica-bluray.html">this</a> for my birthday. <object width="418" height="262"><param name="movie" value="http://www.youtube.com/v/S9E2D2PaIcI&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/S9E2D2PaIcI&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="418" height="262"></embed></object> You really should just go watch the trailer on <a href="http://www.youtube.com/watch?v=S9E2D2PaIcI&#38;feature=player_embedded#">YouTube</a>, and rate it 5-stars.]]></description> <content:encoded><![CDATA[<p>I want <a href="http://www.jetset.nl/archive/helvetica-bluray.html">this</a> for my birthday.</p><p>You really should just go watch the trailer on <a href="http://www.youtube.com/watch?v=S9E2D2PaIcI&amp;feature=player_embedded#">YouTube</a>, and rate it 5-stars.</p> ]]></content:encoded> <wfw:commentRss>http://indolering.com/design/objectified/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Kid Robot</title><link>http://indolering.com/design/kid-robot/</link> <comments>http://indolering.com/design/kid-robot/#comments</comments> <pubDate>Sun, 13 Dec 2009 18:55:51 +0000</pubDate> <dc:creator>Zachary Lym</dc:creator> <category><![CDATA[Design]]></category><guid isPermaLink="false">http://www.indolering.com/?p=320</guid> <description><![CDATA[<object id="flashObj" width="700" height="500" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0"><param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9/10032373001?isVid=1&#038;publisherID=1612833736" /><param name="bgcolor" value="#FFFFFF" /><param name="flashVars" value="videoId=51388060001&#038;linkBaseURL=http%3A%2F%2Fvideo.aol.com%2Faolvideo%2FAOL+News%2Fswitched-hands-on-kid-robot%2F51388060001&#038;playerID=10032373001&#038;domain=embed&#038;" /><param name="base" value="http://admin.brightcove.com" /><param name="seamlesstabbing" value="false" /><param name="allowFullScreen" value="true" /><param name="swLiveConnect" value="true" /><param name="allowScriptAccess" value="always" /><embed src="http://c.brightcove.com/services/viewer/federated_f9/10032373001?isVid=1&#038;publisherID=1612833736" bgcolor="#FFFFFF" flashVars="videoId=51388060001&#038;linkBaseURL=http%3A%2F%2Fvideo.aol.com%2Faolvideo%2FAOL+News%2Fswitched-hands-on-kid-robot%2F51388060001&#038;playerID=10032373001&#038;domain=embed&#038;" base="http://admin.brightcove.com" name="flashObj" width="420" height="290" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" swLiveConnect="true" allowScriptAccess="always" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object>]]></description> <content:encoded><![CDATA[<p><object id="flashObj" width="700" height="500" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0"><param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9/10032373001?isVid=1&#038;publisherID=1612833736" /><param name="bgcolor" value="#FFFFFF" /><param name="flashVars" value="videoId=51388060001&#038;linkBaseURL=http%3A%2F%2Fvideo.aol.com%2Faolvideo%2FAOL+News%2Fswitched-hands-on-kid-robot%2F51388060001&#038;playerID=10032373001&#038;domain=embed&#038;" /><param name="base" value="http://admin.brightcove.com" /><param name="seamlesstabbing" value="false" /><param name="allowFullScreen" value="true" /><param name="swLiveConnect" value="true" /><param name="allowScriptAccess" value="always" /><embed src="http://c.brightcove.com/services/viewer/federated_f9/10032373001?isVid=1&#038;publisherID=1612833736" bgcolor="#FFFFFF" flashVars="videoId=51388060001&#038;linkBaseURL=http%3A%2F%2Fvideo.aol.com%2Faolvideo%2FAOL+News%2Fswitched-hands-on-kid-robot%2F51388060001&#038;playerID=10032373001&#038;domain=embed&#038;" base="http://admin.brightcove.com" name="flashObj" width="443" height="297" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" swLiveConnect="true" allowScriptAccess="always" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object></p> ]]></content:encoded> <wfw:commentRss>http://indolering.com/design/kid-robot/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>I love good design</title><link>http://indolering.com/design/i-love-good-design/</link> <comments>http://indolering.com/design/i-love-good-design/#comments</comments> <pubDate>Sun, 06 Dec 2009 04:37:49 +0000</pubDate> <dc:creator>Zachary Lym</dc:creator> <category><![CDATA[Design]]></category><guid isPermaLink="false">http://www.indolering.com/?p=306</guid> <description><![CDATA[ ]]></description> <content:encoded><![CDATA[<p style="text-align: center;"><a href="http://design-milk.com/happy-pills/"></a></p><div id="attachment_309" class="wp-caption aligncenter" style="width: 310px"><a href="http://indolering.com/wp-content/uploads/2009/12/happy-pills-2.jpg"><img class="size-medium wp-image-309" title="happy-pills-2" src="http://indolering.com/wp-content/uploads/2009/12/happy-pills-2-300x212.jpg" alt="" width="300" height="212" /></a><p class="wp-caption-text">Clever &amp; wonderful, I love designers</p></div><p>Via <a href="http://design-milk.com/happy-pills/">design-milk.com</a></p> ]]></content:encoded> <wfw:commentRss>http://indolering.com/design/i-love-good-design/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Obama &amp; Nazi Design</title><link>http://indolering.com/design/obama-and-nazi-design/</link> <comments>http://indolering.com/design/obama-and-nazi-design/#comments</comments> <pubDate>Thu, 20 Aug 2009 11:50:33 +0000</pubDate> <dc:creator>Zachary Lym</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Personal]]></category> <category><![CDATA[featured]]></category><guid isPermaLink="false">http://www.indolering.com/?p=144</guid> <description><![CDATA[I did my term paper for art history on design elements used in the political campaigns of past and present figures, including Bush, Gore, Kerry, Obama, and McCain.  All the talk of Obama and Nazi design similarities gave me the impetus to put it up here. I had to cut out about 50% of the [...]]]></description> <content:encoded><![CDATA[<p>I did my term paper for art history on design elements used in the political campaigns of past and present figures, including Bush, Gore, Kerry, Obama, and McCain.  All the talk of Obama and Nazi design similarities gave me the impetus to put it up here.<span id="more-144"></span></p><p>I had to cut out about 50% of the content, but anyone interested in the comparison should check out <span id="btAsinTitle"><a href="http://www.amazon.com/gp/product/0714848468?ie=UTF8&amp;tag=indoleringcom-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0714848468">Iron Fists: Branding the 20th-Century Totalitarian State</a>.  It&#8217;s an excellent book and my main source.</span></p><p>Anyway, here is a highlight,</p><blockquote><p>The McCain campaign tried to concurrently project the image of both a strong leader and a rebellious maverick.  This strategy made McCain an unconvincing strong father, whom would protect the nation better than Bush as a conservative democrat prone to the nuclear-family view of foreign policy would want.  Whereas a republican with nurturant-parent views of foreign policy would require someone able to work with others- not a maverick whom is unable to work with those in his own party.  Of McCain’s choice for a campaign font Art Chantry opined in a New York Times piece,</p><div id="attachment_172" class="wp-caption alignright" style="width: 154px"><a href="http://blog.indolering.com.s95429.gridserver.com/wp-content/uploads/2009/08/Mcann.png"><img class="size-full wp-image-172" title="Mcann" src="http://blog.indolering.com.s95429.gridserver.com/wp-content/uploads/2009/08/Mcann.png" alt="“Everything about this logo says you can buy a car from this man.” -Barlow &amp; Highsmith, Boston Globe.  McCain’s logo juxtaposed with McCann Motors in Fife WA." width="144" height="159" /></a><p class="wp-caption-text">“Everything about this logo says you can buy a car from this man.” -Barlow &amp; Highsmith, Boston Globe.  McCain’s logo juxtaposed with McCann Motors in Fife WA.</p></div><p>“Optima is the ultimate noncommittal typeface. It’s a sans-serif typeface with the suggestion of false serifs. It’s also a serif typeface without serifs. Either way, it’s a half-truth. Optima is the best typeface for appeal to all viewers and projecting sophistication without really having sophistication.”</p><p>How much of this statement was just subconscious reprocessing of the author’s political views in the form of a design critique is debatable.  However, the parallels are striking: the McCain campaign chose a font trying to be both strong and sophisticated while McCain was rushing to embrace the evangelical right-wing while simultaneously trying to both co-opt Obama’s change message and adopt a feminist advocacy angle.</p></blockquote><p>Oh, and the whole paper is BY-SA:</p><p><a href="http://www.indolering.com/wp-content/uploads/Unchanging-political-design.pdf">Unchanging PDF</a></p><p><a href="https://www.sugarsync.com/pf/D955330_222910_73205">Unchanging Zip</a></p><p>Enjoy : )</p> ]]></content:encoded> <wfw:commentRss>http://indolering.com/design/obama-and-nazi-design/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)

Served from: indolering.com @ 2010-09-07 04:40:04 -->