<?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>Rob Grady &#187; Ajax</title>
	<atom:link href="http://www.robgrady.com/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.robgrady.com</link>
	<description>Business, Tech and Start-Ups</description>
	<lastBuildDate>Fri, 03 Feb 2012 02:33:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>SXSW 2008,  Day One: Ajax and Flash Mistakes (Jonathon Boutelle)</title>
		<link>http://www.robgrady.com/sxsw-2008-day-one-ajax-and-flash-mistakes-jonathon-boutelle/</link>
		<comments>http://www.robgrady.com/sxsw-2008-day-one-ajax-and-flash-mistakes-jonathon-boutelle/#comments</comments>
		<pubDate>Sat, 08 Mar 2008 21:00:00 +0000</pubDate>
		<dc:creator>Rob Grady</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[SXSW]]></category>

		<guid isPermaLink="false">http://dev.growsy.com/2008/03/sxsw-2008-day-one-ajax-and-flash-mistakes-jonathon-boutelle/</guid>
		<description><![CDATA[SXSW 2008 started out great with AJAX and Flash Mistakes: Lessons Learned Building SlideShare presented by Jonathan Boutelle, CTO of Slideshare. Boutelle&#8217;s style and presentation were a welcome start to a day of panels and presentations that can always be a challenge. Presentation Key Takeaways: Modal Dialogs are seductive Provides a way to get around [...]]]></description>
			<content:encoded><![CDATA[<p><a title="South By South West" href="http://www.sxsw.com/" target="_blank">SXSW 2008</a> started out great with AJAX and Flash Mistakes: Lessons Learned Building SlideShare presented by Jonathan Boutelle, CTO of<a href="http://www.slideshare.net"> Slideshare</a>. Boutelle&#8217;s style and presentation were a welcome start to a day of panels and presentations that can always be a challenge.</p>
<p>Presentation Key Takeaways:</p>
<p>Modal Dialogs are seductive</p>
<ol>
<li>Provides a way to get around links and the challenge of process flows</li>
<li>Developing process flows is hard</li>
<li>Pop-ups have been a shortcut to avoid tough process flows</li>
<li>Ajax has also become a similar crutch</li>
<li><a title="Ajax Design Patterns Link" href="http://www.amazon.com/Ajax-Design-Patterns-Michael-Mahemoff/dp/0596101805" target="_blank" rel="nofollow">Ajax Design Patterns</a> is a good reference to learn Ajax UI patterns</li>
<li>Lightboxes are the equivalent of Pop-Ups 2.0 and are &#8216;ghetto&#8217;</li>
<li>You should only use modal dialogs when you want to completely capture a user&#8217;s attention</li>
</ol>
<p>Ajax looks like a performance enhancer</p>
<ol>
<li>Ajax can cause performance problems</li>
<li>Always consider performance vs. scalability</li>
<li>Not a good solution for performance enhancements</li>
</ol>
<p>When considering pre-fetching, examine whether it is better to be DHTML or Ajax</p>
<ol>
<li>Examine the percentage of the time the pre-fetched content is actually opened</li>
<li>Is there a significant cost associated with retrieving the extra data</li>
<li>Examine the current page response time without the hidden panel loaded</li>
</ol>
<p>Metrics get fooled by Ajax</p>
<ol>
<li> Google analytics is good for the web 1.0 world</li>
<li>For slideshare Google analytics inaccurately reported the bounce rate by 400% higher than it actually was</li>
<li>While the new Google analytics (currently in Beta) will provide &#8216;event&#8217; reporting, it is expected to be limited to 100 events per session which is too small</li>
</ol>
<p>Related content is an opportunity for optimization</p>
<ol>
<li>Many &#8216;related content&#8217; algorithm&#8217;s will pull from tags and it doesn&#8217;t necessarily show content that people want</li>
<li>Slideshare, targeting more page views, changed the algorithm and increased related content views from 4% to 7%.</li>
</ol>
<p>Uploading Fishhook Method</p>
<ol>
<li>Slideshare uses a &#8216;fishhook&#8217; method for uploading</li>
<li>When the user selects the file(s) the system immediately begins to upload the files without needing to press the submit button</li>
<li>This leverages &#8220;invisible Flash&#8221; paradigm to do the work behind the scenes</li>
<li>Provides user&#8217;s with the needed feedback</li>
</ol>
<p>External Widgets</p>
<ol>
<li>External widgets (<a title="Add This Link" href="http://www.addthis.com/" target="_blank">add this</a>, <a title="Gigya" href="http://www.gigya.com/" target="_blank">gigya</a>) are a great way to get up and running</li>
<li>The third parties manage the changing APIs instead of you</li>
<li>Users need a direct path to data</li>
</ol>
<p>SEO and Traffic Nightmares</p>
<ol>
<li>Flash and JavaScript are not SEO friendly</li>
<li>Post-fetch data is not seen by google</li>
<li>Bake any code or content into a page when loaded if you need google to see it</li>
<li>Make sure you get credit traffic as initially S3 was getting credited with some of slideshare&#8217;s traffic</li>
</ol>
<p>Other Points</p>
<ol>
<li>Don&#8217;t just save data, provide users with feedback that something has been done</li>
<li>Animation: Dial it back</li>
<li>If Fonts are important, Flash is still lighter and better since JPEGs are still to heavy</li>
<li>Flash Full-Screening is OK as long as it is user opt-in</li>
<li>For apps such as the multimedia editing tool, full screen is appropriate</li>
<li>Using invisible flash can be great and there is a dojo javascript library to connect to flash local objects</li>
</ol>
<p>It was a great presentation and you can see the presentation online <a href="http://www.slideshare.net/jboutelle/ajax-flash-mistakes" target="_blank">here</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.robgrady.com/sxsw-2008-day-one-ajax-and-flash-mistakes-jonathon-boutelle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

