<?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>Elliott C. Back &#187; Interface</title>
	<atom:link href="http://elliottback.com/wp/category/computers-technology/web-20/interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://elliottback.com/wp</link>
	<description>Internet &#38; Technology</description>
	<lastBuildDate>Mon, 26 Dec 2011 06:16:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Why the TechCrunch Crunchpad Tablet is Doomed</title>
		<link>http://elliottback.com/wp/techcrunch-tablet-doomed/</link>
		<comments>http://elliottback.com/wp/techcrunch-tablet-doomed/#comments</comments>
		<pubDate>Mon, 19 Jan 2009 16:47:35 +0000</pubDate>
		<dc:creator>Elliott Back</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Interface]]></category>

		<guid isPermaLink="false">http://elliottback.com/wp/?p=2997</guid>
		<description><![CDATA[TechCrunch just released new photos and specs of their internet Tablet prototype B, which for $299 features a 12&#8243; 1024×768 touchscreen, Via Nano processor, 1GB of RAM, 4GB flash drive, wifi, accelerometer, camera, four cell battery, and Ubuntu with a custom WebKit browser.  Arrington says the 12.5&#8243; x 9.7&#8243; x 1.3&#8243; device weighs three [...]]]></description>
			<content:encoded><![CDATA[<p>TechCrunch just released new photos and specs of their <a href="http://www.techcrunch.com/2009/01/19/techcrunch-tablet-update-prototype-b/">internet Tablet prototype B</a>, which for $299 features a 12&#8243; 1024×768 touchscreen, Via Nano processor, 1GB of RAM, 4GB flash drive, wifi, accelerometer, camera, four cell battery, and Ubuntu with a custom WebKit browser.  Arrington says the 12.5&#8243; x 9.7&#8243; x 1.3&#8243; device weighs three pounds.</p>
<p><img src="http://elliottback.com/wp/wp-content/uploads/2009/01/techcrunch-tablet.jpg" alt="" title="techcrunch-tablet" width="450" height="300" class="alignnone size-medium wp-image-3000" /></p>
<p>What TechCrunch is trying to do is create a 4x larger version of the iPhone centered around the browsing experience.  To do this they need three things: a good price point, intuitive user interface, and beautiful industrial design.  They&#8217;ve made good progress, but they are clearly not there yet; $299 is extremely close to the full-featured <a href="http://www.amazon.com/gp/product/B00170IAUE?ie=UTF8&#038;tag=elliottback-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=B00170IAUE">HP 2133-KX869AT 8.9-inch Mini-Note PC (C7-M 1.2 GHz Processor, 1 GB RAM, 120 GB Hard Drive, Linux)</a> for $350.  Consumers would probably rather buy a netbook&#8211;miniature notebook&#8211;than a browser-tablet at the $300 price point.</p>
<p>To improve their price, the TechCrunch team needs to throw away all components adding cost&#8211;the external ports, the webcam, and anything else that gets in the way.  They&#8217;ll have to aggressively negotiate manufacturing contracts.  But, if they can hit their original $200 target, they&#8217;ll have a winner.</p>
<p>The next ingredient is the killer UI.  That&#8217;s what made the iPhone into an overnight hit, something Gizmodo reader KVirtanen <a href="http://i.gizmodo.com/5134201/michael-arringtons-minimalist-web-tablet-prototyped-fulfills-most-promises#c10140329">noted</a>:</p>
<blockquote><p>Simply think through everything. Make it look and work like it&#8217;s worth over 300$ and people will be all over it. Listen to your potential customers when making decisions. Make it so that it almost slips on to your hands and your fingers just automatically finds the on-screen buttons (and maybe also some physical ones). Let people with good eye comment on the design.</p>
<p>This way it&#8217;ll be a long-lasting tool, not something you&#8217;ll end up replacing after you get fed up with the way it works or after it breaks.</p></blockquote>
<p>Finally, the design of the case in prototype B sucks.  It&#8217;s thick and unwieldy.  Mike says that &#8220;It&#8217;s about twice as thick as is needs to be without further engineering &#8211; we just built in a safety thickness in case of heat or other issues.&#8221;  Getting it down to .7&#8243; thick and removing much of the unnecessary border around the screen will go a long way to making it consumer friendly.  From the screens, it also looks like the bezel rides quite a bit higher than the screen surface.  The iPhone face is one smooth surface, something that make it feel like a quality product a person would want to own.</p>
<p>If prototype C can be profitable at $200, throws away all the components not central to the TC Tablet&#8217;s mission, has a great user interface, and looks 100000x sexier than prototype B, I&#8217;ll be willing to revisit this headline.  Otherwise, competing with the netbooks, it&#8217;s doomed.</p>
<p><strong>Update:</strong> Sad to hear that <a href="http://www.techcrunch.com/2009/11/30/crunchpad-end/">due to an intellectual property dispute</a> with their partners, the CrunchPad is dead.  I was looking forward to seeing it compete in the marketplace, and die a more noble death.</p>
]]></content:encoded>
			<wfw:commentRss>http://elliottback.com/wp/techcrunch-tablet-doomed/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Animated Gif Stops with Javascript / Click?</title>
		<link>http://elliottback.com/wp/animated-gif-stops-javascript-click/</link>
		<comments>http://elliottback.com/wp/animated-gif-stops-javascript-click/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 23:47:52 +0000</pubDate>
		<dc:creator>Elliott Back</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Microsoft]]></category>

		<guid isPermaLink="false">http://elliottback.com/wp/?p=2840</guid>
		<description><![CDATA[If you&#8217;ve ever tried to get an animated .gif file to continue playing in IE after a link is clicked, javascript runs for a form submit, or the window.location is set to a new URL, then you&#8217;ve probably already gone through the phases of frustration, and come straight to Google.
Here&#8217;s the setup.  You&#8217;ve got [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;ve ever tried to get an animated .gif file to continue playing in IE after a link is clicked, javascript runs for a form submit, or the window.location is set to a new URL, then you&#8217;ve probably already gone through the phases of frustration, and come straight to Google.</p>
<p>Here&#8217;s the setup.  You&#8217;ve got a piece of javascript redirecting the user on a click (yes, I know this is a bad idea).  Hopefully you got this from a legacy app:</p>
<pre class="brush: js">&lt;script language="javascript"&gt;&lt;!--
function go(href) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('spinner').style.display = '';
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location.href = href;
}
//--&gt;&lt;/script&gt;
&lt;a href="defaultAction.htm" onClick="go(this.href);return false"&gt;go&lt;/a&gt;</pre>
<p>Internet Explorer stops animated gifs when there is a javascript event, so if you try this code, it&#8217;s going to fail dramatically.  What you need (for IE6 and IE7) is a hack:</p>
<pre class="brush: js">&lt;script language="javascript"&gt;&lt;!--
function go(href) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('spinner').style.display = '';
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location.href = href;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('spinner').src = $('spinner').src;
}
//--&gt;&lt;/script&gt;
&lt;a href="defaultAction.htm" onClick="go(this.href);return false"&gt;go&lt;/a&gt;</pre>
<p>Yes, reassigning the src attribute of an img will cause the image to keep animating, even when in the process of loading the next page.  Note&#8211;this doesn&#8217;t work as well in Firefox.  For that, you should either (a) upgrade the application to load data through AJAX, not URL redirection, or (b) use an iframe pointing to the image.</p>
<p><small>PS, if you need some <a href="http://www.sanbaldo.com/wordpress/1/ajax_gif/">ajax loading indicators</a>, there&#8217;s a bunch!</small></p>
]]></content:encoded>
			<wfw:commentRss>http://elliottback.com/wp/animated-gif-stops-javascript-click/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Bloglines Sucks</title>
		<link>http://elliottback.com/wp/bloglines-sucks/</link>
		<comments>http://elliottback.com/wp/bloglines-sucks/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 17:01:01 +0000</pubDate>
		<dc:creator>Elliott Back</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://elliottback.com/wp/?p=2803</guid>
		<description><![CDATA[TechCrunch points out that even ex-Bloglines-founder Mark Fletcher twittered that Bloglines sucks:
Bloglines, please stop sucking. It&#8217;s been a couple weeks now. I don&#8217;t want to have to move to Google Reader. Sigh.
According to Michael Arrington, the major problem with Bloglines is that it doesn&#8217;t update feeds with any frequency.  But that&#8217;s not the only [...]]]></description>
			<content:encoded><![CDATA[<p>TechCrunch <a href="http://www.techcrunch.com/2008/10/18/googles-destruction-of-bloglines-now-complete/">points out</a> that even ex-Bloglines-founder Mark Fletcher <a href="http://twitter.com/wingedpig/statuses/964631828">twittered</a> that Bloglines sucks:</p>
<blockquote><p>Bloglines, please stop sucking. It&#8217;s been a couple weeks now. I don&#8217;t want to have to move to Google Reader. Sigh.</p></blockquote>
<p>According to Michael Arrington, the major problem with <a href="http://www.bloglines.com/">Bloglines</a> is that it doesn&#8217;t update feeds with any frequency.  But that&#8217;s not the only thing; the site itself is slow, hard to navigate, and hasn&#8217;t been updated in literally years.  Here&#8217;s the UI that&#8217;s been in use since at least 2006:</p>
<p> <img src="http://elliottback.com/wp/wp-content/uploads/2008/10/bloglines.png" alt="" title="bloglines" width="450" height="249" class="alignnone size-full wp-image-2805" /><br />
<small>Ask, please update me to something modern!</small></p>
<p>The <a href="http://beta.bloglines.com/">beta design</a> that Bloglines has been cooking up is nearly entirely worthless; it takes a bad design, and essentially reduces the amount of on-screen contrast.  It&#8217;s also still pretty slow:</p>
<p><img src="http://elliottback.com/wp/wp-content/uploads/2008/10/bloglines-beta.png" alt="" title="bloglines" width="450" height="249" class="alignnone size-full wp-image-2806" /></p>
<p>Here&#8217;s an interesting, funny blooper from their homepage refresh (it looks like Ask, when they bought them, finally figured out the homepage was extremely ugly):</p>
<p><img src="http://elliottback.com/wp/wp-content/uploads/2008/10/bloglines-voicemail.png" alt="" title="bloglines-voicemail" width="450" height="250" class="alignnone size-full wp-image-2807" /></p>
<p>That&#8217;s right, the &#8220;screenshot&#8221; for their mobile bloglines interface is actually of an iPhone checking voicemail?  What??  How is that possibly related to an RSS reader&#8217;s mobile interface&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://elliottback.com/wp/bloglines-sucks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>New Facebook Design Preview</title>
		<link>http://elliottback.com/wp/new-facebook-design-preview/</link>
		<comments>http://elliottback.com/wp/new-facebook-design-preview/#comments</comments>
		<pubDate>Mon, 14 Jul 2008 23:52:03 +0000</pubDate>
		<dc:creator>Elliott Back</dc:creator>
				<category><![CDATA[Computers & Technology]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://elliottback.com/wp/archives/2008/07/14/new-facebook-design-preview/</guid>
		<description><![CDATA[If you hurry over to new.facebook.com you can see a Beta version of their new design (Pulse says they took it down, but they haven&#8217;t for me).  It&#8217;s interesting, because while it&#8217;s definitely going in the right direction, it&#8217;s nowhere near complete or solid.  It is unusual for a company to publicly &#8220;try [...]]]></description>
			<content:encoded><![CDATA[<p>If you hurry over to <a href="http://www.new.facebook.com/">new.facebook.com</a> you can see a Beta version of their new design (Pulse says <a href="http://pulse2.com/2008/07/14/what-do-you-think-of-the-new-facebook/">they took it down</a>, but they haven&#8217;t for me).  It&#8217;s interesting, because while it&#8217;s definitely going in the right direction, it&#8217;s nowhere near complete or solid.  It is unusual for a company to publicly &#8220;try out&#8221; their design work, but Facebook is the first of a new breed.  Anyway, here&#8217;s my take on things, starting with the new &#8220;home page&#8221;, your wall:</p>
<p><a href="http://elliottback.com/wp/wp-content/uploads/2008/07/facebook-new-wall-big.jpg"><img id="image2690" src="http://elliottback.com/wp/wp-content/uploads/2008/07/facebook-new-wall.jpg" alt="facebook-new-wall.jpg" /></a><br />
<small>The new wall page, the first page you see when logging in</small></p>
<ul>
<li>The new &#8220;All Posts / Wall Posts / Posts by Me&#8221; filters are nice.</li>
<li>Only three posted items in the right bar?  It should have at least 10.</li>
<li>Posted items have a thumbnail and text; without the text, they are mostly blank space.</li>
<li>There is a ton of blank space between the footer and chat bar!</li>
</ul>
<p><a href="http://elliottback.com/wp/wp-content/uploads/2008/07/facebook-new-info-big.jpg"><img id="image2690" src="http://elliottback.com/wp/wp-content/uploads/2008/07/facebook-new-info.jpg" alt="facebook-new-info.jpg" /></a><br />
<small>The new info profile page, tells you about you</small></p>
<ul>
<li>The edit information button renders wrong.</li>
<li>The &#8220;fan pages&#8221; have too much blank space with the vertical layout!</li>
</ul>
<p><a href="http://elliottback.com/wp/wp-content/uploads/2008/07/facebook-new-pix-big.jpg"><img id="image2690" src="http://elliottback.com/wp/wp-content/uploads/2008/07/facebook-new-pix.jpg" alt="facebook-new-pix.jpg" /></a><br />
<small>The photos page has the best layout</small></p>
<ul>
<li>The photos page is perfect, the spacing is great.  There&#8217;s little wasted space here!</li>
</ul>
<p>Note also that on a wide monitor, there is just a huge amount of blank space to the sides of each page.  Also, Mashable has their <a href="http://mashable.com/2008/07/14/future-facebook-profiles/">own &#8220;New Facebook&#8221; review</a>; they conclude stuff isn&#8217;t &#8220;working as I&#8217;d expect.&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://elliottback.com/wp/new-facebook-design-preview/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SearchMe: Visual, Clustering search</title>
		<link>http://elliottback.com/wp/searchme-visual-clustering-search/</link>
		<comments>http://elliottback.com/wp/searchme-visual-clustering-search/#comments</comments>
		<pubDate>Sun, 27 Apr 2008 05:28:44 +0000</pubDate>
		<dc:creator>Elliott Back</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Search]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://elliottback.com/wp/archives/2008/04/27/searchme-visual-clustering-search/</guid>
		<description><![CDATA[The more I look at visual search engine SearchMe, the more I like it.  In a way that text-based search engine Google has never done, SearchMe brings thumbnails to search results without losing any of the textual indicators we need to process relevance.  SearchMe is also innovating in clustering search results into categories [...]]]></description>
			<content:encoded><![CDATA[<p>The more I look at visual search engine <a href="http://searchme.com">SearchMe</a>, the more I like it.  In a way that text-based search engine Google has never done, SearchMe brings thumbnails to search results without losing any of the textual indicators we need to process relevance.  SearchMe is also innovating in clustering search results into categories or topics, something Google has experimented with <a href="http://labs.google.com/sets">their sets demo</a> but never implemented into the larger search engine.  Perhaps the best way to show you how much more relevant SearchMe can be is through a short example, searching for &#8220;Obama.&#8221;</p>
<p><img id="image2618" src="http://elliottback.com/wp/wp-content/uploads/2008/04/searchme-obama-1.png" alt="searchme-obama-1.png" /></p>
<p>The first thing I get, as I type &#8220;Obama,&#8221; is a list of categories that SearchMe finds relevant.  I click on &#8220;Politicians&#8221; and it takes me to the next screen, the main area for exploring search results:</p>
<p><img id="image2619" src="http://elliottback.com/wp/wp-content/uploads/2008/04/searchme-obama-2.png" alt="searchme-obama-2.png" /></p>
<p>There are a few features you should note that set the SearchMe results apart from their competition.  First, they keep the list of categories you&#8217;re interested in just one click away from instant filtering at the top of the results.  Second, all of the available space of the page is filled with a gigantic preview of the search results.  The title of the website is shown at the bottom, along with the site URL when you mouseover the results.  Essentially, their search results are a better version of Apple&#8217;s coverflow, applied to websites.  Clicking on a preview will take you directly to the page of interest, in the same tab, just like most search engines do today.</p>
<p><img id="image2621" src="http://elliottback.com/wp/wp-content/uploads/2008/04/searchme-scientology.png" alt="searchme-scientology.png" /></p>
<p>Their dynamic snippets code is nice, as well, highlighting the search terms you used in multiple colours.  It appears to have been implemented directly in the coverflow-like flash engine, or behind the scenes is coming back as a new layer of image, as it loads only after the high resolution preview has loaded.  An unfortunate side-effect of their highlighting algorithm is that when searching for multiple words, like &#8220;Calderon de la Barca,&#8221; the words will be highlighted separately, even if found next to each other.</p>
<p><img id="image2620" src="http://elliottback.com/wp/wp-content/uploads/2008/04/searchme-china.png" alt="searchme-china.png" /></p>
<p>Not all their results work well; for example, searching for &#8220;China&#8221; leads me into irrelevance, regardless of the category I choose, and also brings up this half-rendered view of NBA China, that my own browser renders properly.  Other search terms also return odd categories and funny previews, but I imagine that this is something that will improve over time.  The big problems for a search engine, responsiveness and interface, are already solved as SearchMe is both lightning fast and beautiful.</p>
<p>If you&#8217;re interested, you can go <a href="http://blog.searchme.com/">check out their blog</a> or signup to the <a href="http://beta.searchme.com/">private beta</a>.  Apparently, <a href="http://www.techcrunch.com/2008/03/11/searchme-launches-new-search-engine-with-heavy-backing-from-sequoia/">the venture is Sequoia backed</a>, according to Techcrunch, which probably means it&#8217;s serious about being a big web search contender in the future.  According to Louis Grey, the <a href="http://www.louisgray.com/live/2008/02/limelight-networks-searchme-spider.html">searchme spider is aggressively hitting his blog</a>, too.  It will be interesting to come back and a year and see how SearchMe has evolved.  The most likely outcome for this is being acquired by one of the big four&#8211;Facebook, Google, Yahoo, or Microsoft&#8211;since it&#8217;s hard to imagine unseating any of them in the popular mindset.</p>
]]></content:encoded>
			<wfw:commentRss>http://elliottback.com/wp/searchme-visual-clustering-search/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 0.236 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2012-02-09 20:34:50 -->

