<?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>Okay, CHAMP!</title>
	<atom:link href="http://blog.champtastic.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.champtastic.com</link>
	<description>It&#039;s not just good.  It&#039;s Champtastic.</description>
	<lastBuildDate>Tue, 07 Jun 2011 01:50:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>FoodTruckCorner.com</title>
		<link>http://blog.champtastic.com/2011/06/foodtruckcorner-com/</link>
		<comments>http://blog.champtastic.com/2011/06/foodtruckcorner-com/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 01:49:03 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[chicago]]></category>
		<category><![CDATA[food trucks]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=404</guid>
		<description><![CDATA[Yes, it&#8217;s been a while since I&#8217;ve written a post and this one would qualify as shameless promotion, but I&#8217;m going to do it anyway.  A couple weeks ago, my teammates and I got into a quick discussion during our weekly team meeting about a particular meatball food truck here in Chicago.  Fast forward a [...]]]></description>
			<content:encoded><![CDATA[<p>Yes, it&#8217;s been a while since I&#8217;ve written a post and this one would qualify as shameless promotion, but I&#8217;m going to do it anyway.  A couple weeks ago, my teammates and I got into a quick discussion during our weekly team meeting about a particular meatball food truck here in Chicago.  Fast forward a couple days later and another co-worker, upon hearing that we were intrigued about food trucks, emails a few of us to see if we had heard/tried another truck.  For some reason, a new idea popped into my head: food truck aggregator.  Upon some initial investigation to see if one already existed, I found there were some decent ones for L.A., D.C. and NYC  but none really for Chicago.  I mean, there were a couple sites and mobile apps but I felt they were lacking.  Either they were only following a few trucks or I felt the presentation could be better or we thought there were features that were missing.</p>
<p>While everyone else sitting around us thought we were probably just joking, we actually started on the idea that night.  I began building the site piece by piece using various APIs, most of them, I had never used before.  I have to admit, I became slightly obsessed trying to figure out how to get this to work.  It&#8217;s actually quite refreshing to have a project that has peaked my interest so much in a long time.  After searching for the perfect domain that was actually available, I settled on using <a href="http://www.foodtruckcorner.com">foodtruckcorner.com</a> and launched it 3 weeks later.</p>
<p>Granted, it&#8217;s not quite the finished version yet but the basic functionality is there &#8211; you can see multiple truck locations all on one page.  Most of the features I&#8217;m looking to incorporate involve some type of filtering &#8211; whether it&#8217;s for particular type of truck, trucks that are available for a particular time span or trucks located within a radius of a specific location that the user searches on.  I am also constantly tweaking my mapping ability.</p>
<p>So yeah, check it out if you live in the Chicagoland area.  I&#8217;m hoping once I get everything set that I can expand to other cities.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2011/06/foodtruckcorner-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 10 Reasons to go to SXSW Interactive</title>
		<link>http://blog.champtastic.com/2011/03/top-10-reasons-to-go-to-sxsw-interactive/</link>
		<comments>http://blog.champtastic.com/2011/03/top-10-reasons-to-go-to-sxsw-interactive/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 03:11:12 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[sxsw]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=397</guid>
		<description><![CDATA[Wow your coworkers with the new words you learned like &#8220;gamification&#8221; (pronounced: game-eh-feh-cay-shin) Get all sorts of free swag - &#8220;Yay! Another free t-shirt that I probably won&#8217;t ever wear&#8221; Free beer and food during the entire day &#8211; &#8220;Would you like a free beer?&#8221;  &#8220;It&#8217;s 9 am.&#8221;  &#8220;It&#8217;s free.&#8221;  &#8220;Sure.&#8221; Make your friends realize [...]]]></description>
			<content:encoded><![CDATA[<ol>
<li><strong>Wow your coworkers with the new words you learned like &#8220;gamification&#8221; </strong>(pronounced: game-eh-feh-cay-shin)</li>
<li><strong>Get all sorts of free swag </strong>- &#8220;Yay! Another free t-shirt that I probably won&#8217;t ever wear&#8221;</li>
<li><strong>Free beer and food during the entire day</strong> &#8211; &#8220;Would you like a free beer?&#8221;  &#8220;It&#8217;s 9 am.&#8221;  &#8220;It&#8217;s free.&#8221;  &#8220;Sure.&#8221;</li>
<li><strong>Make your friends realize you are even a bigger nerd than they originally thought.</strong> &#8211; &#8220;I saw Matt Cutts, Steve Krug, and Matt Inman!&#8221;  &#8220;Who?&#8221;  &#8220;I saw Mike Tyson.&#8221;  &#8220;Ohhhhhh&#8221;</li>
<li><strong>Use twitter as the sole communication tool </strong>- &#8220;I&#8217;m sitting next to @AdvCollector at @mattcutts #sxswi panel #qagb&#8221;</li>
<li><strong>Envy all the people who have iPads</strong> &#8211; &#8220;Ohhh&#8230; shiny Apple goodness!&#8221;</li>
<li><strong>Give you a list of 9 billion things you want to change with your website.</strong> &#8211; &#8220;We must make our site a game like Foursquare!&#8221;</li>
<li><strong>Become sick of seeing QR codes EVERYWHERE!</strong> (Insert QR Code here to see this list)</li>
<li><strong>Make you self-conscience that you&#8217;re not enough of a tech hipster</strong> &#8211; &#8220;Must wear skinny jeans.  Must have Macbook/iPad.  Must wear keds or converse sneakers.&#8221;</li>
<li><strong>Make you want to go back to SXSW next year</strong> <img src='http://blog.champtastic.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </li>
</ol>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2011/03/top-10-reasons-to-go-to-sxsw-interactive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW: DAY 4</title>
		<link>http://blog.champtastic.com/2011/03/sxsw-day-4/</link>
		<comments>http://blog.champtastic.com/2011/03/sxsw-day-4/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 03:07:55 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[sxsw]]></category>
		<category><![CDATA[gamification]]></category>
		<category><![CDATA[usabililty]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=388</guid>
		<description><![CDATA[Session 1: Long After The Thrill (Sustaining Passionate Users) Stephen Anderson, @stephenanderson This was also in my top 3 sessions of SXSWi.  Throughout SXSW, you definitely noticed a theme amongst the various sessions which were: &#8220;gamification&#8221; (e.g. think Foursquare) and &#8220;social media&#8221;.  His session was perfect for the last day to explain more of the [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Session 1: Long After The Thrill (Sustaining Passionate Users)</strong></p>
<p>Stephen Anderson, <a href="http://twitter.com/stephenanderson">@stephenanderson</a></p>
<p>This was also in my top 3 sessions of SXSWi.  Throughout SXSW, you definitely noticed a theme amongst the various sessions which were: &#8220;gamification&#8221; (e.g. think Foursquare) and &#8220;social media&#8221;.  His session was perfect for the last day to explain more of the underlying psychology as to the theory of what, why and how game theory should be incorporated for successful sites or apps.  The best part is that he made his slides available on slideshare: <a href="http://www.slideshare.net/stephenpa/long-after-the-thrill-sustaining-passionate-users-sxsw-version">http://www.slideshare.net/stephenpa/long-after-the-thrill-sustaining-passionate-users-sxsw-version</a></p>
<p>How do we get people to fall in love with our applications?</p>
<ul>
<li>How do we get people to stay in love with our applications?</li>
<li>By making more gamelike? &#8211; &gt; Theme of SXSW</li>
<li>It&#8217;s about motivating human, not consumer behavior</li>
<li>You must understand psychology, not game mechanics.</li>
</ul>
<p>Sustaining passionate users&#8230; through delightful challenges</p>
<p>Attitudes (Think about how teachers approach school subjects)</p>
<ol>
<li>&#8220;Apply Yourself&#8221; &#8211; Boring subject, must apply yourself to get something out of it</li>
<li>&#8220;Sugar Coating&#8221; &#8211; Add layer of fun to boring subject, core activity</li>
<li>&#8220;Stuff is Interesting&#8221; &#8211; Going to show you why important but first, a challenge for you</li>
</ol>
<p>Exercise: Think of mundane activity.  Now think of any game (video, board, card, etc).</p>
<ul>
<li>Why does this game work?</li>
<li>What would this activity look like with a game&#8217;s characteristics?</li>
<li>See design from different perspectives</li>
<li>Move beyond &#8220;points &amp; badges&#8221;</li>
</ul>
<p>Example 1: Old Navy</p>
<ul>
<li>Hid coupon codes in easter eggs throughout website.</li>
<li>Compelled user to click on many different areas throughout the site</li>
<li>Once found coupon, user was given choice to keep that code or could continue looking for other ones in hopes it would find a better one</li>
</ul>
<p>Example 2: Site made registration time a game -&gt; Fastest time to register was 16 seconds</p>
<p>Set Completion</p>
<ul>
<li>As we get closer to completing a set, we have a higher compulsion to complete the set</li>
</ul>
<p>Performance goals (Getting an A in French) vs. Learning challenges (Learning French)</p>
<p>How do you identify core challenges?</p>
<ul>
<li>5 Whys</li>
<li>After you peel back the layers, you find very interesting stuff</li>
</ul>
<p>Status</p>
<ul>
<li>Standing relative to personal best, not just against others</li>
<li>Shows up in games</li>
<li>Example: Gowalla (checkins this week vs. last week)</li>
</ul>
<p>(Play &amp; Challenges) + (Goals &amp; Rewards) = Game</p>
<p>Feedback Loop</p>
<ul>
<li>Example: Digital speed limit signs -&gt; Tend to immediately slow down</li>
<li>Simple triggers to change behavior</li>
</ul>
<p><strong>Attaching a measure to anything makes it a game ***</strong></p>
<p>Translate feedback loop -&gt; Don&#8217;t just leave with a number</p>
<p>Example: OKCupid</p>
<ul>
<li>Questions produces a &#8220;personality report&#8221;</li>
<li>People keep coming back because as they answer questions, do more actions, they learn more about themselves</li>
</ul>
<p>Rewards motivate people with more rewards</p>
<p>(Most) games eventually end</p>
<p>Sustaining passionate users&#8230; takes more than delightful experiences</p>
<p>What and why use services/app for last 3 years?</p>
<p><strong>Providing a service that is trustworthy and of value</strong>***</p>
<p>Kano Model</p>
<p>Social Proof</p>
<p>Stories</p>
<p>Look for the game already in activity</p>
<p>Focus on intrinsic motivators</p>
<p>&nbsp;</p>
<p><strong>Session 2: Beyond Wordclouds: Analyzing Trends with Social Media APIs</strong></p>
<p>Chris Busse, <a href="http://twitter.com/busse">@busse</a></p>
<p>In this session, the speaker essentially walked everyone through how you easily parse through the twitter API to get a lot of useful insights.</p>
<p>APIs are the bridge between systems</p>
<p>Build to be minimally independent of API platform -&gt; Get the data out and save it</p>
<p>Automate &#8211; &gt;Set script for regular intervals (hourly) and save</p>
<p>Tweet + CRM Data = Social CRM</p>
<p>There&#8217;s no such thing as social media campaign -&gt; Once you&#8217;re in it, you&#8217;re in it for the long haul</p>
<p>Example: &#8220;coffee&#8221; in 2 day interval in Austin</p>
<ul>
<li>over 100,000 tweets</li>
<li>slice by &#8220;coffee&#8221; and &#8220;I&#8217;m at&#8221;</li>
<li>most popular places by checkins</li>
<li>when does Austin get coffee based on checkin times</li>
<li>who tweeted (customer demographics)</li>
</ul>
<p>Import data in CSV, then use PowerPoint</p>
<p>&nbsp;</p>
<p><strong>Session 3: Keynote: Blake Mycoskie (Toms Shoes)</strong></p>
<p>1) Build giving into your business</p>
<p>2) If you build giving in, you don&#8217;t have to do marketing</p>
<ul>
<li>Build the most loyal customers and employees who will spread your business</li>
</ul>
<p>&nbsp;</p>
<p><strong>Session 4: Steve Krug Explains It All For You</strong></p>
<p>Steve Krug (author of &#8220;Don&#8217;t Make Me Think&#8221; and &#8220;Rocket Surgery Made Easy&#8221;), <a href="http://twitter.com/skrug">@skrug</a></p>
<p><strong>Most sites don&#8217;t get tested</strong></p>
<ul>
<li>$$$</li>
<li>Time</li>
<li>Even if there was enough money, there aren&#8217;t enough professionals</li>
</ul>
<p><strong>Do-it-yourself usability testing</strong></p>
<ul>
<li> 3 users per round</li>
<li>3 should be plenty since you&#8217;ll be doing it again in a month</li>
<li>You&#8217;ll find more problems than you can fix</li>
<li>No lab or mirrors</li>
<li>Set up monitor so development team can watch</li>
<li>No elaborate recruiting</li>
<li>Recruit loosely and grade on a curve</li>
<li>Record with Camtasia/Morae/CamStudio</li>
<li>No stats, no exit questions, no faux validity</li>
<li>No big report &#8211; &gt; Debrief over lunch</li>
</ul>
<p>Download usability test script for website &#8211; &gt; Read verbatum</p>
<p>Complete demo online: www.sensible.com</p>
<p>Works best small groups within development cyle</p>
<p>&#8220;What are you thinking?&#8221; &#8211; Can never ask enough</p>
<ul>
<li>Start earlier than what you think makes sense (Test competitors/comparables/same kind of design/functionality)</li>
<li>Recruit loosely and grade on a curve</li>
<li>Make it a spectator sport</li>
<li>Focus ruthlessly on a small number of the most important problems (What resources do we have to allocate?)</li>
<li>When fixing problems, always do the least you can do</li>
</ul>
<p>Your motto should be&#8230;</p>
<ul>
<li>What&#8217;s the smallest change we can make that we think might solve the observed problem?</li>
<li>Tweak, don&#8217;t redesign</li>
</ul>
<p>Blog: someslightlyirregular.com</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2011/03/sxsw-day-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW: Day 3</title>
		<link>http://blog.champtastic.com/2011/03/sxsw-day-3/</link>
		<comments>http://blog.champtastic.com/2011/03/sxsw-day-3/#comments</comments>
		<pubDate>Fri, 18 Mar 2011 14:55:42 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[sxsw]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=383</guid>
		<description><![CDATA[Session 1: Neurons Sparking! Design with the Brain in Mind Dr. M.A. Greenstein (George Greenstein Institute), @DRG This session focused on optimizing game design based on reward, trust and IQ systems in the brain.  I apologize if my notes for this session may seem random.  I&#8217;m trying to get the deck used in the session [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.champtastic.com/wp-content/uploads/2011/03/5526840584_92a42e7a91_b.jpg"><img class="alignnone size-medium wp-image-390" title="Neurons Sparking!: Design with the Brain in Mind!" src="http://blog.champtastic.com/wp-content/uploads/2011/03/5526840584_92a42e7a91_b-300x194.jpg" alt="" width="300" height="194" /></a></p>
<p><strong>Session 1: Neurons Sparking! Design with the Brain in Mind</strong></p>
<p>Dr. M.A. Greenstein (George Greenstein Institute), <a href="http://twitter.com/DRG">@DRG</a></p>
<p>This session focused on optimizing game design based on reward, trust and IQ systems in the brain.  I apologize if my notes for this session may seem random.  I&#8217;m trying to get the deck used in the session to include.</p>
<p>Working Assumption 1:</p>
<ul>
<li>The Inimitable 3 C&#8217;s:
<ul>
<li>Consciousness</li>
<li>Creativity</li>
<li>Collaboration</li>
</ul>
</li>
</ul>
<p>Working Assumption 2:</p>
<ul>
<li>Gaming is both good and bad for the  human brain</li>
</ul>
<p>Stress degrades the brain</p>
<p>From a neuroscience perspective, there&#8217;s no multitasking, only task sorting.</p>
<p>3 Gaming Models:</p>
<ul>
<li>Posit Science</li>
<li>Call of Duty</li>
<li>Civilization</li>
</ul>
<p>Novelty creates learning</p>
<ul>
<li>Keep things fresh and new</li>
<li>Brain is good at memory
<ul>
<li>Once it figures things out, doesn&#8217;t get better</li>
</ul>
</li>
</ul>
<p>Children are more interested in playing games than doing their schoolwork because games give immediate feedback/reward</p>
<ul>
<li>Don&#8217;t get that in education</li>
<li>Novelty</li>
</ul>
<p><strong>3 Strategies common to the way gamers and the brain sees:</strong></p>
<ol>
<li>Selective Attention</li>
<li>Face/Pattern Recognition</li>
<li>Visual/Spatial Fluency</li>
</ol>
<p>Posit Science</p>
<ul>
<li>Roving targets demand &#8220;focused attention&#8221;:</li>
<li>Single Pointed</li>
<li>Global</li>
</ul>
<p>Civilization</p>
<ul>
<li>Face/Pattern Recognition</li>
<li>Age 0 to 4 &#8211; Greatest number of mirror neurons
<ul>
<li>Watching imitating everything to learn</li>
</ul>
</li>
</ul>
<p>Oxytocin (more produced/released)</p>
<ul>
<li>When we recognize people</li>
<li>When we hug</li>
<li>Sex (forms connection/bond)</li>
</ul>
<p>&#8220;Action gamers who played Call of Duty 2 were 25% faster at coming to a conclusion and answered just as many questions correctly than strategy gamers.&#8221;</p>
<p><a href="http://blog.champtastic.com/wp-content/uploads/2011/03/IMG_20110314_122450.jpg"><img class="alignnone size-medium wp-image-385" title="IMG_20110314_122450" src="http://blog.champtastic.com/wp-content/uploads/2011/03/IMG_20110314_122450-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Session 2: Q&amp;A with Google &amp; Bing on Website Ranking<br />
</strong>Matt Cutts (Google), <a href="http://twitter.com/mattcutts">@mattcutts </a></p>
<p><a href="http://twitter.com/mattcutts"></a>Duane Forrester (Bing), <a href="http://twitter.com/duaneforrester">@duaneforrester</a></p>
<p>This was one of the most anticipated sessions I wanted to attend at SXSW so much that we made it a point to get there at least 45 minutes early.  I&#8217;m glad we did because we were near the front of a very long line.  For some reason, they gave this session probably the smallest room possible, despite the popularity of the panelists amongst the people that attend SXSW Interactive.  Fortunately, I ended up in the second row, right on the center aisle.</p>
<p>If you&#8217;ve looked into the least bit of  information about Search Engine Optimization (SEO), you know who Matt Cutts is.  If you&#8217;ve never heard of him before, he&#8217;s a Google engineer on their web spam team &#8211; he works on modifying the algorithm to make the most relevant legitimate sites pop up in the top of the search results.  I had only heard of Duane Forrester in the past month because he and Cutts got into a bit of a twitter battle after Google accused Bing of copying their search results.  The panel was entirely a question and answer session from the audience.</p>
<p>These were my takeaways:</p>
<p>Affiliates actually have to build good content site</p>
<p>Punishment proportionate to the crime</p>
<ul>
<li>Hidden links &#8211; 30 days</li>
<li>Hacked sites -&gt; Can submit a reconsideration request to get this pushed faster</li>
</ul>
<p>Focus on creating original content/research/insight</p>
<ul>
<li>Think about: &#8220;What interesting thing have I made in the last 30 days&#8221;</li>
</ul>
<p><strong>2 Key Google Signals</strong></p>
<ul>
<li>Reputation</li>
<li>Topicality</li>
</ul>
<p>There are no normal search results.</p>
<ul>
<li>A search for bank on east coast is going to be different for the same search on the west coast.</li>
<li>What matters are <strong>conversions/traffic</strong>
<ul>
<li><strong>RANK IN NOT A METRIC</strong></li>
</ul>
</li>
<li>Page views, UVs, conversions, time spent on site &#8211; those are the real metrics</li>
</ul>
<p>Recommendations</p>
<ul>
<li>Deep Content</li>
<li>Keyword Research</li>
</ul>
<p>&nbsp;</p>
<p><strong>Session 3: Moving the Web onto Mobile Devices (Panel)</strong></p>
<p>Noah Broadwater (Sesame Street)</p>
<p>Kristin Long (MIGHTYminnow)</p>
<p>Scott Fegette (Adobe)</p>
<p>The content of this session was different than what I was expecting.  I was hoping they were going to address best practices when creating a mobile version of your website or an app.  I felt like the panelists focused more on limitations or issues such as no standards set by the W3C concerning HTML5, different video formats for different phones (e.g. Apple not supporting flash), and the lack of robust emulation tools that were affordable (especially with one of the panelists being a sole proprietorship).</p>
<p>The key takeaways I got from this session were:</p>
<ul>
<li>Since there are variations of video formats on different phones, you need to figure out where/what/who are you targeting? &#8211; &gt; What is going to allow you to reach the broadest audience?</li>
<li>W3C needs to set standards</li>
<li>jQuery mobile (tool)</li>
<li>Developing for native is very different than the mobile web
<ul>
<li>With native apps, you get the benefits of the accelerometer, camera and GPS.</li>
<li>You should incorporate these items</li>
<li>Allow for offline mode</li>
<li>More intuitive way of accessing data/interacting for children -&gt; Children are very good with mobile devices over a computer mouse because it&#8217;s all touch based</li>
</ul>
</li>
<li>Web (Desktop) to mobile changes the experience</li>
<li>Shifting environments forces you to be a content architect again
<ul>
<li>Make content more appropriate, accessible and fun</li>
<li>Content needs to be more concise</li>
<li>Structure content to be clickable (fat finger effect) -&gt; Links presented differently</li>
</ul>
</li>
<li>Shoot and store your highest quality video and then reformat to different video formats/transcode</li>
<li>VideoJS (tool)</li>
<li>CSS3 Media Queries (tool)</li>
<li>Kaltura (tool)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2011/03/sxsw-day-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW: DAY 2</title>
		<link>http://blog.champtastic.com/2011/03/sxsw-day-2/</link>
		<comments>http://blog.champtastic.com/2011/03/sxsw-day-2/#comments</comments>
		<pubDate>Thu, 17 Mar 2011 19:14:15 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[sxsw]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=373</guid>
		<description><![CDATA[Session 1: The Science of Influence (Panel) Marshall Kirkpatrick (www.readwriteweb.com), @marshallk Dan Zarrella (HubSpot), @danzarrella Ramya Krishnamurthy (Klout), @ramyatkj Michael Wu (Lithium Technology), @mich8elwu In this panel, each participant went through a short 5 to 10 minute presentation on varying techniques of how they defined who was an influencer and how you could find who they were. First up, [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Session 1: The Science of Influence (Panel)</strong></p>
<p>Marshall Kirkpatrick (www.readwriteweb.com), <a href="http://twitter.com/marshallk">@marshallk</a></p>
<p>Dan Zarrella (HubSpot), <a href="http://twitter.com/danzarrella">@danzarrella</a></p>
<p>Ramya Krishnamurthy (Klout), @<a href="http://twitter.com/ramyatkj">ramyatkj</a></p>
<p>Michael Wu (Lithium Technology), @<a href="http://twitter.com/mich8elwu">mich8elwu</a></p>
<p>In this panel, each participant went through a short 5 to 10 minute presentation on varying techniques of how they defined who was an influencer and how you could find who they were.</p>
<p><em><strong>First up, Dan Zarrella&#8230;</strong></em></p>
<p>Tweetmap</p>
<ul>
<li>Quality is not greater than quantity with twitter followers</li>
<li>The influence pyramid is upside down</li>
<li>Users with lots of followers aren&#8217;t very conversational</li>
</ul>
<p><em><strong>Ramya Krishnamurthy</strong></em></p>
<p>Influence &#8211; The ability to drive <strong>action</strong></p>
<p>How do you measure influence?  Through social actions such as:</p>
<ul>
<li>Sharing</li>
<li>Conversations</li>
<li>Messages</li>
<li>Lists</li>
</ul>
<p>Network  Effect</p>
<p><em><strong>Michael Wu</strong></em></p>
<p>Influence &#8211; Ability to change someone&#8217;s mind</p>
<p>Influencer &#8211; concept involving 2 parties</p>
<p>Influencer has:</p>
<ul>
<li>Credibility (especially in specific domain of knowledge)</li>
<li>High Bandwidth</li>
<li>Content Relevance</li>
<li>Timing</li>
<li>Channel Alignment</li>
<li>Target Confidence (target trusts the influencer)</li>
</ul>
<p><em><strong>Marshall Kirkpatrick</strong></em></p>
<ul>
<li>Use twitter plus NeedleBase to discover fabulous things</li>
<li>Smarter way to find followers/influencers</li>
<li>Strength of relationship -&gt; Influence</li>
</ul>
<p>&nbsp;</p>
<p><strong>Session 2: Viral Marketing with The Oatmeal</strong></p>
<p>Matthew Inman, <a href="http://twitter.com/oatmeal">@oatmeal</a></p>
<p>If you&#8217;ve never heard of the website <a href="http://www.theoatmeal.com">www.theoatmeal.com</a>, it&#8217;s a really funny site featuring a collection of comics and quizzes all designed and coded by one person, Matt Inman.  I actually wrote a post about his site a little over a year ago (<a href="http://blog.champtastic.com/2010/01/the-oatmeal/">http://blog.champtastic.com/2010/01/the-oatmeal/</a>) so I was pretty excited to see him in person.  His topics cover everything from pigs, bears, rainbows to grammar, beer, computers, etc.  Overall, he seemed like a genuinely nice guy that is fortunate to have figured out what his passion was (being a cartoonist) and is able to make a living out of it (he makes money off his merchandise &#8211; posters, t-shirts, etc. and now his recently released book, which he is on tour now).  He mostly went through how he got started, his favorite comics and shared some tidbits of what he found worked that lead to his success.</p>
<p>Why the oatmeal?</p>
<ul>
<li>Used to play Quake -&gt; Name was Quaker Oatmeal (eventually just dropped Quaker to be just Oatmeal)</li>
</ul>
<p>Original creator of Mingle2 (dating site)</p>
<ul>
<li>Created comics to create links to dating site</li>
</ul>
<p>Created Zombie Harmony (Zombie Dating Site)</p>
<ul>
<li>Crazy idea could become more popular/valuable than huge corporate sites (match.com) &#8211; &gt; ranked higher in SERP</li>
</ul>
<p>Desired to no longer work for someone else</p>
<p>Power of one guy &#8211; he designs, writes and codes entire site by himself</p>
<p>Likes to pick things that are relatable</p>
<p>Keep it short with lost of visuals (most effective comics)</p>
<p>Keep yourself out of your message with viral campaigns</p>
<ul>
<li>Make it a blank slate to protect future possibility</li>
</ul>
<p>He found StumbleUpon*, Digg and Recruit most useful sites to spread his popularity</p>
<p>Comics prefaced with &#8220;How to&#8221;, &#8220;Why&#8221;, &#8220;When&#8221; &#8211; draws people in</p>
<p>Finding a gripe and articulating it</p>
<p>In comic, &#8220;Eat Some Sea Bacon&#8221; (<a href="http://0at.org/sea-bacon/">http://0at.org/sea-bacon/</a>)</p>
<ul>
<li>Basically making fun of Peta</li>
<li>Peta didn&#8217;t realize he was making fun of them and linked their site to his so he changed his site that if you were referred by Peta, you were actually taken to this comic instead: <a href="http://theoatmeal.com/story/eat_horses">Why We Should Be Eating Horses Instead of Riding Them</a></li>
</ul>
<p>If you want to purchase his book, How to Punch a Dolphin in the Mouth, you can do so on amazon.com: <a href="http://www.amazon.com/Reasons-Punch-Dolphin-Useful-Guides/dp/1449401163/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1300391025&amp;sr=8-1">http://www.amazon.com/Reasons-Punch-Dolphin-Useful-Guides/dp/1449401163/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1300391025&amp;sr=8-1</a></p>
<p><strong>Session 3: Future of Collective Intelligence: Location! Location! Location! (Panel)</strong></p>
<p>This was a panel featuring representatives from Nokia, Pepsi &amp; Foursquare.  I think there were high hopes for this session, especially when it included one of the co-founders of  Foursquare, Naveen Selvadurai.  Unfortunately, of all the sessions I attended at SXSW, I think this was one that I was most disappointed with.  Based on the twitter messages that were going on during the session, people expected topics about the future of  check-ins and potential privacy issues were going to be addressed but were not.</p>
<p>The only real information I got out of this session was when they did a crowd survey and most people said they did not check in to their office.  I&#8217;m assuming most people don&#8217;t because there is no incentive to do so.</p>
<p>As far as using check ins for business, the only practical use the rep from Pepsi saw was from an operational standpoint.  Meaning, they would use checkins to keep up to date on the location of their delivery trucks.</p>
<p>I&#8217;ve never seen so many people leave a room as soon as the Q&amp;A session begun.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2011/03/sxsw-day-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW: DAY 1</title>
		<link>http://blog.champtastic.com/2011/03/sxsw-day-1/</link>
		<comments>http://blog.champtastic.com/2011/03/sxsw-day-1/#comments</comments>
		<pubDate>Wed, 16 Mar 2011 22:22:35 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[sxsw]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=367</guid>
		<description><![CDATA[Since I skipped the entire first day, including all the parties, I was able to get started bright and early on Saturday morning.  First thing I had to do though was pick up my badge at 9 am.  There were quite the number of people who were there before 9 waiting to get their badges [...]]]></description>
			<content:encoded><![CDATA[<p>Since I skipped the entire first day, including all the parties, I was able to get started bright and early on Saturday morning.  First thing I had to do though was pick up my badge at 9 am.  There were quite the number of people who were there before 9 waiting to get their badges as well so I was a little worried that I would be spending a good amount of time just getting that done.  Thankfully, the process went much quicker than the security line at O&#8217;Hare airport went the day before.</p>
<p>Anyhoo, these are the sessions I attended:</p>
<p><strong>Session 1: Using Twitter to Improve College Student Engagement</strong><br />
<em>Dr. Rey Junco, <a href="http://twitter.com/reyjunco">@reyjunco</a></em></p>
<p>As one of the niche sites I work on is specially related to the college market, I thought this would be a valuable session to attend.  The content was a little different than I had expected since it was more geared to engaging students in an educational setting, not for general business.  I still found it interesting nevertheless.  The speaker was definitely quirky but in a good way.  He was kind of like one of those professors that borderline being really cool and really cheesy at trying to relate to his younger audience.</p>
<p>While the studies in this session were mostly concentrated around twitter, facebook was discussed briefly in the beginning.  One interesting point I thought that was brought up was that time spent on facebook is a negative predictor of how much one is engaged in facebook.  Positive predictors are actually events, comments and viewing photos.  In fact, less engaged students spend more time on facebook.  Apparently, getting metrics on facebook is difficult and faculty was more interested in integrating twitter over FB.</p>
<p><strong>The study conducted 2 experiments:</strong><br />
<em>Study #1</em>: In the experimental group, students were actively told to engage with twitter by the faculty.  In the control group, students were actively told to engage in ning by the faculty.</p>
<p><em>Study #2</em>: Students receive no active encouragement to use twitter<br />
Rather than spend a huge chunk of my time writing up the activities and results of each of these studies, I found you can actually download some of the slides used in his presentation and even more detailed information about the experiments on his blog: <a href="http://blog.reyjunco.com/">http://blog.reyjunco.com/</a></p>
<p><strong>Twitter Improves Student Engagement and Grades</strong></p>
<p><strong> </strong><em>The studies found that faculty must use twitter to:</em><br />
1) Engage with students<br />
2) Integrate course content<br />
3) Encourage collaborative learning</p>
<p>Another takeaway I thought that was interesting about this session was a specific technology used during the study.  The software was called Leximancer and it was used to link concepts across the various tweets of the students and faculty used in the study.</p>
<p><strong>Session 2: Designing For Silence : Using Email for Good</strong><br />
<em>Michael Jackson Wilkinson, Posterous, <a href="http://twitter.com/whafro">@whafro</a></em></p>
<p>I thought this was an interesting session to attend since we send a lot of email to our users and you always wonder what&#8217;s the right amount of emails to send before it becomes detrimental to your business.  You have to remember that not only are you sending emails, but everyone&#8217;s inboxes are being filled with groupon, livingsocial, facebook, twitter and all sorts of sites you might be signed up for.  So how do you keep your company emails from being lost in all the clutter and so that your users don&#8217;t end up unsubscribing from your emails all together.</p>
<p>&#8220;Strive to make noise only when it improves the silence.&#8221;</p>
<p><strong>Bac&#8217;n</strong> (pronounced: bake &#8211; on)</p>
<ul>
<li>Spam you sort of want to get. (haha)</li>
<li>Examples: Amazon purchase confirmations, twitter direct message notifications, etc.</li>
<li>Insight: Not everything everyone follows (such as every friend on facebook) is equal.</li>
</ul>
<p>Things you can do to modify current email interactive with users before you see diminishing returns:</p>
<p><strong>Bundling</strong></p>
<ul>
<li>Allow users to elect to wrap multiple notifications into oneExample: Daily digests versus instant notification of each interaction</li>
</ul>
<p><strong>Bundling Wisely</strong></p>
<ul>
<li>What should you bundle?</li>
<li>One idea: Customize on the frequency for each person or group of people.</li>
<li>Generally users give you clues on how frequently they want to interact with service such as how often/when they login</li>
</ul>
<p><strong>Highlighting Favorites</strong></p>
<ul>
<li>Reorder email content based on frequency of views</li>
<li>How much time are they spending on certain items</li>
</ul>
<p><strong>Since You&#8217;ve Been Gone</strong></p>
<ul>
<li>Give users a nice recap of things that have happened since they last visited the site</li>
<li>Example: Most active things others have been viewing</li>
<li>Example: What were the last 5 things I viewed the last time I was at the site.  You can have the browser store these items.</li>
</ul>
<p><strong>Overall Lessons:</strong></p>
<p><em>1. Don&#8217;t forget the important stuff</em></p>
<ul>
<li>Don&#8217;t leave out the detail to get users to go back to the site.  Generally backfires and ends up annoying users more than helping your site.</li>
<li>Example: Facebook photo comment notifications don&#8217;t tell you which photo your friend commented on</li>
</ul>
<p><em>2. Don&#8217;t beat around the bush</em></p>
<ul>
<li>If there is an action required, make sure it&#8217;s clear to the user</li>
<li>Be clear with what you want users to do with transactional email messages</li>
<li>Example: Big button for link you need users to take action upon</li>
</ul>
<p><em>3. Meta data</em></p>
<ul>
<li>Keep app or company name in the from line</li>
<li>Keep the from line to 20 &#8211; 25 characters</li>
<li>Specific subject lines</li>
</ul>
<p><em>4. Effective messages are designed messages</em></p>
<ul>
<li>This doesn&#8217;t necessarily mean they need to be the best looking emails</li>
<li>It more means that you should consider the hierarchy of what you want the user to do</li>
</ul>
<p><em>5. Be careful with promos</em></p>
<ul>
<li>Keep it so there is not more promos than content or that promos do not confuse user on what to do</li>
</ul>
<p><strong>Session 3: Metrics-Driven Design</strong><br />
<em>Joshua Porter, @<a href="http://twitter.com/bokardo">bokardo</a></em></p>
<p>This was probably in my top 3 sessions of the entire conference.  The great thing about this session was that the presenter gave everyone a link at the very end where people could download his slides: <a href="http://bokardo.com/talks/metrics-driven-design">http://bokardo.com/talks/metrics-driven-design</a> (I wish I had known this otherwise I wouldn&#8217;t have been furiously trying to write down every word).</p>
<p>These are the key things I took away:</p>
<p>Optimization asks: What works best in the current model?</p>
<p>Design innovation asks: What is the best possible model?</p>
<p>Metrics are simply the numbers that measure the effectiveness of your business.</p>
<ul>
<li>Example: &#8220;Must improve conversion by&#8230; &#8220;</li>
</ul>
<p><strong>5 Reasons Why Metrics are Designers&#8217; friends:</strong></p>
<ol>
<li>Metrics reduce arguments based on opinion</li>
<li>Metrics give you answers about what really works</li>
<li>Metrics show you where you&#8217;re strong as a designer (and weak)</li>
<li>Metrics allow you to test anything you want</li>
<li>Clients love metrics</li>
</ol>
<p>With metrics, you are measuring how you are moving people along the usage life cycle.</p>
<p><strong>There are 5 types of metrics:</strong></p>
<ul>
<li>Acquisition</li>
<li>Conversion</li>
<li>Engagement</li>
<li>Satisfaction</li>
<li>Emergent</li>
</ul>
<p><em><strong>Acquisition Metrics</strong></em></p>
<ul>
<li>CPA &#8211; Cost Per Acquisition</li>
<li>If your CPA is higher than your lifetime value, you&#8217;re in trouble</li>
<li>Acquisition vs. Referral
<ul>
<li>Example: DropBox</li>
<li>Paying too much for Google AdWords</li>
<li>Created 2 sided incentive program for referrals where both the referrer and referree benefit</li>
<li>Extremely successful</li>
<li>Increased signup permanently by 60%</li>
</ul>
</li>
<li>Performable acquisition metrics include:
<ul>
<li>Comparative metrics</li>
<li>Revenue by channel</li>
<li>Revenue by keyword</li>
</ul>
</li>
<li>Email lists then to be extremely valuable</li>
</ul>
<p><strong><em>Conversion Metrics</em></strong></p>
<ul>
<li>Example: Twitter redesigned their sign-up flow</li>
<li>Looked at their most active users and re-engineered what they were doing</li>
<li>Made their site very topic based</li>
<li>They added a 2nd page &#8211; a category list where people can self-select what to follow</li>
</ul>
<p><strong><em>Engagement Metrics</em></strong></p>
<p>From most traditional down:</p>
<ul>
<li>Hits</li>
<li>Page Views</li>
<li>Visits</li>
<li>Unique Visitors</li>
<li>Returning Users</li>
<li>Registered Users</li>
<li>Customers</li>
<li>Frequency</li>
<li>Time on site</li>
<li>Daily active users</li>
</ul>
<p>Cohort Analysis</p>
<ul>
<li>Break up users into segments based on when they started</li>
</ul>
<p>Prevention: Facebook Deactivation</p>
<ul>
<li>Added &#8220;These people are going to miss you&#8221; section</li>
<li>Change accounted for 1 million people <strong>NOT</strong> leaving</li>
</ul>
<p><strong><em>Satisfaction Metrics</em></strong></p>
<ul>
<li>How likely would you recommend our company to a friend of colleague? (Net Promoter Score)</li>
<li>Score = % Promoters &#8211; % Detractors</li>
<li>Mint.com did not have a high viral score but had a high NPS</li>
</ul>
<p><strong><em>Emergent Metrics</em></strong></p>
<ul>
<li>Not obvious at first by more over time</li>
<li>Example: FriendFeed
<ul>
<li>They discovered magic number is 5</li>
<li>Introduced a way to easily add friends</li>
</ul>
</li>
<li>Example: Blogger
<ul>
<li>Realized most critical piece/metric was the number of posts</li>
</ul>
</li>
</ul>
<p><strong>Principles of Metrics-Driven Design</strong></p>
<ol>
<li>Optimize in small steps; innovate with daring leaps.</li>
<li>No design survives contact with the user.</li>
<li>Small improvements, taken together, yield amazing results.</li>
<li>Testing is empowering, reversion is cleansing.</li>
<li>Metrics are not creative: human beings are.</li>
<li>All team members are responsible for the user experience.</li>
<li>If metrics aren’t actionable, they aren’t useful.</li>
<li>Design is never done.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2011/03/sxsw-day-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW Interactive</title>
		<link>http://blog.champtastic.com/2011/03/sxsw/</link>
		<comments>http://blog.champtastic.com/2011/03/sxsw/#comments</comments>
		<pubDate>Wed, 16 Mar 2011 02:27:41 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[android]]></category>
		<category><![CDATA[beer]]></category>
		<category><![CDATA[Computer]]></category>
		<category><![CDATA[Phone]]></category>
		<category><![CDATA[sxsw]]></category>
		<category><![CDATA[TV]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=357</guid>
		<description><![CDATA[Since this is my first time at South By Southwest (SXSW), I figured it would be a good idea to write about my experiences for others who are contemplating going in the future and also, make sure I don&#8217;t forget anything that I picked up during my trip.  If you&#8217;ve never heard of SXSW, it&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sxsw.com"><img class="alignnone size-full wp-image-362" title="sxsw2011logo-300x129" src="http://blog.champtastic.com/wp-content/uploads/2011/03/sxsw2011logo-300x129.jpg" alt="" width="300" height="129" /></a></p>
<p>Since this is my first time at South By Southwest (<a href="http://www.sxsw.com">SXSW</a>), I figured it would be a good idea to write about my experiences for others who are contemplating going in the future and also, make sure I don&#8217;t forget anything that I picked up during my trip.  If you&#8217;ve never heard of SXSW, it&#8217;s an interactive, film and music conference and festival every year in Austin, TX.  As someone who works for a .com and made the first 7 years of my career as a web developer, I came here specially to attend the interactive part. Let me sum up the last 4 days with one word: <strong>exhausting.</strong> And that&#8217;s with skipping the first full day!</p>
<p>Our technology team has what we call &#8220;Think Days&#8221;.  Essentially, it&#8217;s one full work day every other week where the developers are allowed to research any topic that may or may not be related to the current projects that they are assigned.  The best way that I can explain SXSW is that it&#8217;s Think Day on crack.  It&#8217;s definitely a place for information overload but in a good way.</p>
<p>During the day, you have a number of choices of different sessions that you can choose from at various locations in downtown Austin.  It&#8217;s a little bit of a challenge to pick which session is the right one for you.  It reminded me alot of what it was like to pick classes during my undergrad days.  Since some of the locations were much farther than the others, you had to decide if you had enough time to hop between locations and if it was generally worth the time and effort.  I found that the shuttles that were supposed to take you to the various hotels was not very efficient so I kept my sessions down to only three locations.  There were definitely more than a few that were at one location that I wish I could have attended but it would have basically cost me 2 additional sessions, one before and after, with just the time it would take to travel back and forth.</p>
<p>Despite that, overall, I would definitely recommend going&#8230; and it&#8217;s not just because it was a nice break from the Chicago winter.  It was quite an experience.   For someone who likes to be creative and whose job is to come up with new ideas, whether it be for new ways to improve existing products or to come up with totally new ones, it felt fantastic to be surrounded by people who shared similar interests (i.e. big geeks) and were able to stimulate my mind with a thousand new ideas that I can take back to my company.</p>
<p>Because there&#8217;s way too much information to share for one, it&#8217;s probably best if I split up my writeup of each day as a separate post.  Some days were better than others but I can say without hesitation that every single session generated some new thought.</p>
<p>Oh and one more thing, I used Twitter more in the last few days (you can follow me at <a href="http://twitter.com/okaychamp">@okaychamp</a>) than I have in the first so many months that I have had an account.  It was without a doubt the communication channel of choice for the conference without even being sponsored by them.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2011/03/sxsw/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Get the most out of that browser</title>
		<link>http://blog.champtastic.com/2010/12/get-the-most-out-of-that-browser/</link>
		<comments>http://blog.champtastic.com/2010/12/get-the-most-out-of-that-browser/#comments</comments>
		<pubDate>Tue, 14 Dec 2010 03:38:43 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[Computer]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=326</guid>
		<description><![CDATA[Okay&#8230; first, if you don&#8217;t know what a browser is (don&#8217;t feel ashamed if you don&#8217;t &#8211; and no, it is not Google) but a browser is a program that allows you to access websites.  Here&#8217;s a quick video explanation: The 4 most popular web browsers are: Internet Explorer, Firefox, Google Chrome and Safari.  Internet [...]]]></description>
			<content:encoded><![CDATA[<p>Okay&#8230; first, if you don&#8217;t know <a href="http://www.youtube.com/watch?v=o4MwTvtyrUQ">what a browser is</a> (don&#8217;t feel ashamed if you don&#8217;t &#8211; and no, it is not Google) but a browser is a program that allows you to access websites.  Here&#8217;s a quick video explanation:</p>
<p><object width="415" height="258"><param name="movie" value="http://www.youtube.com/v/BrXPcaRlBqo?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BrXPcaRlBqo?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="415" height="258"></embed></object></p>
<p>The 4 most popular web browsers are: Internet Explorer, Firefox, Google Chrome and Safari.  Internet Explorer is the most dominant at 60% of the market (which is much lower than I was actually expecting), followed by 20% Firefox, 8% Chrome and 7% Safari.  The latest versions of all 4 of these browsers allow you to add extensions.</p>
<p>As a web developer, extensions have become very important with helping me get through everyday things &#8211; mostly with debugging (i.e. finding issues).  These are a few notable ones that I find the most useful.</p>
<p><strong>1. Firebug (Firefox and Chrome)</strong></p>
<p>Firebug is definitely one that&#8217;s catered for developers.  For front end developers, it&#8217;s great to inspect HTML and modify the style and layout of a page in real-time.  For other developers, it&#8217;s great for debugging javascript.  (Again, don&#8217;t worry if those last two sentences mean nothing to you.)  Now, I&#8217;m not condoning this BUT I&#8217;ve found a non-developer use for photo websites where they purposefully try to prevent you from downloading their images.  Using the tool, you can use the &#8220;inspect&#8221; function to hover over the images and expose the web address for the photo (i.e. the location for the .GIF or .JPEG) so that you can copy it into another window, open and download the image directly.</p>
<p><a href="http://blog.champtastic.com/wp-content/uploads/2010/12/firebug-example.jpg"><img class="alignnone size-medium wp-image-330" title="firebug-example" src="http://blog.champtastic.com/wp-content/uploads/2010/12/firebug-example-300x140.jpg" alt="" width="300" height="140" /></a></p>
<p><strong>2.</strong> <strong>Screen Capture (Chrome) an</strong>d <strong>Screengrab (Firefox)</strong></p>
<p>Both of these are nice screen capture extensions.  Yes, you can take screenshots by pressing CTRL + PrintScr (or ALT + PrintScr for a specific window only) but these are much better.  For one thing, they allow you to choose between just capturing the visible content (which CTRL + PrintScr only allows), the whole page or even just a specific region.  Screen Capture also has an additional feature that allows you to highlight/underline certain areas in your screenshot.</p>
<p><a href="http://blog.champtastic.com/wp-content/uploads/2010/12/screen-capture-example.png"><img class="alignnone size-medium wp-image-329" title="screen-capture-example" src="http://blog.champtastic.com/wp-content/uploads/2010/12/screen-capture-example-300x142.png" alt="" width="300" height="142" /></a></p>
<p><strong>3. FireFTP</strong></p>
<p>First, FTP stands for File Transfer Protocol.  FTP clients are used to copy one file from one host to another.  So whether you have your own web hosting account or you are trying to access someone else&#8217;s, a FTP client lets you move files to and from that host.  FireFTP is nice because you don&#8217;t have to install another standalone FTP client, such as SmartFTP or WS_FTP.  Instead, you can easily open it directly as another tab right in your browser.</p>
<p><a href="http://blog.champtastic.com/wp-content/uploads/2010/12/fireftp-example.png"><img class="alignnone size-medium wp-image-331" title="fireftp-example" src="http://blog.champtastic.com/wp-content/uploads/2010/12/fireftp-example-300x225.png" alt="" width="300" height="225" /></a></p>
<p><strong>4. Web Developer (Firefox and Chrome) and IE Developer Toolbar (IE Versions 7 or Less)</strong></p>
<p>This one is probably not for the non-developer.  However for us code monkeys, it&#8217;s great for allowing real-time CSS and HTML editing.  You can display the ruler to measure specific areas on the page.  You can toggle certain features like cookies, javascript, images, etc.  You can have it display all sorts of information about the anchors, ids, class names, tab index, etc.  It makes it easy to clear your cache, cookies and other private information.  You can use it to resize your browser window to a specific size.   You can validate your HTML, CSS, Feed; validate if you are 508 compliant even.  It&#8217;s definitely a time saver for things that might have previously required you to go line by line through the code.</p>
<p>For IE 8 users, you don&#8217;t need to install a separate toolbar.  It automatically comes as part of the browser.  You can find it under &#8220;Tools&#8221; -&gt; &#8220;Developer Tools&#8221; or just press F12.</p>
<p><a href="http://blog.champtastic.com/wp-content/uploads/2010/12/webdev-toolbar-example.png"><img class="alignnone size-medium wp-image-332" title="webdev-toolbar-example" src="http://blog.champtastic.com/wp-content/uploads/2010/12/webdev-toolbar-example-300x183.png" alt="" width="300" height="183" /></a></p>
<p><strong>5. HttpWatch (IE and Firefox) or HttpFox (Firefox)</strong></p>
<p>This one also is mostly for developers also.  It&#8217;s great for monitoring how your website loads.  If you were ever wondering if a certain element was slowing your site down, you&#8217;ll be able to see exactly in the order that it is loaded on the page and how long it took.  You can also see other details in the headers and cookies.</p>
<p><a href="http://blog.champtastic.com/wp-content/uploads/2010/12/httpwatch-example.png"><img class="alignnone size-medium wp-image-333" title="httpwatch-example" src="http://blog.champtastic.com/wp-content/uploads/2010/12/httpwatch-example-300x271.png" alt="" width="300" height="271" /></a></p>
<p><strong><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2010/12/get-the-most-out-of-that-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Amazon Prime</title>
		<link>http://blog.champtastic.com/2010/12/amazon-prime/</link>
		<comments>http://blog.champtastic.com/2010/12/amazon-prime/#comments</comments>
		<pubDate>Mon, 13 Dec 2010 02:42:55 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=317</guid>
		<description><![CDATA[Earlier this year, I signed up for Amazon Prime when I found out that students could sign up for a free year.  It wasn&#8217;t until I moved recently to a new city, where I no longer have regular access to my car (it&#8217;s at my parents&#8217; house in the burbs), that I have fully taken [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.champtastic.com/wp-content/uploads/2010/12/prime_landing_logo._V212353139_.gif"><img class="size-full wp-image-320 aligncenter" style="border: 0px initial initial;" title="prime_landing_logo._V212353139_" src="http://blog.champtastic.com/wp-content/uploads/2010/12/prime_landing_logo._V212353139_.gif" alt="" width="205" height="50" /></a></p>
<p><a href="http://blog.champtastic.com/wp-content/uploads/2010/12/prime_landing_logo._V212353139_.gif"></a>Earlier this year, I signed up for <a href="http://www.amazon.com/prime">Amazon Prime</a> when I found out that <a href="http://www.amazon.com/gp/student/signup/info">students could sign up for a free year</a>.  It wasn&#8217;t until I moved recently to a new city, where I no longer have regular access to my car (it&#8217;s at my parents&#8217; house in the burbs), that I have fully taken advantage of it.  If you&#8217;ve never heard of Amazon Prime, basically, it&#8217;s a $79 membership for Amazon.com for free 2-day shipping and $3.99 1-day shipping for all eligible retailers.  I purchase almost anything that I can possible now on Amazon: socks, cooking pans, movies, a Keurig, pen refills, a computer chair, an umbrella, a USB wifi adapter, a SD card for my camera, face lotion, etc.  Like my boss said, &#8220;I would buy my groceries through Amazon Prime if I could.&#8221;  It&#8217;s been totally awesome for Christmas shopping also, considering not only does Amazon have better prices than most in-store and online retailers, but I get free 2-day shipping and I don&#8217;t have to worry about figuring out how to carry all these presents on the train (since I just ship them directly to my mom and dad&#8217;s).</p>
<p>After my free year is up, I&#8217;m pretty sure I&#8217;m going to renew my membership.  With just a couple purchases, it pays for itself.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2010/12/amazon-prime/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Rasterbator</title>
		<link>http://blog.champtastic.com/2010/10/the-rasterbator/</link>
		<comments>http://blog.champtastic.com/2010/10/the-rasterbator/#comments</comments>
		<pubDate>Tue, 12 Oct 2010 17:06:01 +0000</pubDate>
		<dc:creator>champ</dc:creator>
				<category><![CDATA[Computer]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.champtastic.com/?p=310</guid>
		<description><![CDATA[First&#8230; get your mind out of the gutter&#8230; this has nothing to do with what you think it does.  The Rasterbator actually is a pretty cool site/tool that I forgot about until it recently came up in conversation.  Anyways, what it does is it allows you to take any image and turn it into a [...]]]></description>
			<content:encoded><![CDATA[<p>First&#8230; get your mind out of the gutter&#8230; this has nothing to do with what you think it does.  <a href="http://homokaasu.org/rasterbator/">The Rasterbator</a> actually is a pretty cool site/tool that I forgot about until it recently came up in conversation.  Anyways, what it does is it allows you to take any image and turn it into a dot matrix so that you can blow it up across multiple sheets of paper to wall size if you wanted to.  You have two options to use: their online version or download it.  The self-install is better if you have a larger image as it doesn&#8217;t have any size restrictions.  I believe you can customize the number of sheets of paper and also if you want it in color or grayscale.  Mostly, we&#8217;ve used it for office pranks such as when my former boss&#8217; wife had a baby, we photoshoped one of our co-worker&#8217;s heads on a baby body for a congratulations sign.  Or when we photoshoped another co-worker&#8217;s head on an image of a person wearing a unitard and the boys put in in the bathroom stalls.</p>
<p>Have fun!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.champtastic.com/2010/10/the-rasterbator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

