<?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>Solid State UX</title>
	<atom:link href="http://www.solidstateux.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.solidstateux.com</link>
	<description>Interaction Design: chewed, swallowed, and digested.</description>
	<lastBuildDate>Tue, 04 Oct 2011 11:36:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<image>
  <link>http://www.solidstateux.com</link>
  <url>http://www.solidstateux.com//wp-includes/favicon.ico</url>
  <title>Solid State UX</title>
</image>
		<item>
		<title>The Trouble with Scientific Figures</title>
		<link>http://www.solidstateux.com/visual-design/the-trouble-with-scientific-figures-part-i-a-little-history/</link>
		<comments>http://www.solidstateux.com/visual-design/the-trouble-with-scientific-figures-part-i-a-little-history/#comments</comments>
		<pubDate>Fri, 30 Sep 2011 21:41:23 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[scienceUI]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=2143</guid>
		<description><![CDATA[I&#8217;ve been reading issues of the prestigious journal, Science, lately, which I always approach in the same way.  First of all, I flip through the first third or so of the pages impatiently.   This is the part of the publication that contains the essays, letters, commentary, political events, news, and short science pieces on things [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_2156" class="wp-caption alignleft" style="width: 250px"><img class="size-medium wp-image-2156 " title="cover_story" src="http://www.solidstateux.com/wp-content/uploads/2011/05/cover_story-300x286.jpg" alt="" width="240" height="229" /><p class="wp-caption-text">A beautiful figure can get you a cover on a top journal.  Some institutions, like the University of Illinois, have special scientific visualization departments to help their faculty get published.</p></div>
<p>I&#8217;ve been reading issues of the prestigious journal, <em>Science</em>, lately, which I always approach in the same way.  First of all, I flip through the first third or so of the pages impatiently.   This is the part of the publication that contains the essays, letters, commentary, political events, news, and short science pieces on things of interest to normal humans- like sex, or how to win an argument, or cool robots, or oil spills, or funny monkey behavior.   In short, this is the material which I&#8217;m capable of understanding.</p>
<p>Instead, I go straight to the &#8220;Research Articles&#8221; section, which contains pieces with titles such as &#8220;How the CCA-Adding Enzyme Selects Adenine over Cytosine at Position 76 of tRNA.&#8221;  My brain starts to whirl.   <em>This is one of the main articles in Science, man.  Impact Factor something like 32.   Muy Importante.<span id="more-2143"></span></em></p>
<p>I have zero background in molecular biology, so I admit that I don&#8217;t get much out of the title.  Onto the abstract, where I am counting upon them to tell me why this article matters.  A certain type of enzyme, I learn(ATP(CTP):tRNA nucleotidyltransferases), can add something called CCA onto the 3&#8242; end of transfer RNA precursors without using a nucleic acid template.   Now here&#8217;s where the novel part comes in.   I learn in the abstract that this process is well understood for Position 75 of the transfer RNA.  But, Position 76?  <em>Get the hell outta here &#8211; you kidding me?</em></p>
<p><em><!--more--><br />
</em></p>
<p>So apparently these loony-birds in the Department of Molecular BioPhysics at Yale who wrote the article had the nerve to stick some of this CCA stuff at Position 76 and pulled it off.   So having comprehended that much, I flip the page and <em>voila!</em>, there it is, my favorite part&#8230; something that looks like this:</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-2144" title="figure_1_CCA" src="http://www.solidstateux.com/wp-content/uploads/2011/04/figure_1_CCA-600x281.jpg" alt="" width="480" height="225" /></p>
<p>Or, if I&#8217;m really lucky, something that looks like this (from a different article, on the phenomena of tetrophilic liquid crystals):</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-2147" title="figure_2_liquidcrystals" src="http://www.solidstateux.com/wp-content/uploads/2011/04/figure_2_liquidcrystals-472x600.jpg" alt="" width="378" height="480" /></p>
<p style="text-align: left;">This stuff is beautiful.  Mesmerizing.  Addictive.  Information.  I just let it wash over me.  Does it really matter that I don&#8217;t understand the underlying science?</p>
<p style="text-align: left;"><img class="aligncenter size-large wp-image-2153" title="figure_3" src="http://www.solidstateux.com/wp-content/uploads/2011/05/figure_32-600x409.jpg" alt="" width="480" height="327" />But of course, this is <em>Science</em>.  Careers are made getting published in this journal, so I can imagine a lot of thought goes into the visualizations.  What about more average journals?  What is the overall quality level of the figures we see there?</p>
<div id="attachment_2154" class="wp-caption aligncenter" style="width: 410px"><a href="http://pubs.acs.org/doi/abs/10.1021/jp2018378"><img class="size-full wp-image-2154" title="ouch_1" src="http://www.solidstateux.com/wp-content/uploads/2011/05/ouch_1.gif" alt="This TOC image from the The Journal of Physical Chemistry proves that just about the most dangerous apparatus a chemist uses on their job is PowerPoint." width="400" height="323" /></a><p class="wp-caption-text">This TOC image from the Journal of Physical Chemistry proves that the most dangerous apparatus in the hands of a chemist is PowerPoint.  (source: TOC ROFL)</p></div>
<p style="text-align: center;">
<p style="text-align: left;">One word. Ouch. And I could go on and on&#8230;.   Make sure to check out the hilarious TOC ROFL (<a href="http://tocrofl.tumblr.com/">Table of Contents, Rolling on the Floor Laughing</a>) blog for endless examples of this sort of thing.</p>
<p style="text-align: left;">
<div id="attachment_2155" class="wp-caption aligncenter" style="width: 410px"><a href="http://pubs.acs.org/doi/abs/10.1021/jp201872f"><img class="size-full wp-image-2155 " title="ouch_2" src="http://www.solidstateux.com/wp-content/uploads/2011/05/ouch_2.gif" alt="" width="400" height="280" /></a><p class="wp-caption-text">Another TOC image from The Journal of Physical Chemistry.  Source TOC ROFL</p></div>
<p style="text-align: left;">Everyone seems to agree that figures are the most important part of a journal article.  Most readers skip directly to them, which explains a rise in graphical table of contents and figure galleries on scientific publishers&#8217; websites.  In their real lives, scientists communicate in visuals, not paragraphs, which can be witnessed by popping into a weekly lab meeting at any research lab in the world.</p>
<p>Yet published scientific figures are often an explosion of data noise, chart junk, and lazy clip-art visualizations. Their poor quality is often dismissed since their creator does not expect the material to be understood outside of a narrow field.  And journal editors and peer reviewers don&#8217;t much care about matters of presentation style, outside of what appears on the issue&#8217;s cover, for which they unashamedly seek out a beautiful and sexy image.</p>
<p>In science, there is  peer pressure not to look like you are trying to present your work to a general audience.</p>
<p>&#8220;You&#8217;re thought by some of your colleagues to be wasting your time and perhaps endangering your academic career,&#8221; writes Max Brockman in his preface to the book <a href="http://www.amazon.com/gp/product/0307389316?ie=UTF8&amp;tag=sostux-20&amp;linkCode=shr&amp;camp=213733&amp;creative=393185&amp;creativeASIN=0307389316&amp;redirect=true&amp;SubscriptionId=1MGPYB6YW3HWK55XCGG2&amp;creativeASIN=0307389316">&#8220;What&#8217;s Next: Dispatches on the Future of Science.&#8221;</a> This sentiment clearly extends to the creation of figures.  <em>Don&#8217;t make things look too polished, you&#8217;re supposed to be a scientist.</em></p>
<p style="text-align: left;">One would never guess that there is a rich heritage and body of accumulated knowledge about scientific illustration &#8211; in fact, it has long been a recognized skill, even a profession of its own, and often a source of pride to the researcher.   Galileo made beautiful, skilled watercolors of what he saw through his telescope.   His line drawing style of planetary movements, a durable and considerate example of information design, is still in use today.</p>
<p style="text-align: left;">
<div id="attachment_2168" class="wp-caption aligncenter" style="width: 362px"><img class="size-full wp-image-2168" title="galmoonmed" src="http://www.solidstateux.com/wp-content/uploads/2011/09/galmoonmed.jpg" alt="" width="352" height="524" /><p class="wp-caption-text"> Galileo Galilei&#39;s &quot;The Phases of the Moon.&quot; These are his own skilled watercolors that he made while looking through his telescope,  causing noted scientic illustrator Felice Frankel to wonder &#39;Did his paints freeze on a cold night?&quot;(Image courtesy of Biblioteca Nazionale - Florence, Italy)</p></div>
<p style="text-align: left;">The first scientists who started looking into microscopes at the fascinating new world of the infinitesimal were even more fussy about their figures.  Robert Hooke&#8217;s <em>Micrographia</em> was published in 1662 and was the world&#8217;s first scientific best seller.   The illustrations, famous for their beauty and sophistication, were done by Hooke himself.  The temptation is to think of Hooke as artist first, and scientist second, but he was no lightweight.  He was the Royal Society&#8217;s first curator of experiments, the first microbiologist, the first crystallographer, and a precocious physicist who developed a wave theory of light 250 years prior to Foucault&#8217;s official discovery of it.</p>
<p style="text-align: center;">
<div id="attachment_2174" class="wp-caption aligncenter" style="width: 490px"><img class="size-large wp-image-2174 " title="hooke-flea-big" src="http://www.solidstateux.com/wp-content/uploads/2011/09/hooke-flea-big-600x471.png" alt="" width="480" height="377" /><p class="wp-caption-text">Robert Hooke&#39;s illustration of a flea, from Micrographia, 1662.</p></div>
<p style="text-align: left;">In the early days of discovery, the researchers with the best mastery of the instruments become the most notable.   Galileo was seeking a fortune at manufacturing top of the line naval spyglasses before thinking to point one of his creations skyward.  A continuum of scientific visual communication begins with pictures, simply trying to convey the magisteria of nature.  As the researchers get deeper into the paradigms in which they study, the pressure is to <em>show how things work</em>, mostly in the form of schematic diagrams.   Therefore the demand for skillful creation of explanatory visualizations should be increasing.</p>
<p style="text-align: left;">Yet over time, as science embraces new instrumentation and communication tools, the art of visual presentation  is democratized and deemphasized.  It becomes less the pervue of the specialized and the talented, and more dominated by the grammar of ubiquitous platforms such as digital cameras, ChemDraw and MS Office.  We progress in technological sophistication yet we regress in graphical communication &#8211; a simultaneous renaissance of explosive scientific breakthrough combined with a dark age of visualizing evidence.</p>
<p style="text-align: left;">
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/visual-design/the-trouble-with-scientific-figures-part-i-a-little-history/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>eBook User Experience (and why I know so little about it)</title>
		<link>http://www.solidstateux.com/ux-driven-company/ebook-user-experience-and-why-i-know-so-little-about-it/</link>
		<comments>http://www.solidstateux.com/ux-driven-company/ebook-user-experience-and-why-i-know-so-little-about-it/#comments</comments>
		<pubDate>Wed, 30 Mar 2011 18:24:31 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[UX-Driven Company]]></category>
		<category><![CDATA[eBooks]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=2107</guid>
		<description><![CDATA[Tomorrow I&#8217;ll be participating in a panel discussion for Digital Book World called Reader Experience and eBooks: What UX Experts can Teach Digital Publishers. (A free webcast!) One of the points I&#8217;ll be making is that eBooks are only a part of the digital publishing landscape, even a fairly minor one up until now.  On [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_2128" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-2128" title="Kindle_A_B" src="http://www.solidstateux.com/wp-content/uploads/2011/03/Kindle_A_B-300x260.jpg" alt="" width="300" height="260" /><p class="wp-caption-text">Catalyst Group, who published a comparative usability study of eReaders in 2009, knows a lot more about eBook user experience than I do.</p></div>
<p>Tomorrow I&#8217;ll be participating in a panel discussion for Digital Book World called<a href="http://www.digitalbookworld.com/2011/reader-experience-and-ebooks-what-ux-experts-can-teach-publishers/?et_mid=209982&amp;rid=2642231"> Reader Experience and eBooks: What UX Experts can Teach Digital Publishers</a>. (A free webcast!) One of the points I&#8217;ll be making is that eBooks are only a part of the digital publishing landscape, even a fairly minor one up until now.  On balance, <em>web publishing</em> has been a far more important source of digital revenue for Wiley, and also is generally perceived as the area in which to evolve whole new product lines and revenue streams away from the print business. This seems to be changing as the eBook technologies and web technologies are converging, but still web publishing gets the lion&#8217;s share of investment in the sort of customer experience work that I do.  In fact, those of us with technologically focused jobs in the publishing business are practically mandated to break apart the very concept of the book.  It is an informal mantra around here that we don&#8217;t just want to put the book online<em>, </em>we want to create a value added service, get deeper into the customer&#8217;s workflow.  It comes up on every project.   W<em>e are not in the book business anymore, we are in a broader content and services business</em>.  It is the status quo way to talk about digital if you are a person of ambition in the book business.</p>
<p><span id="more-2107"></span>I&#8217;m the Director of User Experience at a major book publisher and have never been involved in design or user research directly related to an eBook. Perhaps it is because eBooks are quite unembarrassed about being based on <em>books</em>, and I&#8217;ve been conditioned not to think about books.  This simple association (the word &#8220;book&#8221; is in the title, afterall) may have caused me to pigeonhole eBooks as a format (think PDF) and not a platform for innovation (think, the Internet or the iPad).  I was impressed with my fellow panelist Brett Sandusky&#8217;s description of how the book proposal process is evolving over at Kaplan. He writes, in a UX Matters <a href="http://uxmag.com/strategy/portraits-of-an-industry-in-flux">article</a> he posted back in January, &#8220;Our book proposals look nothing like book proposals.  In fact, each day they resemble <em>functional specs</em> more and more.&#8221;   According to Sandusky, the teams at Kaplan are interdisciplinary and intra-departmental from the earliest stages in the publishing workflow, from when the book ideas themselves are coming together.</p>
<p>We create our fair share of functional specs at Wiley, not to mention wireframes and other UX deliverables, but I don&#8217;t think I&#8217;ve ever seen this process done for a book idea.  Usually the book is planned, produced, and sold and the digital ideas that hit our central technology group (where I work) are either completely separate or are created downstream as a form of &#8220;line extension&#8221; of the print product.   The exception to this, and it is a very long-standing exception, is when the editorial content of the book has a technological component or supplement, in which case the functional bits are planned along with the print product itself.   You&#8217;ve seen this sort of thing in textbooks for the past quarter of a century, for instance in the form of a CD-ROM with some extra problems or animations or a quiz on it that comes shrink-wrapped with the book.   This type of development is generally handled in-house by a special &#8220;media editor,&#8221; who sits in the editorial division but works with a wide variety of technology and design specialists, both internal and external, depending on the nature of the development work.  The CD-ROM has gradually morphed into a &#8220;book companion website,&#8221; and, now, book companion websites are morphing back into the book in the form of &#8220;enhanced&#8221; eBooks.</p>
<p>In the central technology group, it is rare that I or my team work on an individual title.  Usually we work on a broad platform, on a capability for an entire imprint or product line, or some other digital business idea that encompasses a wider swath of business than a single book title. This is partly a question of revenue (most books have small budgets), and partly a question of where we think our UX design efforts will have the most impact.</p>
<p>So why has there not been a lot of thought put into eBooks so far from the in-house UX team? One reason is that the eBook formats themselves are quite limited in what can be done with them.  It would be difficult to enforce a design principle uniformly across all of the competing device formats such as Kindle, iOS, Nook, not to mention legacy desktop eBook technologies like those from Vitalsource, the company behind <a href="http://www.wiley.com/WileyCDA/Section/id-370060.html">Wiley Desktop Editions</a>, and DRM controlled Adobe PDFs.   The various formats have nowhere near the level of standardized presentation conventions as web browsers do, and this means a publisher has to give up a fair amount of control over the reading experience itself in exchange for having their content available in as many locations as possible.   This is a fundamental trade-off.  In a Frommers travel guide, for instance, the print books make thoughtful use of wayfinders, icons, color photos, call-out boxes, and annotated maps &#8211; most of which are not available in a reflowable eBook such as those that appear on a Kindle or Nook.  But this is changing as I type this, with significant development efforts underway to add enhanced features to increase the usability of this type of content.</p>
<p style="text-align: center;">
<div id="attachment_2125" class="wp-caption aligncenter" style="width: 368px"><img class="size-large wp-image-2125 " title="2_frommers_bookpage" src="http://www.solidstateux.com/wp-content/uploads/2011/03/2_frommers_bookpage-511x600.jpg" alt="" width="358" height="420" /><p class="wp-caption-text">A Frommers book makes extensive use of color photographs, wayfinding devices such as the colored side-tabs, and interactive maps and icons.  </p></div>
<div id="attachment_2126" class="wp-caption aligncenter" style="width: 490px"><img class="size-large wp-image-2126 " title="4_Frommers_CitySet_kindle" src="http://www.solidstateux.com/wp-content/uploads/2011/03/4_Frommers_CitySet_kindle-600x549.jpg" alt="" width="480" height="439" /><p class="wp-caption-text">Frommers content in a reflowable eBook format.  Stripping out the content&#39;s design has made it less usable.  Managing this balance between content presentation and the affordances of the eReader devices is at the heart of the eBook&#39;s future user experience.</p></div>
<p>This leads to the obvious question of why be on a platform where we can&#8217;t control the user experience?  The answer is equally obvious: a publisher is generally not looking to limit the formats a book is available in &#8211; the more, the better.  As people&#8217;s reading habits change (going from print to Kindle, for instance), it&#8217;s important to keep your content and your brand where your customers want to consume their information.  And customers who are excited about their devices are surprisingly forgiving of a challenging user experience &#8211; at least at first.  As these devices evolve and get more and more capabilities, publishers will have to invest more in usable electronic content.</p>
<p>It is such a daunting challenge to think about developing and  distributing a consistent user experience across all these formats, in  fact, that most publishers are content to resign this work to their print production people &#8211; not user experience designers.    The basic workflow is such.   Manuscripts, in the form of MS Word documents, are laid out in InDesign with specific instructions to the typesetter for use in preparing the book. The typesetter delivers web-optimized ePDFs that preserve the exact layout of the  print book.  Once  the print PDFs are approved and sent off to the printer, the typesetter  then bundles them up in a variety of standardized XML formats for distribution across  the various electronic channels &#8211; Wiley&#8217;s own XML for the web, MOBI and ePUB for  eReaders, and proprietary formats such as the one Amazon uses for the  Kindle.</p>
<p>Depending on the affordances of the particular electronic  format, the publisher can include or exclude properties that the print  book design may have had.  And this is the rub.  For instance, most eBook formats are  &#8220;reflowable,&#8221; which means the book&#8217;s pagination and page layout is not  applicable.  Some &#8220;enhanced&#8221; eBook formats, on the other hand, are quite elaborate, like the Apple  iPad edition of Ryu Murukami&#8217;s book, which was released straight to the  iPad in app form, jam packed with cool transitions, sound effects, arty  layouts and DVD-style extras. (This event triggered many resounding <a href="http://www.guardian.co.uk/books/2010/jul/25/ryu-murakami-ipad-apple-publishing">predictions</a> of death to traditional publishers as a result, despite that fact that  it is in Japanese language only and contains what is essentially a  straightforward paginated eBook at its heart.  The potential shake-up  is, of course, that Murukami didn&#8217;t need a big publishing company to  release his book to the iPad, only Apple&#8217;s approval.)</p>
<div id="attachment_2129" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-2129 " title="double_singing_whale" src="http://www.solidstateux.com/wp-content/uploads/2011/03/double_singing_whale-600x433.jpg" alt="Murukami's The Singing Whale was released straight to Ipad." width="600" height="433" /><p class="wp-caption-text">Murukami&#39;s The Singing Whale was released straight to the iPad.</p></div>
<p style="text-align: center;">
<p>What would I focus on if I did work on eBooks?  Well, lets talk a little about the usability of eBooks themselves.   For a certain type of experience, a linear text-based one, eBooks are downright dreamy.   &#8220;The technology is built for romance novels,&#8221; a veteran publisher told me.  &#8220;They do a great job of serving up row after row of text.&#8221;  This may explain why some of the Kindle&#8217;s initial demographic success was not with your typical high-tech gadget early adopter crowd.   Anecdotal evidence would point more towards the moms-on-vacation set.  50% of Kindle users were over 50 in 2009, and 70% over 40.   The electrophoretic, e-Ink displays are great poolside, even in bright sun.  And besides connoting fabulous retirements revisiting the classics on the beach, e-Readers are also great assistive technology, providing tremendous benefits for arthritic hands and impaired eyes.</p>
<p>But the eReader is more mainstream technology every year, and if you count the electronic reading that occurs on phones and tablets, it&#8217;s not long until they reach near ubiquity.  It is the obvious benefits of <em>not</em> being in print that are driving electronic book sales &#8211; the ease of getting updated content, the ability to annotate and take notes, the fact that it&#8217;s often cheaper than the print version, and the most obvious benefit of all, portability (note: the combined physical weight of just two of the books currently on my iPhone, <em>Atlas Shrugged</em> and <em>The Wealth of Nations</em>, would be 4.7 pounds if I were to carry even the smallest paperback editions and not the Kindle editions.)</p>
<p style="text-align: center;">
<div id="attachment_2120" class="wp-caption aligncenter" style="width: 460px"><img class="size-large wp-image-2120 " title="IMG_0058" src="http://www.solidstateux.com/wp-content/uploads/2011/03/IMG_0058-450x600.jpg" alt="" width="450" height="600" /><p class="wp-caption-text">eReaders, with their resizable text and text-to-speech features, are brilliant assistive technology.</p></div>
<p>From a user experience point of view, the benefits more or less end there.  For one thing, the underlying concept still has a sizable army of detractors.  eReaders give many people the feeling of putting just too much technology in their lives.  When a book goes electronic, it feels like the electronics are intruding into a sphere into which they don&#8217;t belong.   New York interaction designer, Chris Fahey, <a href="http://www.graphpaper.com/2007/11-25_kindle-review-in-the-form-of-a-photo-collage">writing</a> about he and his wife&#8217;s resistance to digital books back in 2007, mused &#8220;We both grew up surrounded by the printed word — looking at them,  feeling them, smelling them — and we intend for our family to continue  in that tradition.&#8221;</p>
<p>And Fahey makes his living designing user experiences for digital products.   &#8220;I’m not going to say much about Kindle,&#8221; Fahey wrote. &#8220;As an iPhone owner, I find both the device and the service colossally dumb.&#8221;</p>
<p>Collegehumor.com mocked the very idea of refactoring books on electronic devices with their <a href="http://www.collegehumor.com/video:1910868">spoof ad</a> for a (then not yet released) Kindle 3, in which the device basically plays the Hollywood movie version of a book, complete with crisp color video and Dolby surround sound (the signature line, uttered from a headphone wearing kid over the explosive sounds of The Fast &amp; The Furious:  &#8220;I can&#8217;t hear you. I&#8217;m reading!&#8221;)</p>
<p style="text-align: center;">
<div id="attachment_2130" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-2130 " title="Fahey" src="http://www.solidstateux.com/wp-content/uploads/2011/03/Fahey-600x402.jpg" alt="" width="600" height="402" /><p class="wp-caption-text">The Library of Chris &quot;I don&#39;t need no stinkin&#39; Kindle&quot; Fahey.  Fahey&#39;s point is that books aren&#39;t just a technology.  A person&#39;s library reflects their lives and values.</p></div>
<p>But those predictions of the Kindle&#8217;s failure that were written circa 2007 and 2008 sound pretty hollow now.  In 2009 Amazon heavily promoted the news that their digital sales had eclipsed their print sales.  And by 2009, the Kindle was a clear success with estimated sales close to half a million units and projected sales in 2010 of almost a billion dollars.  This NYTimes<a href="http://bits.blogs.nytimes.com/2008/08/12/the-lessons-from-the-kindles-success/"> essay </a>attributed the Kindle&#8217;s success to making it really, really easy to use.  But is it?</p>
<p>Nick Gould released some <a href="http://www.greenbook.org/marketing-research.cfm/e-reader-usability">eReader usability research</a> that his firm, Catalyst Group, conducted in 2009.  The Kindle 2, which has been replaced by newer models such as the Kindle 3G since the time of this study (although the interface hasn&#8217;t evolved much,) was considered better off usability-wise than some of it&#8217;s competitors like the Sony eReader.  But it still had loads of usability issues, mostly as a result of a lot of peculiar and specific (to them) navigation conventions.   For instance, reflowable eBooks don&#8217;t have page numbers, they have &#8220;locations,&#8221; an abstraction which makes little sense to most readers and presents the rather significant problem of orientation within the linear experience of a book.  The hard keys on the Kindle (necessary on e-Ink displays unless a separate touch-screen panel is added, which is the approach taken by the original Nook.  Note the color Nook uses an LCD display, not an electrophoretic one) require a significant amount of getting used to, such as the large, redundant &#8220;next page&#8221; buttons that appear on both the left and the right side of the device (versus having the left-hand one devoted to &#8220;previous page&#8221; and the right-hand one devoted to &#8220;next page&#8221; which most users in the Catalyst study expected.)  Their are other peculiarities, such as trying to find the &#8220;text-to-speech&#8221; feature of the Kindle behind the text-resizer button and not in the main menu, which is entirely devoted to shopping.  The software versions of the Kindle reader, like the iPhone app, have a few issues of their own.  There is no back button, despite the fact that there are multiple internal linking conventions, such as end-notes, that can cause a reader to jump out of their current position.</p>
<p>What makes the Kindle easy to use, of course, is the ease of acquiring content.  Similar to how iTunes cracked the digital music nut, the Kindle team invested most of their energy in having a wide range of titles with unbelievable ease of purchasing and transferring content to the device.   But the real underlying issue affecting eBook user experience has far more to do with how the content itself is packaged, reflowed, and displayed &#8211; not any device conventions.  Expect to see real changes in the next few years as eBook producers develop their own design vocabulary and UI conventions.  One thing is for sure: electronic reading is here to stay.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/ux-driven-company/ebook-user-experience-and-why-i-know-so-little-about-it/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The User Experience of Organic Chemistry &#8211; Part 2: NMR Spectroscopy</title>
		<link>http://www.solidstateux.com/interaction-design/the-user-experience-of-organic-chemistry-part-2-nmr-spectroscopy/</link>
		<comments>http://www.solidstateux.com/interaction-design/the-user-experience-of-organic-chemistry-part-2-nmr-spectroscopy/#comments</comments>
		<pubDate>Mon, 07 Mar 2011 20:22:37 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[chemistry]]></category>
		<category><![CDATA[scienceUI]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1726</guid>
		<description><![CDATA[Most of an organic chemist&#8217;s physical work appears to the naked eye as an  interchangeable  set of clear liquids and white powders (that is to say,  if they are  lucky enough in the lab not to produce brown sludge.) This is because  atoms, even entire molecules, are too small to [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_2052" class="wp-caption alignleft" style="width: 236px"><img class="size-medium wp-image-2052    " title="hydrogen guy" src="http://www.solidstateux.com/wp-content/uploads/2011/03/hydrogen-guy-226x300.jpg" alt="" width="226" height="300" /></p>
<p><p class="wp-caption-text">Go out and grab a coffee when the NMR guy is refilling the liquid helium, unless you are willing to risk quick freezing of body parts or catching shrapnel from a surprise tank explosion. (image source: Dephologisticated)</p></div>
<p>Most of an organic chemist&#8217;s physical work appears to the naked eye as an  interchangeable  set of clear liquids and white powders (that is to say,  if they are  lucky enough in the lab not to produce brown sludge.) This is because  atoms, even entire molecules, are too small to be seen through the lens of a microscope, so  chemists must   deduce their shape and structure indirectly.  This is achieved with a variety of instrumentation and analytical techniques, most of which output data in the raw form of spectra, wavy lines that with a little experience can be used to paint a high-resolution image of the unseen.  Because atoms and molecules, even gigantic ones such as a protein or enzyme, are smaller than a wavelength of light, they appear under even the most powerful electron microscopes as a nothing more than a <a href="http://structbio.vanderbilt.edu/~sheehajh/intro.htm">fuzzy blob</a>.  Because it&#8217;s not part of our human  perception,  interpreting spectral data is a difficult challenge that  chemists face  every day starting when they are undergraduates.  Operating the obscure equipment, and the hardware and software interfaces that this entails, is its own sort of challenge.</p>
<p>There are several types of spectroscopy, which is a broad concept that describes any kind of radiation of energy as it passes through a given material.   Mass spectroscopy or Infrared spectroscopy is widely used in organic chemistry, but is mostly good for identifying mixtures.  For instance, a winemaker might use one of these techniques to understand levels of eugenol in their chardonnay and therefore determine how long to toast their French oak barrels  (eugenol is a compound from oak which gives the clove-like aroma and flavor to wine). Ultimately the Mass and IR techniques are too low in resolution to do what most organic chemists really need to do, which is to confirm if the thing you think you made in the lab is what it is supposed to be. Step in, NMR.  Nuclear Magnetic Resonance, the work horse tool of the organic chemist, and therefore the only one I&#8217;ll get into much detail with here.  It is said that if the NMR machine is shut down for some reason, then the organic chemist goes home for the day.  (So in my world I guess that makes it a bit like a Starbucks.)</p>
<p><span id="more-1726"></span></p>
<p>The ability to detect the resonance of magnetized nuclei and its implications as an imaging technique was one of the great post-war scientific breakthroughs.  What is resonance? Think of how sound resonates from a crystal glass when you run a wet finger around its rim.  A proton makes a similar effect when you hit it with a radiowave, and a  scientist can &#8220;listen&#8221; for how it responds. Well, that is, some protons do.   To be useful for NMR, an atom must have protons with a property called &#8220;spin,&#8221; which means their magnetic fields line up cleanly, sort of like a dipole magnet.  These atoms (13C and 1H are the most commonly used by far) can get disrupted and relax back to their normal state without too much asymmetric rotation going on and distorting things, which makes them great for the technique of NMR.</p>
<p>An NMR machine is a complicated instrument. It consists generally of a large thermos bottle that contains a layer of liquid nitrogen surrounding another layer of liquid helium.  This set-up acts as a large superconducting magnet.  A sample of the chemical to be analyzed is inserted down into the middle of the thermos and the giant magnet causes the protons to all line up in the same direction.  Then from this state, the molecule is disrupted with radio waves (or RFs, <em>radiofrequency pulses</em>) and the instrument records the time it takes for the protons to relax back into their normal state.  This time to re-equilibriation (T1) is one of the most telling variables about a molecule&#8217;s composition and arrangement of atoms.  For instance, if a proton is shielded because it is densely surrounded, it doesn&#8217;t move around much when blasted with an RF pulse. That sort of information helps chemists put a picture together of the molecule&#8217;s structure.  The larger the NMR machine(typically expressed on a range of 300-600  megahtz), the greater the resolution is.   And if you are a chemist  working on a large molecule, say a protein with 500 hydrogen atoms in  it, you need a lot of resolution to separate the signals.</p>
<p style="text-align: center;">
<div id="attachment_2035" class="wp-caption aligncenter" style="width: 484px"><a href="http://www.youtube.com/watch?v=uNM801B9Y84&amp;feature=related"><img class="size-full wp-image-2035  " title="NMR_instrument_diagram" src="http://www.solidstateux.com/wp-content/uploads/2011/03/NMR_instrument_diagram1.jpg" alt="" width="474" height="350" /></a><p class="wp-caption-text">An NMR machine consists of a sample, inserted via the probe, which sits within a magnetized chamber.  A layer of liquid helium surrounded by a layer of liquid nitrogen turns the machine into one big superconducting magnet. Source: Rsc.org</p></div>
<p>The physical operation of the NMR process is fairly straightforward, with a few minor quibbles.  Since these are big-ass magnets, one might need a ladder to insert the sample. Also, it is advised not to wear a pacemaker in the general vicinity.  And, importantly, try and step out for coffee when the liquid helium guy comes to refill the machine.  (Quick-freezing of body parts from escaped vapor, or catching some shrapnel from a highly pressurized tank explosion is no fun.)  Most of the usability pain of an NMR is in the proper calibration and operation of the instrument via its companion software interface and the subsequent interpretation of the results &#8211; also done on a computer.</p>
<div id="attachment_2068" class="wp-caption aligncenter" style="width: 309px"><img class="size-full wp-image-2068" title="rube_goldberg" src="http://www.solidstateux.com/wp-content/uploads/2011/03/rube_goldberg.jpg" alt="" width="299" height="405" /><p class="wp-caption-text">Chemistry labs are still places full of Rube Goldberg contraptions.  The NMRs, particularly older ones, are no exception.</p></div>
<div id="attachment_2049" class="wp-caption aligncenter" style="width: 485px"><img class="size-full wp-image-2049" title="500_NMR" src="http://www.solidstateux.com/wp-content/uploads/2011/03/500_NMR.jpg" alt="" width="475" height="321" /><p class="wp-caption-text">A 500 Mhz NMR spectrometer, like the one they have at Rutgers University, is large enough to require a ladder in order to insert a sample.</p></div>
<div id="attachment_2056" class="wp-caption aligncenter" style="width: 487px"><img class="size-full wp-image-2056" title="try_not to trip" src="http://www.solidstateux.com/wp-content/uploads/2011/03/try_not-to-trip.jpg" alt="" width="477" height="347" /><p class="wp-caption-text">Try not to trip on the air hose attached to this monstrous NMR in the basement of Bagley Hall at The University of Washington.</p></div>
<p>Despite a gradually growing commitment to ease of use by the industry (primarily through automation, not necessarily design), NMR machines are a long way from &#8220;point and shoot.&#8221; Some of them can auto-lock and auto-acquire the sample.  Some of them have auto-feed magazines, which can rotate in multiple samples overnight while the chemist steps out to the nearby brew pub.  Some of them have web-based clients for remote analysis directly from the machine.  But ultimately, there is still a lot of old-timey, goldbergian aspects to the electronics and mechanics involved.   Step on the air line that is draped across the laboratory floor from the nearby air compressor, slightly choking the air flow but maybe not enough to notice, and the finicky machine will start giving odd readings with very little feedback as to what went wrong.  The attached PCs run homegrown software provided by the manufacturer and there is little standardization across the industry in terms of file formats, navigational idioms, or iconography.</p>
<p>&#8220;They have the worst interfaces&#8221; says Dr. David Flanagan, a former Umass polymer scientist and now Editor in Chief of the journal Advanced Functional Materials.   &#8220;They still had green screen, command-line interfaces when I went to grad school.  And this was well after Windows 95 had been released, so the general public was used to a windows based graphic interface by then.   I don&#8217;t think it&#8217;s changed much since.&#8221;   According to Flanagan, the NMR software culture borrows its style cues from early silicon valley, back in the GNU era, when the place was still dominated by bearded, slightly crazed, anti-social types.  NMR is more Woz than Jobs, sort of a UNIX nerd service at the heart of the larger nerd-dom of organic chemistry.  &#8220;It&#8217;s all very retro, very black arts,&#8221; he told me.</p>
<p style="text-align: center;">
<div id="attachment_2047" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-2047     " title="topspin_userguide" src="http://www.solidstateux.com/wp-content/uploads/2011/03/topspin_userguide-600x321.jpg" alt="" width="600" height="321" /><p class="wp-caption-text">In this excerpt from a user guide for Topspin (from major NMR maker Bruker), one gets a taste of the sheer number of steps and arbitrariness of how the features are named, grouped, and sequenced.  If you want to adjust the number of scans, simple - just type &quot;eda&quot; into the command line or click on the tab called AcquPars.  Got that?</p></div>
<p>The single most onerous part of getting a good reading from an NMR machine is in controlling the smaller magnetized elements that are wrapped around the sample.  These are used to fine tune the way the sample is calibrated, a process called shimming.  It&#8217;s the equivalent of focusing the lens of a camera in order to get a clear image &#8211; but an almost infinitely more abstract concept that can be the most difficult aspect of mastering these machines.    Originally, the shimming process involved a cabinet with a bunch of knobs, cryptically labeled, that the operator tweaks while staring at the feedback coming back from an oscilloscope.   Long symmetrical waveforms on the scope mean the machine is picking up the resonance clearly, sort of like tuning a guitar with a chromatic tuner.  Flanagan reminisced about the university NMRs he had encountered in his student days.  &#8220;The controls are not labeled clearly enough for a noob grad student.  It&#8217;s a little intimidating at first.   A few knobs invariably had &#8216;don&#8217;t touch&#8217; signs on them.&#8221;</p>
<p>To shim the control magnets, an operator sits there and tweaks the knobs in trial-and-error fashion until something like a trumpet appears on the oscilloscope.  If you don&#8217;t get your trumpets, you&#8217;ll get a pretty messy looking spectrum and it will be a problem if you are trying to get your results published in a top journal.  The NMR guy in the lab might write down the best shims of the day nearby to help people out.   The knobs may have been replaced with sliders on a computer interface in a modern spectrometer, but the challenge is more or less the same.  The operator is asked to adjust controls with cryptic labels like X, Y, Z, Z1, &amp; Z2, all of which are variables in mathematical formulas used to understand the homogeneity of magnetic fields. This requires some substantial mathematical modeling skills in order to understand, and using them is not intuitive for less experienced operators. Spectrometers with auto-lock and auto-acquire features are starting to make this process a little less onerous.  The NMR technicians, or facility managers, do a lot of day-to-day coaching to help chemists figure out what they have.  &#8220;Having good relationships with these guys is invaluable to a grad student’s success,&#8221; says Flanagan.  &#8220;The real usability issues start to come when things go wrong. The machines don&#8217;t provide a lot of feedback or guidance in  troubleshooting or recovering from mistakes.&#8221;</p>
<div id="attachment_2036" class="wp-caption aligncenter" style="width: 462px"><img class="size-full wp-image-2036 " title="resonances" src="http://www.solidstateux.com/wp-content/uploads/2011/03/resonances.jpg" alt="" width="452" height="342" /><p class="wp-caption-text">The spectrometer blasts a sample with (typically 16) radiofrequency RF pulses which display on the oscilloscope as &quot;resonances.&quot; </p></div>
<div id="attachment_2037" class="wp-caption aligncenter" style="width: 488px"><img class="size-full wp-image-2037" title="spectrum" src="http://www.solidstateux.com/wp-content/uploads/2011/03/spectrum.jpg" alt="" width="478" height="346" /><p class="wp-caption-text">The computer attached to the instrument then transforms the resonances into a useful spectrum using a mathematical process called a Fourier Transform.</p></div>
<div id="attachment_2048" class="wp-caption aligncenter" style="width: 408px"><img class="size-full wp-image-2048" title="trumpets" src="http://www.solidstateux.com/wp-content/uploads/2011/03/trumpets.jpg" alt="" width="398" height="488" /><p class="wp-caption-text"> A properly calibrated, or &quot;shimmed,&quot; machine will give off nice little trumpet shapes.</p></div>
<p style="text-align: center;">
<div id="attachment_2054" class="wp-caption aligncenter" style="width: 587px"><img class="size-full wp-image-2054 " title="shimming_control_unit" src="http://www.solidstateux.com/wp-content/uploads/2011/03/shimming_control_unit.jpg" alt="" width="577" height="456" /><p class="wp-caption-text">The shimming control unit on a Bruker Avance DMX-500 spectrometer, conveniently located behind all the dangling cables.  Fortunately, the shims are controlled via the computer on this model.</p></div>
<div id="attachment_2055" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-2055" title="shim_adjust" src="http://www.solidstateux.com/wp-content/uploads/2011/03/shim_adjust-600x452.jpg" alt="" width="600" height="452" /><p class="wp-caption-text">Hard key shim adjustments (left) and the software versions (right) of the same controls.   While the machines are more automated these days, understanding how to properly shim the smaller, controlling magnets around the sample is one of the hardest things to master in NMR usage.</p></div>
<p>Assuming you can get things set up and you&#8217;ve fired your RF pulses and you&#8217;ve got nice little trumpets coming up on your oscilloscope and the NMR machine hasn&#8217;t vibrated itself off of its pedestal,  the battle is <em>still</em> nowhere near over.   It is time to analyze the results, which is another pain point in the chemist&#8217;s workflow.  The traces of each proton&#8217;s activity after receiving the RF pulse show up in the spectrum itself as a series of peaks, whose areas are proportional to the number of protons they represent.  The bottom axis of an NMR spectrum (usually expressed as a dimensionless unit called &#8220;ppm&#8221;) is an abstraction of the difference in <em>chemical shift position</em> between atoms in the molecule, which differs based on how well a proton can absorb electromagnetic radiation in its position within the compound, as well as the resolution of the machine (expressed in MHz). What is interesting is that the chemical shifts of protons in organic compounds fall into predictable ranges on the ppm range based on their type, which is what makes NMR so powerful as an analytic technique.  In fact, it is possible for a chemist to interpret an NMR spectrum by a simple visual inspection once they master the basic theory. (Note: this isn&#8217;t true of IR and Mass spectroscopy)</p>
<div id="attachment_2027" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-2027  " title="sample_NMR" src="http://www.solidstateux.com/wp-content/uploads/2011/03/sample_NMR-600x592.jpg" alt="" width="600" height="592" /><p class="wp-caption-text">A typical NMR spectrum.  This one is from the compound strychnine.  The numbered peaks from the spectrum itself (bottom part of image) can be used to draw the chemical structure (top part of image) which is used to identify the compound.</p></div>
<div id="attachment_2029" class="wp-caption aligncenter" style="width: 610px"><a href="http://www2.chemistry.msu.edu/faculty/reusch/VirtTxtJml/Spectrpy/nmr/nmr1.htm"><img class="size-large wp-image-2029  " title="general_shifts" src="http://www.solidstateux.com/wp-content/uploads/2011/03/general_shifts-600x279.jpg" alt="" width="600" height="279" /></a><p class="wp-caption-text">NMR spectra are an efficient way of identifying a compound and drawing a chemical structure.   Since types of elements tend to appear in predictable ranges based on their chemical shift properties, it&#39;s possible to visually inspect the spectra and piece together the compound&#39;s structure.  This chart shows where certain classes of elements tend to show up on an NMR spectrum, with alkanes and alcohols in the upper right region and aromatics and aldehydes in the lower left.  A diagram like this helps to interpret an actual compound&#39;s spectrum like the one that appears in the preceeding figure.  Source:  &quot;NMR Spectroscopy,&quot; MSU faculty website.</p></div>
<p style="text-align: center;">
<div id="attachment_2033" class="wp-caption aligncenter" style="width: 498px"><img class="size-full wp-image-2033       " title="NMR_problem" src="http://www.solidstateux.com/wp-content/uploads/2011/03/NMR_problem.jpg" alt="" width="488" height="364" /><p class="wp-caption-text">Upon closer inspection of a &quot;peak,&quot; a chemist will find that they are split into particular patterns of height and spacing called &quot;multiplets.&quot;  These patterns are caused by the magnetic fields of the adjacent protons (2 adjacent protons will split a peak into three peaks with a heights ratio of 1 to 2 to 1, or a &quot;triplet.&quot;)  This phenomenon gives the chemist a great deal of information about the substance&#39;s exact chemical structure.</p></div>
<div id="attachment_2060" class="wp-caption aligncenter" style="width: 498px"><img class="size-full wp-image-2060 " title="multiplets" src="http://www.solidstateux.com/wp-content/uploads/2011/03/multiplets.jpg" alt="" width="488" height="350" /><p class="wp-caption-text">Interpreting multiplets of spectral peaks is an inexact science, as can be seen around 2.9 on this proton NMR spectrum.   The peaks themselves are sort of a blob, but an organic chemist would infer that the short height of the lines and location of this particular cluster means that this signal is coming from a highly shielded proton (e.g. this proton is surrounded by a lot of other hydrogen protons).  A chemist therefore can use several different clues to deduce the likely chemical structure of the substance.</p></div>
<div id="attachment_2040" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-2040  " title="zoom" src="http://www.solidstateux.com/wp-content/uploads/2011/03/zoom2-600x216.jpg" alt="" width="600" height="216" /><p class="wp-caption-text">Spectral analysis on a computer typically requires a lot of zooming.  The macro display (left) needed to see the entire spectrum is too low in resolution to do proper peak analysis needed for identifying the compound.  So the user mouses over an area, blows it up (left), but loses the wider context.</p></div>
<p style="text-align: justify;">
<div id="attachment_2075" class="wp-caption aligncenter" style="width: 493px"><a href="http://acdlabs.typepad.com/elucidation/2010/10/logic-puzzle-8-strong-coupling-or-peak-overlap.html"><img class="size-full wp-image-2075 " title="peak_overlap" src="http://www.solidstateux.com/wp-content/uploads/2011/03/peak_overlap1.jpg" alt="" width="483" height="333" /></a><p class="wp-caption-text">NMR spectra are analyzed in 1D or 2D, but typically not 3D.  This creates the problem of figuring out whether certain shapes are overlapping peaks (such as those occuring around 7.5-7.8), or just strong couplings. Source: P2C2E</p></div>
<p>There is such a thing as an <em>analytical</em> chemist, one who works with  organic chemists in the same way that a radiologist might work with surgeons &#8211;  partnering with them as a diagnostic specialist and expert on the equipment.  Big pharmaceutical companies have these  people around. The analytical chemist is particularly adept with the equipment , and can roll up their sleeves and work with the algorithms  and pulse sequence formulas that are behind the scenes of how  spectroscopy works.  In drug discovery, where the organic chemists are  cranking out multitudes of new molecules on a daily basis chasing  marketplace gold, there is considerable need for help with the  identification process of novel compounds. But most organic chemists, especially  in academia, have little choice but to use the machines themselves.   It&#8217;s the only way a chemist can makes sense of what they&#8217;ve done in the lab.   So therein we introduce the heart of the usability problem,  a mainstream  technology right in the middle of the experimental workflow turns out to be  difficult to both learn and master.   The machine needs to be operated  correctly and the results need to be interpreted correctly.   It turns  out neither of these are very straightforward.</p>
<blockquote><p>We NMR spectroscopists have to accept that for a majority of the  scientists in todays chemistry/biology research, NMR is a black box  that&#8217;s neverless &#8211; and &#8220;unfortunately&#8221;- absolutely necessary. They like  to use software that seems to generate listings and plots without  requiring knowledge by the operator. We still try to teach our own  students about the innards of NMR-experiments. But the reality is that  black-box attitude and the trend for automation are increasing all the  time.  &#8211; From Italian NMR Spectroscopist and Blogger, &#8220;Old Swan.&#8221;</p></blockquote>
<p>The data itself is often transported to a chemist&#8217;s personal laptop computer for analysis, typically with a thumb drive.  When I asked several academic chemists why they don&#8217;t keep the NMR PCs on the network for easier file access, most were concerned less by security (it&#8217;s not top secret what most university labs are working on) than they were by the intense desire to keep the expensive, and fickle machines operating.   If the NMR machine was on the network, most felt, it would probably eventually stop working.  Some spyware or virus would screw things up.  And since the machines are already perceived as being finicky and expensive, this is a risk most just aren&#8217;t willing to take.   But this introduces some real pain in the workflow.  Files need to be transferred in physical space and then analyzed in separate desktop software.   In other words, these machines are a long way from point, shoot, then see instantly what you have.</p>
<div id="attachment_2073" class="wp-caption aligncenter" style="width: 490px"><img class="size-large wp-image-2073 " title="m_nova_report_creator" src="http://www.solidstateux.com/wp-content/uploads/2011/03/m_nova_report_creator1-600x455.jpg" alt="" width="480" height="364" /><p class="wp-caption-text">Getting spectral data into a manuscript for journal publication can require many manual steps.  The mnova spectral analysis software lets you drag and drop data, such as a peak list, directly into a document from the analyzer itself.  The left side of the screen shows a spectrum (with the multiplet analyzer feature toggled on), the right hand side is a printable document view where a user can drag and drop a variety of information about the spectrum as well as other text and graphical objects, such as a structure drawing from Chem Draw.</p></div>
<div id="attachment_2030" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-2030" title="spectral_game" src="http://www.solidstateux.com/wp-content/uploads/2011/03/spectral_game-600x355.jpg" alt="" width="600" height="355" /><p class="wp-caption-text">One way chemists can learn to interpret NMR is by doing exercises.  The &quot;Spectral Game&quot; is one such example.   Analyze the peaks using a java spectral analyzer, then guess which compound it is from the choices below.</p></div>
<p>Other Reading on Solid State UX:</p>
<p><a href="http://www.solidstateux.com/interaction-design/the-user-experience-of-organic-chemistry-part-1-a-chemical-language/">The User Experience of Organic Chemistry Part 1 &#8211; A Chemical Language</a></p>
<p>Other Reading from Around the Web:</p>
<p><a href="http://structbio.vanderbilt.edu/~sheehajh/intro.htm">What is NMR? </a></p>
<p><a href="http://www.cis.rit.edu/htbooks/nmr/">The Basics of NMR</a></p>
<p><a href="http://antoine.frostburg.edu/chem/senese/101/features/capsaicin.shtml">Fire and Spice</a></p>
<p><a href="http://chemistry.brown.edu/facilities/NMR/Topspin_Guide.pdf">Topspin (NMR software) User Guide from Brown University&#8217;s Department of Chemistry</a></p>
<p><a href="http://www.youtube.com/watch?v=uNM801B9Y84&amp;feature=related">Proton NMR (RSC Video on YouTube)</a></p>
<p><a href="http://www.bumc.bu.edu/phys-biophys/facilities/nmrspect/nmrvirtualtour/">Brief Tour of a Bruker Avance 500MHz Spectrometer</a></p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/interaction-design/the-user-experience-of-organic-chemistry-part-2-nmr-spectroscopy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Proofiness and User Research, A Book Review</title>
		<link>http://www.solidstateux.com/reviews/proofiness-and-user-research-a-book-review/</link>
		<comments>http://www.solidstateux.com/reviews/proofiness-and-user-research-a-book-review/#comments</comments>
		<pubDate>Fri, 14 Jan 2011 19:38:55 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Reviews]]></category>
		<category><![CDATA[User & Design Research]]></category>
		<category><![CDATA[book reviews]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1927</guid>
		<description><![CDATA[If Charles Seife&#8217;s Proofiness has a lasting contribution to offer those in the fields of user experience, design, or even business, it will be in the elegant branding of its own subjectivist epistemology.  This, in itself, is no small victory.  It involves taking a complex debate on the origin of knowledge and in a single [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1933" class="wp-caption alignleft" style="width: 210px"><img class="size-full wp-image-1933 " title="Proofiness" src="http://www.solidstateux.com/wp-content/uploads/2010/12/Proofiness_custom.jpg" alt="" width="200" height="292" /><p class="wp-caption-text">Proofiness is the mathematical version of &quot;truthiness.&quot;  It lurks in business, politics, media, and yes - user research.</p></div>
<p>If Charles Seife&#8217;s <a id="aptureLink_95PT2TzoLq" href="http://www.amazon.com/gp/product/0670022160?tag=sostux-20">Proofiness</a> has a lasting contribution to offer those in the fields of user experience, design, or even business, it will be in the elegant branding of its own subjectivist epistemology.  This, in itself, is no small victory.  It involves taking a complex debate on the origin of knowledge and in a single catchy word, turning it into a meme.  Picture a future where somebody whips out a clever piece of marketing research in a design or business meeting, something with lots of correlations and a confident sounding sample.   Maybe there is a scientific looking visualization,  like a scatterplot diagram with one of those Jackson Pollack splatters of microscopic pinpoints, something that screams <em>data was collected here</em>.  Its presenter starts speaking with the cajoling air of someone trying to impress the truth, with a capital ‘T,’ upon their audience.  And then suddenly, the attendees stand in protest and accuse their tormenter, in unison, of <em>proofiness</em>.</p>
<p>Then try to grasp what a profound departure that is from today’s climate of info digestion, where almost nothing is spit back if it smells and tastes like it was cooked up from numbers.   Jakob Nielsen, the founding father of pragmatism in HCI research, has condemned number fetishism in our field periodically since he came to prominence in the early 1990s – most exasperatingly in this 2004 post, <a href="http://www.useit.com/alertbox/20040301.html">The Risk of Quantitative Studies</a>.   He writes, “…most statistical research is <em>less</em> credible than qualitative studies.  Design research is not like medical science.” In a 2009 <a href="http://www.useit.com/alertbox/discount-usability.html">post</a>, five years later, little has changed.  He writes, “People still pay far more attention to questionable quantitative studies than they do to simpler qualitative studies that have much greater validity.”</p>
<p><span id="more-1927"></span>If those of us in the innovation game are struggling with number fetishism, that is saying quite a lot. User and design research is about human cognition and emotion, pretty squishy topics really.  And design, which is generally carried out in the service of business, is an applied field.  What business person has the time to wrestle with taking the uncertainty factor below a certain threshold of instinctive confidence?  (The genius of Nielsen’s discount usability method was in demonstrating that closing in on the uncertainty factor has a long, expensive tail as it approaches zero &#8211; which, of course, it never does.  n=3 represents a lot of bang for the buck, and n=2000 a lot less so.) Why, then, are we so persuaded by numeric evidence?</p>
<p>Unlike the output from qualitative research studies, usually called <em>insights</em>, numbers have a primordial pull on us.  They are more valuable entities in social exchange, a fact which our lizard brains are fully aware of.  Numbers can be transmitted with less nuance, that is to say, less noise, and are therefore choice currency.   Seife provides evidence that human beings are capable of reacting to numbers from somewhere biologically deep, processing them somewhere in the muscles and tissue and nerves but not necessarily with the intellect.  “No matter how idiotic, how unbelievable an idea is, numbers can give it credibility.” (p.8)  He cites an example of MSNBC host Deborah Norville reporting with a straight face that 58% of all exercise done in America is broadcast on television.  <em>3.5 billion</em> situps were done in 2003, she reported.  <em>Two million and 300,000</em> of those on exercise shows.  “The numbers had short-circuited Norville’s brain,” Siefe notes, “rendering her completely incapable of critical thought.”</p>
<p>Our lust for numbers is like our lust for sweet and fatty foods. Two million years of evolution have taught us to crave them.  But in the modern world, where they are not only in abundance, but easily manipulated and processed with the explicit goal of satiating us, they are dangerous.   The author lays out, in clear language, the heart of his epistemic argument.  Once a number tries to describe the real world, or “acquires a unit” in Seife’s language, it loses its purity.   There is always a measurement bias of one sort or another and therefore it can no longer inhabit the “platonic realm of absolute truth.”(p.10) He writes this without apologizing for it or acknowledging its provocativeness. But this is no mainstream view. This is a rejection of the very idea of structure or universal truth, a return to the Dionysian notion that the sublime lies in closeness of experience and not in critical distance. This is the sort of postmodern thinking that was radical in intellectual circles as recently as the 1960s.  This is Piaget.  This is Derrida.  And maybe because of that inaccessibility, this sort of thinking is still far from being absorbed into the fabric of our daily thoughts and culture in business life.</p>
<p>Enter proofiness.  A great term, a self-descriptive masterpiece of nomenclature. Its dubious etymological structure (with its comic closeness to being a real word, a science word) carries its actual semantic argument.  Of course, the author, Charles Seife, had some help in this.  The word is a clear homage to television comic, Stephen Colbert’s, famous neologism “truthiness.”  But it is Seife who brings it to the concept of proof, not truth.  Truthiness, which applies to information that has the patina of truth, is pure social criticism.  Proofiness, which also applies to information that has the patina of truth, is an attack on status quo views of ontological reality.  Truthiness, like the Bushism ‘strategery,’is aimed at easy targets and misanthropes- liars, manipulators, unilateralists, oversimplifiers.  Proofiness is aimed at all of us with the instinct to prove, and therefore at the natural condition of mankind itself.  “Proofiness has power over us because we’re blind to this impurity (of numbers).  Numbers, charts, graphs all have an aura of perfection.”  Seife’s argument, in short, is the more important one.</p>
<p>The book’s tagline, “The Dark Arts of Mathematical Deception,” implies that the book is about a sort of numeric version of truthiness, some sort of number trickery done with intent to mislead.  In fact, the description of various mathematical anti-patterns ends by about page 40.  These are interesting in their own right.  <em>Potempkin numbers</em> are those which are built out of data that only looks like real data, data based on nonsensical or made-up measurements, such as IQ or the crowd estimates taken at free outdoor concerts.   <em>Disestimation</em> is the act of taking numbers more literally than the uncertainty surrounding them would seem to warrant.  (Seife’s example is the museum docent who dates the brontosaurus bones to 65,000,038 years. What’s the point of including the final 38 years when the error margin on such an estimate is likely in the tens of millions or hundreds of millions of years?)  By page 26, we’re on to <em>fruit-packing</em> and <em>cherry-picking</em>, which refers to the act of ignoring or obscuring the data that fails to support a hypothesis or argument.  The book is already drifting away from mathematics and is onto basic research ethics with 275 pages to go.</p>
<p>Despite the fact that there are the usual warnings here about the pitfalls of overlooking co-variants and making specious correlations that one would see in any tome on statistics, the book isn’t about math.  It’s about <em>numbers</em>. And to Seife, numbers represent powerful disinformation, unfairly persuasive rhetoric.   There is very little statistical depth or discussion of mathematical techniques in this book, other than to say, what is the point of doing statistical slicing and dicing on something that is fictional to begin with?  When Seife explains the concept of <em>margin of error</em> in political polling, which uses statistical formulas to harness some pretty nifty laws of nature in order to determine the amount of random weirdness likely to be in any sample, he doesn’t criticize the math, or even accuse the journalists who cite the polls of being innumerate.  He is more offended by those who accept the mathematical veracity in such a way that they don’t question basic <em>systematic </em>errors in the logic behind the poll’s construction and execution, such as who was sampled or what were they asked and in what way?(p.102)</p>
<p>Particularly revealing of Seife’s lack of concern with actual number manipulation is in his principle of <em>causuistry</em>.  “Casuistry – without the extra ‘u’ – is the art of making a misleading argument through seemingly sound principles.  Causuistry is a specialized form of casuistry where the fault in the argument comes from implying that there is a causal relationship between two things when in fact there isn’t such a linkage.”  He breaks this out as a separate idea from the statistical concept of regression analysis, used to prove causation between multiple independently correlated values. When Seife accuses someone of causuistry he isn’t concerned by the bad math on display, he’s offended by the sheer nerve that someone would try and build an <em>argument</em> out of it.</p>
<p>This gets back to my opening statement.  If the book is to make a lasting contribution outside of journalism or civics (Seife teaches journalism and the book is unfortunately heavy-handed with examples about electoral polling, elections, law and politics.  There are virtually no examples from the world of business or private life), it will require people to start taking this proofiness thesis to heart.  The concept instantly resonated with me.  Numbers, the coldest, hardest facts of all, are twisted and manipulated in order to add an air of proof to some act of data collection.   This touches right to the core of what are the least obvious but most insidious sources of user research failures: those that are related to epistemological hubris and the act of using research to <em>validate</em> ideas rather than to <em>enrich</em> them.</p>
<p>Where research fails most often is when the intent of it is misused.   The more you know about research methodologies, the more aware you are of their inevitable flaws.  The bad researchers are invariably the objectivists, the ones who arrogantly presume to be reporting on reality.   It is in this spirit of hubris that virtually all unforgivable research mistakes are made.     For instance, if you have just conducted a survey and concluded that 85% of potential customers liked your idea for an online information website, I will tell you that you have probably wasted your time.   Most likely your survey was flawed, your sample was flawed, or you created some other sort of <em>systematic</em> error and you cannot make that claim.   You have committed an act of proofiness.   And in the meantime, instead of using that opportunity to talk to your customers to learn something that might enrich your idea (which you always knew you were going to do anyways), you have squandered it trying to convince yourself and others that the idea is less risky than it probably is.   Concentrate on delivering insights, not validation.</p>
<p>Once, I worked as a usability researcher for two arch competitors in the same retailer category at roughly the same time.  Their contrasting styles will always stick with me.  One had a usability manager that emphasized insights.  The other had an old school HCI guy that emphasized Truth (capital T is no accident here) and experimental control.   When interviewing for the first client, I would tell the participant that I didn&#8217;t know where this interview was going but I was interested in partnering with them to try and understand what it is like to use this website, how it fits into their life, and how it could be improved.  When interviewing for the second client, I would give the participant a pre-filled out card with a task on it and watch them try and complete the task while somebody from the retailer&#8217;s staff timed them in the back room.    I barely opened my mouth for the second client, lest I contaminate the experimental conditions.    The first client had a progressive stance about the research, understood its limitations and was focused on collecting inspiration to refine their design in ways that might resonate with its customer base.  The second client wanted validation only for its existing &#8220;agreed upon&#8221; design, and set up <em>a priori </em>experimental conditions to get at it.   It is worth noting that for reasons unrelated to this particular usability study, the second client unexpectedly and spectacularly went out of business several years later.  The first one is thriving.   I think it goes to show that proofiness never prospers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/reviews/proofiness-and-user-research-a-book-review/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>My Reading List in 2010</title>
		<link>http://www.solidstateux.com/reviews/my-reading-list-in-2010/</link>
		<comments>http://www.solidstateux.com/reviews/my-reading-list-in-2010/#comments</comments>
		<pubDate>Thu, 30 Dec 2010 20:26:26 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Reviews]]></category>
		<category><![CDATA[book reviews]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1947</guid>
		<description><![CDATA[
Well, this was definitely the most prolific year of book reading in my life &#8211; 61 books.  Many of these were audio books, which a surprising amount of people challenge me about, as if it is not the same as reading.  But as a heavy listener, I have learned to concentrate quite well while being [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-large wp-image-1949 alignleft" title="selfish_gene" src="http://www.solidstateux.com/wp-content/uploads/2010/12/selfish_gene-386x600.jpg" alt="" width="189" height="294" /></p>
<p>Well, this was definitely the most prolific year of book reading in my life &#8211; 61 books.  Many of these were audio books, which a surprising amount of people challenge me about, as if it is not the same as reading.  But as a heavy listener, I have learned to concentrate quite well while being read to through my iPhone headphones.  I think it&#8217;s an acquired skill,  because last year I retained a lot less and spaced out a lot when listening to audiobooks.  Now I rarely do.   I listen around 3 hours a day now because of my commute, dog-walking, and exercise regimens.    I also turned back to reading print books again this year, more than ever, since going on a &#8220;low information diet&#8221; on all things other than books.  No more newspapers or magazines this year and way fewer podcasts and blog posts were consumed.  A couple of insights when reading over the list:</p>
<p><span id="more-1947"></span></p>
<ul>
<li>There are not many design or UX books available on audiobook, which sucks.  That category would be far more populated otherwise.</li>
<li>My work in science UI this year, particularly chemistry, was an obsession. My reading list shows that.</li>
<li>I didn&#8217;t list my abandoned books here, but they were all fiction.   I only got through 4 works of fiction, 2 of which were extremely short.  I just don&#8217;t have much patience for it these days.  The one novel I did inhale was Jonathon Lethem&#8217;s Chronic City &#8211; which I loved.</li>
<li>I rely on Audible.com&#8217;s sales quite a bit, so my list has some stinkers on it because of that fact.  Just not everything  I really want to read is affordable.</li>
<li> My favorite book of the year was the Selfish Gene.  It totally changed my understanding of the world and evolution, and is a masterpiece of science writing.  My favorite last year was Stephen Pinker&#8217;s The Blank Slate, and it is clear to me that Dawkins and Pinker are a cut above everybody else in terms of lucid thinking and clear writing style.</li>
<li>My least favorite book of the year was probably &#8220;One Second After&#8221; &#8211; a post-apocalyptic novel about an ElectroMagnetic Pulse attack on the US.  I should have known I would hate it when I saw that the forward was written by Newt Gingrich.  It&#8217;s full of paranoid spirit, gun toting bravado, and a deep sense of American exceptionalism.     It makes it clear that exactly the kind of narrow minds that persecuted Oppenheimer during the &#8220;red scare&#8221; of the 1950s are still a force in American life.</li>
<li>I also read endless and overlapping books on innovation and business, some of which were pretty lame.    Avoid the Power of Pull, Changing the Game, Wired to Care,  How Pleasure Works, The Pursuit of Perfect and Drive.   They&#8217;re all trying to do the Gladwell thing, and none of them really needed to be written.</li>
<li>The most mind-blowing books of my year were Biocentrism and the Ego Tunnel, which both make a convincing case that the universe and everything in it is generated by our own perception.</li>
<li>My other favorites were Good to Great by Jim Collins, a book I&#8217;ve quoted almost as much as I did the 4-hour Work Week last year, and Talent is Overrated, which instilled the idea of deliberate practice in me.</li>
</ul>
<h2>Science &amp; Technology</h2>
<p>MUST READ: <a href="http://amzn.to/hLS0NR">The Selfish Gene</a>, by Richard Dawkins</p>
<p><a href="http://amzn.to/gU1SNj">American Prometheus: The Triumph &amp; Tragedy</a> of J. Robert Oppenheimer by Kai Bird &amp; Martin Shirwood</p>
<p><a href="http://amzn.to/fBj8qh">The Science of Formula One Design</a>, by David Tremayne</p>
<p><a href="http://amzn.to/ebDZ8R">Proofiness</a>, The Dark Arts of Mathematical Deception by Charles Siefe</p>
<p><a href="http://amzn.to/fYN6FG">Don&#8217;t be Such a Scientist</a>, by Randy Olson</p>
<p><a href="http://amzn.to/gFAqfC">The Myth of Alzheimers</a>, by Peter J. Whitehouse</p>
<p>MUST READ: <a href="http://amzn.to/dIzn0V"> Biocentrism</a>, by Richard Lanza</p>
<p><a href="http://amzn.to/exzCO6">101 Theory Drive</a>, by Terri McDermott</p>
<p><a href="http://amzn.to/i86eWK">Endless Forms Most Beautiful</a>, by Sean B. Carroll</p>
<p><a href="http://amzn.to/gNJena">The Demon Under the Microscope</a>, by Thomas Hager</p>
<p><a href="http://amzn.to/eDL6Mp">Science Matters</a>, by James Trefil, Robert M. Hazen</p>
<p><a href="http://amzn.to/fgWnFb">A Short History of Nearly Everything</a>, by Bill Bryson</p>
<p><a href="http://amzn.to/eKVNe3">The Ego Tunnel</a>, by Thomas Metzinger</p>
<p><a href="http://amzn.to/hILIse">The Brain that Changes Itself</a>, by Norman Doidge</p>
<p><a id="aptureLink_0WMNYocn9D" href="http://www.amazon.com/gp/product/0192804340?tag=sostux-20">Particle Physics: a Very Short Introduction, by Frank Close</a></p>
<h2>History, Philosophy &amp; Social Science</h2>
<p><a href="http://amzn.to/hL5GKZ">Thus Spoke Zarathustra</a>, by Freidrich Neitzsche</p>
<p>MUST READ: <a href="http://amzn.to/dQapvP">The Philosophy of Freidrich Neitzsche</a>, by H.L. Mencken</p>
<p><a href="http://amzn.to/esk3qe">Man&#8217;s Search for Meaning</a>, by Victor Frankl</p>
<p><a href="http://amzn.to/geow1m">Walden</a>, by Henry David Thoreau</p>
<p><a id="aptureLink_NyExQQhXvr" href="http://www.amazon.com/gp/product/0060916575?tag=sostux-20">Intellectuals</a>, by Paul Johnson</p>
<p><a id="aptureLink_BJMtfHgimk" href="http://www.amazon.com/gp/product/1439171211?tag=sostux-20">The Moral Landscape, by Sam Harris</a></p>
<p><a id="aptureLink_XKAqjoXYRX" href="http://www.amazon.com/gp/product/1592403956?tag=sostux-20">Our Magnificent Bastard Tongue, by John McWhorter</a></p>
<p><span style="font-size: 15.6px;"><a id="aptureLink_IgpOTiZT8S" href="http://www.amazon.com/gp/product/0316734918?tag=sostux-20">The Evolution of God</a></span>, by Robert Wright</p>
<h2>Design, Interaction Design, &amp; Information Science</h2>
<p><a id="aptureLink_zmnj7YW8NV" href="http://www.amazon.com/gp/product/1600614191?tag=sostux-20">Box, Bottle, Bag: The World&#8217;s Best Packaging Design, by Andrew Gibbs</a></p>
<p><a id="aptureLink_hc21YLn1yZ" href="http://www.amazon.com/gp/product/B003DYZYBK?tag=sostux-20">Information, by Luciano Floridi</a></p>
<p><a id="aptureLink_kc7k1trjXt" href="http://rosenfeldmedia.com/books/prototyping/">Prototyping, by Todd Ziki Warfel</a></p>
<p><a id="aptureLink_xJwrgerQd0" href="http://undercoverux.com/">Undercover UX, by Cennydd Boyles</a> &amp; James Boxx</p>
<p><a id="aptureLink_VCApkGsmop" href="http://www.amazon.com/gp/product/1594202532?tag=sostux-20">Cognitive Surplus, by Clay Shirky</a></p>
<h2>Business &amp; Innovation</h2>
<p>MUST READ: <a id="aptureLink_T9n9eOtVsQ" href="http://www.amazon.com/gp/product/0066620996?tag=sostux-20">Good to Great, by Jim Collins</a></p>
<p><a id="aptureLink_JorEyOkBoJ" href="http://www.amazon.com/gp/product/0471208884?tag=sostux-20">Bloomberg by Bloomberg</a>, by Michael Bloomberg</p>
<p>MUST READ: <a id="aptureLink_GlxcdUXFDl" href="http://www.amazon.com/gp/product/0470466502?tag=sostux-20">The Death of Capital, by Michael E. Lewitt</a></p>
<p><a id="aptureLink_hTP7XuZ1NG" href="http://www.amazon.com/gp/product/1846142865?tag=sostux-20">Too Big to Fail, by Andrew Ross Sorkin</a></p>
<p><a id="aptureLink_GXH1l8PqLW" href="http://www.amazon.com/gp/product/1591841062?tag=sostux-20">Brand it Yourself, by Lynn Altmann</a></p>
<p><a id="aptureLink_sxkjWyZRCW" href="http://www.amazon.com/gp/product/0307463745?tag=sostux-20">Rework, by Jason Fried &amp; David Heinemeier Hansson</a></p>
<p><a id="aptureLink_B0o2INRhOC" href="http://www.amazon.com/gp/product/1591842336?tag=sostux-20">Tribes, by Seth Godin</a></p>
<p><a id="aptureLink_YbQowAhzX5" href="http://www.amazon.com/gp/product/0618784608?tag=sostux-20">The Numerati, by Stephen Baker</a></p>
<p><a id="aptureLink_zT14YBB8ya" href="http://www.amazon.com/gp/product/1594487715?tag=sostux-20">Where Good Ideas Come From, by Steven Johnson</a></p>
<p><a id="aptureLink_zeM5d3dXRS" href="http://www.amazon.com/gp/product/0465019358?tag=sostux-20">The Power of Pull, by John Hagel, John Seely Brown, and Lang Davison</a></p>
<p>MUST READ: <a id="aptureLink_kEtBWtAUA2" href="http://www.amazon.com/gp/product/1591842247?tag=sostux-20">Talent is Overrated, by Geoff Colvin</a></p>
<p><a id="aptureLink_eX1XPwdaoX" href="http://www.amazon.com/gp/product/013714234X?tag=sostux-20">Wired to Care, by Dev Patnaik</a></p>
<p><a id="aptureLink_GqglJ3JyWJ" href="http://www.amazon.com/gp/product/013235781X?tag=sostux-20">Changing the Game, by David Edery &amp; Ethan Mollick</a></p>
<p><a id="aptureLink_uE8MxeBOqR" href="http://www.amazon.com/gp/product/1594488843?tag=sostux-20">Drive: The Surprising Truth about What Motivates Us, by Daniel Pink</a></p>
<h2>Fiction</h2>
<p><a id="aptureLink_pNzdLwsExX" href="http://www.amazon.com/gp/product/0451526341?tag=sostux-20">Animal Farm, by George Orwell</a></p>
<p><a id="aptureLink_8P8JHCqEOv" href="http://www.amazon.com/gp/product/0375751513?tag=sostux-20">The Picture of Dorian Gray, by Oscar Wilde</a></p>
<p><a id="aptureLink_wGVYaDz2oK" href="http://www.amazon.com/gp/product/0385518633?tag=sostux-20">Chronic City, by Jonathon Lethem</a></p>
<p><a id="aptureLink_o8mGFy7pJx" href="http://www.amazon.com/gp/product/0765317583?tag=sostux-20">One Second After, by William R. Forstch</a>en</p>
<p><a id="aptureLink_Dt3J2Zkfjl" href="http://www.amazon.com/gp/product/0553573314?tag=sostux-20">The Diamond Age, by Neil Stephenson (re-read)</a></p>
<h2>Psychology</h2>
<p><a id="aptureLink_K7bUF6yIi0" href="http://www.amazon.com/gp/product/0071608826?tag=sostux-20">The Pursuit of Perfect, by Tal Ben-Shahar</a></p>
<p><a id="aptureLink_ezYVtLUvCO" href="http://www.amazon.com/gp/product/0731810368?tag=sostux-20">50 Self Help Classics, by Tom Butler-Bowden</a></p>
<p><a id="aptureLink_50OLs90Nza" href="http://www.amazon.com/gp/product/0465028012?tag=sostux-20">The Happiness Hypothesis, by Jonathan Haidt</a></p>
<p><a id="aptureLink_QlPFTD8NZW" href="http://www.amazon.com/gp/product/1846682371?tag=sostux-20">Breakfast with Socrates, by Robert Rowland Smith</a></p>
<p><a id="aptureLink_A3E4rat23D" href="http://www.amazon.com/gp/product/0201523418?tag=sostux-20">Mindfulness, by Ellen J. Langer</a></p>
<p><a id="aptureLink_xuhXYOQzNB" href="http://www.amazon.com/gp/product/0393066320?tag=sostux-20">How Pleasure Works, by Paul Bloom</a></p>
<h2>Miscellaneous Nonfiction</h2>
<p><a id="aptureLink_HWGJpefsqF" href="http://www.amazon.com/gp/product/0743250605?tag=sostux-20">The Know it All, by A.J</a><span style="font-size: 15.6px;"><a id="aptureLink_HWGJpefsqF" href="http://www.amazon.com/gp/product/0743250605?tag=sostux-20">. Jacobs</a></span></p>
<p><span style="font-size: 15.6px;">MUST READ: <a id="aptureLink_cQ1t0Yxxpe" href="http://www.amazon.com/gp/product/1594201455?tag=sostux-20">In Defen</a></span><a id="aptureLink_cQ1t0Yxxpe" href="http://www.amazon.com/gp/product/1594201455?tag=sostux-20">se of Food, by Michael Pollan</a></p>
<p><a id="aptureLink_cv5qiB6DQm" href="http://www.amazon.com/gp/product/1594200823?tag=sostux-20">The Ominvore&#8217;s Dilemma, by Michael Pollan</a></p>
<p><a id="aptureLink_mKgte4aOJb" href="http://www.amazon.com/gp/product/0385312660?tag=sostux-20">Second Nature, by Michael Pollan</a></p>
<p><a id="aptureLink_VQq3fumvsd" href="http://www.amazon.com/gp/product/0670020346?tag=sostux-20">Anti-cancer, by David Servan-Shreiber</a></p>
<p><a id="aptureLink_4m4ROXUpxR" href="http://www.amazon.com/gp/product/082641673X?tag=sostux-20">The Rolling Stones: Exile on Main Street (33 &amp; 1/3)  by Bill Janovitch</a></p>
<p>MUST READ: <a id="aptureLink_3bqNJQuV0a" href="http://www.amazon.com/gp/product/0374522669?tag=sostux-20">Adventures on the Wine Route, by Kermit Lynch</a></p>
<p><a href="http://amzn.to/hICdaY">Open: An Autobiography</a> by Andre Aggassi</p>
<p><a id="aptureLink_AyuVjZkuEv" href="http://www.amazon.com/gp/product/0307378799?tag=sostux-20">Tokyo Vice by Jake Adelstein</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/reviews/my-reading-list-in-2010/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Great Moments in UI: The Bloomberg Terminal</title>
		<link>http://www.solidstateux.com/reviews/great-moments-in-ui-the-bloomberg-terminal/</link>
		<comments>http://www.solidstateux.com/reviews/great-moments-in-ui-the-bloomberg-terminal/#comments</comments>
		<pubDate>Mon, 06 Dec 2010 03:27:03 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[emotional design]]></category>
		<category><![CDATA[UI classics]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1654</guid>
		<description><![CDATA[


I am fascinated with the Bloomberg terminal and its inscrutable interface.   To use it is to be at the center of an elite membership of global financerati.  If one of these $1500 a month machines is on your desk, for your exclusive use, it is a sign of your arrival.  Everything about [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<div id="attachment_1883" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-1883" title="CDS_frenzy" src="http://www.solidstateux.com/wp-content/uploads/2010/12/CDS_frenzy1-300x218.jpg" alt="" width="300" height="218" /><p class="wp-caption-text">A screen comparing Credit Default Swap prices on the iconic Bloomberg terminal.</p></div>
<p>I am fascinated with the Bloomberg terminal and its inscrutable interface.   To use it is to be at the center of an elite membership of global <em>financerati</em>.  If one of these $1500 a month machines is on your desk, for your exclusive use, it is a sign of your arrival.  Everything about its physical presence communicates its primary affordance, exclusivity. The outward appearance, which has changed little since the introduction of the original &#8220;Bloomberg Box&#8221; in the early 1980s, seems to say <em>you&#8217;re probably too stupid to even use me</em>.<em> But if I&#8217;m on your desk, then you, my friend, are one serious cat.</em></p>
<p style="text-align: left;"><span id="more-1654"></span>Perhaps my personal fascination stems from my six years working at Reuters, who, along with Dow Jones, invented the market for real-time computerized financial data only to watch themselves become marginalized by Bloomberg on one side (the high end of the market) and Thomson on the other  (the low end of the market.)    In the mid-1990s if you had a Reuters terminal on your desk you were probably a retail equities trader in Omaha, not a swinging dick, master-of-the-universe type in New York or London.  This competitive weakness, which led to severe troubles at the company, affected me personally.   As I was being laid off in 2003, along with my entire department, I am certain that I muttered <em>Damn you, Bloomberg!</em> more than once.</p>
<p style="text-align: left;">
<div id="attachment_1887" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1887" title="laguardia" src="http://www.solidstateux.com/wp-content/uploads/2010/12/laguardia1-600x451.jpg" alt="" width="600" height="451" /><p class="wp-caption-text">This Bloomberg terminal is available for public use at La Guardia airport. </p></div>
<p style="text-align: left;">I also live in New York City, where the billionaire founder of the company, Michael Bloomberg, went on to become our iconoclastic and effective three term mayor.  His long reign has overlapped with practically my entire tenure here, and it&#8217;s hard to argue that he has been anything short of a windfall for the world&#8217;s most ungovernable city. This second act incarnation as a hyper-competent public reformer only deepens my interest in the factor behind his original success.    His fortune, with his Bermuda weekend place and his helicopters and his Upper Eastside townhouse, was built on the back of this clumsy black retro terminal with its arcane devotion to keyboard shortcuts and an MS-DOS era interface.</p>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">But really, when I think about it most deeply,  I&#8217;m obsessed with the insidious aura of the machine itself.  It was  at the center of every last one of the financial calamities that have marked the past decade.  The machine stands as an enduring reminder that some of the best and brightest brains of our generation have squandered their talent in the pursuit of ruinous financial engineering.   To think of the sheer number of credit default swaps, sub-prime MBSs, and other troubled asset crapola that traded hands as people were staring at this interface is truly astounding.   Sure, that&#8217;s like blaming the axe for the bloody killing spree, but think about it.  There were many, many players and personalities involved in the &#8220;systemic&#8221; nature of the financial crisis,  but the Bloomberg was always in the room.</p>
<p style="text-align: left;">
<div id="attachment_1921" class="wp-caption aligncenter" style="width: 605px"><a href="http://www.nytimes.com/slideshow/2008/09/15/us/0915-MARKETS_2.html"><img class="size-full wp-image-1921" title="ny_times_BGC_partners" src="http://www.solidstateux.com/wp-content/uploads/2010/12/ny_times_BGC_partners.jpg" alt="" width="595" height="411" /></a><p class="wp-caption-text">It&#39;s not difficult to find pictures of devastated looking traders in front of their Bloomberg terminals circa 2008, at the height of the financial crisis.  This one is from the NY Times.</p></div>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">I have tried to use a Bloomberg terminal only once.  It was set-up in the departure lounge at La Guardia airport for one of the shuttle flights between New York and Boston.   I was traveling with Mark Safire, my first mentor in this field, on the way somewhere to conduct a usability study for a client.  We started playing with the terminal and, after about a minute, were giggling and cracking jokes about it.  Others, whose job it was not to make fun of obscurantism in the design of computer interfaces, probably would not have been amused (intimidated, more likely).   Bloomberg apologists would surely be unconcerned by our ridicule.  In fact, I can imagine them leaning back in their chairs, ordering another bottle of Vosne Romanee, and toasting the fact that the plebes are still unaware of the true power of the machine.</p>
<blockquote style="text-align: left;"><p><strong>The only valid reason explaining why the Bloomberg design will  not change is the behavior of its users. Users who favor complexity and  clutter over efficiency and clarity to sustain a fictive status symbol.  &#8211; UX Magazine<br />
</strong></p></blockquote>
<p style="text-align: left;">The last time I was this disoriented in front of a computer was when I was 14 playing the adventure game, Zork, on my Apple IIc.   The Zork interface, which was nothing but a command line prompt, required a user to type in text commands and then see what would happen.  In Zork, I eventually had to draw my own map on a sheet of notebook paper so I could retain a mental model of the game&#8217;s environment somewhere outside of my own short-term memory.  With my home-grown navigational aid, I transformed the tacit into the explicit, and I was forced to do this completely outside of the context of the product and its design.   The Bloomberg also relies on a lot of external context development for successful use.  Some of this context comes in the form of the training workshops, extensive help resources, or the on-screen cheat sheets that the company provides.  The proprietary keyboard design, with its custom hard-keys that are a necessary part of most user interactions, is another non-UI technique to put usage queues out there &#8220;in the world.&#8221;  Most knowledge on how to use the Bloomberg is developed, Zork-like, over time, within the mind of the user by sheer trial and error.   To learn to master the Bloomberg on a Wall Street trading floor is part of the testosterone-fueled, gamified climate of the place.  It is not difficult to find Bloomberg users who use the term &#8220;addiction&#8221; when talking about how they feel about using it.  If it was made any easier to use, say with a cutesy &#8220;point and click&#8221; interface, graphics, white-space, readable typography, careful use (versus garish use) of contrast, or any other attempt at &#8220;user-friendliness,&#8221; then the whole point of the thing is at risk.    It&#8217;s like a scratch golfer who favors a forged iron blade over one of those big cast aluminum blades like Ping first introduced in the 1980s.  The sweet spot is the size of a dime on the forged club but the expert golfer considers it to be purpose-built, and therefore superior, to the club that&#8217;s designed to be more forgiving for those who never learned to swing the thing in the first place.</p>
<p style="text-align: center;">
<div id="attachment_1878" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1878" title="mission_control" src="http://www.solidstateux.com/wp-content/uploads/2010/12/mission_control-600x409.jpg" alt="" width="600" height="409" /><p class="wp-caption-text">Look no further than NASA&#39;s Mission Control to see the source of the Bloomberg&#39;s screen design cues.   It is the look of serious people doing serious business.</p></div>
<div id="attachment_1879" class="wp-caption aligncenter" style="width: 410px"><img class="size-full wp-image-1879 " title="country_heatmap" src="http://www.solidstateux.com/wp-content/uploads/2010/12/country_heatmap.jpg" alt="" width="400" height="285" /><p class="wp-caption-text">A heatmap visualization of oil prices in the U.S. on a Bloomberg Terminal.  The look is right out of a spy movie.</p></div>
<p style="text-align: left;">The reflective aspects of the Bloomberg&#8217;s design success are well understood.  When IDEO redesigned the terminal, celebrity make-over style, for the magazine <em>Portfolio</em> in 2007, they acknowledged the fact that customers prided themselves on their ability to navigate the complex machines and went so far as to work in a game-like system where users&#8217; expertise was tracked and displayed publicly to other users. (Note: this design was passed on by Bloomberg L.P. and never saw the light of day.)  Jakob Nielsen, interviewed for the same article, praised the terminal for its flexibility in letting users configure their screens into &#8220;data dumps&#8221; &#8211; useful for scanning and pattern recognition &#8211; but dismissed other aspects of the design such as its use of black backgrounds and contrasty yellow or orange text and graphic colors.   But as you can see if you look at my post on<a href="http://www.solidstateux.com/interaction-design/the-user-experience-of-f1-telemetry/"> F1 Telemetry interfaces</a>, the black background on terminal-style interfaces is an established idiom in serious &#8220;engineering&#8221; cultures where real-time, data centric analysis is high-stakes business.  This look and feel is clearly cultivated, and If you want to know where it originates, bringing to bear the full emotional and dramatic weight of <em>serious people conducting serious business</em>, look no further than NASA&#8217;s mission control.   Finance may not be exactly &#8220;engineering,&#8221; but in our modern world of quantitative trading and complex derivatives, I doubt anybody ever looked over someone&#8217;s shoulder who is using a Bloomberg terminal and said &#8220;Dude, this isn&#8217;t rocket science.&#8221;  These days, it more or less is.</p>
<p style="text-align: left;">
<div id="attachment_1875" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1875" title="IDEO_redesign" src="http://www.solidstateux.com/wp-content/uploads/2010/12/IDEO_redesign1-600x296.jpg" alt="" width="600" height="296" /><p class="wp-caption-text">The IDEO redesign of the Bloomberg Terminal that was done for a feature in Portfolio Magazine in 2007.</p></div>
<p style="text-align: left;">
<p style="text-align: left;">Bloomberg&#8217;s early advantage in the market data terminal business was in the proprietary analytics built-in to the terminal, particularly for bond traders, not in the real-time &#8220;ticker&#8221; information.   Real-time price data was, and remains, a commodity.    It&#8217;s the capability of using it for value-added analysis, and perhaps the perception of being purpose-built for analysis, that really makes this thing sing.  When Bloomberg users cite reasons for why they love their machine, they define it as the very essence of usability, not complexity.   In fact, its weaknesses from a design perspective are often the very elements that the users praise.   Its contrasty interface is lauded for the ability to be started at for hours upon hours with minimal eyestrain.   The keyboard shortcuts are viewed as some sort of advanced &#8220;help&#8221; system.  Read this blog post, <a href="http://www.globalcitizenexperiment.com/2010/06/06/6-reasons-i-love-bloomberg-the-terminal/">6 reasons I love my Bloomberg</a>, to see what I mean.   The best design choices in the Bloomberg, like the integrated 24/7 real-time help that&#8217;s available by pressing a function key, are what most people in my profession would consider anti-design choices.  But users are cultish in their devotion to Bloomberg exactly because of these sorts of features.   Let&#8217;s face it, these people know their audience.   The Bloomberg terminal&#8217;s branding success was in being able to successfully position itself as something developed by a trader, for traders.   The fact that the terminal&#8217;s functionality and design reinforces this message down to the last keystroke is why it belongs in the emotional design hall of fame.</p>
<h4 style="text-align: left;">Further Reading from Around the Web:</h4>
<p style="text-align: left;"><a href="http://www.portfolio.com/culture-lifestyle/goods/gadgets/2007/07/09/Bloomberg-Terminals-Design/index1.html">Screen Gems</a>,  Portfolio Magazine</p>
<p style="text-align: left;"><a href="http://www.uxmag.com/design/the-impossible-bloomberg-makeover">The Impossible Bloomberg Makeover</a>,  UX Magazine</p>
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/reviews/great-moments-in-ui-the-bloomberg-terminal/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Kami no Shizuku (The Drops of the Gods) and Scanlations</title>
		<link>http://www.solidstateux.com/reviews/kami-no-shizuku-the-drops-of-the-gods-and-scanlations/</link>
		<comments>http://www.solidstateux.com/reviews/kami-no-shizuku-the-drops-of-the-gods-and-scanlations/#comments</comments>
		<pubDate>Tue, 05 Oct 2010 18:22:17 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Reviews]]></category>
		<category><![CDATA[comics]]></category>
		<category><![CDATA[educational media]]></category>
		<category><![CDATA[manga]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1820</guid>
		<description><![CDATA[Shizuku is approachable, a bit scruffy and rebellious, but with a pedigree inherited from his deep family roots in the wine business.  He is modeled after Bordeaux.  Issei inherits his personality from Burgundy &#8211; tight and complex, arrogant, and, well, ok let&#8217;s just say it &#8211; anal.   These are the dueling [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1823" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-1823 " title="cover)image" src="http://www.solidstateux.com/wp-content/uploads/2010/10/coverimage-300x221.png" alt="" width="300" height="221" /><p class="wp-caption-text">Educational media that works: the wacky wine manga, Kami no Shizuku</p></div>
<p>Shizuku is approachable, a bit scruffy and rebellious, but with a pedigree inherited from his deep family roots in the wine business.  He is modeled after Bordeaux.  Issei inherits his personality from Burgundy &#8211; tight and complex, arrogant, and, well, ok let&#8217;s just say it &#8211; anal.   These are the dueling protagonists in the Japanese wine themed comic &#8211; Kami no Shizuku.  This is a wine nerd&#8217;s fantasy, a place where a cultured young lad can score babes with a bit of daredevil decanting.  Yes, that&#8217;s right &#8211; <em>decanting</em> &#8211; as in pouring wine out of the bottle in which it was shipped into another vessel for aeration purposes.  It&#8217;s also known for it&#8217;s passionate descriptions of drinking wine and it&#8217;s off-kilter tasting analogies.  The comic series is so insanely popular in Japan and Korea that the wines it mentions sell out immediately.  It has even been remade as a very popular television program in Japan.  Kami targets young-ish men (mostly) and women, many of whom are in their  thirties, with the express goal of educating them on the basics of  being an insufferable old-world wine snob.  And it works!  While your average American in their thirties doesn&#8217;t know their left bank from their right bank (I&#8217;m talking about the Gironde river in Bourdeaux, of course, which I admit, I had to look up), young people in Japan and Korea are forking over $1000 euro for a bottle of <a href="http://www.dnaindia.com/lifestyle/report_japanese-wine-cartoon-makes-bordeaux-grower-famous_1444813">Chateau Le Puy</a> and reviving a whole export business in fancy French wines.    Obtaining a copy of this <em>manga</em> has become my obsession &#8211; but unfortunately I don&#8217;t read Japanese.  So what to do? Spend hours with a Kanji dictionary just to experience a 2001 Chateau Mont Perat compared to the &#8217;sweet and husky&#8217; voice of <em>Queen</em> lead singer, Freddy Mercury?</p>
<p><span id="more-1820"></span></p>
<div id="attachment_1824" class="wp-caption aligncenter" style="width: 392px"><img class="size-large wp-image-1824" title="10-5-2010 1-13-15 PM" src="http://www.solidstateux.com/wp-content/uploads/2010/10/10-5-2010-1-13-15-PM-382x600.png" alt="" width="382" height="600" /><p class="wp-caption-text">When Issei decants, every head turns.</p></div>
<div id="attachment_1827" class="wp-caption aligncenter" style="width: 430px"><img class="size-large wp-image-1827" title="decanting2" src="http://www.solidstateux.com/wp-content/uploads/2010/10/decanting2-420x600.png" alt="" width="420" height="600" /><p class="wp-caption-text">His decanting is not only delicate and courageous....</p></div>
<div id="attachment_1828" class="wp-caption aligncenter" style="width: 428px"><img class="size-large wp-image-1828" title="decanting3" src="http://www.solidstateux.com/wp-content/uploads/2010/10/decanting3-418x600.png" alt="" width="418" height="600" /><p class="wp-caption-text">It&#39;s also magnificent and jaw-dropping.</p></div>
<p style="text-align: left;">The manga market in the US &amp; UK is focused primarily on minors, who legally aren&#8217;t allowed to experience a &#8216;99 Richebourg in &#8220;full bloom&#8221; even if they could manage Shizuku&#8217;s high-wire aerial decanting technique &#8211; so it&#8217;s no wonder there are no plans in the works for an official published version in the English speaking world.   Only one option remains if you want to read this in English translation&#8230; enter the nerdy counter-culture of online comic book traders and find a &#8220;scanlation&#8221; (or unauthorized translated copy.) A while back, I asked some friends at <a href="http://www.randomhouse.com/delrey/manga/index.pperl">Del Ray Manga</a> to clue me into a couple of scan sites that have a taste of Kami no Shizuku in English.  One&#8217;s called <a href="http://www.mangafox.com/manga/kami_no_shizuku/v01/c001.0/2.html">mangafox.com</a> and the other is called <a href="http://ncismanga.net/wordpress/?page_id=19">ncismanga.net</a>.  Mangafox has the first two volumes in a very easy to access format &#8211; the pages render in large, crisp images directly in the browser with no annoying logging in or downloading involved.  By the time I check out Ncismanga, they have their download links disabled and are indicating one must use IRC to find and download the files, a technology not used in my house since the TRS-80 went on the fritz.   (On my own, I am able to find five subtitled segments of the popular Japanese TV version, with English subtitles, that are available at <a href="http://www.chevsky.com/2009/02/japanese-wine-drama-kami-no-shizuku.html">Iron Chevsky</a>&#8217;s wine blog.)  Mangafox hosts informal page scans that are translated by an online community of &#8220;scanlators&#8221;, who edit and upload the various pages.  The site has over a million daily visitors and 400,000 registered members.  Every once in a while, they take down a block of copyrighted material when a publisher complains loudly enough &#8211; but this is clearly a thriving world and it is unclear whether the manga publishers are troubled enough about it&#8217;s existence to do anything about it.  (note: OneManga, a large competitive site, was recently shut down <a href="http://robot6.comicbookresources.com/2010/07/breaking-scanlation-giant-one-manga-is-shutting-down/">under pressure</a> from publishers so the times they are a&#8217;changing)</p>
<div id="attachment_1831" class="wp-caption aligncenter" style="width: 389px"><img class="size-large wp-image-1831 " title="manga_fox" src="http://www.solidstateux.com/wp-content/uploads/2010/10/manga_fox-379x600.png" alt="" width="379" height="600" /><p class="wp-caption-text">Scanlation sites have informally translated copies of manga on them that are provided by a passionate community, but it is unclear whether publishers are concerned by the existence of these sites.</p></div>
<p>Ok. First lesson learned when it comes to reading manga translations &#8211; they make a lot more sense if you remember to read from right to left (although, this being Japanese pop culture&#8230; not as much as you&#8217;d think.)  In <em>anime</em> circles &#8211; of which I admittedly didn&#8217;t know existed until now &#8211; scanlations have a reputation for sloppy translations, particularly when it comes to the more subtle cultural references and idioms.    However, such awkward translations (if any) only add to the giddy delight and weirdness of reading Kami no Shizuku.  For instance, when our hero feels &#8220;sick in the back-teeth&#8221; from all the blathering from his annoying parents, it contributes cultural <em>terroir</em> to the story. I&#8217;m a wine guy, but it turns out that loads of people rightfully enjoy this as a pure manga experience &#8211; even without a strong interest in it&#8217;s wine aspects.  It has great art, a fun story line with dramatic tension, and even though it doesn&#8217;t have a lot of <em>shonen</em> (exaggerated martial arts style action), or <em>fan service </em>(POV style panty shots and other non-plot related sexual inferences), it&#8217;s surprisingly physical and in the spirit of the genre, especially given it&#8217;s fussy subject matter.<img class="size-full wp-image-396 alignleft" title="kami_no_shizuku_action_shot" src="http://theuncorker.com/wp-content/uploads/2009/03/kami_no_shizuku_action_shot.jpg" alt="kami_no_shizuku_action_shot" width="407" height="567" /></p>
<p>The plot is centered on Shizuku and Issei tracking down twelve great bottles of wine that will unlock the keys to the kingdom &#8211; which in this case is their deceased father&#8217;s priceless wine collection.  The plot unfolds with compelling twists and turns, but never hesitates to slow down and linger on the great delights of the wine itself.  Long sequences of detailed sniffing, swirling, and ecstatic facial expressions accompany most of the wine sequences &#8211; which are based on real wines with real vintages.  Despite the dated, and franco-philiac!, nature of their particular breed of wine snobbery, the characters show great emotion and reverence for the godly liquids they imbibe &#8211; and refreshingly never resort to a Parker-style rating system.  It&#8217;s this sort of enthusiasm that does exactly what a lot of wine criticism fails to do  &#8211; puts the fun back into talking about wine.   If wine is nothing else, it&#8217;s a rich mileau for storytelling, full of colorful characters and locations &#8211; which is captured perfectly here.  It is this enthusiasm and iconoclastic passion that makes Kami No Shizuku stand as an unlikely educational success story.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/reviews/kami-no-shizuku-the-drops-of-the-gods-and-scanlations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The User Experience of Organic Chemistry &#8211; Part 1: A Chemical Language</title>
		<link>http://www.solidstateux.com/interaction-design/the-user-experience-of-organic-chemistry-part-1-a-chemical-language/</link>
		<comments>http://www.solidstateux.com/interaction-design/the-user-experience-of-organic-chemistry-part-1-a-chemical-language/#comments</comments>
		<pubDate>Thu, 23 Sep 2010 17:02:59 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[scienceUI]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1677</guid>
		<description><![CDATA[Chemistry is one of the great non-verbal disciplines.  In so many ways it reminds me of music.  Atoms are too small to see, even with a microscope, so chemists must measure the invisible as spectra and then visualize the data as waveforms &#8211; just like audio engineers do with sound in applications like ProTools.  To [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1794" class="wp-caption alignleft" style="width: 354px"><img class="size-full wp-image-1794 " title="who_are_you_god?" src="http://www.solidstateux.com/wp-content/uploads/2010/09/who_are_you_god.png" alt="" width="344" height="232" /><p class="wp-caption-text">Who do you think you are, God? ChemDraw is smart enough to warn a user (with a red outline) when something is chemically impossible.  </p></div>
<p>Chemistry is one of the great non-verbal disciplines.  In so many ways it reminds me of music.  Atoms are too small to see, even with a microscope, so chemists must measure the invisible as spectra and then visualize the data as waveforms &#8211; just like audio engineers do with sound in applications like ProTools.  To express themselves, chemists draw things in complex symbolic notation &#8211; just like a composer draws sheet music.  Chemical structure drawings not only represent a molecule&#8217;s make-up, but also it&#8217;s spatial arrangement, information about it&#8217;s chemical properties, and it&#8217;s potential intermolecule interactions.  From their first days as students, chemists quickly learn to think in two-dimensional planes of geometric shapes such as hexagons and dashed lines, and rarely need to reach  for the English words to describe the same concepts (cyclohexane rings and partial  bonds, in case you were wondering).   By the time one is working as a professional in the field, the visual vernacular is not even questioned.  The complex notations are scrawled (by hand) in lab books and on fume  hoods, then ultimately plugged into a computer  in order to utilize  specialized search engines, lab-book software, PowerPoint presentations  to colleagues, and to illustrate scientific articles.  It is a natural, living language, bending itself over time as new abbreviations and rival ways of doing things are constantly introduced.</p>
<p><span id="more-1677"></span></p>
<div id="attachment_1765" class="wp-caption aligncenter" style="width: 472px"><a href="http://totallysynthetic.com/blog/?p=859"><img class="size-full wp-image-1765  " title="1937" src="http://www.solidstateux.com/wp-content/uploads/2010/09/1937.png" alt="" width="462" height="283" /></a><p class="wp-caption-text">In 1937, the structure drawing conventions were quite different.  Here every atom in the molecule is labeled independently.  Source:  TotallySynthetic.com </p></div>
<div id="attachment_1769" class="wp-caption aligncenter" style="width: 340px"><img class="size-full wp-image-1769 " title="geronic" src="http://www.solidstateux.com/wp-content/uploads/2010/09/geronic.png" alt="" width="330" height="257" /><p class="wp-caption-text">Today the molecule, Geranic Acid, is rendered in a greatly simplified shorthand.  Chemical structure notation is a living, breathing language.</p></div>
<p>A chemical has a common name (ex. <em>geranic acid</em>), like you might see in a drug advertisement, but there are so many different possibilities at the atomic level that this is trivial information to the scientist.  Chemicals have a longer, more specific name too, regulated in something called the IUPAC Gold Book (ex. <em>3,7-Dimethyl-2,6-octadienoic acid</em>), but nobody relies on these alone for identification because they are virtually impossible to remember.   A chemical formula, which looks like this C<sub>10</sub>H<sub>16</sub>O<sub>2</sub> and represents the exact amounts and order of each element in a structure is more descriptive but contains incomplete information.  Chemists need to see certain things &#8211; for instance, the nature of and relationship between the bonds, which is related to spatial geometry in three dimensions (referred to as stereochemistry).  One reason the visual information is so important is that molecules have &#8220;isomers,&#8221; which are chemical structures that are identical in chemical formula but differ in the structural relationship between their functional groups.  There are even some molecules that are identical in structure, but who don&#8217;t form super-imposable mirror images of one another because they lack an internal plane of symmetry.  Therefore they need to be annotated in their &#8220;R&#8221; and &#8220;S&#8221; orientations (R is the Latin <em>rectus</em> for right, and S from the Latin <em>sinister</em> for left). A compound called Carvone, for instance, smells like caraway in one orientation and spearmint in the other.  (This phenomenon, known to chemists as chirality, is well illustrated in this famous case study &#8211; &#8220;Two Enantiomers of  Carvone&#8221;).</p>
<div id="attachment_1816" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.chemguide.co.uk/basicorg/conventions/draw.html"><img class="size-full wp-image-1816" title="3d_notations" src="http://www.solidstateux.com/wp-content/uploads/2010/09/3d_notations.png" alt="" width="450" height="126" /></a><p class="wp-caption-text">Strait lines, hashed wedges, and bold wedges in chemical drawings are indications of 3d perspective.   Source: How to Draw Organic Molecules</p></div>
<div id="attachment_1813" class="wp-caption aligncenter" style="width: 606px"><img class="size-full wp-image-1813" title="long_names" src="http://www.solidstateux.com/wp-content/uploads/2010/09/long_names.png" alt="" width="596" height="235" /><p class="wp-caption-text">Most chemical compounds are easier to draw from memory than they are to name from memory.  Here a single structure is portrayed with it&#39;s two possible IUPAC chemical names beneath.</p></div>
<div id="attachment_1754" class="wp-caption aligncenter" style="width: 490px"><a href="http://onlinelibrary.wiley.com/doi/10.1002/3527601643.ch2/pdf"><img class="size-large wp-image-1754  " title="c3h6o" src="http://www.solidstateux.com/wp-content/uploads/2010/09/c3h6o-600x230.png" alt="" width="480" height="184" /></a><p class="wp-caption-text">The seven structure isomers of C3H6O.   Such variation of bonding arrangements between the same atoms is one reason that chemical drawing is the lingua franca of chemistry.  Source: Cheminformatics: A Textbook by Dr. Thomas Engel (Wiley)</p></div>
<p style="text-align: center;">
<div id="attachment_1755" class="wp-caption aligncenter" style="width: 226px"><img class="size-full wp-image-1755" title="carvone" src="http://www.solidstateux.com/wp-content/uploads/2010/09/carvone.png" alt="" width="216" height="162" /><p class="wp-caption-text">Orientation matters in chemistry.   The (S) variant of carvone smells like caraway, the (R) smells like spearmint.   </p></div>
<p>The molecules themselves exist in 3D space, so drawing them on   two-dimensional paper and computer screens introduces a problem of   perspective.  And perspective can literally be a life and death matter in chemistry (see the <a href="http://en.wikipedia.org/wiki/Thalidomide">Thalidomide disaster</a>, to understand why.)  Painters and graphic artists use tricks like foreshortening and  vanishing points to deal with perspective in portraying realistic  information about 3d orientation on a 2d plane, but it is actually quite rare to handle perspective in a  symbolic information system.  One example is geologic maps, which use  contour lines as stereodescriptors, but in other fields (architecture and engineering, for instance) 3d information is mostly handled in 3d (think AutoCAD).  Interestingly, in chemistry, 2D notation tends to work better and greatly speeds the chemist&#8217;s workflow, so its use is nearly ubiquitous.  3D formats exist, but they are marginalized to the areas of (1) chemical education (students need a considerable amount of time with physical models of molecules before they really understand the forces involved, but pro chemists have internalized this to such a degree that the such models are a hindrance to identification) and (2) biochemistry applications such as working with polymerized macromolecules like enzymes and proteins (but even here, 3D is used more as an analytical technique than it is for communication and calculations.)  What&#8217;s amazing is how complex the 2D stereo-chemistry notations are and how much practice it takes to truly master them.   The notations for basic orientation of elements, rings and bond-types are a  fairly straightforward collection of shapes, hashes, dashes, wedges, straight lines, dotted lines, and wavy lines.  Where things get tougher is when shapes are twisted into tetrahedral, trigonal, pyramidal, bipyramidal, planar, see-saw, and octahedral orientations.  According to a chemist friend of mine, drawing this stuff is not particularly intuitive and just gets learned by trial and error over years of schooling.  The common shapes get memorized (having names like &#8220;chair,&#8221; &#8220;boat,&#8221; and &#8220;other chair.&#8221;) Adding to these problems of perspective are problems of consistency and ambiguity.   Each journal has a house &#8217;style&#8217; for chemical drawings, but there are many subtle variations and a loose climate of enforcement among scientific editors &#8211; who realize that some labs have their own time-tested style and are hesitant to intervene.</p>
<p style="text-align: center;">
<div id="attachment_1762" class="wp-caption aligncenter" style="width: 610px"><a href="http://www.nature.com/nchembio/authors/submit/chemicalstyle.pdf"><img class="size-large wp-image-1762         " title="Sugars_in_flatland" src="http://www.solidstateux.com/wp-content/uploads/2010/09/Sugars_in_flatland-600x222.png" alt="" width="600" height="222" /></a><p class="wp-caption-text">Drawing sugars in flatland.  It&#39;s easy to draw a perfect hexagon, but as molecules add energy they go through &quot;conformations&quot; that require different geometry to render on a 2d plane, as you can see in these more complex shapes on the upper left.  Image Source:  Nature Chemical Biology Style Guide for Chemical Structures</p></div>
<p style="text-align: center;">
<div id="attachment_1773" class="wp-caption aligncenter" style="width: 430px"><img class="size-full wp-image-1773  " title="boat_chair_other_chair" src="http://www.solidstateux.com/wp-content/uploads/2010/09/boat_chair_other_chair1.png" alt="" width="420" height="106" /><p class="wp-caption-text">One way to remember how to draw the various conformations of cyclohexane molecules is to remember their handy nicknames, &quot;boat,&quot; &quot;chair,&quot; and &quot;other chair.&quot;</p></div>
<div id="attachment_1737" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1737  " title="9-27-2010 1-18-10 PM" src="http://www.solidstateux.com/wp-content/uploads/2010/09/9-27-2010-1-18-10-PM-600x383.png" alt="" width="600" height="383" /><p class="wp-caption-text">On this organic chemistry blog, 3D molecules appear, but always next to their standard 2D chemical structure notation.  The 2d version, with it&#39;s stereodescriptive annotations such as the hashed and solid black wedges, is the fastest way for a chemist to quickly size up the key information, such as &quot;Where are the bonds?&quot;</p></div>
<div id="attachment_1759" class="wp-caption aligncenter" style="width: 610px"><a href="http://totallysynthetic.com/blog/?p=859"><img class="size-large wp-image-1759        " title="Danishefsky_v_Corey" src="http://www.solidstateux.com/wp-content/uploads/2010/09/Danishefsky_v_Corey-600x201.png" alt="" width="600" height="201" /></a><p class="wp-caption-text">These are two chemical diagrams that ran in the same issue of JACS (a prestigious chemistry journal.)  They have two different styles.  Note the wedged hashes used as stereo-descriptors in Corey vs. the non-wedged hashes in Danishefsky.   While Danishefsky&#39;s version was done with intent (as a &quot;relative&quot; vs. absolute stereo perspective) It could potentially be misconstrued as a particularly thick partial bond.  One controversy here is the different uses of line weight between the two styles.  Danishevsky uses variable line weights to communicate information about the bond strength.  Source: TotallySynthetic.com </p></div>
<p>Constructing the structures in a computerized environment using a mouse introduces its own sort of problems and advantages.  In some ways, the modern chemical drawing application is a mere iteration away from its historic analog of plastic stencils and India ink.  A palette of simple shape tools allows one to quickly &#8220;hand-draw&#8221; a structure from predefined building blocks in a manner that&#8217;s only bested by, well, hand-drawing a structure with paper and pencil.  Where the programs shine is in the use of templates &#8211; where known compounds and functional groups can be quickly rendered by the program and then tweaked with the hand-drawing tools by the chemist.</p>
<div id="attachment_1789" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1789 " title="chem_bio_draw" src="http://www.solidstateux.com/wp-content/uploads/2010/09/chem_bio_draw-600x444.png" alt="" width="600" height="444" /><p class="wp-caption-text">ChemDraw, the leading chemical drawing software, has a very concise interface.  Element names themselves (represented by letters) do not appear in the tool-palette. They are more easily typed in, rather than chosen from a menu, because organic chemists only work with 5 out of the 118 elements on the periodic table.</p></div>
<div id="attachment_1790" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1790  " title="amino_acid_shorthand" src="http://www.solidstateux.com/wp-content/uploads/2010/09/amino_acid_shorthand-600x395.png" alt="" width="600" height="395" /><p class="wp-caption-text">Templates for known compounds and functional groups are powerful features of chemical drawing programs.  For instance, a 12 amino acid chain can be instantaneously rendered in ChemDraw by merely typing in a series of shorthand letters to describe each amino acid in the chain, then choosing the command &quot;expand label&quot; from the global menu bar. </p></div>
<div id="attachment_1792" class="wp-caption aligncenter" style="width: 302px"><img class="size-full wp-image-1792 " title="retrosynthesis_of_taxol" src="http://www.solidstateux.com/wp-content/uploads/2010/09/retrosynthesis_of_taxol.png" alt="" width="292" height="248" /><p class="wp-caption-text">Using templates as starting points for chemical drawing is fundamental. In this example - a retrosynthesis of taxol - separate templates for carbon rings, fused rings, aliphatic chains, groups, arrows, and reaction symbols were deployed, then hand-edited together.  Source:  Li, Wan, Shi, Ouyang (2004)</p></div>
<p>Once the structure is rendered, simple calculations, like molecular weight, are a snap.  The programs can also perform complex calculations, such as simulating the bond &#8220;fragmentation&#8221; that happens when a compound is subjected to measurement in a mass spectrometer.    3d models are instantly generated by most desktop chemical drawing software these days, which can then be used to bend the shape of a molecule into the correct conformation, while the program renders it simultaneously with it&#8217;s correct 2d shape and stereoindicators in a second window.</p>
<div id="attachment_1793" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1793" title="conformation" src="http://www.solidstateux.com/wp-content/uploads/2010/09/conformation-600x170.png" alt="" width="600" height="170" /><p class="wp-caption-text">ChemDraw&#39;s ability to instantly generate 3D versions of a structure is useful in understanding &quot;conformations,&quot; which is how a molecule twists it&#39;s bonds as energy is added.  By simultaneously rendering it&#39;s 2d structure format on the same screen, a chemist can see how to draw the correct notation.</p></div>
<p>Another useful set of tricks the programs provide is speeding along the information sharing process.  The American Chemical Society (ACS) notation style, as well as the style from most other major journals, can be automatically loaded into the software as a template, allowing a chemist to cut and paste the molecule into a PowerPoint or into their journal article submission directly. (Increasingly, publishers will ask for the ChemDraw files themselves, as static images like GIFs and PNGs used mostly in articles today to display structures will be replaced by more dynamic, functional formats like ChemML).  I mentioned before that chemical names and shorthand can be typed into the software and the programs will automatically draw the structure, but far more useful is the fact that it works the other way around: draw a structure and the program provides the proper chemical nomenclature and <a id="aptureLink_K20KOsdBdJ" href="http://en.wikipedia.org/wiki/International%20Chemical%20Identifier">InChl</a> metadata which allows for quick Google searching of what has been rendered on the sketchpad.  The programs also have elaborate shapes palettes that have nothing to do with chemical structures whatsoever, but might be useful for a chemist&#8217;s presentation.  For instance, a bevvy of common chemical glassware shapes  might be useful in order to demonstrate a particular laboratory method or set-up.  Such features allow something like ChemDraw to be used as a PowerPoint replacement tool &#8211; handling the full needs of composing slides &#8211; although strangely, it doesn&#8217;t have a &#8220;presentation mode.&#8221;</p>
<div id="attachment_1796" class="wp-caption aligncenter" style="width: 450px"><img class="size-full wp-image-1796" title="clipware" src="http://www.solidstateux.com/wp-content/uploads/2010/09/clipware.png" alt="" width="440" height="388" /><p class="wp-caption-text">ChemDraw is not only about structures. It&#39;s also the chemist&#39;s Visio &amp; PPT, allowing them to select from a wide variety of images and shapes to communicate chemistry concepts.  Here&#39;s one of the menus of lab glassware shapes, in case a chemist wants to illustrate an experimental set-up.</p></div>
<div id="attachment_1785" class="wp-caption aligncenter" style="width: 358px"><img class="size-full wp-image-1785  " title="2010-09-29_22.23.19" src="http://www.solidstateux.com/wp-content/uploads/2010/09/2010-09-29_22.23.19.png" alt="" width="348" height="259" /><p class="wp-caption-text">Besides journal articles, chemists communicate almost exclusively in PowerPoint.  One common complaint is getting ChemDraw structures into Powerpoint.  Copy and paste tends to generate low resolution images of the structures, since the images lose their anti-aliasing on the computer&#39;s clipboard.</p></div>
<p>CambridgeSoft (CS), who makes ChemDraw, has tendrils in all aspects of the chemist&#8217;s workflow.  ChemDraw, for instance, is integrated with CS&#8217;s E-Notebook software &#8211; which is intended as an electronic replacement for the chemist&#8217;s paper lab-book.   (In fact, if you&#8217;re wondering what CambridgeSoft&#8217;s ambitions are in the scientific market, I&#8217;ll just point out that their various programs for chemists are packaged as &#8220;ChemOffice,&#8221; a grandiose nod to Redmond style supremacy.)  In E-notebook, an organic chemist can create a new &#8220;page&#8221; for an experiment &#8211; just like they do in a paper lab-book.  Then they can drag a template for, say, Benzene onto the canvas and indicate that as their starting material.  Add a catalyst or a reagent.   Make a note about the solvent or what temperature is being used- then record information about the results (which for a chemist, is usually a digital file from the spectrometer that the CS software conveniently allows them to upload.)</p>
<p style="text-align: center;">
<div id="attachment_1808" class="wp-caption aligncenter" style="width: 483px"><img class="size-large wp-image-1808 " title="e_notebook" src="http://www.solidstateux.com/wp-content/uploads/2010/09/e_notebook-591x600.png" alt="" width="473" height="480" /><p class="wp-caption-text">A chemical experiment captured in CambridgeSoft&#39;s &quot;E-Notebook&quot; software.</p></div>
<p>While E-notebooks are theoretically powerful, I&#8217;ve discovered many barriers to usage in my conversations with organic chemists.   A major one is quite obvious:  while there are computers in an organic lab, they don&#8217;t typically exist within the chemist&#8217;s bench itself, and it&#8217;s hard to type with rubber gloves and goggles on.  Dry erase pens scrawled on the fume hoods work just fine, thank you.   Another barrier is just sheer comfort level and accuracy.  Many chemists still want to do calculations by hand and feel that a lot of cutting and pasting in tools like E-Notebook will lead to errors.  A third barrier is that the companies who make the software just didn&#8217;t think enough about the chemist&#8217;s actual workflow.  They are poorly integrated with other software (such as spectral analysis tools or simulation software).  But most of all, they are just overkill.  Look inside a chemists&#8217; lab-book and you typically see just a few notes about the parameters of the experiment &#8211; maybe a calculation or two.  The lab-work is generally not shared with colleagues until it is massaged and written up as a PowerPoint slide &#8211; so what&#8217;s the incentive to have it all tidily digitized? Industrial chemists, who are sometimes obligated to surrender their lab books in patent defenses, have a more powerful incentive to computerize all aspects of their workflow.  Therefore, it&#8217;s most likely that e-lab workflow tools will take hold in environments such as Pharma companies before they are widespread.</p>
<div id="attachment_1804" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1804" title="chemist_bench" src="http://www.solidstateux.com/wp-content/uploads/2010/09/chemist_bench-600x544.png" alt="" width="600" height="544" /><p class="wp-caption-text">The chemist&#39;s bench is no place for a computer.  Drawing structures on the fume hoods with a dry erase pen usually makes more sense.</p></div>
<div id="attachment_1803" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1803" title="labbook" src="http://www.solidstateux.com/wp-content/uploads/2010/09/labbook-600x564.png" alt="" width="600" height="564" /><p class="wp-caption-text">Most organic chemists have a comfort level with paper lab-books and calculators that is hard to match with software, thus the slow growth of &quot;E-Notebook&quot; software in chemistry labs.</p></div>
<p>While I&#8217;ve focused on the powerful desktop tools like ChemDraw in this post, there are several stripped down web-based structure editors in wide usage as well- mostly at publishers as a search interface for chemical journals and databases.  I&#8217;ll get more into the challenges of using structure drawings to look for things in Part 4 of this series, which deals with research and publication workflow.</p>
<h4>More reading on Solid State UX:</h4>
<p><a href="http://www.solidstateux.com/interaction-design/the-user-experience-of-organic-chemistry-part-2-nmr-spectroscopy/">The User Experience of Organic Chemistry &#8211; Part 2: NMR Spectroscopy</a></p>
<h4>More reading from around the web:</h4>
<p><a href="http://totallysynthetic.com/blog/?p=859">Some musings on chemical crawings&#8230;</a> TotallySynthetic.com</p>
<p><a href="http://pubs.acs.org/doi/abs/10.1021/ci049794h">Personal Experience with Four Kinds of Chemical Structure Drawing Software&#8230; </a>[Li, Wan, Shi, Ouyang (2004)]  *Requires ACS subscription</p>
<p><a href="http://www.chemguide.co.uk/basicorg/conventions/draw.html">How to draw Organic Molecules</a></p>
<p><!--more--></p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<p><!--Session data--></p>
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/interaction-design/the-user-experience-of-organic-chemistry-part-1-a-chemical-language/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>The User Experience of F1 Telemetry</title>
		<link>http://www.solidstateux.com/interaction-design/the-user-experience-of-f1-telemetry/</link>
		<comments>http://www.solidstateux.com/interaction-design/the-user-experience-of-f1-telemetry/#comments</comments>
		<pubDate>Mon, 30 Aug 2010 18:55:37 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[scienceUI]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1610</guid>
		<description><![CDATA[Formula One fans know that competing at auto racing&#8217;s highest level is as much an act of technological bravado as it is one of sport, and F1 teams are undoubtedly the sporting world&#8217;s must gluttonous consumers of information and statistics.  Telemetry refers to the automatic measurement and transmission of data  by wire, radio, or [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1649" class="wp-caption alignleft" style="width: 352px"><img class="size-full wp-image-1649 " title="brakes" src="http://www.solidstateux.com/wp-content/uploads/2010/08/brakes.png" alt="" width="342" height="218" /><p class="wp-caption-text">Despite the glowing brakes, you can&#39;t tell much about an F1 car&#39;s performance by just looking at it.</p></div>
<p>Formula One fans know that competing at auto racing&#8217;s highest level is as much an act of technological bravado as it is one of sport, and F1 teams are undoubtedly the sporting world&#8217;s must gluttonous consumers of information and statistics.  Telemetry refers to the automatic measurement and transmission of data  by wire, radio, or other means from a remote source &#8211; in this case, an F1 racing car moving at speeds up to 250mph.  Massive amounts of data are involved.  For example, 150,000 measurements are made by the Williams F1 BMW FW26&#8217;s on-board  computer from almost 200 separate sensors on the car during a typical test run.  All of this is shipped back to the pit lanes via live radio transmission or downloaded from the car&#8217;s on-board computer, and is then sent to engineers back home in the UK control room in Woking on dedicated pipes of fiber optics.   (There is a good reason F1 teams seek out sponsorships from telecoms companies such as Vodaphone.)  During actual races, around 25 key functions are actively monitored, with about 1MB of data per second sent back from the car.  Some stats won&#8217;t surprise you since you can monitor them on your own vehicle&#8217;s dashboard, such as engine revs, water and oil temperatures, ground speed and fuel.   However, you are unlikely to have a team of analysts scrutinizing the exact moment of your gear changes, your tire temperature, or your braking efforts.   What do the interfaces look like that these engineers are using?</p>
<p><span id="more-1610"></span></p>
<div id="attachment_1612" class="wp-caption aligncenter" style="width: 610px"><a href="http://www.nytimes.com/2010/06/27/automobiles/27TELEMETRY.html"><img class="size-large wp-image-1612 " title="F1-Williams_telemetry" src="http://www.solidstateux.com/wp-content/uploads/2010/07/F1-Williams_telemetry-600x415.png" alt="" width="600" height="415" /></a><p class="wp-caption-text">Photo of McLaren&#39;s Data Operations Center from a June 24,2010 NYTimes article.</p></div>
<p>The data from the car&#8217;s engine control unit (ECU) and a panoply of other sensors is dense and multivariate.  This being sport, those that need to interpret the data need to do so in real-time, as a quick decision may affect the outcome of the race.  The display configurations need to be highly flexible and personal, and show powerful relationships through visualizations.  McLaren engineers are so good at interpreting data like this in order to understand complex systems that they have been involved in modeling air-traffic and taxi-ways at Heathrow, the world&#8217;s busiest airport, as well as streamlining emergency room traffic at a London hospital.   What sorts of fancy software do they use? For the most part, the race engineers use MS Excel, which is hooked via ODBC to a special real-time relational database served directly from the pit lanes.   (To be exact, they use a special racing-oriented client built on top of Excel, typically one of two variants provided from McLaren Electronic Systems.   One is called ATLAS, the other is called System Monitor.  Both clients work with a special pair of servers connected to an advanced data acquisition system.  All teams use the same basic telemetry rig during the race as part of F1 regulations since 2008, but are free to use what they want during testing.)</p>
<p>ATLAS breaks out the various measures from the data acquisition system into three generic categories:</p>
<ul>
<li>Engine:  Revs per minute, fuel and oil pressure, water, oil, and exhaust temperatures, battery voltage, inlet air temperatures, and throttle position sensor.</li>
<li>Chassis:  Wheel speed, steering angle, braking and cornering g-forces, damper movement, brake pressure and temperature, suspension loads, tire pressure and temperature, and various air flow and air pressure measures around key points of the car.</li>
<li>Driver: basically anything controlled by the driver, such as throttle, gear, steering angle, and brake pressure.</li>
</ul>
<p>The sensors basically measure &#8220;anything and everything that  moves or gets warm,” according to Sir Frank Williams in a recent <a href="http://www.nytimes.com/2010/06/27/automobiles/27TELEMETRY.html">NYTimes article</a> on the subject.  Movement is measured through instruments such as dynamometers and air flow sensors.  Heat is measured with non-contact infra-red imaging (via thermal imaging, or thermography) and direct contact thermometers. The data from each sensor is split off as a separate &#8220;channel&#8221;, which the engineers can configure in their ATLAS client software.  When an engineer is configuring their display, they have a choice of display options for any given data-stream.   A single channel or combination of overlaid channels can be chosen for each tile in the monitoring interface.  Time-series plots, waveforms,  scatterplots,  and histograms are popular choices to visualize the datastreams themselves.  3d wireframe maps of the car and 2d maps of the circuit are common display backgrounds to data-map against.  Often two or more channels are overlaid &#8211; such as the delta time between laps over braking pressure &#8211; in order to tell a story with the data.  In order to do this, disparate measures must share a common scale &#8211; such as % based on pre-programmed thresholds.   This leads to a climate where each screen is set up to that users&#8217; preference &#8211; not unlike the market data terminals configured for financial traders.</p>
<div id="attachment_1625" class="wp-caption aligncenter" style="width: 507px"><img class="size-full wp-image-1625" title="an_atlas_waveform" src="http://www.solidstateux.com/wp-content/uploads/2010/08/an_atlas_waveform.png" alt="Example of a waveform visualization on an F1 datastream in the Atlas client." width="497" height="327" /><p class="wp-caption-text">Example of a waveform visualization using a datastream from an F1 car.  The software is Atlas, which is based on MS Excel connected to a real-time database via ODBC.</p></div>
<p style="text-align: center;">
<p>Race engineers are basically focused on two areas:  1) monitoring anything that can cause the car to break down, such as gearbox and various hydraulic temperatures, and 2) looking at areas that can be tuned during the race, such as the car&#8217;s differential (which allows the two rear wheels to spin at different rates and is crucial for things like corner entry and exit).   This year in F1 the regulations allow telemetry to be only one way -meaning that engineers can no longer radio changes directly to the car &#8211; but they use the information coming from the car to communicate strategy to the driver and make any changes they can in the pit lanes.  Drivers use the telemetry data to study their own input, such as braking, steering trajectories, and throttle.   You will see drivers looking at &#8220;traces&#8221; in the pit lanes to help monitor and improve their performance.</p>
<div id="attachment_1633" class="wp-caption aligncenter" style="width: 610px"><a href="http://www.jamesallenonf1.com/tag/f1-technical/"><img class="size-large wp-image-1633" title="telemetry_traces" src="http://www.solidstateux.com/wp-content/uploads/2010/08/telemetry_traces-600x340.png" alt="" width="600" height="340" /></a><p class="wp-caption-text">Example of the telemetry &quot;traces&quot; of driver inputs such as steering, braking, and throttle.  source: James Allen on F1</p></div>
<p>You will see, in any bank of monitors focused on telemetry data, that   about half of the screens have a black background and half of them have a   white background.  The black background displays tend to be time-series plots where the most important information to follow are the wavy lines &#8211; which are often high resolution, very subtly distinguished in terms of color, and closely packed to one another.  The black background provides excellent contrast against colors with high luminosity, such as yellow, or the alerting colors of green and red.  White background displays tend to be used for numeric data that is viewed in grid form, providing a quieter environment of increased scannability and readability.  There are no hard and fast rules here, however.  Partly the black backgrounds are cultural &#8211; a holdover from days when serious looking interfaces were called &#8220;terminals&#8221; and had a look and feel to match.</p>
<div id="attachment_1638" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1638 " title="telemetry_traces_3ng" src="http://www.solidstateux.com/wp-content/uploads/2010/08/telemetry_traces_3ng-600x503.png" alt="Telemetry traces of a single lap at Silverstone, shown as a histogram from logged data." width="600" height="503" /><p class="wp-caption-text">Telemetry traces from a single lap at Silverstone, displayed as a time-series plot from logged data.  Laps are marked with the thin purple lines (that extend above and below the grid lines.) Note how, as with many time-series data visualizations, the mere passage of time is not a good explanatory variable.  Things look very similar from the &quot;10,000 foot view.&quot;</p></div>
<p style="text-align: center;">
<div id="attachment_1639" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1639  " title="telemetry_traces4ng" src="http://www.solidstateux.com/wp-content/uploads/2010/08/telemetry_traces4ng-600x444.png" alt="" width="600" height="444" /><p class="wp-caption-text">Zooming in on turn 1 at Silverstone (&quot;Copse Corner&quot;.)  The Blue line is the throttle, the white line is the engine RPM, and the yellow line is the road speed.  You&#39;ll notice that road speed and throttle are tightly correlated. This is because F1 cars have very low inertia (they slow down rapidly when not accelerating).</p></div>
<p style="text-align: center;">
<div id="attachment_1642" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1642   " title="green_and_red_indicator" src="http://www.solidstateux.com/wp-content/uploads/2010/08/green_and_red_indicator1-600x475.png" alt="" width="600" height="475" /><p class="wp-caption-text">A real-time car monitoring interface is set up to warn the race engineer about key reliability indicators.   Green and red warning lights are used to create awareness of when conditions are within a safety threshold, and supporting data is nearby for troubleshooting.  Notice how some of the telemetry channels are grouped in buckets corresponding to the warning lights, but that they are spatially discontiguous.  Other channels do not correspond to the warning lights and are themed separately, such as &quot;car status.&quot;  The telemetry interfaces are, as a rule, highly personalized.</p></div>
<p>F1 engines are different from road car engines in a few notable ways, one of them being increased TE (thermal efficiency).  Of the fuel energy that is initially put into a cylinder, only about 1/3 emerges as horsepower in any engine &#8211; but an F1 car optimizes this by at least 30% using minutely controlled ignition timing, fuel flow to the cylinders, air flow, and via advanced materials in the engine&#8217;s construction.    All of this is accomplished through careful monitoring of the data in accordance with each team&#8217;s performance model.   F1 engines also rev outrageously high compared to an engine on a road car, or even other racing cars &#8211; up to 18K RPMs.  This generates an incredible amount of mechanical wear, which is another reason why F1 engines are carefully monitored during their short life spans (about 400km!).   Some parts, such as valves, need to be very lightweight to handle such rapid and repetitive movement.  This can create complex engine designs where software is needed to deal with the fragility.  But while all  F1 teams use the same information from the same ECU now, the exact data used to tune the engine varies and is a key part of race engineering strategy.</p>
<div id="attachment_1646" class="wp-caption aligncenter" style="width: 610px"><img class="size-large wp-image-1646 " title="rFactor" src="http://www.solidstateux.com/wp-content/uploads/2010/08/rFactor-600x479.png" alt="" width="600" height="479" /><p class="wp-caption-text">It&#39;s hard to snoop on a real F1 team&#39;s telemetry strategy due to the competitive nature of the sport, but enthusiasts can use the rFactor simulation software to supposedly get close to the real thing.  Here&#39;s a fictional look at various engine temperature parameters and how they respond to subtle changes to factors such as air intake, etc.</p></div>
<p>Some Formula One teams now provide the telemetry data from the car to the public, and an interesting sub-culture of mash-ups and experimental visualizations has emerged.</p>
<p style="text-align: center;">
<div id="attachment_1645" class="wp-caption aligncenter" style="width: 610px"><a href="http://blog.ouseful.info/2010/04/07/f1-data-junkie-driver-dna/"><img class="size-large wp-image-1645   " title="mashup3" src="http://www.solidstateux.com/wp-content/uploads/2010/08/mashup3-600x549.png" alt="" width="600" height="549" /></a><p class="wp-caption-text">A Driver DNA chart for Lewis Hamilton - not based on his biology, of course, but his driving habits such as throttle and braking.  This is an example of the sort of experimental visualizations that are now popping up since McLaren has made their telemetry stats public.  Source: OUseful.info </p></div>
<p>Further Reading from Around the Web:</p>
<p><a href="http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0000ck">Ask E.T.:  Formula 1 real-time telemetry (a discussion on Eward Tufte&#8217;s site)</a></p>
<p><a href="http://www.jamesallenonf1.com/tag/f1-technical/">F1 Technical: James Allen on F1 </a></p>
<p><a href="http://www.wired.co.uk/wired-magazine/archive/2010/04/features/work-smarter-mclaren?page=all">Work Smarter: McLaren (From Wired UK) </a></p>
<p><a href="http://www.babelgum.com/113455/telemetry-an-f1-car.html">Video: Telemetry in an F1 Car, Babelgum</a></p>
<p><a href="http://">Racing Under a Watchful Eye that&#8217;s a Thousand Miles Away (NY Times)</a></p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/interaction-design/the-user-experience-of-f1-telemetry/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>10 More Great Interaction Designs &#8211; in Cut and Folded Paper</title>
		<link>http://www.solidstateux.com/interaction-design/10-more-great-interaction-designs-in-cut-and-folded-paper/</link>
		<comments>http://www.solidstateux.com/interaction-design/10-more-great-interaction-designs-in-cut-and-folded-paper/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 21:19:28 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1549</guid>
		<description><![CDATA[A take on simple, satisfying interaction designs made out of that most humble of all materials &#8211; paper &#8211; is my most trafficked blog post ever, so I&#8217;ve gone out and found 10 more examples for you.  To begin with part one, go here.  Otherwise, continue after the jump.

1.Micro-fluidic Diagnostic Sheets , by George Whitesides [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-thumbnail wp-image-1565" title="dream_ball_2" src="http://www.solidstateux.com/wp-content/uploads/2010/06/dream_ball_2-150x150.png" alt="dream_ball_2" width="150" height="150" />A take on simple, satisfying interaction designs made out of that most humble of all materials &#8211; paper &#8211; is my most trafficked blog post ever, so I&#8217;ve gone out and found 10 more examples for you.  To begin with part one, go <a href="http://www.solidstateux.com/reviews/10-great-interaction-designs-in-cut-folded-paper/">here</a>.  Otherwise, continue after the jump.</p>
<p><span id="more-1549"></span></p>
<p>1.Micro-fluidic Diagnostic Sheets , by George Whitesides Lab @ Harvard University</p>
<p style="text-align: left;">Simple paper sheets that use advanced chemistry to cheaply diagnose a range of diseases.  A small drop of liquid, such as blood or urine, wicks in through the corner or back of the paper and passes through channels to special testing zones.  Not only are they small, simple, and inexpensive &#8211; they are beautiful.<br />
<img class="aligncenter size-large wp-image-1551" title="white_sides" src="http://www.solidstateux.com/wp-content/uploads/2010/06/white_sides-447x600.png" alt="white_sides" width="358" height="480" /></p>
<p>2.Teabag Coasters , by Yuree S Lim and Jleun Yang</p>
<p>These may not help to cure world diseases, but these delightful teabag covers also embrace the science of micro-fluidics.   Placing a soaked bag on top of the empty package it came in reveals artwork.  I love the way they embrace a common user behavioral &#8220;externality&#8221; (e.g. resting the wet teabag on the package it came in) and turn it into beautiful, interactive fun.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1553" title="teabag_1" src="http://www.solidstateux.com/wp-content/uploads/2010/06/teabag_1.png" alt="teabag_1" width="430" height="322" /><img class="aligncenter size-full wp-image-1554" title="teabag_2" src="http://www.solidstateux.com/wp-content/uploads/2010/06/teabag_2.png" alt="teabag_2" width="428" height="343" /></p>
<p>3. Universal Packing System by <a href="http://www.yankodesign.com/2010/04/20/ups-universal-packaging-system-recyclable-corrugated-cardboard-sheet-by-patrick-sung/">Patrick Sung</a></p>
<p>If Buckminister Fuller worked for a while in the Amazon.com shipping and distribution center, maybe he would have come up with something like this &#8211; a single sheet of triangularly scored cardboard that can be folded to fit nearly anything.  The material is designed to save wasted space in those UPS trucks, although I&#8217;d think that packages wrapped in this stuff would be about as easy to stack as wet cats.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-1555" title="universal_packing_system" src="http://www.solidstateux.com/wp-content/uploads/2010/06/universal_packing_system-600x420.png" alt="universal_packing_system" width="480" height="336" /></p>
<p><img class="aligncenter size-full wp-image-1572" title="UPack2" src="http://www.solidstateux.com/wp-content/uploads/2010/06/UPack2.png" alt="UPack2" width="495" height="327" /></p>
<p>4. &#8220;View Source&#8221; Business Cards by <a href="http://www.spotofcolour.co.uk/">Spot of Color</a><a href="http://www.yankodesign.com/2010/04/20/ups-universal-packaging-system-recyclable-corrugated-cardboard-sheet-by-patrick-sung/"></a></p>
<p>This business card peels away to reveal its HTML source code.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-1556" title="view_source" src="http://www.solidstateux.com/wp-content/uploads/2010/06/view_source-600x426.png" alt="view_source" width="480" height="341" /></p>
<p>5. The Dream Ball Project by <a href="http://http://www.unplugdesign.com/">Unplug Design</a></p>
<p>This is packaging for aid relief which is cleverly designed to be re-lifed into a football for poor children.  In the world of extemporaneous sporting equipment, this beats a plastic bag full of coconut palm leaves, hands down.</p>
<p><img class="aligncenter size-large wp-image-1565" title="dream_ball_2" src="http://www.solidstateux.com/wp-content/uploads/2010/06/dream_ball_2-430x600.png" alt="dream_ball_2" width="430" height="600" /><img class="aligncenter size-full wp-image-1566" title="dream_ball_1" src="http://www.solidstateux.com/wp-content/uploads/2010/06/dream_ball_1.png" alt="dream_ball_1" width="565" height="430" /></p>
<p>6. Polyhedral &#8220;Fractal Pack&#8221; by Laurence Gregoire</p>
<p>This proposal for chocolate packaging features a triangular package that unwinds into a string of 10 connected prism-shaped boxes.</p>
<p><img class="aligncenter size-large wp-image-1568" title="polyhedral" src="http://www.solidstateux.com/wp-content/uploads/2010/06/polyhedral-600x218.png" alt="polyhedral" width="600" height="218" /></p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<p>7. Obamitas  from <a href="http://www.neosbrand.com/">Neosbrand</a></p>
<p>Lift up the lid from this cute looking cookie package, and the four walls spill out like the pedals of a flower to reveal messages of hope from President Obama.</p>
<p><img class="aligncenter size-large wp-image-1571" title="obamitas" src="http://www.solidstateux.com/wp-content/uploads/2010/06/obamitas-415x600.png" alt="obamitas" width="415" height="600" /></p>
<p>8. Wolven Lenticular Book Cover</p>
<p>Some interactive paper technologies that have been around since the 1940&#8217;s are those based on 3D holographic and lenticular printing, which display different images depending on which angle the images are viewed.   Such covers are making a huge comeback this year in publishing, with Random House&#8217;s major new release &#8220;The Passage&#8221; by Justin Cronin leading the way.  I like this one the best &#8211; the two images are bold, hi-res, and strikingly differentiated.</p>
<p><img class="aligncenter size-full wp-image-1573" title="wolven" src="http://www.solidstateux.com/wp-content/uploads/2010/06/wolven.png" alt="wolven" width="393" height="400" /></p>
<p>9.  Brown Tedstrom Holiday Card by <a href="http://ebd.com/">EBD</a></p>
<p>Concertina folds are an interactive paper standby.  I love the micro-macro pattern displayed here, as the birds in the opening image are used to punctuate and add lift to the words within the card.  Classic and subtle, but satisfying.</p>
<p><img class="aligncenter size-large wp-image-1574" title="concertina_png" src="http://www.solidstateux.com/wp-content/uploads/2010/06/concertina_png-600x250.png" alt="concertina_png" width="600" height="250" /></p>
<p>10. Miss June 3D Centerfold by Playboy</p>
<p>With the movie Avatar and 3D television all the rage, it&#8217;s not surprising that people in the paper-pushing business want to get in on the act.  What&#8217;s more delightful than the airbrushed, gauzy lensed goodness of playmate Hope Dworacyzk jumping out of the page at you.  A cheap gimmick if you wear your interaction designers&#8217; hat, but a brilliant one if you put your marketing one on &#8211; and really, what&#8217;s the difference?</p>
<p><img class="aligncenter size-large wp-image-1575" title="hope_playboy" src="http://www.solidstateux.com/wp-content/uploads/2010/06/hope_playboy-600x299.png" alt="hope_playboy" width="600" height="299" /></p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<h4>Other Resources</h4>
<p><img class="alignleft size-medium wp-image-1590" title="box_bottle_bag" src="http://www.solidstateux.com/wp-content/uploads/2010/06/box_bottle_bag-271x300.png" alt="" width="158" height="180" /><a id="aptureLink_TtB9x4pVEk" href="http://www.amazon.com/gp/product/1600614191?tag=sostux-20">Box Bottle Bag : the world&#8217;s best packaging design</a></p>
<p>by The Dieline</p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/interaction-design/10-more-great-interaction-designs-in-cut-and-folded-paper/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

