


<?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>Repeat Penguin &#187; web application</title>
	<atom:link href="http://www.repeatpenguin.com/tags/web-application/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.repeatpenguin.com</link>
	<description>website design : xhtml : css : mobile web ~ Delivered Repeatedly by Jeremy Anderson</description>
	<lastBuildDate>Tue, 17 Nov 2009 01:11:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sneak Peek: Tagged Tanakh</title>
		<link>http://www.repeatpenguin.com/2009/09/18/a-sneak-peek-at-the-tagged-tanakh/</link>
		<comments>http://www.repeatpenguin.com/2009/09/18/a-sneak-peek-at-the-tagged-tanakh/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 20:31:34 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[web application]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/?p=481</guid>
		<description><![CDATA[<div class="liftout">
<blockquote cite="http://jpsinteractive.org/blog/jt/sneak-peek-tagged-tanakh">&#8220;Just in time for the New Year! At long last, we can share with the world a taste of the Tagged Tanakh (TT) prototype!&#8221; <cite class="vcard"><a class="fn org url" href="http://jpsinteractive.org/blog/jt/sneak-peek-tagged-tanakh" rel="external nofollow">JPS Interactive</a></cite></blockquote>
</div>

We spent the better half of 2009 working with <span class="vcard"><a class="url" href="http://jpsinteractive.org/blog/jt/sneak-peek-tagged-tanakh" rel="external nofollow"><abbr class="fn org" title="Jewish Publication Society">JPS</abbr></a></span> to develop the Tagged Tanakh prototype and at long last, we can give you a sneak peek.]]></description>
			<content:encoded><![CDATA[<div class="liftout">
<blockquote cite="http://jpsinteractive.org/blog/jt/sneak-peek-tagged-tanakh"><p>&#8220;Just in time for the New Year! At long last, we can share with the world a taste of the Tagged Tanakh (TT) prototype!&#8221; <cite class="vcard"><a class="fn org url" href="http://jpsinteractive.org/blog/jt/sneak-peek-tagged-tanakh" rel="external nofollow">JPS Interactive</a></cite></p></blockquote>
</div>
<p><img src="http://www.repeatpenguin.com/wp-content/uploads/2009/09/introducing-tagged-tanakh.jpg" alt="A sneak peek at the Tagged Tanakh prototype" title="A sneak peek at the Tagged Tanakh prototype" width="512" height="505" /></p>
<p>We spent the better half of 2009 working with <span class="vcard"><a class="url" href="http://jpsinteractive.org/blog/jt/sneak-peek-tagged-tanakh" rel="external nofollow"><abbr class="fn org" title="Jewish Publication Society">JPS</abbr></a></span> to develop the Tagged Tanakh prototype and at long last, we can give you a sneak peek.</p>
<p>The Tagged Tanakh prototype has a pretty healthy base of core functionality that we hope will compound under future development. The prototype allows users to interact with the English version of the Jewish Bible, by adding remarks, using tags to contextualize the relationships between their remarks and their selection from the Tanakh, respond to remarks left by other users and create custom feeds to follow the users and/or topics of interest to them. In addition, we have also developed a fairly intricate rank and moderation system, that will help users find discussions and topics that are relevant and of interest to them.</p>
<p>Social networking features, integration of third party data sets, Hebrew text, and the release of an API are all in the pipline and we&#8217;d love to get your first impressions. You can read more in our <a href="http://objectadjective.com/portfolio/webdesign/tagged_tanakh/" class="self">working case study</a>.</p>
<p><img src="http://www.repeatpenguin.com/wp-content/uploads/2009/09/browse.jpg" alt="Tagged Tanakh: Browse by book or weekly reading." title="Tagged Tanakh: Browse by book or weekly reading." width="512" height="343" /></p>
<p><img src="http://www.repeatpenguin.com/wp-content/uploads/2009/09/create-feed.jpg" alt="Tagged Tanakh: Create custom feeds to follow users and topics of interest." title="Tagged Tanakh: Create custom feeds to follow users and topics of interest." width="512" height="343" /></p>
<p>If you are interested in supporting the Tagged Tanakh, you can <a href="http://jewishpub.org/support/donate.php" rel="external nofollow">make a donation</a> directly to <span class="vcard"><abbr class="fn org" title="Jewish Publication Society">JPS</abbr></span>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2009/09/18/a-sneak-peek-at-the-tagged-tanakh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Change the World for Ten Bucks</title>
		<link>http://www.repeatpenguin.com/2009/04/02/change-the-world-for-ten-bucks/</link>
		<comments>http://www.repeatpenguin.com/2009/04/02/change-the-world-for-ten-bucks/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 00:28:43 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Object News]]></category>
		<category><![CDATA[web application]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website launch]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/?p=333</guid>
		<description><![CDATA[<p><span class="vcard"><span class="fn org">Object Adjective</span></span> is please to announce the launch of <span class="vcard"><a href="http://www.changetheworldfortenbucks.com" class="fn org url" rel="external nofollow bookmark">Change the World for Ten Bucks</a></span>. Once again, <span class="vcard"><a href="http://www.chroniclebooks.com" class="fn org url" rel="external nofollow bookmark">Chronicle Books</a></span> approached us to help them build an community website, this time to help change the world.</p>
<blockquote cite="http://www.changetheworld.com">
<p>"We Are What We Do is a new kind of movement inspiring people to change the world one small action at a time. It's not just politicians, institutions, and big business that change the world - it is also ordinary people like you and me."</p>
</blockquote>]]></description>
			<content:encoded><![CDATA[<p class="center"><img src="http://www.repeatpenguin.com/wp-content/uploads/2009/04/ctw-logo.jpg" alt="Change the World for Ten Bucks" title="Change the World for Ten Bucks" width="459" height="200" /></p>
<p><span class="vcard"><span class="fn org">Object Adjective</span></span> is please to announce the launch of <span class="vcard"><a href="http://www.changetheworldfortenbucks.com" class="fn org url" rel="external nofollow bookmark">Change the World for Ten Bucks</a></span>. Once again, <span class="vcard"><a href="http://www.chroniclebooks.com" class="fn org url" rel="external nofollow bookmark">Chronicle Books</a></span> approached us to help them build an community website, this time to help change the world.</p>
<blockquote cite="http://www.changetheworld.com">
<p>&#8220;We Are What We Do is a new kind of movement inspiring people to change the world one small action at a time. It&#8217;s not just politicians, institutions, and big business that change the world &#8211; it is also ordinary people like you and me.&#8221;</p>
</blockquote>
<p>The opening paragraph on <a href="http://www.changetheworldfortenbucks.com" rel="external nofollow bookmark">changetheworldfortenbucks.com</a> alone, sums up our feelings on the matter and we were incredibly delighted when <span class="vcard"><a href="http://www.chroniclebooks.com" class="fn org url" rel="external nofollow bookmark">Chronicle Books</a></span> asked us to develop the community website for this campaign.</p>
<p><a href="http://objectadjective.com/portfolio/webdesign/change_the_world_for_ten_bucks/" rel="external bookmark">Ready Case Study</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2009/04/02/change-the-world-for-ten-bucks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tagged Tanakh</title>
		<link>http://www.repeatpenguin.com/2009/03/04/tagged-tanakh/</link>
		<comments>http://www.repeatpenguin.com/2009/03/04/tagged-tanakh/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 16:52:01 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Object News]]></category>
		<category><![CDATA[Tagged Tanakh]]></category>
		<category><![CDATA[web application]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/?p=311</guid>
		<description><![CDATA[The cat is out of the bag. Last week the online Jewish newspaper, <a href="http://forward.com/articles/103387/" rel="external nofollow">Forward</a>, published an article about the semantic software we have been developing in stealth mode, with the <a href="http://jewishpub.org/" rel="external nofollow">Jewish Publication Society</a>.

The project we&#8217;ve been working on with the <abbr title="Jewish Publication Society">JPS</abbr>, called the <em>Tagged Tanakh</em>, entered the early development stage at the beginning of the year. We are now rapidly approaching our the internal prototype release and the excitement is buzzing in the air.]]></description>
			<content:encoded><![CDATA[<p>The cat is out of the bag. Last week the online Jewish newspaper, <a href="http://forward.com/articles/103387/" rel="external nofollow">Forward</a>, published an article about the semantic software we have been developing in stealth mode over at <a href="http://www.objectadjective.com" rel="external">Object Adjective</a>, with the <a href="http://jewishpub.org/" rel="external nofollow">Jewish Publication Society</a>.</p>
<p>The project we&#8217;ve been working on with the <abbr title="Jewish Publication Society">JPS</abbr>, called the <em>Tagged Tanakh</em>, entered the early development stage at the beginning of the year. We are now rapidly approaching our the internal prototype release and the excitement is buzzing in the air.</p>
<p>The Tagged Tanakh will create digital versions of the ancient Hebrew text. It will allow visitors to expand the discussions around this text, by adding remarks and contextualizing the relationships between the original text and the surrounding discussion, through the use of <a href="http://en.wikipedia.org/wiki/Tag_(metadata)" rel="external nofollow">tags</a>.</p>
<p>JT Waldman writes more about the <a href="http://yavnet.org/projects/tagged_tanakh" rel="external nofollow">Tagged Tanakh</a> and some of the early <a href="http://yavnet.org/jt/2009-2-26-torah2.0" rel="external nofollow">user group testing scenarios</a> on Yavnet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2009/03/04/tagged-tanakh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why We Bend Lines</title>
		<link>http://www.repeatpenguin.com/2009/02/10/why-we-bend-lines/</link>
		<comments>http://www.repeatpenguin.com/2009/02/10/why-we-bend-lines/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 23:13:27 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Distractions]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[web application]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/?p=299</guid>
		<description><![CDATA[Another great essay by <span class="vcard"><a href="http://www.bendtheline.com" class="fn url" rel="external nofollow">Patrick Dowell</a></span> over at Bend the Line on <a href="http://www.bendtheline.com/2009/02/09/why-we-bend-lines/" rel="external nofollow">what it takes to make great, innovative computer applications</a>.

Patrick examines what makes an application indispensable to users and why companies mistake incremental improvements for innovation. In this examination he hones in on the real hurdle for developers, which is trusting in your own ideas and following through with them.]]></description>
			<content:encoded><![CDATA[<p>Another great essay by <span class="vcard"><a href="http://www.bendtheline.com" class="fn url" rel="external nofollow">Patrick Dowell</a></span> over at Bend the Line on <a href="http://www.bendtheline.com/2009/02/09/why-we-bend-lines/" rel="external nofollow">what it takes to make great, innovative computer applications</a>.</p>
<p>Patrick examines what makes an application indispensable to users and why companies mistake incremental improvements for innovation. In this examination he hones in on the real hurdle for developers, which is trusting in your own ideas and following through with them.</p>
<p><a href="http://www.bendtheline.com/2009/02/09/why-we-bend-lines/comment-page-1/#comment-16" rel="external nofollow">Read: Why We Bend Lines</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2009/02/10/why-we-bend-lines/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Linguists are the new black</title>
		<link>http://www.repeatpenguin.com/2008/01/15/linguists-are-the-new-black/</link>
		<comments>http://www.repeatpenguin.com/2008/01/15/linguists-are-the-new-black/#comments</comments>
		<pubDate>Tue, 15 Jan 2008 21:37:13 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[web application]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/2008/01/15/linguists-are-the-new-black/</guid>
		<description><![CDATA[
Semantic Web Trending in 2008
If Web design and development were fashion, linguists would be the new black in 2008. Beyond the confines of traditional Web vehicles, the need for smart applications is staking its&#8217; claim. Leading this push, are the fledgling efforts of several Web applications, now touting something akin to good old Sci-Fi artificial [...]]]></description>
			<content:encoded><![CDATA[<p class="banner"><img src="http://www.repeatpenguin.com/img/20080108/banner.jpg" alt="semantic web trending in 2008" /></p>
<h3>Semantic Web Trending in 2008</h3>
<p>If Web design and development were fashion, linguists would be the new black in 2008. Beyond the confines of traditional Web vehicles, the need for <em>smart</em> applications is staking its&#8217; claim. Leading this push, are the fledgling efforts of several Web applications, now touting something akin to good old Sci-Fi <em>artificial intelligence</em>.</p>
<p>In a sense, we&#8217;re seeing the beginnings of a quasi-Marxist ai, finding more and more space on the web. I&#8217;m guessing we&#8217;ll see an explosion (poof) in semantic web applications in 2008, even if only from behind the private beta curtain. A fair number of semantic applications are well into development and a few have even made the break into the public domain. But are we ready?</p>
<p class="tr"><span id="more-58"></span></p>
<h4>Understanding Communication</h4>
<p>The key to the <em>semantics</em> in the Web applications I refer to, is meaning. The theory of signs, as put by the <a href="http://en.wikipedia.org/wiki/Vienna_Circle">Vienna Circle</a>, can be broken down into 3 parts:</p>
<ul>
<li><span>Semantics:</span> The relation between signs and the things they refer to.</li>
<li><span>Syntactics:</span> The relation of signs to each other in formal structures.</li>
<li><span>Pragmatics:</span> The relation of signs to their impacts on those who use them.</li>
</ul>
<p>Web design inherently and irrevocably depends on all three of these disciplines. Where as traditional web applications, and programming for that matter, looks to apply meaning through signs, semantic Web applications attempt to <em>extract</em> meaning from signs. This is normally the part of semiotics left up to us, the humans, the &#8220;thinkers,&#8221; if you will.</p>
<h4>The Algorithm Killed The Cat</h4>
<p>Now, the game is to take some of the burden off us over-worked, poor slobs, and let the applications do some of our thinking for us. I kid, but the fact is, I&#8217;m all for it. The smarter the team, right? And from where I&#8217;m sitting, the <em>Web</em> is most definitely part of my team. You may remember a rather <a href="http://searchengineland.com/070503-090852.php">plaintive</a> ad campaign, started by <a href="http://www.ask.com">Ask.com</a> sometime in the spring of 2007. The attempt, on behalf of Ask.com, was to distinguish itself from other search engines, by identifying it&#8217;s unique algorithm as the source for better results. In a sense, they are crafting the beginnings of a semantic search engine that understands both what the user queries and the available pickings, to return the best matches. This goes beyond a simple or even complex keyword search engine, such as Google. Does it work? Beats me.</p>
<p class="center"><img src="http://www.repeatpenguin.com/img/20080108/jeeves.gif" alt="the algorithm killed jeeves" /></p>
<p>The real question is, what was <a href="http://www.cpbgroup.com/">Crispin, Porter + Bogusky</a>, the agency behind this campaign, thinking? The ad campaign slings slogans from &#8220;The Algorithm Killed Jeeves&#8221; to &#8220;The Algorithm Constantly Finds Jesus.&#8221; As the Jeeves version adorned billboards in San Francisco, it only struck me as a kind of apology from Ask.com for sucking. In any case, what does this tell the layman? And more importantly, how <em>do</em> you explain a technology that is supposed to <em>think</em> for you?</p>
<h4>Thinking so you don&#8217;t have to.</h4>
<p>Perhaps up and coming semantic Web applications can learn something from our friend <a href="http://www.zefrank.com">Ze</a>, and tout slogans modeled around his famous sign off for <a href="http://www.zefrank.com/theshow/">the Show</a>, &#8220;..thinking so you don&#8217;t have to.&#8221;</p>
<p><em>Thinking</em> may be a stretch, but understanding is the challenge (at least from a developer stand point). Semantic applications open the field of Web development to new territory. One of which, being linguistics.</p>
<p>Deriving contextual meaning from text and images is most definitely a task that can produce results nearing that of intelligence and thought (at least on the surface, when done extremely well). To get these results, requires thorough understanding of language, syntax, grammar and how all these constructs are broken. So, it&#8217;s not surprising that we&#8217;re seeing an increase of linguists on development teams. And maybe this isn&#8217;t such an unnatural thing.</p>
<p>As an example, one of San Francisco&#8217;s very own semantic application start ups, <a href="http://www.powerset.com/">Powerset</a>, has been working on a natural language search engine for some time now. The idea is that meaning and knowledge are extracted by Powerset, as apposed to keyword based queries. The results reflect something closer to a database of knowledge, rather than a listing of what&#8217;s available.</p>
<p class="center"><a href="http://www.flickr.com/photos/powerset/"><img src="http://www.repeatpenguin.com/img/20080108/powerset.gif" alt="powerset" /></a></p>
<p>Powerset is currently in private testing still, but I have a feeling we will be seeing this type of application making a huge impact this year.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2008/01/15/linguists-are-the-new-black/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>User Experience Design: The Registration Form</title>
		<link>http://www.repeatpenguin.com/2007/09/29/user-experience-design-the/</link>
		<comments>http://www.repeatpenguin.com/2007/09/29/user-experience-design-the/#comments</comments>
		<pubDate>Sat, 29 Sep 2007 19:58:21 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[ui design]]></category>
		<category><![CDATA[web application]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/2007/09/29/user-experience-design-the-registration-form/</guid>
		<description><![CDATA[
I&#8217;m so accustomed to lying about personal information when I create online accounts&#8230;
How many online accounts does a person need?
After designing what feels like my bagillionth registration form, I have to ask the question, how many online accounts does a person need? More accurately, how many accounts can a person have before maxing out on [...]]]></description>
			<content:encoded><![CDATA[<p class="banner"><img src="http://www.repeatpenguin.com/img/20070922/banner.jpg" alt="user experience design and the registration form" /></p>
<p class="quoted">I&#8217;m so accustomed to lying about personal information when I create online accounts&#8230;</p>
<h3>How many online accounts does a person need?</h3>
<p>After designing what feels like my bagillionth registration form, I have to ask the question, how many online accounts does a person need? More accurately, how many accounts can a person have before maxing out on e-turgor? I&#8217;ve got a bad habit of signing up for accounts, poking around and then never letting them see the light of day again. I have more online accounts than a person should be legally allowed, no question. None the less, it all seems worth while when you find that amazing new tool that you, henceforth, couldn&#8217;t live without.</p>
<p>Given the phenomenal and ever-growing profusion of application offering online accounts, I had to stop and take a look at the doorway, the registration form.</p>
<p class="tr"><span id="more-44"></span></p>
<p>I came across <a href="http://www.smileycat.com/">Christian Watson&#8217;s</a> fantastic showcase of <em><a href="http://www.smileycat.com/design_elements/registration_forms/index.php?page=1">this</a></em>, the banalest of banal web design elements as I was working on this article.  There is a much more impressive collection of registration form screen shots over there, than I&#8217;ve put together at the end of this article.</p>
<p>In amassing the few screen shots of registration form I put together for this article, one thing stood out as clearly and cleverly bizarre. Most of the forms I was looking at, asked for birth dates! Why? To keep minors out? As a security measure?  I&#8217;m so accustomed to lying about personal information when I create online accounts (which will undoubtedly be cause for great confusion on my death bed), that this question is just waisted pixels, wasted energy. Someone, please calculate the waste. Does anyone ever tell the truth when asked questions like this? Anyway, just curious.</p>
<h3>A Usable Way to Design</h3>
<p>The next stop in my quest to understand the registration form, was to head over to the <a href="http://www.usability.gov">Official U.S. Government Website on Web Usability</a>.</p>
<p class="center"><a href="http://www.usability.gov"><img src="http://www.repeatpenguin.com/img/20070922/usability.jpg" alt="usability.gov" /></a></p>
<p>Yes, we actually have one of those. It&#8217;s the official fuel station for information about website usability, by the U.S. Government. As one might expect, it&#8217;s one of the poorest designed sites out there, for usability. Not to mention, if you take a gander over to the <a href="http://www.usability.gov/lessons/form.html">section on online forms</a> as I did, you&#8217;ll notice at the bottom of the page, under test results, they kind of muck up the data. Specifically, they muck numbers 5 and 6, ironically labeled <em>Reduce Cognitive Load</em></p>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070922/cognitive.jpg" alt="usability.gov mucked up test results" /></p>
<p>On that note, let&#8217;s let the forms speak for themselves (and remember, <a href="http://www.usability.gov/lessons/form.html#usability">humans don&#8217;t think like a database</a></p>
<h3>The Forms</h3>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070922/squirl.jpg" title="squirl.info registration form" alt="squirl.info registration form" /></p>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070922/listio.jpg" title="listio.com registration form" alt="listio.com registration form" /></p>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070922/notesake.jpg" title="squirl.info registration form" alt="notesake.com registration form" /></p>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070922/pbwiki.jpg" title="pbwiki.com registration form" alt="pbwiki.com registration form" /></p>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070922/stumbleupon.jpg" title="stumbleupon.com registration form" alt="stumbleupon.com registration form" /></p>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070922/webshots.jpg" title="webshots.com registration form" alt="webshots.com registration form" /></p>
<p class="center"><span>Continue: <a href="http://www.repeatpenguin.com/2007/11/19/user-experience-and-the/">User Experience and the Registration Form Pt. 2</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2007/09/29/user-experience-design-the/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mobile Web 2.0</title>
		<link>http://www.repeatpenguin.com/2007/08/22/mobile-web-20/</link>
		<comments>http://www.repeatpenguin.com/2007/08/22/mobile-web-20/#comments</comments>
		<pubDate>Wed, 22 Aug 2007 07:15:01 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[mobile web]]></category>
		<category><![CDATA[web application]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/2007/08/22/mobile-web-20/</guid>
		<description><![CDATA[
Today, I receive an email from Cameron Moll, reminding me about the (almost, August 28th) release of his long awaited Mobile Web Design book. Perfect, I thought. I&#8217;ve been waiting for this almost as long as I was waiting for the release of the iPhone. 
One of the reasons I&#8217;ve been waiting in such anticipation [...]]]></description>
			<content:encoded><![CDATA[<p class="banner"><img src="http://www.repeatpenguin.com/img/20070821/banner.jpg" alt="mobile web 2.0: Mobile web applications" /></p>
<p>Today, I receive an email from <a href="http://cameronmoll.com/archives/2007/08/mobile_web_design_the_book_available_august_28/">Cameron Moll</a>, reminding me about the (almost, August 28th) release of his long awaited <a href="http://mobilewebbook.com/">Mobile Web Design</a> book. Perfect, I thought. I&#8217;ve been waiting for this almost as long as I was waiting for the release of the iPhone. </p>
<p>One of the reasons I&#8217;ve been waiting in such anticipation is that, for the last 10 months or so, two of the biggest projects I&#8217;ve been working on, directly relate to mobile web. Not so much in the sense of mobile web design, but in the sense that both of these projects make use of mobile technology to extend the web beyond web browsers. I&#8217;m very pleased to say that one of these, <span class="p"><a href="http://www.kadoink.com">KaDoink</a></span>, just launched into limited public beta.</p>
<h3 class="togo">This is Delivery</h3>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070821/kadoink-minipage.jpg" alt="KaDoink: mobile social network" title="KaDoink: mobile social network" /></p>
<p>This was extremely exciting news. <a href="http://www.anendlessarray.com">Lauren</a> and I have been working with KaDoink for the better part of the year and we&#8217;re continuing to work with them to better define this branch of web development and design.</p>
<p>On May 31, 2005 <a href="http://www.cnn.com/2005/TECH/05/27/vision.home/index.html">CNN reported</a> on the &#8220;not far away&#8221; <em>Smart Homes</em>:</p>
<p class="quoted">The entry &#8220;home&#8221; in your mobile phone address book will have a whole new meaning in a few years &#8212; your place of residence is likely to be clever enough to send SMS messages directly to you, and you will do the same to it.<br /><strong><a href="http://www.cnn.com/2005/TECH/05/27/vision.home/index.html">Julie Clothier for CNN</a></strong></p>
<p class="tr"><span id="more-42"></span></p>
<p>It&#8217;s kind of funny, looking back. Computer&#8217;s that can SMS you, hardly seems novel. But the fact is, these are the baby steps that are seriously changing the landscape for web development. Today we&#8217;re talking about web browsers, but we&#8217;re already seeing the erosion of differentials between stand-alone applications and web applications. In fact, if you consider the necessity for online software updates, there really isn&#8217;t any. What does this mean for web design?</p>
<p><a href="http://www.mashable.com">Mashable.com</a> probably <a href="http://mashable.com/2007/08/16/kadoink/">said it best</a>, when they reviewed Kadoink.</p>
<p class="quoted">If Twitter Were On Steriods, Youâ€™d Have Kadoink<br /><strong><a href="http://mashable.com/2007/08/16/kadoink/">Kristin Nicole on Mashable.com</a></strong></p>
<p>Well, almost . . . aside from misspelling &#8220;steroids&#8221;. Come on guys, it&#8217;s the title of your article! Anyway, I digress.</p>
<h3 class="togo">Mobile web design in 5 years?</h3>
<p>I touched upon some of the <a href="http://www.repeatpenguin.com/2007/05/15/mediahandheld/">set backs for mobile web design</a> in my post <a href="http://www.repeatpenguin.com/2007/05/15/mediahandheld/">media=&#8221;handheld&#8221;</a>, and again with <a href="http://www.repeatpenguin.com/2007/08/06/iphone-accessory-for-touch/">iThumb</a>, but what I didn&#8217;t talk about was what all this means for mobile web design in the years to come.</p>
<p>KaDoink is a good example. They&#8217;ve extended the traditional web 2.0 social networking beyond the web browser and translated it for complete mobile integration. Egad! If <a href="http://www.secondlife.com">Second Life</a> subjugates the real world as a virtual fantasy, <a href="http://www.kadoink.com">KaDoink</a> liberates the technology of the virtual web, into our daily lives. Well, that sounds a little too profound, but it is the breaching of these boundaries that will shape the world of web design in the coming years.</p>
<p>So, where do <em>I</em> see mobile web design in 5 years?</p>
<p>I&#8217;ll put it this way; We&#8217;ll all have jet packs, so Google Maps will be obsolete. We won&#8217;t need online project management applications like <a href="http://www.basecamphq.com/">Base Camp</a>, because <a href="http://www.dodgeball.com/">dodgeball</a> will take over and we won&#8217;t need to sleep anymore, because there will be sleeping pills. Oh wait, we already have something like that. Not sure what that has to do with mobile web design anyway. The point is, I haven&#8217;t the slightest idea. But I&#8217;ll say this, <em>how</em> we think about the web is always changing. Web browsers were designed for computers, to access the web. Why should we expect the same thing for a mobile device?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2007/08/22/mobile-web-20/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How To Roll Out Your Web Application</title>
		<link>http://www.repeatpenguin.com/2007/07/23/how-to-roll-out-your-web/</link>
		<comments>http://www.repeatpenguin.com/2007/07/23/how-to-roll-out-your-web/#comments</comments>
		<pubDate>Mon, 23 Jul 2007 08:10:30 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[web application]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/2007/07/23/how-to-roll-out-your-web-application/</guid>
		<description><![CDATA[
Judging the book by its cover
Creating expectations is what a designer does. We tell you what you are looking at, before you make a decision to read more and delve deeper. We are asking you to &#8220;please, judge this book by it&#8217;s cover.&#8221; While this may not be the best practice in life, it&#8217;s a [...]]]></description>
			<content:encoded><![CDATA[<p class="banner"><img src="http://www.repeatpenguin.com/img/20070722/banner.jpg" alt="how to design a web application" /></p>
<h3>Judging the book by its cover</h3>
<p>Creating expectations is what a designer does. We tell you what you are looking at, before you make a decision to read more and delve deeper. We are asking you to &#8220;please, <em>judge</em> this book by it&#8217;s cover.&#8221; While this may not be the best practice in life, it&#8217;s a commanding force in our consumerized society and it is the way of the trade for designers.</p>
<p>For good or for bad, we designers carry a responsibility. At <a href="http://www.objectadjective.com">Object Adjective</a>, we dedicate a good portion of our time developing web applications. The question of how true the cover should be to the book, is one that comes up often when we&#8217;re designing applications targeted for early beta. There are two general considerations we make. The first being, and this is typically the one a favored by designers, is the need to create an enticing and marketable design. The second, which is primarily a consideration for the end user, is to avoid creating false user expectations by designing something much slicker on the outside, than the insides can live up to. In other words, making sure the cover fits the book.</p>
<p class="tr"><span id="more-38"></span></p>
<h3>A. Beta on Beta</h3>
<p>As an example, let&#8217;s look one application we&#8217;re working on. <span><a href="http://www.sidereel.com">Sidereel</a></span> was a fast paced, on your feet and run kind of project. We teamed up with some expatriate  developers from <a href="http://www.guba.com">Guba</a> and set out to roll the new application out to the public in an early beta, and it all in under 2 months. The goal was to get it out there as quick as possible. This included, coming up with a name, designing a logo, developing branding and language, and oh yes, designing a functional user interface that would satisfy the needs of the user and the application.</p>
<p>From the eginning we knew many of the more advanced functionality in development would have to be phase 2 features, we decided to approach the frontend design in a way that would be consistantwith the current state of the backend, as it evolved.</p>
<h4>Sidereel 1.01</h4>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070722/sidereel_beta.jpg" alt="sidereel phase 1 design" /></p>
<h4>Sidereel 1.02</h4>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070722/sidereel.jpg" alt="sidereel phase 2 design" /></p>
<p>This approach for rolling out a &#8220;Beta Design&#8221; to match a &#8220;Beta Application&#8221; may seem a bit unorthodox, and maybe it is. It&#8217;s the first time we&#8217;ve ever tackled a project in this way, but the results may shock you. Contrary to what we as designers thought, the beta on beta release has actually seemed to work quite well, or so the numbers seem to tell us.</p>
<h3>B. Spit on Polish</h3>
<p>On the flip side, we have a more traditional way of thinking. It&#8217;s an &#8220;if it looks like you built it, they will come,&#8221; kind of thinking. Don&#8217;t get me wrong, good design and solid branding are cornerstones to a successful product, but in the web industry, we may want to rethink the tradition. Is image more important than accuracy? If the image is misleading for the current state of an application, users may be more likely to get frustrated with it.</p>
<p>In the current state of <a href="http://www.neobinaries.com">mass application frenzy</a>, perhaps the <em>super glassy</em> trend in web 2.0 design has more to do with <em>Emerald City</em>, than with cool new design trick. Just a thought.</p>
<p class="center"><img src="http://www.repeatpenguin.com/img/20070722/ijigg.jpg" alt="ijigg super glassy buttons" /></p>
<p>Make it shiny enough, and maybe all users will see when they come to your site is their own reflection. And maybe that&#8217;s all there is.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2007/07/23/how-to-roll-out-your-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>reeling it in</title>
		<link>http://www.repeatpenguin.com/2007/06/16/reeling-it-in/</link>
		<comments>http://www.repeatpenguin.com/2007/06/16/reeling-it-in/#comments</comments>
		<pubDate>Sat, 16 Jun 2007 23:48:23 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[web application]]></category>
		<category><![CDATA[women in web design]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/2007/06/16/reeling-it-in/</guid>
		<description><![CDATA[So how does one make time for everything one needs to do? Seriously, the past 2 weeks have put me in a spin. Am I still alive?
That muck aside, I&#8217;ve got some exciting news I wanted to share, even at the expense of my right hand. For those of you following the development of Sidereel, [...]]]></description>
			<content:encoded><![CDATA[<p>So how does one make time for everything one needs to do? Seriously, the past 2 weeks have put me in a spin. Am I still alive?</p>
<p>That muck aside, I&#8217;ve got some exciting news I wanted to share, even at the expense of my right hand. For those of you following the development of <a href="http://www.sidereel.com">Sidereel</a>, you may have noticed our recent beginnings of integrating the skin for the site.</p>
<p class="center"><a href="http://www.sidereel.com"><img src="http://www.repeatpenguin.com/img/20070615/sidereel.jpg" alt="sidereel.com" /></a></p>
<p>Well, the exciting thing is there is much more to come. First and foremost, we are starting the process of integrating the <em>NEW</em> and <em>Improved</em> WatchBox. No more crazy-ass lists!</p>
<p><img class="left" src="http://www.repeatpenguin.com/img/20070615/crazylist.png" alt="crazy list" /></p>
<p>Launching an early Beta for a new application has both advantages and disadvantages. The first being, getting your name out there. The second being, discouraging return users with a very primitive product. We chose to launch with an Early Beta, having faith in our users, but the challenges are still the same. It&#8217;s been a learning process indeed, but it&#8217;s also put us in a position where things are only better. 1,000,000 and counting.</p>
<p>The new, improved Watchbox will be comprised of a much &#8220;prettier&#8221; layout, designed by none other than <a href="http://www.anendlessarray.com">Lauren &#8220;I play with my food, I play with my code&#8221; Scime</a> and a pretty kick-ass Ajax interface. Stay tuned fellow Reelers. Things are about to get all <a href="http://www.chucknorris.com/">Chuck Norris</a> around here.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2007/06/16/reeling-it-in/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>media=&#8221;handheld&#8221;</title>
		<link>http://www.repeatpenguin.com/2007/05/15/mediahandheld/</link>
		<comments>http://www.repeatpenguin.com/2007/05/15/mediahandheld/#comments</comments>
		<pubDate>Wed, 16 May 2007 00:03:03 +0000</pubDate>
		<dc:creator>Jeremy Anderson</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[mobile web]]></category>
		<category><![CDATA[web application]]></category>

		<guid isPermaLink="false">http://www.repeatpenguin.com/2007/05/15/mediahandheld/</guid>
		<description><![CDATA[
The buzz around town for the last year or so has been all about mobile web and for the first time, we&#8217;re really starting to see some interesting things in this area of web development. In December of 2006, Read/WriteWeb published their predictions for Web Technology growth in 2007.
Among those predictions, they listed that 27% [...]]]></description>
			<content:encoded><![CDATA[<p class="banner"><img src="http://www.repeatpenguin.com/img/20070518/mobile-banner.jpg" alt="mobile web trends" /></p>
<p>The buzz around town for the last year or so has been all about <span class="p">mobile web</span> and for the first time, we&#8217;re really starting to see some interesting things in this area of web development. In December of 2006, <a href="http://www.readwriteweb.com/archives/biggest_web_trend_2007.php">Read/WriteWeb</a> published <a href="http://www.readwriteweb.com/archives/2007_web_predictions.php">their predictions</a> for Web Technology growth in 2007.</p>
<p>Among those predictions, they listed that <span>27%</span> of people surveyed thought that <span>Online Video and Internet TV</span> would take the lead in growth, while <span>22%</span> thought <span>Web-based Apps</span> would continue to lead and <span>15%</span>, <span>Mobile Web</span>. With Companies such as <a href="http://www.google.com/mobile/">Google</a>, <a href="http://mobile.yelp.com/">Yelp</a> and <a href="http://www.youtube.com/my_profile_mobile">YouTube</a> all optimized for Mobile use, the number of people accessing the internet via their trusty hand phone is rising rapidly.</p>
<h3 class="togo">I&#8217;ll take mine to go</h3>
<p>I wanted to take a look back at these predictions because over the last 6 months I&#8217;ve found myself more and more inundated with web application work, that specifically takes advantage of mobile technology. Not necessarily mobile website, but applications that are bridging the gap. In fact, the top 3 areas from the Read/WriteWeb predictions pretty much fill my plate these days.</p>
<p>Despite past <a href="http://www.readwriteweb.com/archives/asian_mobile_web_years_ahead.php">claims</a> that Asia is years ahead of the U.S. and U.K. in mobile web use, a <a href="http://www.online-publishers.org/?pg=press&#038;dt=030807">recent survey</a> taken in March, by <a href="http://www.online-publishers.org">Online Publishers</a>, claims that mobile web use in the U.S. is actually higher now.</p>
<p>The fact that more people are accessing the web from mobile devices, means designing for mobile web is increasingly important. The conundrum for us designers is, &#8220;how do we do that?&#8221;</p>
<p>I can certainly relate. <em>Design</em> for <em>mobile web</em>? A joke right? The support for CSS among mobile web browsers is abysmal at best, but there are things you can do and things you want to consider, when designing for mobile devices. If you are tasked with designing for mobile devices, the first thing you can do is jog over to Patrick Grifith&#8217;s <a href="http://htmldog.com/test/handheld.html">mobile media test page</a> and see what css media types your mobile device supports. This, of course, wont give you an accurate overview of mobile devices at large, but you can see what options are available. The key to designing for mobile devices is simplicity. Regardless of the advances in technology to come, when your workable real estate is smaller than a business card. The second thing you should do is read Cameron Moll&#8217;s <span><a href="http://www.cameronmoll.com/archives/000398.html">series on mobile web design</a></span>. He provides an excellent background and very useful tips.</p>
<p>However, if you need something quick and dirty, to just make your website more accessible from mobile devices, Google has a bare-bones tool that will <a href="http://www.google.com/gwt/n">make your website, a mobile website</a> in a click (and it&#8217;s not that bad, at that). If you want to see it in action for this site, go to <span><a href="http://www.google.com/gwt/n?u=http://www.repeatpenguin.com/">http://www.google.com/gwt/n?u=http://www.repeatpenguin.com/</a></span> on your mobile device.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.repeatpenguin.com/2007/05/15/mediahandheld/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
