<?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/"
	xmlns:georss="http://www.georss.org/georss" >

<channel>
	<title>The Stairwell &#187; Design</title>
	<atom:link href="http://stairwellblog.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://stairwellblog.com</link>
	<description></description>
	<lastBuildDate>Fri, 30 Jul 2010 06:01:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>The rise of &#8216;Share&#8217; &amp; &#8216;Follow&#8217; on the web</title>
		<link>http://stairwellblog.com/2010/06/the-rise-of-share-follow-on-the-web/</link>
		<comments>http://stairwellblog.com/2010/06/the-rise-of-share-follow-on-the-web/#comments</comments>
		<pubDate>Wed, 23 Jun 2010 16:15:02 +0000</pubDate>
		<dc:creator>tyler</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Affordance]]></category>
		<category><![CDATA[Context]]></category>
		<category><![CDATA[Control]]></category>
		<category><![CDATA[Design. Social]]></category>
		<category><![CDATA[Follow]]></category>
		<category><![CDATA[Icon]]></category>
		<category><![CDATA[Share]]></category>
		<category><![CDATA[user]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2451</guid>
		<description><![CDATA[This paradigm of large social media sites being omnipresent (even on other people’s sites!) is still a fairly new one, so it’s not surprising the design community doesn’t have it completely figured out yet...]]></description>
			<content:encoded><![CDATA[<p style="font-family: Arial,Helvetica,sans-serif;font-size: 12px">
<p>Most businesses these days have social networks accounts they maintain. Likewise, so does just about every user out there. The goal for each is to stay connected by taking advantage of the social web and its two-way nature; sharing content as well as consuming content shared by others.</p>
<p>Naturally, clients want to exploit social channels by advertising them on their sites as well.  Oftentimes now, when you set out to design a site for someone, you have to take into account the presence of social web controls. At first is was probably okay to just fill in a bit of white space with a Facebook or Twitter logo somewhere on the home page as an afterthought. But with the social web being nearly ubiquitous now, it’s time to reexamine that approach. It is critical to take into account the context of the space your share/follow icons will live. Also, consider which affordances you will incorporate to let the user know weather they are able to take actions for share, follow, or both. Unfortunately, there is little consistency across the web so far in presentation and few standards for where and when to use your social controls.</p>
<p>Context is critical. You should give people a reason to so something social on your site. If you want them to follow your Twitter account, make that suggestion next to some great content and hook them while they’re interested. Context has the power to give deeper meaning to something. If you simply tuck  your social calls to action into 16&#215;16 space down in your footer, you are not leveraging their full potential.</p>
<p>Next, consider affordances. Affordances are the subtle details that let a user know what is going to happen if they perform an action. Classic examples include underlining hypertext, altering the visual treatment of a button when you roll over it, or changing the arrow cursor to a hand cursor when you can click and drag something. These signals give us all a pretty clear idea about how elements on the site work even if we are new to the interface. But what about when a designer just plunks down a Facebook logo onto the page? Do we all assume the same things about it’s meaning. I doubt it. If you click it will you go to that companies Facebook page? Or will you be prompted to be their ‘’friend’, or indicate weather you ‘like’ something? Who knows without a proper affordance? Let your audience know what is going to happen before it happens. This will ease anxiety and hopefully result in more clicks.</p>
<p>Finally, in a perfect world, there would be some consistency in the icons used. A universal ‘share’ icon is suggested at this website: <a href="http://shareicons.com/">http://shareicons.com/</a> but has yet to catch on in a meaningful way. Interestingly, there is no mention of ‘follow’ icons. Share and follow are distinctly different actions yet they are closely associated because they are reciprocal to each other. It also does not help many web sites incorporate the same icon sets for both functionality types.</p>
<p>This paradigm of large social media sites being omnipresent (even on other people’s sites!) is still a fairly new one. So it’s not surprising we don’t have it completely figured out yet. The old convention, ‘Design is in the details’, comes to mind. If you&#8217;re designing for a site, put some thought into your social controls. They deserve to be scrutinized and refined with just as much thought put into them as any other new twist that has come before them.</p>
<p style="font-family: Arial,Helvetica,sans-serif;font-size: 12px"><img src="///Users/tylermohr/Desktop/share_01.png" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/06/the-rise-of-share-follow-on-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The goings on at the UX Book Club Chicago monthly meetings (3/31/10)</title>
		<link>http://stairwellblog.com/2010/04/the-goings-on-at-the-ux-book-club-chicago-monthly-meetings-33110/</link>
		<comments>http://stairwellblog.com/2010/04/the-goings-on-at-the-ux-book-club-chicago-monthly-meetings-33110/#comments</comments>
		<pubDate>Fri, 02 Apr 2010 02:30:31 +0000</pubDate>
		<dc:creator>tyler</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Battlestar Galactica]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[book club]]></category>
		<category><![CDATA[Dan Saffer]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[Todd Zaki Warfel]]></category>
		<category><![CDATA[user eperience]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2257</guid>
		<description><![CDATA[<p style="font-family: Arial,Helvetica,sans-serif">If you’re not already familiar with the <a href="http://uxbookclubchicago.org/">UX Book Club’s Chicago</a> chapter, let me get you up to speed. It’s a small group of passionate  design folks who meet downtown to talk about things in the industry.  Such as our jobs, our roll as designers, and what is going on in our  professional spheres. We praise each other’s triumphs, as well as bitch  about other designers, clients, educators, etc. We also digress into  joking about current events, or corporate drug testing, or <a href="http://en.wikipedia.org/wiki/Battlestar_Galactica">Battlestar  Galactica</a>, or whatever happens to pop up organically throughout the  evening. Oh yeah, and there’s books too.  Every&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p style="font-family: Arial,Helvetica,sans-serif">If you’re not already familiar with the <a href="http://uxbookclubchicago.org/">UX Book Club’s Chicago</a> chapter, let me get you up to speed. It’s a small group of passionate  design folks who meet downtown to talk about things in the industry.  Such as our jobs, our roll as designers, and what is going on in our  professional spheres. We praise each other’s triumphs, as well as bitch  about other designers, clients, educators, etc. We also digress into  joking about current events, or corporate drug testing, or <a href="http://en.wikipedia.org/wiki/Battlestar_Galactica">Battlestar  Galactica</a>, or whatever happens to pop up organically throughout the  evening. Oh yeah, and there’s books too.  Every month a new book (or  part of a book) is the intended focus, but the format of the meeting is  loose. Generally the book is a jumping off point to socialize and hear  some very insightful thoughts from other like-minded people. The casual  nature of the meeting diffuses any intimidating situations where a  participant might feel as thought they are being ‘tested’ on their  knowledge of the material. It’s quite the opposite in fact. You can even  come if you haven’t read or finished the book. (All though it is  encouraged) Don’t get me wrong, the book is central to the discussions  and sometimes things even get heated, but there is much more to it than  just that.</p>
<p>Last night we discussed Dan Saffer’s Book: <a href="http://www.designingforinteraction.com/"><em><strong>Designing  for Interaction</strong>: Creating Innovative Applications and devices</em></a>.  It was fairly well received by all in attendance. Overall the book is  very concise and informative. We all especially liked the brief history  of interaction design section, and there was spirited conversation over  weather the function of Interactions Designers is to ‘’Make the world a  better place to live.” It’s a 200-page overview consisting primarily of  tools and techniques that Interaction Designers should be aware of and  potentially using. Ideally this book would be found in a classroom or on  the shelf of an ambitious student. Practitioners however may not reap  as much benefit for the simple fact that the book outlines an extensive  set of techniques that, as described, can only exist in a vacuum. They  are neatly sectioned off for designers to consider using throughout  their process. Sadly, there is little to no mention of the process  itself, or of clients, or business requirements mentioned in the book.  For purely educational purposes, it does a nice job of familiarizing  readers with the nuts and bolts of Interaction Design practices, but  might leave some wanting to hear more detailed accounts of how they  can be applied in the real world.</p>
<p>On a related note: The club  often hands out a copy of an upcoming scheduled book, and this time I was fortunate enough to win! I’m very excited to  be reading <a href="http://zakiwarfel.com/">Todd Zaki Warfel’s</a> new one called <a href="http://www.amazon.com/gp/product/1933820217?ie=UTF8&amp;tag=zakiwarfel-20&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=193382021"><em><strong>Prototyping</strong>: A  practitioners guide</em></a>, slated for discussion at the end of June. Look for a review on that when the time comes and look for other book club meeting notes in the future.</p>
<p>If you would like to attend a meeting in person, check the <a href="http://uxbookclubchicago.org/">UX Book Club Chicago website</a> for times and dates. It meets at <a href="http://maps.google.com/maps?hl=en&amp;client=firefox-a&amp;hs=GH3&amp;rls=org.mozilla:en-US:official&amp;resnum=0&amp;q=350+North+Lasalle+Street&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=350+N+Lasalle+St,+Chicago,+IL+60654&amp;gl=us&amp;ei=Zcu0S53rNYnWM-3Y6IMK&amp;sa=X&amp;oi=geocode_result&amp;ct=image&amp;resnum=1&amp;ved=0CAgQ8gEwAA">350 N LaSalle Dr Chicago, IL</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/04/the-goings-on-at-the-ux-book-club-chicago-monthly-meetings-33110/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW 2010</title>
		<link>http://stairwellblog.com/2010/03/sxsw-2010/</link>
		<comments>http://stairwellblog.com/2010/03/sxsw-2010/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 21:45:27 +0000</pubDate>
		<dc:creator>Bryant</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Findings]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[code practices]]></category>
		<category><![CDATA[latest trends]]></category>
		<category><![CDATA[new technology]]></category>
		<category><![CDATA[SXSW]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2236</guid>
		<description><![CDATA[<p><a href="http://stairwellblog.com/wp-content/uploads/2010/03/TEMP-Image_1_21.jpg"><img class="size-full wp-image-2247 alignleft" title="SXSW" src="http://stairwellblog.com/wp-content/uploads/2010/03/TEMP-Image_1_21.jpg" alt="SXSW" width="153" height="131" /></a></p>
<p>Being involved in the web industry, one event always comes to mind when talking about big conferences, South by Southwest.  One of my New Year&#8217;s resolutions was to attend this event to see what it had to offer and to experience what all the commotion was about.  I have to admit, SXSW was my first real conference, so I don&#8217;t really have anything to compare it to, but from what I have heard and what I experienced, it&#8217;s hard to compare it to anything in the first place.</p>
<p>Before heading to the conference I did not really know what to expect.&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://stairwellblog.com/wp-content/uploads/2010/03/TEMP-Image_1_21.jpg"><img class="size-full wp-image-2247 alignleft" title="SXSW" src="http://stairwellblog.com/wp-content/uploads/2010/03/TEMP-Image_1_21.jpg" alt="SXSW" width="153" height="131" /></a></p>
<p>Being involved in the web industry, one event always comes to mind when talking about big conferences, South by Southwest.  One of my New Year&#8217;s resolutions was to attend this event to see what it had to offer and to experience what all the commotion was about.  I have to admit, SXSW was my first real conference, so I don&#8217;t really have anything to compare it to, but from what I have heard and what I experienced, it&#8217;s hard to compare it to anything in the first place.</p>
<p>Before heading to the conference I did not really know what to expect.  I was very prepared with a full list of lectures and talks and knew exactly who I wanted to hear speak.  On top of the learning I also really wanted to network and meet new people in my industry.</p>
<p>To begin, SXSW is held in Austin, TX.  Austin is the capital of Texas and from what I gathered a pretty laid back and gorgeous town.  Downtown Austin, where the conference center is located, seemed to be the perfect size for a downtown area and had a wide array of various restaurants and bars.  Our hotel was about 10 blocks north of this area, so everyday (usually several times) we would make the hike back up to our hotel and get to see many of the awesome venues that make Austin the &#8220;Live Music Captial of the World.&#8221;</p>
<p>Ok, enough with the fluffy stuff, down to business.</p>
<p>So after we arrived on Friday and checked into our hotel we went straight to the conference center to pick up our registration badges.  This was our first experience at the &#8220;hub&#8221; of the conference, and everything looked perfect.  All of the talks and lectures were spread between 3 hotels and the conference center, which were all within a half block radius of each other. Inside of each building was littered with small &#8220;charging lounges&#8221; and table filled areas where people would congregate and refuel their various portable devices.</p>
<p>My first talk on Friday was Simple Steps to Great Webdesign, and featured Matthew Smith of Squared Eye.  Matthew gave a great presentation showing subtle things designers and developers can add to sites to really make them stand out and be unique.  He touched on simple things like grid layouts and typography, but also showed various javascript techniques and subtle flash animations that enhanced the site experience for the user.  This topics of this lecture were fairly general, but it was great being in a learning environment and hearing someone show me good and bad practices, instead of having to search them out and find them on my own.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/03/CIMG00161.jpg"><img class="alignright size-medium wp-image-2250" title="Conference Center" src="http://stairwellblog.com/wp-content/uploads/2010/03/CIMG00161-224x300.jpg" alt="Conference Center" width="224" height="300" /></a></p>
<p>Unfortunately, because of a late check-in requirement at our hotel, this was the only lecture I was able to make on Friday, but I had a full schedule of events and talks scheduled for the rest of the days left, so after the talk we did some exploring around the Convention Center area and then went back to our hotel to get ready for dinner and a night on the town.</p>
<p>Flash forward to Saturday 8:00 am: Headed south on Red River St toward the events sporting my &#8220;hackpack&#8221; (basically my backpack which holds all necessary hacking gear: Laptop, Cell phone charger, camera, notepads, plethora of flash drives, etc..)  My talks on Saturday included:</p>
<ul>
<li>Re-Inventing the Wheel: Sketching your own IA Process</li>
<li>Pen &amp; Paper Tools to Get From Research to Design</li>
<li>CSS3 Design with HTML5</li>
<li>Third Coast: How to Be a Startup Outside of Silicon Valley</li>
</ul>
<p>My favorites of the day were: Pen &amp; Paper Tools, which was a very interesting way to conceptualize information from the client, and to visualize the data and turn it into practical useable wireframes, and Third Coast: How to Be a Startup Outside of Silicon Valley, which was a conversation curated by Ross Kimbarovsky and Michael Samson, the two founders of CrowdSpring.  This talk was different from most lectures as it was rather intimate (around 50 people) and Ross and Michael really pulled the crowd into the conversation by creating an open dialoge between everyone.  They focused on ways small businesses can foster and create communities anywhere you are and also gave great tips on how small business can leverage themselves and collaborate amongst each other.</p>
<p>Sunday brought more lectures:</p>
<ul>
<li>Beyond LAMP: Scaling Websites past MySQL</li>
<li>Your Design Process is Killing You</li>
<li>Interactive Agency Workflow</li>
</ul>
<p>After the weekend was done I had gotten a pretty good feel for how the rest of my time left in Austin was going to go, and I was already exhausted!  Between hustling to get to the next lecture, staying as focused as possible in each lecture, and lugging around all of my various necessities, I was beat!</p>
<p>One thing that was somewhat surprising, but I guess I should have expected it, was the amount of shameless self promotion. Stickers everywhere, flyers everywhere, tshirts, coozies, every form of sponsorship imaginable on a cheaply made drinking accessory.  It was annoying, but being surrounded by this much technology and geek-dom everywhere made it OK in my book.</p>
<p>As the conference went on, and I would meet more and more people, I started on seeing two obvious types of people who are at SXSW.  Group A would be people there to learn and grow as professionals.  When I would talk to these people they would discuss all the lectures they had gone to and new concepts they have learned and were excited to apply. Most of these people you could tell had a real passion for what they did and were at SXSW to meet new likeminded people to possible collaborate with in the future.  Group B was very different.  Group B consisted of people who were there to talk about themselves and their new latest <em>startup </em>or amazing idea.  Most of these people (who I talked to) did not really attend many of the lectures or talks, and many of them even joked saying that they should not have gotten a pass in the first place.  Group B should not be confused with anyone at SXSW who was promoting something, as many of the people who were promoting were actually passionate about their product and I enjoyed talking to them about it.  Group B people usually were not promoting anything specific, but were there promoting themselves and would reference startup X which was a &#8220;location based social media aggregator that was crowd sourced on an iphone app.&#8221;</p>
<p>After I found this clear distinction in groups of attendees I did everything I could to attend events that featured Group A type of people, because these people actually were there for the same reasons I there, and after talking when them I felt inspired to perfect my craft even more.</p>
<p>Monday came and went with more talks:</p>
<ul>
<li>Results Only Work Environments (ROWE)</li>
<li>Expression Engine 2.0 : Total Domination</li>
<li>Object C Crash Corse for Web Developers</li>
</ul>
<p>Tuesday, the last day, I went to possibly my favorite talk of the whole conference.  It was titled Getting Better: The Designer&#8217;s Path from Good to Great.  Similar to the Third Coast talk I mentioned above, this session was an open dialogue between all participants and the two guys curating the talk, Ian Coyle and Duane King.  Ian, who I was familiar with from my time in the Denver web scene, founded (and recently left) an agency called FL2 and Duane has his own agency called BBDK.  The two both talked about their carrer path being a designer and various times in their career where they each felt like their work had been taken to the next level.  It was great hearing from both of these guys and seeing how they developed and matured what they loved into successful business endeavors but still maintained great integrity and passion in what they both do.  The topics they covered ranged from very generic questions such as, how to handle bad clients and also more complex questions like, being so involved with what you do &#8211; do you find that it distracts from other areas of your life?   All in all it was a great talk to end my SXSW experience on, as I felt inspired and invigorated, ready to create!</p>
<p>All in all SXSW was an amazing experience that I hope to attend every year.  The benefits of learning so much are obviously there, but the intrinsic benefits of meeting new people and being so excited to love what you do, made it all worth while.  I would highly recommend  to anyone in the wide interactive industry to attend and take it all in.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/03/CIMG0010.jpg"><img class="alignright size-medium wp-image-2252" title="Austin" src="http://stairwellblog.com/wp-content/uploads/2010/03/CIMG0010-224x300.jpg" alt="Austin" width="224" height="300" /></a></p>
<p>Words of Wisdom</p>
<ul>
<li>Don&#8217;t expect to attend every lecture your planning on, you just can&#8217;t do it.  At most I&#8217;d say 3-4 per day is do-able.</li>
<li>If you really want to go to a specific talk, get there early, they fill up quickly.</li>
<li>&#8220;Hackpack&#8221; is vital.  A solid bag that can hold all of your gear is amazing.  One of the best investments I&#8217;ve made.</li>
<li>If your trying to get into a big sponsored party, get there early! Like 7:00-8:00&#8230;Yeah its early, but you&#8217;ll appreciate it when its an open bar.</li>
<li>Pick a hotel that is not right next to the conference area.  We were about 10 blocks away and it was nice to get a good walk in to start the day and it let us see a little more of Austin than we would have not gotten to see otherwise.</li>
<li>Bring business cards!</li>
<li>Twitter, Foursquare/Gowalla, Facebook are awesome and are your friends. (I wish people everywhere used these like people were at SXSW)
<ul>
<li>With that being said, the aforementioned are great TOOLS, don&#8217;t be on them 24/7 or you will miss interacting with all the cool people that are there.</li>
</ul>
</li>
<li>Go to a variety of panels and discussions, not all from the same category (ie: design, development, business, social media).  Go there to <em>expand </em>your knowledge-base, not to become a master at one.</li>
<li>Eat as much mexican food as humanly possible.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/03/sxsw-2010/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>What I&#8217;ve learned: Time for the ad industry to catch up.</title>
		<link>http://stairwellblog.com/2010/03/what-ive-learned-time-for-the-auto-i-mean-ad-industry-needs-to-catch-up/</link>
		<comments>http://stairwellblog.com/2010/03/what-ive-learned-time-for-the-auto-i-mean-ad-industry-needs-to-catch-up/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 17:36:12 +0000</pubDate>
		<dc:creator>Ryan Nasipak</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Ads]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Dart]]></category>
		<category><![CDATA[Point Roll]]></category>
		<category><![CDATA[Rich Media]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2218</guid>
		<description><![CDATA[<p>Ok, everyone take a deep breath. I&#8217;m not going to go on an endless rant on why I think more companies need to modernize their approach to rich media ads&#8230;&#8230;or am I? (cue evil laugh) Ahhhh-ha-ha-ha-ha. </p>
<p>What I will say is that a little more progressive thinking would help cut out a lot of the senseless number of versions required for some companies running rich media ads and also (potentially) increase your margin for success. So how did I come to this conclusion? Through recent conversation with some ad partners and also jumping through a technical hurdle or two.</p>
<p>We recently&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Ok, everyone take a deep breath. I&#8217;m not going to go on an endless rant on why I think more companies need to modernize their approach to rich media ads&#8230;&#8230;or am I? (cue evil laugh) Ahhhh-ha-ha-ha-ha. </p>
<p>What I will say is that a little more progressive thinking would help cut out a lot of the senseless number of versions required for some companies running rich media ads and also (potentially) increase your margin for success. So how did I come to this conclusion? Through recent conversation with some ad partners and also jumping through a technical hurdle or two.</p>
<p>We recently completed an XML fed rich media ad for a client. The ad featured a small content management system that allowed the client to update that XML feed and thus create a new ad &#8220;on the fly&#8221; for as long as they were running their ad unit. </p>
<p>So, why does this matter? It obviously doesn&#8217;t seem like a radical concept (or I would hope not <img src='http://stairwellblog.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ). It&#8217;s a process almost all designers have used when building a website. Make something the client can not only use but also maintain. Why? Because it ads value to both the client and the agency.  </p>
<p><strong>1.) It cuts down on versioning.<br />
2.) It gives content control to the client.<br />
3.) It removes back and forth (you know, the 45 email chains).<br />
4.) It ads flexibility to their ad campaign.<br />
5.) It ads longevity to the ad.<br />
6.) It softens mistakes. </strong></p>
<p>If you&#8217;re asking how? You&#8217;re in luck (descriptions below). </p>
<p><strong>1.) It cuts down on versioning -</strong> If you&#8217;ve ever created a rich media ad, you&#8217;ll soon begin to notice that there sometimes are 26 versions of an ad that accomplish the same goal. You&#8217;ll probably sit in photoshop or flash at some point and say (or possibly scream) &#8220;why am I doing this!?&#8221; and with good reason. A dynamic solution allows a designer to create one universal flash ad that updates in real time and then leaves 1 simple static ad (in the event flash cannot be delivered) for each iteration. Instead of doing 26 ads, maybe you can cut it down to 13. In terms of efficiency, that&#8217;s obviously huge.</p>
<p><strong>2.) It gives content control to the client -</strong> Making the client an active participant helps ads value to what you do. It also ads ownership and accountability to what is ultimately their product. More often than not, that leads to a richer experience all around (which is never a bad thing).  </p>
<p><strong>3.) It removes back and forth (you know, the 45 email chains) -</strong> I don&#8217;t think I&#8217;ll explain this one. Why ruin the fun for someone who has yet to experience one of life&#8217;s miracles. /sarcasm</p>
<p><strong>4.) It ads flexibility to their ad campaign -</strong> So what happens if you&#8217;re 5 weeks in to a 10 week ad campaign and you realize what (or the way in which) you&#8217;re advertising could be improved. Different wording, a larger percent off, an &#8220;hourly discount&#8221;, etc. etc. etc. Or what if you sold something that absolutely flew off the shelves and you like to replace another so-so sale, later in the campaign, with that same discount? </p>
<p>How is that going to happen if you have 50 versions of an add that all need updated by a designer, reloaded in to an ad portal and then relaunched individually? The answer is, it&#8217;s not.  </p>
<p>How about if you have an XML feed that populates those ad units instead? and all their ad sizes (728&#215;90, 300&#215;250, etc., etc., etc.). Update a single text file, hit submit and all your ads just changed in real time. No contacting the agency or the ad portal. Simply update your CMS and hit enter. So why isn&#8217;t this design strategy happening more? Maybe it makes too much sense? <img src='http://stairwellblog.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<p><strong>5.) It ads longevity to the ad -</strong> An ad that updates via an XML document (and not a designer) is not only cheaper over time but it also stands to last infinitely longer than a static ad. Did your campaign change? Are you selling a different product? No problem.  Just update the CMS, relaunch the ad and you have now been able to recycle something that typically would have been thrown away. There&#8217;s value in that for everyone involved (a superior product, happy customers and ultimately more business). </p>
<p><strong>6.) It softens mistakes -</strong> So you spelled a word wrong? (unfortunately been there and done that). What next? Well, it obviously needs changed (my head is starting to hurt thinking about this) and ASAP. In a dynamic ad, 90+% of people are seeing the flash unit. Having the ability to immediately wipe out that mistake for nearly every user in about 60 seconds is HUGE. Log in to the CMS, update the XML and the spelling error is removed. You&#8217;ll obviously have to make changes to the single accompanying static ad (if the same error was made) but you&#8217;ll SIGNIFICANTLY reduce the pain of a small correction.  </p>
<p>So my question is, why are people NOT making more ads that are dynamic, flexible and client friendly? </p>
<p>If you&#8217;re shouting &#8220;We are! We are!&#8221; then I might have just wasted your time&#8230;&#8230;well, while validating your work. <img src='http://stairwellblog.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  I hope you consider that an even trade. </p>
<p>If you&#8217;re shouting &#8220;Why aren&#8217;t we doing this!?&#8221; Well&#8230;&#8230;.Why aren&#8217;t you? Ads need love too. </p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/03/what-ive-learned-time-for-the-auto-i-mean-ad-industry-needs-to-catch-up/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Abstracting the web, the iPad, and print media coming full circle.</title>
		<link>http://stairwellblog.com/2010/02/abstracting-the-web-the-ipad-and-print-media-coming-full-circle/</link>
		<comments>http://stairwellblog.com/2010/02/abstracting-the-web-the-ipad-and-print-media-coming-full-circle/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 23:45:16 +0000</pubDate>
		<dc:creator>Bryant</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[publishing]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2115</guid>
		<description><![CDATA[<p>In another blog post, I brought up the topic of how the web is being &#8220;abstracted&#8221; into new mediums and devices such as Rich Internet Applications, netbooks and tablets (e.g. the iPad).  After pondering this topic a little more, it hit me that that this concept might be a lot bigger than I initially thought, and deserving of an individual posting.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/02/RS_SurfTheWeb1.gif"><img class="aligncenter size-full wp-image-2127" src="http://stairwellblog.com/wp-content/uploads/2010/02/RS_SurfTheWeb1.gif" alt="RS_SurfTheWeb" width="556" height="304" /></a></p>
<p>As I already mentioned, there are new mediums and devices coming out that are abstracting the web and displaying the content in other more unique forms.  Instead of the typical user sitting down at his/her work station and loading up&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>In another blog post, I brought up the topic of how the web is being &#8220;abstracted&#8221; into new mediums and devices such as Rich Internet Applications, netbooks and tablets (e.g. the iPad).  After pondering this topic a little more, it hit me that that this concept might be a lot bigger than I initially thought, and deserving of an individual posting.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/02/RS_SurfTheWeb1.gif"><img class="aligncenter size-full wp-image-2127" src="http://stairwellblog.com/wp-content/uploads/2010/02/RS_SurfTheWeb1.gif" alt="RS_SurfTheWeb" width="556" height="304" /></a></p>
<p>As I already mentioned, there are new mediums and devices coming out that are abstracting the web and displaying the content in other more unique forms.  Instead of the typical user sitting down at his/her work station and loading up Generic Browser X to &#8220;surf the web&#8221;, they are opening their Twitter client, geo-locating friends in an iPhone app, and soon to be reading books on their iPad.</p>
<p>Without trying to sound to cliche, the internet &#8211; and the data that supports it &#8211; is infiltrating our lives and dictating how we communicate amongst ourselves.  Maybe &#8220;dictate&#8221; and &#8220;infiltrating&#8221; are harsh words, but when thinking about it from a newspaper publishers point of view, those words don&#8217;t sound harsh enough.  It&#8217;s no question that the internet has hurt traditional print media publishers and the primary reason many of these companies have gone out of business. But my question is what aspect of the internet actually led to the demise?  The answer is not that mind-blowing, but is simply, the <em>accessibility</em> of information became so abundant we no longer needed to pay to see the same content elsewhere.</p>
<p>At this point you might be saying &#8220;Wow, great concept, Bryant&#8230; &#8216;Accessibility&#8217; &#8211; welcome to 2010,&#8221; and I will also agree that this concept is rather outdated, but it is also the exact point I am trying to make. Instead of saying &#8220;welcome to 2010&#8243; you should have been saying &#8220;welcome to 2006.&#8221;<em> Accessibility</em> of information is what <strong>has already</strong> shaped the internet and is what made it into this giant creation that we use today.  The frontier that is <strong>now</strong> being conquered, and is the root of the &#8220;abstraction&#8221; process I have refereed to, is making the web more <em>usable. </em></p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/02/adobe-air1.jpg"><img class="aligncenter size-full wp-image-2126" src="http://stairwellblog.com/wp-content/uploads/2010/02/adobe-air1.jpg" alt="adobe-air" width="450" height="397" /></a></p>
<p>When you look at some of the first products that &#8220;abstracted&#8221; the internet, such as Rich Internet Applications (RIA), it&#8217;s very clear that they wanted to take the content of the web and make it a more enjoyable and usable experience.  Why is the internet not a usable and enjoyable experience? Ha! Well that can be answered several ways (and also very sarcastically), but in short it is because of the infrastructure of the internet.  At that point in time (which we are arguably still living in) HTML and web browsers were not advanced enough to handle some of the interactions and display patterns designers wanted to use to display content.  Because of this technological limitation, developers created RIA, which can grab the content of the internet and harness the power of a localized application to deliver it to a user in a much more versatile, running environment.</p>
<p>As powerful as some RIAs are, the main drawback is that it was not running inside the browser, the main component of using the Internet.  However, with the adoption and implementation of new web standards into modern web browsers, browsers would soon be able to handle all of the same interactions and display patterns that RIA currently did.</p>
<p>Flash forward to today (You didn&#8217;t know we were in a flashback mode, did you?) where most modern browsers support forms of HTML5 + CSS3, and paired up with the canvas element, there are javascript techniques out there that will rival Flash.  What is the next step?  Well, it&#8217;s taking the usability and accessibility of the web and delivering it in a product smaller, leaner and more tactile than looking at it on your desk monitor&#8230;.wah-lah &#8211; the iPad!</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/02/Screen-shot-2010-02-15-at-5.36.36-PM.png"><img class="aligncenter size-large wp-image-2124" src="http://stairwellblog.com/wp-content/uploads/2010/02/Screen-shot-2010-02-15-at-5.36.36-PM-625x471.png" alt="Screen shot 2010-02-15 at 5.36.36 PM" width="625" height="471" /></a></p>
<p>Now, I don&#8217;t consider myself to be an Apple fanboy, though it may seem like I am one when I talk about the iPad. But what I am really trying to explain is the concept and execution of the iPad.  I don&#8217;t think any company has nailed the tablet concept quite like Apple &#8211; although I do think other companies definitely have the capacity to do so.  Anyway, the reason I believe the iPad to be so revolutionary, is that it takes the accessibility of the internet, adds in usability features found on modern web browsers and couples the whole thing in a nice, lean well-designed mobile product.  It&#8217;s the type of product that you look at old 1980&#8242;s movies and see futuristic people with flying cars using, except the main difference is that it&#8217;s actually here. Does the iPad not have multiple applications running? No.  Does it have Flash? No. Does it deliver its most important asset, the internet, in a new portable textile medium? YES! And it seems to deliver that extremely well.</p>
<p>I must say that I was very disappointed when I learned that the iPad didn&#8217;t have a forward-facing camera. Furthermore, I think the price structure of the various iPad units suggests a bait and switch approach ($499, yeah but who is going to buy this without 3G?). But when it&#8217;s all said and done ,I would be more than willing to pay $650-ish dollars for a device that delivered the Internet to me in a portable, book-sized container.</p>
<p>And now, finally, back to the publishing industry.  It would seem that with all this technology they are destined to go the way of the Dodo Bird, but if you take a closer look (at least at the iPad) you can see the iTunes store paradigm fitting in perfectly.  iTunes itself has grown to be the world&#8217;s largest music retailer, and an argument can be made that people only download music that is easy to get, no matter if it&#8217;s free or .99 cents.  Bringing this sales approach to the magazine and newspaper publishing industry would be a win-win&#8230;.win.  Publishers will still be able to provide their premium content to virtual subscribers and not have to worry about printing physical copies. Users will be able to access rich &#8220;print&#8221; media on new user-friendly devices that enhance the reading experience. And device manufactures will be able to create these new devices and push the bounds of technology even further.</p>
<p>Whew&#8230; that was a lot of writing, and maybe my conclusion is a little optimistic. But in the face of seeing a major industry collapse on itself, it is refreshing to see an outlook change and be reinvigorated by the advent of a new cutting edge piece of technology.</p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/02/abstracting-the-web-the-ipad-and-print-media-coming-full-circle/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Awesome Dev+Design Playground</title>
		<link>http://stairwellblog.com/2010/01/awesome-devdesign-playground/</link>
		<comments>http://stairwellblog.com/2010/01/awesome-devdesign-playground/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 15:51:44 +0000</pubDate>
		<dc:creator>Bryant</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Findings]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=1940</guid>
		<description><![CDATA[<p>Every so often I come across a company or community of developers (and designers) who put out great, inspiring, innovative work&#8230;for free.</p>
<p>I believe a big part of being an active member of any community, such as the &#8220;people who build websites community&#8221;, is to give back and provide people with the opportunity to learn and grow.  On top of giving information and showing how things can be done and built, every now and then you come across work that is a notch above the rest.</p>
<p>Recently, I was browsing a popular design/dev website and came across <a href="http://www.zurb.com/playground" target="_blank">this playground</a>, built and maintained&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Every so often I come across a company or community of developers (and designers) who put out great, inspiring, innovative work&#8230;for free.</p>
<p>I believe a big part of being an active member of any community, such as the &#8220;people who build websites community&#8221;, is to give back and provide people with the opportunity to learn and grow.  On top of giving information and showing how things can be done and built, every now and then you come across work that is a notch above the rest.</p>
<p>Recently, I was browsing a popular design/dev website and came across <a href="http://www.zurb.com/playground" target="_blank">this playground</a>, built and maintained by <a href="http://www.zurb.com/" target="_blank">Zurb</a>, out of San Fransisco.  The playground has many innovative ways to use HTML5 and CSS3 and  combined with some javascript they have come up with some very awesome stuff!  Please check out these examples and take note!</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/01/Screen-shot-2010-01-28-at-9.48.39-AM.png"><img class="aligncenter size-medium wp-image-1942" src="http://stairwellblog.com/wp-content/uploads/2010/01/Screen-shot-2010-01-28-at-9.48.39-AM-300x142.png" alt="Polaroids with CSS3" width="300" height="142" /></a></p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/01/Screen-shot-2010-01-28-at-9.48.39-AM.png"></a><a href="http://stairwellblog.com/wp-content/uploads/2010/01/Screen-shot-2010-01-28-at-9.48.24-AM.png"><img class="aligncenter size-medium wp-image-1941" src="http://stairwellblog.com/wp-content/uploads/2010/01/Screen-shot-2010-01-28-at-9.48.24-AM-300x135.png" alt="Album covers with CSS3" width="300" height="135" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/01/awesome-devdesign-playground/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A perspective on rating systems</title>
		<link>http://stairwellblog.com/2010/01/a-perspective-on-rating-systems/</link>
		<comments>http://stairwellblog.com/2010/01/a-perspective-on-rating-systems/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 15:52:36 +0000</pubDate>
		<dc:creator>tyler</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[5 star]]></category>
		<category><![CDATA[dislike]]></category>
		<category><![CDATA[five star]]></category>
		<category><![CDATA[like]]></category>
		<category><![CDATA[rating]]></category>
		<category><![CDATA[ratings]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[star]]></category>
		<category><![CDATA[system]]></category>
		<category><![CDATA[thumbs down]]></category>
		<category><![CDATA[thumbs up]]></category>
		<category><![CDATA[vote to promote]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=1860</guid>
		<description><![CDATA[<p>It seems that there is a lot of talk that &#8217;5-star&#8217; rating systems are on the way out (or at least proving themselves to be less valuable than previously thought). You see them everywhere recently, but some data now suggests that they are not as effective as they could be. This may not be due to the system being flawed however, but rather how and when they are implemented. Studies are indicating that often times people will click on either 1 or 5 with an overwhelming tendency towards 5. Check out this <a href="http://www.techcrunch.com/2009/09/22/youtube-comes-to-a-5-star-realization-its-ratings-are-useless/">techcrunch</a> article on how <a href="http://www.youtube.com/">youtube</a> users tend rate videos. For&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>It seems that there is a lot of talk that &#8217;5-star&#8217; rating systems are on the way out (or at least proving themselves to be less valuable than previously thought). You see them everywhere recently, but some data now suggests that they are not as effective as they could be. This may not be due to the system being flawed however, but rather how and when they are implemented. Studies are indicating that often times people will click on either 1 or 5 with an overwhelming tendency towards 5. Check out this <a href="http://www.techcrunch.com/2009/09/22/youtube-comes-to-a-5-star-realization-its-ratings-are-useless/">techcrunch</a> article on how <a href="http://www.youtube.com/">youtube</a> users tend rate videos. For some reason, generosity abounds with ratings online. If fact, the average rating for all things across the web is 4.3 <a href="http://buildingreputation.com/writings/2009/11/5-star_failure.html">(see source)</a> this suggests a preference towards a polarized opinion model such as like/dislike.</p>
<p>Lately, the like/dislike method, aka &#8211; &#8216;vote to promote&#8217;  is establishing itself as a preferred method of rating by users. So why, when presented with a more robust ratings option do people tend to prefer a simpler one? Perhaps any method of streamlining the information overload we experience online these days is the biggest factor. On nearly any given site, one has to spend a considerable amount of effort managing the fire hose of incoming data. The ability to concisely and quickly process data is emerging as king these days. Like it or not people tend to show signs of preferring &#8220;fast and to the point&#8221; design. Even though a more granular option such as the 1-5 star system might seem like a better offering, people are saying they just want the &#8216;meat and potatoes&#8217; so they can do their business and move on.</p>
<p>An interesting observation about the like/dislike model is how it&#8217;s geared towards the perspective of the reviewer. For the reader of a review it must be later interpreted what intent was actually being communicated. If you say you &#8216;like&#8217; something, or give it a &#8216;thumbs up&#8217; or whatever, people are left wondering how to apply that bit of data to themselves. I think most people probably &#8216;like&#8217; something because they feel it was worth their time, effort, or money or validates them in some way but who knows? My point is that reviews are a two way street so whatever system you end up going with it should enable the reviewer to get in and out quickly and effectively with the ability to tell not only if they like something, but also why.  Until now, the way we tell people why we like something is through a blank text field which the user is left to fill up at their digression. But people want meat and potatoes, right? A long-winded review may be truthful and unbiased, but it is also granular, like the 5 star systems. Perhaps it&#8217;s time for something new to emerge?</p>
<p>I don&#8217;t think this is a closed issue by any means. I do think we are in the midst of a state of flux. People will invariably want some sort of granularity in a rating system from time to time. This is a good thing. Ratings have the potential to offer a great service within software. Your best bet is to get to know your user base as well as you can and understand what kind of opinions they are yearning to express as well as receive.</p>
<p>Here are other links on the topic:</p>
<p style="font-size: 9px">(Thanks to <a href="http://iainstitute.org/">IAI</a>-member <a href="http://www.iainstitute.org/search_results.php?cx=000026639282265283253%3Ai66e1dawigk&amp;cof=FORID%3A11&amp;q=Christian+Crumlish&amp;sa=Search#936">Christian Crumlish</a> for compiling this list in a related email thread)</p>
<p><a href="http://developer.yahoo.com/ypatterns/social/objects/feedback/rating.html" target="_blank">http://developer.yahoo.com/ypatterns/social/objects/feedback/rating.html</a><br />
<a href="http://developer.yahoo.com/ypatterns/social/objects/feedback/votetopromote.html" target="_blank">http://developer.yahoo.com/ypatterns/social/objects/feedback/votetopromote.html</a><br />
<a href="http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=Thumbs_Up/Down_Style_Ratings" target="_blank">http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=Thumbs_Up/Down_Style_Ratings</a><br />
<a href="http://buildingreputation.com/writings/2009/11/5-star_failure.html" target="_blank">http://buildingreputation.com/writings/2009/11/5-star_failure.html</a><br />
<a href="http://buildingreputation.com/writings/2009/09/first_mover_effects.html" target="_blank">http://buildingreputation.com/writings/2009/09/first_mover_effects.html</a><br />
<a href="http://buildingreputation.com/writings/2009/09/time_decay_in_reputation_syste.html" target="_blank">http://buildingreputation.com/writings/2009/09/time_decay_in_reputation_syste.html</a><br />
<a href="http://buildingreputation.com/writings/2009/08/ratings_bias_effects.html%28deals" target="_blank">http://buildingreputation.com/writings/2009/08/ratings_bias_effects.html</a><br />
<a href="http://buildingreputation.com/writings/2009/02/corporate_ratings_abuse_and_wh.html" target="_blank">http://buildingreputation.com/writings/2009/02/corporate_ratings_abuse_and_wh.html</a><br />
<a href="http://mashable.com/2009/12/15/ratings-reviews/" target="_blank">http://mashable.com/2009/12/15/ratings-reviews/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/01/a-perspective-on-rating-systems/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>8 things Ushering in the &#8220;New School&#8221; of Web Development, Part 1</title>
		<link>http://stairwellblog.com/2009/12/8-things-ushering-in-the-new-school-of-web-development-part-1/</link>
		<comments>http://stairwellblog.com/2009/12/8-things-ushering-in-the-new-school-of-web-development-part-1/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 20:49:33 +0000</pubDate>
		<dc:creator>Bryant</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[creative agencies]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=1827</guid>
		<description><![CDATA[<p>In the grand scheme of my profession, that being a Web Developer, I would still consider myself to be a rookie.  I have been developing web sites and getting paid for it, for around 3 years; however, I would probably say that I have been doing it &#8220;professionally&#8221; for around a year and a half.  Even with my &#8220;rookie&#8221; status as a web developer, I do consider my talents to be very respectable, especially for the relatively short period of time I have been doing it.  One thing I have noticed since I began my career is the difference between,&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>In the grand scheme of my profession, that being a Web Developer, I would still consider myself to be a rookie.  I have been developing web sites and getting paid for it, for around 3 years; however, I would probably say that I have been doing it &#8220;professionally&#8221; for around a year and a half.  Even with my &#8220;rookie&#8221; status as a web developer, I do consider my talents to be very respectable, especially for the relatively short period of time I have been doing it.  One thing I have noticed since I began my career is the difference between, what I am coining as, &#8220;old school&#8221; developers and &#8220;new school&#8221; developers.  By Old School, I generally mean people who started developing websites in the late 80s/early 90s and have continued their careers throughout this past decade.  By New School, I am referring to someone like myself, or anyone who has started developing sometime in the 2000s.</p>
<p>From what I have noticed in my short career, Old School developers generally come from a background heavy in Computer Science and are very knowledgeable in code theory and the general philosophy behind writing efficient, sturdy code.  These developers blow my mind with how quickly they can concept and code huge classes and modules that are scalable and reliable.</p>
<p>New School&#8217;ers, like myself, seem to not always have the background in Computer Science, but a more general tech background such as Computer Information Systems, or in many cases, no higher level education at all.  New School&#8217;ers seems more comfortable with the open source community and are eager to learn new technologies that makes writing code more simple and standardized.</p>
<p>I am not trying to divide people into two specific sections, and not all developers fall into one or another, I&#8217;m just trying to point out some differences that I have noticed, as a segue for the main purpose of my post.</p>
<p>Like I said, I would consider myself to be a developer of the New School variety.  I love staying on the bleeding edge of what is current with web development, and I also love to get my hands dirty with more than just hacking out code; I enjoy interaction design, information architecture and everything that falls into the general category of &#8220;building a website&#8221;.  That being said, I have made a list of 8 things that I believe are helping to usher in the New School of Web Development.  The things mentioned are not all &#8220;new&#8221;, but are all things that I believe are pivotal and leading the way in the future of web development.</p>
<p>1.  Frameworks</p>
<p>It doesn&#8217;t matter what kind of code you are writing, chances are there is a framework for it.  On the server side of things popular frameworks include <a href="http://rubyonrails.org/" target="_blank">Ruby on Rails</a>, <a href="http://www.codeigniter.com" target="_blank">CodeIgniter</a>, <a href="http://www.asp.net/" target="_blank">ASP.NET</a> MVC and <a href="http://cakephp.org/" target="_blank">CakePHP</a>. These frameworks all help developers better organize their code (usually with a MVC architecture pattern) and have  built in functionality for handling common server side tasks such as database interaction, session controls, markup helpers and in some cases code re-visioning systems.  Many people have a hard time finally getting around to using frameworks, as they sometimes think they are bloated and do not let you customize your code to the extent they want, but usually once you find a framework you like its hard to go back to re-architect things from the ground up again.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/12/ruby-vs-php.jpg"><img class="aligncenter size-medium wp-image-1845" src="http://stairwellblog.com/wp-content/uploads/2009/12/ruby-vs-php-300x297.jpg" alt="ruby-vs-php" width="300" height="297" /></a></p>
<p>On the client side there are dozens of javascript frameworks: <a href="http://www.mootools.net" target="_blank">mooltools</a>, <a href="http://www.prototypejs.org" target="_blank">prototype</a>, and my personal favorite, <a href="http://www.jquery.com" target="_blank">jQuery</a>.  With these javascript frameworks (ahem: jQuery) becoming abundant and popular, raw javascript is becoming a rarity on many sites.  Obviously you would want to be rather educated into the background of any language a framework is built on top of, but the argument against dedicating tons of time into learning raw javascript and just learning the basics of jQuery is becoming increasingly stronger.</p>
<p>The last framework I&#8217;m going to mention are a few css frameworks, such as <a href="http://www.960.gs">960gs</a> and <a href="http://www.blueprintcss.org" target="_blank">Blueprint</a>.  Although many developers and designers alike don&#8217;t necessarily agree on the use of these frameworks, there is something to be said for them.  Once you get the understanding of how these work, they make prototyping and rapidly creating layouts extremely fast.  For me personally, the jury is still out on whether or not these should be used in the final code, but I&#8217;m not lying when I say that on many occasions in the past I have relied on these frameworks for simple site layouts that I needed to get up quickly.</p>
<p>2. APIs</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/12/2007-07-30-api.gif"><img class="aligncenter size-medium wp-image-1843" src="http://stairwellblog.com/wp-content/uploads/2009/12/2007-07-30-api-272x300.gif" alt="2007-07-30-api" width="272" height="300" /></a></p>
<p>API is a buzz word that people love throwing around, but often times don&#8217;t really have a good understanding on what they are.  The sentence usually goes something like &#8220;Hey I want to let people  (insert obscure web functionality) on my site, can we just create an API for that?&#8221;, and in many cases they are not entirely wrong, just a little confused on what an API is.  Without going into too much detail APIs are generally just a way for users to connect to your site to retrieve/send information you use in your internal systems. In many cases APIs just provide static information like links, text and statistics, but some APIs also let users send commands and actually interact with your system, outside of actually logging into your site.  Besides allowing people to display aggregate data from various APIs, people are also using APIs to create robust new web applications that in many cases remove the user from needing to use a browser altogether.  A great example of this is Twitter.  It seems like everyday I hear of a new twitter application people are raving about, and when it comes down to it they are all just using the same API data each other application is using.</p>
<p>3. Javascript</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/12/javascript.png"><img class="aligncenter size-medium wp-image-1844" src="http://stairwellblog.com/wp-content/uploads/2009/12/javascript-300x115.png" alt="javascript" width="300" height="115" /></a></p>
<p>It&#8217;s no surprise that javascript makes it onto this list.  Over the past few years javascript made a huge explosion all over the web, with every &#8220;web 2.o-ish&#8221; site squeezing in as much ajax into their site as possible.  Javascript went from being a very annoying, simple scripting language, to a language that is shaping the way people build and structure web applications.</p>
<p>As I mentioned before had a big hand in the increased popularity of javascript, but now frameworks like jQuery and upcoming animation libraries are enabling people to create semantic, standards based websites that can mimic the interaction and animation seen in flash based sites.</p>
<p>These days sites are beginning to appear on the web almost completely driven by well structured javascript and DOM interactions, with mark-up being dynamicly added by client-side templating engines (this financial site, <a title="Kapitall" href="https://www.kapitall.com/" target="_blank">Kapitall</a>, comes to mind). The next frontier for javascript will be its use in HTML5&#8242;s built in APIs.  These APIs will let html5 natively support features such as drag-and-drop, the canvas element, and geo-location.</p>
<p>4. &#8220;Deselopers&#8221;</p>
<p>It&#8217;s hard to give a specific reason for this, but from what I can tell the line between developers and designers is slowly becoming thinner and thinner and I see more people being categorized as Web Professionals or&#8230; People Who Build Websites  There is always going to be strictly back-end developers and there will always be the graphic end of designing, but with interaction design becoming a more specific and prevalent need, you are seeing many designers and also developers taking on this role.  I think this mixed blend of talent has to do with interaction design relying so heavily on what types of interaction are possible, with developers being the best resource for this, but also designers coming up with new ways to concept this interaction and find new ways to display the information.</p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2009/12/8-things-ushering-in-the-new-school-of-web-development-part-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A &#8220;new era&#8221; of web design&#8230;poster design</title>
		<link>http://stairwellblog.com/2009/12/a-new-era-of-web-design-poster-design/</link>
		<comments>http://stairwellblog.com/2009/12/a-new-era-of-web-design-poster-design/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 22:38:44 +0000</pubDate>
		<dc:creator>Bryant</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Findings]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Chicago]]></category>
		<category><![CDATA[creative agencies]]></category>
		<category><![CDATA[facelift]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=1746</guid>
		<description><![CDATA[<p>I can&#8217;t really put a finger on when it happened, but at some point in the not so distant past, web design broke through a pretty major glass ceiling.  Up until this point web design was bound and constricted to what web ( and physical ) technology would allow it to do.  Web technologies started with table based layouts, web friendly fonts and tiny display resolutions.  It then progressed to CSS, web standards and the integration of application and interaction design.  Now, with HTML5, CSS3 and new javascript methodologies, we are able to build creative and inspiring websites that are&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>I can&#8217;t really put a finger on when it happened, but at some point in the not so distant past, web design broke through a pretty major glass ceiling.  Up until this point web design was bound and constricted to what web ( and physical ) technology would allow it to do.  Web technologies started with table based layouts, web friendly fonts and tiny display resolutions.  It then progressed to CSS, web standards and the integration of application and interaction design.  Now, with HTML5, CSS3 and new javascript methodologies, we are able to build creative and inspiring websites that are not the burdened step child of graphic design, but are a new, full-featured, medium to display and interact with.</p>
<p>With that being said, there are many web designers out there that are taking web design to the next level by creating and concepting designs that have a more traditional graphic design feel.  These sites use all sorts of unique fonts, have bold and expressive layouts, and in general don&#8217;t really look like websites at all, but more so like&#8230;.posters.  With many  modern web development approaches enabling web designers to think outside of their rigid &#8220;web oriented&#8221; design mindset, they are now able to find inspiration and look at design paradigms typically found in print and graphic design.</p>
<p>I have noticed this style emerging for some time now, but it wasn&#8217;t until I read this <a title="No More Websites - Boagworld" href="http://boagworld.com/design/no-more-websites" target="_blank">article</a>, that I could actually put a finger on the actual trend itself.  I should also say that I am not a designer, I am a developer with adequate design skill; however, with the line between design and development (front-end) becoming grayer and grayer as time goes on, it is important that developers are aware of new design trends, so they can stay active extending the reach of what is possible on the web.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/12/The-Pixel-–-Award-Winning-Creative-Design-Agency-«_1259958249003.png"><img class="alignnone size-medium wp-image-1777" src="http://stairwellblog.com/wp-content/uploads/2009/12/The-Pixel-–-Award-Winning-Creative-Design-Agency-«_1259958249003-111x300.png" alt="The Pixel - Poster Styled Web Design" width="111" height="300" /></a></p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/12/New-to-York-Tyler-Thompson-Squarespace-Lifestream_1259958360692.png"><img class="alignnone size-medium wp-image-1776" src="http://stairwellblog.com/wp-content/uploads/2009/12/New-to-York-Tyler-Thompson-Squarespace-Lifestream_1259958360692-117x300.png" alt="New to York - Poster Styled Web Design" width="117" height="300" /></a></p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/12/Top-5-Spielberg-Films_1259958152265.png"><img class="alignnone size-medium wp-image-1775" src="http://stairwellblog.com/wp-content/uploads/2009/12/Top-5-Spielberg-Films_1259958152265-163x300.png" alt="Top 5 Spielberg Films - Poster Styled WEb Design" width="163" height="300" /></a></p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/12/Carsonified-»-Events_1259958586548.png"><img class="alignnone size-medium wp-image-1774" src="http://stairwellblog.com/wp-content/uploads/2009/12/Carsonified-»-Events_1259958586548-300x226.png" alt="Carsonified - Poster Styled Web Layout" width="300" height="226" /></a></p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/12/Top-5-reasons-to-learn-to-dive_1259958058909.png"><img class="alignnone size-medium wp-image-1773" src="http://stairwellblog.com/wp-content/uploads/2009/12/Top-5-reasons-to-learn-to-dive_1259958058909-172x300.png" alt="Poster Inspired Web Design" width="172" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2009/12/a-new-era-of-web-design-poster-design/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Nike &#8216;Delicious Is&#8230;&#8217; Contest launches today!</title>
		<link>http://stairwellblog.com/2009/11/nike-delicous-contest-launches-today/</link>
		<comments>http://stairwellblog.com/2009/11/nike-delicous-contest-launches-today/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 20:59:32 +0000</pubDate>
		<dc:creator>charles</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Chicago]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=1659</guid>
		<description><![CDATA[<p><a href="http://www.highschoolsports.net/nike-delicious-is-contest/"><img title="nike_delicious" src="http://stairwellblog.com/wp-content/uploads/2009/11/nike_delicious.jpg" alt="Nike Delicious Logo" width="100" height="78" /></a> We&#8217;re excited to announce we&#8217;ve completed work on the new Nike Women&#8217;s Training &#8216;Delicious Is&#8230;&#8217; Contest and it is set to launch today! The micro-site is loaded with interactive features that allow young female athletes the chance to upload photos and text, vote and review all other entries. We also handled all creative and copywriting too!</p>
<p>You can check it out here: <a href="http://www.highschoolsports.net/nike-delicious-is-contest/">http://www.highschoolsports.net/nike-delicious-is-contest/</a></p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.highschoolsports.net/nike-delicious-is-contest/"><img title="nike_delicious" src="http://stairwellblog.com/wp-content/uploads/2009/11/nike_delicious.jpg" alt="Nike Delicious Logo" width="100" height="78" /></a> We&#8217;re excited to announce we&#8217;ve completed work on the new Nike Women&#8217;s Training &#8216;Delicious Is&#8230;&#8217; Contest and it is set to launch today! The micro-site is loaded with interactive features that allow young female athletes the chance to upload photos and text, vote and review all other entries. We also handled all creative and copywriting too!</p>
<p>You can check it out here: <a href="http://www.highschoolsports.net/nike-delicious-is-contest/">http://www.highschoolsports.net/nike-delicious-is-contest/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2009/11/nike-delicous-contest-launches-today/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
