<?xml version="1.0" encoding="utf-8"?>

























	
	



	
		
		
			
			
			
		

		
		
			
			
			
			
		
	
	
	

	
	
	
	
	
	


<rss version="2.0">	
	<channel>
		<title>Radiant Core: Design</title>
		<link>http://www.radiantcore.com/</link>
		<description>All of the Radiant Core posts from the Design category.</description>
		<language>en-ca</language>
		<copyright>Copyright 2006, Radiant Core Inc. All rights reserved.</copyright>
		<managingEditor>webmaster@radiantcore.com</managingEditor>
		<webMaster>webmaster@radiantcore.com</webMaster>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[BrowserSim Updated!]]></title>
				<author>Martin Kuplens-Ewart &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/14/01/2008/browsersimupdated</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/14/01/2008/browsersimupdated</guid>
				<comments>http://www.radiantcore.com/blog/archives/14/01/2008/browsersimupdated#comments</comments>
				<description><![CDATA[I first posted BrowserSim to the Radiant Core blog nine months ago. After 110 downloads and reports of the PSD being used by a range of interesting firms I decided to spend the time updating and improving it. I'm proud to announce that BrowserSim is now 1.0!<br /><br /><img src="http://www.thoughtguy.com/BrowserSim-screen.png"><br /><br />Following months of eager use in our office, version 1.0 has been updated to a PSD/ATN pairing, reducing the set-up to three steps (and less than 500KB zipped):<br /><ol><li>Substitute your window title and URL in the appropriate text layers</li><li>Run the action for either IE 7 or Firefox 2</li><li>Get designing!</li></ol><a href="http://www.thoughtguy.com/browsersim">Download it now</a>!<br />]]></description>
				<category>Design</category>
				<pubDate>Mon, 14 Jan 2008 20:00:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Another site launches]]></title>
				<author>Martin Kuplens-Ewart &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/09/01/2008/wildlawlaunch</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/09/01/2008/wildlawlaunch</guid>
				<comments>http://www.radiantcore.com/blog/archives/09/01/2008/wildlawlaunch#comments</comments>
				<description><![CDATA[We were very excited to see that our friends (and clients) at Wildeboer Dellelce LLP <a href="http://www.wildlaw.ca/">launched their new site</a> this week. It's a very different looking site for a very different law firm, and has features such as live-filtering lawyer and transaction listings (with obligatory vcard downloads), customised JavaScript market update on the homepage, and plenty of RSS feeds.<br /><br />I'm especially pleased because I headed up the design and build - call it a little parental pride!<br /><br />The project includes some interesting technical elements - all AJAX is built using the YUI toolkit; we've added some handlers in place to combat Internet Explorer's difficulties with displaying layers over HTML elements such as drop-downs; and there are a number of interesting cross-links between content areas that combine for great exploration.<br />]]></description>
				<category>Taking Care of Business, HTML/CSS, Design</category>
				<pubDate>Wed, 09 Jan 2008 12:00:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Adaptive Path Charmr]]></title>
				<author>Jay Goldman &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/08/10/2007/adaptivepathcharmr</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/08/10/2007/adaptivepathcharmr</guid>
				<comments>http://www.radiantcore.com/blog/archives/08/10/2007/adaptivepathcharmr#comments</comments>
				<description><![CDATA[<p><a href="http://amytenderich.typepad.com">Amy Tenderich</a> was diagnosed with <a href="http://en.wikipedia.org/wiki/Diabetes">Type 1 Diabetes</a> in May 2003. She's a freelance writer for the IT industry with an extensive background in PR, as well as being a full-time mom and maintaining the excellent <a href="http://www.diabetesmine.com/">Diabetes Mine</a> blog. On April 9th, 2007, she wrote an <a href="http://www.diabetesmine.com/2007/04/an_open_letter_.html">Open Letter to Steve Jobs</a>, asking him to lend some of Apple's industrial design skill to helping make diabetes pumps and monitors easier to use, better looking, and less intrusive in the lives of their users. <a href="http://www.adaptivepath.com/blog/author/dan/">Dan Saffer</a>, one of the Adaptive Pathers, read the letter and was struck with the realization that they were just as well suited to solve the problem, so they took it on as a Research &amp; Development project.&nbsp; Nine weeks of hard work later, the <a href="http://www.adaptivepath.com/blog/category/charmr-project/">Charmr project</a> was born.</p><br /><br /><p><a href="http://www.adaptivepath.com/blog/author/rachel-h/">Rachel Hinman's</a> post on their <a href="http://www.adaptivepath.com/blog/2007/08/14/charmr-diabetes-management-research-%C3%A2%C2%80%C2%94-theres-no-vacation-from-diabetes/">research</a> reads like a textbook approach to requirements gathering phase, including 2-3 hour interviews, some in-home ethnographies, some in-person interviews with a total of ten people (a combination of type 1 and 2 diabetics and two diabetes educators). I didn't know much about diabetes before I started reading their reports, other than that diabetics have to monitor their insulin levels, usually by pricking their finger with a test device or by using a test strip, and have to add insulin to their bodies to compensate and be able to digest carbohydrates. I had no idea, for example, that most type 1 diabetics come in contact with a needle 10 - 14 times a day (between testing themselves and injecting insulin). I had also never heard of an <a href="http://en.wikipedia.org/wiki/Insulin_pump">Insulin Pump</a>, which is an external device, connected to the body via tubing and a cannula implanted subcutaneously (under the skin). Although most of the pumps currently available are big, bulky, and really great examples of industrial design gone bad, their users love them for the control they bring and the positive impact they have on managing their condition. After building an understanding of the day-to-day realities of living with diabetes, and of the current approaches to controlling and managing insulin, the team moved into the design phase (as documented in Dan's post <a href="http://www.adaptivepath.com/blog/2007/08/14/charmr-creating-concepts/">Charmr: Creating Concepts</a>).</p><br /><br /><p>The romantic notion of design and designers is that they sit down at a blank white sheet, sketch and draw and create, some magic happens, and a beautiful design is born. Although that's fairly close to the truth, one of the biggest stumbling blocks is actually the blank white sheet itself. Unconstrained design spaces — spaces which have no limits in any direction — are difficult for the mind to grapple with. Questions like <span style="font-style: italic;">Should we make it 100 feet tall? Bright purple? Does it need to fly or swim or make flawless espresso?</span> can destroy your forward motion and lead to <em><strong>designus procastinus:</strong></em> the incredible ability to return phone calls and emails and catch up on mundane tasks in lieu of producing a design. Blank sheets are scary, which is why we always try to go into the design phase with some hard constraints in place. Although it may seem counter-intuitive, the more our design space is shaped by the reality of our clients' requirements, the easier it is for us to do our jobs. The design crew at Adaptive started out by extracting six principles from their research:</p><ol><li>Users had to be able to wear it during sex (elegant, discrete, comfortable)</li><li>The device had to make better use of data</li><li>Easy to learn/teach. No numbers (diabetes affects a wide range of people so it has to be simple and downplay numbers in favour of smarter information like status and trending)</li><li>Less stuff (physically speaking)</li><li>Keep diabetics in control (no automatic pumps — give people the ability to control what's going into their bodies)</li><li>Keep diabetics motivated (you never get a day off from your diabetes, so try to have the device keep people motivated to control their condition)</li></ol>Brainstorming sessions produced over a hundred design ideas that lived inside that constrained space. They made some decisions (no syringes, designed for two - three years from now, focus on the day-to-day, create a system which only required two objects), and then eliminated a whole bunch of the initial concepts. Rachel eventually came up with the concepts of a small charm-like device which controls the pump, and a fevered bout of model making led to the Charmr's first design.<p></p><br /><br /><p><a href="http://www.adaptivepath.com/blog/author/alexa/">Alexa Andrzejewski</a> takes over from there, describing how her and Dan took that inspiration through design of the user experience, in a post called <a href="http://www.adaptivepath.com/blog/2007/08/14/charmr-interaction-and-visual-design/">Charmr: Interaction and Visual Design</a>. Although I lack the understanding to assess how well their concept would work for a diabetic, it looks like they've done a great job of satisfying their six principles (with a possible exception of the first one: I'm not sure how the rubber patch over the pump would live up to being worn during sex from a comfort perspective). There's an <a href="http://www.adaptivepath.com/blog/wp-content/uploads/2007/08/experience_blueprint.pdf">Experience Blueprint PDF</a> available (4mb) which sums up the project as a whole, including photos and interface mockups. I think their video speaks does a great job of showing off their design:</p><br /><br /><p style=""><object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/VQe1tssyGkU"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/VQe1tssyGkU" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></object></p><br /><br /><p>Amy was very impressed with the results (see <a href="http://www.diabetesmine.com/2007/08/newsflash-sf-de.html">NEWS FLASH: SF Design Firm Unveils the Diabetes "Charmr"</a>) and the reaction has been pretty much positive across the board. The point of the exercise wasn't really to create a product specification, so much as it was to lead the manufacturers of devices toward a more user-friendly approach to product design. The Charmr has some critics, particularly ones who have wondered why Adaptive Path didn't apply themselves to solving the problem now rather than in a few years, to which Dan has responded that they felt they would have the most impact leading future products rather than fixing current ones (and I whole-heartedly agree). Our industry has a long history of using our skills to help solve bigger problems, including recent examples like the searches for <a href="http://www.wired.com/techbiz/people/magazine/15-08/ff_jimgray?currentPage=all">Jim Gray</a> and <a href="http://www.wired.com/software/webservices/news/2007/09/distributed_search">Steve Fossett</a>, and more local initiatives like <a href="http://forums.opentransit.info/">OpenTransit</a>, <a href="http://www.zerofootprint.net">Zerofootprint</a>, and <a href="http://toronto.startupweekend.com/">StartupWeekendToronto's</a> <a href="http://beta.lobbythem.com/">LobbyThem</a>. It's inspiring to see firms use their spare cycles for the power of good, and I encourage firms everywhere to do the same. And yes, before you ask, we're <a href="http://www.radiantcore.com/blog/archives/20/09/2007/joelspolskyeatsdogfood">eating our own dog food</a> here too and have a project underway with Zerofootprint which we can't talk about just yet. Stay tuned for more details!<br /></p>]]></description>
				<category>User Experience, Design</category>
				<pubDate>Mon, 08 Oct 2007 01:01:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[exPhone (New) Home]]></title>
				<author>Jay Goldman &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/05/07/2007/exphone</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/05/07/2007/exphone</guid>
				<comments>http://www.radiantcore.com/blog/archives/05/07/2007/exphone#comments</comments>
				<description><![CDATA[Are you one of the lucky 700,000 new iPhone owners? Wondering what to do with that clunky old BlackBerry or Nokia that you used to love but now can't even look at without stroking your new toy happily? Enter <a href="http://exphone.org/">exPhone</a>, a site dedicated to helping you find ways to responsibly reuse or recycle your old cellphone. Launched by our good friends at <a href="http://citizenagency.com">Citizen Agency</a>, with the help of <a href="http://weknowhtml.com/">We Know HTML</a>, the site is chock full of great info about how to donate or recycle old cellphones, as well as important things like reminding you to erase them first. Or you could save yourself the trouble and just send us your iPhone. We'll take good care of it. Promise.<br />]]></description>
				<category>Taking Care of Business, HTML/CSS, Design</category>
				<pubDate>Thu, 05 Jul 2007 22:46:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Fight for TTC Signage]]></title>
				<author>Jay Goldman &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/03/07/2007/ttcsignage</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/03/07/2007/ttcsignage</guid>
				<comments>http://www.radiantcore.com/blog/archives/03/07/2007/ttcsignage#comments</comments>
				<description><![CDATA[Regular readers will know we've got a thing for the <a href="http://www.radiantcore.com/blog/archives/16/01/2007/betteringthebetterway">TTC</a>. Some regular readers, particularly those who also read Joe Clark's <a href="http://www.fawny.org/">Fawny</a>, will know that we <a href="http://blog.fawny.org/2007/05/15/anticommons/">don't always agree with Mr. Clark</a>, especially when it comes to the TTC. That said, I think his <a href="http://joeclark.org/design/signage/TTC/activism/">campaign to save the old TTC signage</a> from St. George, Eglinton, Pape, Victoria Park, and Islington/Kipling needs all the support it can get and I encourage you to go read about it on his site, and to contact the Commission. <a href="http://joeclark.org/design/signage/TTC/redesign/">Paul Arthur's signs</a> (documented by Joe) are beautiful and original and far superior to the current inconsistent attempts at wayfinding which litter our transit system. If you care about design, transit, or our city, go read Joe's request and follow his instructions for contacting them. My email:<br /><br /><blockquote>General Secretary and Members of the TTC -<br /><br />I write as a concerned citizen and lover of Toronto's transit system, inspired by Mr. Joe Clark's weblog post regarding the removal and destruction of signage from the St. George, Pape, Victoria Park, Eglinton, and Islington/Kipling stations (see http://joeclark.org/design/signage/TTC/activism/). <br /><br />Our city's current renaissance is beautiful to behold but we must not forget that it is founded on a history - albeit a short one - full of people with equal passion and drive to see Toronto flourish. They may be gone but their work is not forgotten and it lives on (and is celebrated) in the intricacies and details of our collective history. Although the signage in those stations may need replacement for reasons of modernization or safety, it deserves to be preserved as part of the rich fabric that makes up the life of our city. Please take this request into consideration as a plea to donate those works to an institution or individual who will protect them with the respect they deserve. Mr. Arthur's papers reside at the ROM - perhaps they might take his St. George signage as well? I'm sure I speak for many of the TTC fans and supporters when I say that I would rather take on the responsibility of preserving one of the signs myself than to see them neglected and in a trash heap.<br /><br />Thank you for your time!</blockquote>]]></description>
				<category>Design</category>
				<pubDate>Tue, 03 Jul 2007 10:56:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[A Home Run Doesn't Have to be Perfect]]></title>
				<author>Michael Glenn &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/28/06/2007/ahomerun</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/28/06/2007/ahomerun</guid>
				<comments>http://www.radiantcore.com/blog/archives/28/06/2007/ahomerun#comments</comments>
				<description><![CDATA[Some very lucky journalists with international reach have had the privilege to have a hands on review of the highly anticipated iPhone to be released this Friday the 29th in the U.S. For months now we've been treated to speculation, rumour, high praise and scorn for a device that very few had a chance to physically experience. Hands on reviews have finally started to come out and it appears that the iPhone is a home run but that it isn't perfect. Which is just as it should be.<br /><br />Apple understands that you can have a hit but not be perfect. The iPhone is both revolutionary but also in a sense in its infancy. Both <a href="http://online.wsj.com/article/SB118289311361649057.html">Walt Mossberg's review</a> and <a href="http://www.nytimes.com/2007/06/27/technology/circuits/27pogue.html">David Pogue's review</a>&nbsp; praise the phone for it's refreshing approach to a cellular phone and also point out its shortcomings. <br /><br />When developing concepts with clients we often need to exercise restraint on our ambition to make the perfect product. Often the long list of features that a website "needs" will in the end hurt a product more than help it. Features, Time and Cost are the three factors which we trade off against each other when developing products. You can have more of one but at the loss of the other two. We typically draw a triangle for our clients where their product is a dot within it and the factors which they must trade off against are the three points within the triangle. <br /><br /><img src="http://www.radiantcore.com/images/blogposts/FeatureCostTime.jpg"><br /><br />Jason Fried also refers to this concept as the T<a href="http://www.43folders.com/2005/04/01/jason-fried-on-the-project-triangle/">he Product Triangle</a>.<br /><br /><br />The iPhone for instance trades cost for features but trades features for time. Sure the iPhone could have done more in the first revision, but you probably wouldn't have seen it until 2008.<br /><br />On any single version of a product you cannot achieve all three corners on the triangle. You can choose to emphasize one factor and it will in turn de-emphasize the other two. Conversely if you de-emphasize one factor it will emphasize the other two. For instance, if you wanted to build your own version of an iPhone by tomorrow, no matter how much money you had the number of features available would quickly approach zero.<br /><br />Since I'm in Canada I'll have to wait for the deal between Rogers and Apple to shakeout and hopefully a slight reduction in price. By then I'm hoping Apple will be ready to hit another home run with a second revision.<br /><br />Batter up!]]></description>
				<category>Design, Marketing</category>
				<pubDate>Thu, 28 Jun 2007 14:20:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[browserSim 0.2 - browser chrome for design made easy]]></title>
				<author>Martin Kuplens-Ewart &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/24/04/2007/browsersim02</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/24/04/2007/browsersim02</guid>
				<comments>http://www.radiantcore.com/blog/archives/24/04/2007/browsersim02#comments</comments>
				<description><![CDATA[<a href="http://rapidshare.com/files/27735472/browserSim.psd"><img src="http://www.radiantcore.com/resources/contentfiles/resources/assets/browsersimbadge/file/badge.jpg" align="left"></a>  Many web design types use a masked browser chrome to present their design work to clients - it helps provide a context for the visuals being presented.<br /><br />I personally find it a tremendously useful technique to use from the very start of a design process - it keeps me aware of how the elements I'm producing will sit within the browser, and ultimately of how they'll appear to the end-user.<br /><br />I've done several versions over the past half-decade or so, but finally got around to doing one with multiple chrome options, layer group masks, etc., which makes it all ludicrously easy to use. Even better, the chrome is nicely drop-shadowed and pretty much presentation-ready!<br /><br />All you need to do is <a href="http://rapidshare.com/files/27735472/browserSim.psd">grab the .psd</a> and use. Instructions are in the first group. If you find yourself making improvements (such as adding browser versions), do ping me!<br />]]></description>
				<category>Design</category>
				<pubDate>Tue, 24 Apr 2007 16:00:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Get the Glass!]]></title>
				<author>Jay Goldman &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/19/03/2007/gettheglass</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/19/03/2007/gettheglass</guid>
				<comments>http://www.radiantcore.com/blog/archives/19/03/2007/gettheglass#comments</comments>
				<description><![CDATA[<p>Some of you may have noticed that we're trying to coin a neologism - <span style="font-style: italic;">Flashtastrophe</span> - to describe the unmitigated disaster that most all-Flash websites end up being (for a quick primer on why that's bad, read our post <a href="http://www.radiantcore.com/blog/archives/12/08/2006/allflashequalsbad" title="All Flash = Bad">All Flash = Bad</a>). We encourage you to claim the word as your own and go forth and multiply (the word - not you personally - although feel free to do that too).</p> <br /><br /><p>At any rate, every now and then we stumble across a site that's done something Flashtastic (there we go again! coin, coin, coin) and we felt it was only fair to the Flash developers of the world if we took a moment to point those out too. Make your way <strong>immediately</strong> to the amazing&nbsp; <a href="http://www.gettheglass.com" title="Get the Glass">Get the Glass</a> site, latest volley in the <em>Got Milk?</em> campaign, and help those desparate Adachis pilot their plumbing van to Fort Fridge to secure The Glass. The site is anything but quick to load, but the thought of molasses made me yearn for a nice cold glass of milk which may have been part of their diabolical marketing plan all along. Many kudos to Swedish firm <a href="http://www.northkingdom.com/" title="North Kingdom">North Kingdom</a>, who beautifully crafted the experience.</p><br /><br /><p>(and a hat tip to <a href="http://www.coudal.com" title="Coudal Partners">Coudal Partners</a> for the link).</p>]]></description>
				<category>Marketing, Design</category>
				<pubDate>Mon, 19 Mar 2007 15:04:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Give Me My Leopard!]]></title>
				<author>Alistair Morton &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/22/02/2007/osx</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/22/02/2007/osx</guid>
				<comments>http://www.radiantcore.com/blog/archives/22/02/2007/osx#comments</comments>
				<description><![CDATA[When I installed <a href="http://www.apple.com/macosx/tiger/" title="Mac OSX Tiger">Mac OS X Tiger</a> on my computer near the end of April 2005, I thought to myself, it really can't get better than this. <a href="http://www.apple.com/macosx/features/spotlight/" title="Apple: Spotlight">Spotlight</a> has changed the way I use the computer, <a href="http://www.apple.com/macosx/features/dashboard/" title="Apple: Dashboard">Dashboard</a> brought forth all these little applications that I used to have to hunt and peck for, Calculator, sticky notes, and even local weather updates: all just an F12 key away.<br /><br />Now, a year later, I am reading about the upcoming release of <a href="http://www.apple.com/macosx/leopard/" title="Apple: OSX Leopard">Mac OS X Leopard</a>, I find myself already thinking about how I'll just barely be able to live without the new features included inside <a href="http://www.apple.ca" title="Apple.com">Apple's</a> next major operating system update. I'm not even talking about the fact I'll be able to skin my mail with fancy new themes, or add animated backgrounds to my iChats with the team here at Radiant Core ( oh, I will ) - but these aren’t the things I am waiting so desperately for.<br /><br /><h2>Alistair’s Key Awaited Feature List</h2><a href="http://www.apple.com/ca/macosx/leopard/spaces.html" title="Apple: Spaces">Spaces</a>: This basically turns your desktop into several individual Spaces or desktops, each of which can be customized for a specific task or type of work. As with the introduction of Exposé a few years ago, if this is utilized properly, it can seriously increase the productivity of anyone using the computer for more than just sending email. Designers, Developers and Digital artists of all stripes can organize their workspaces for tasks and whip through them to work on whichever project is the most pressing, or subsequently a chronic solitaire user can set up a overloaded work screen they can quickly switch too in under a second if the boss pops around a corner.<br /><br /><a href="http://www.apple.com/ca/macosx/leopard/timemachine.html" title="Apple: Time Machine">Time Machine</a>: If you have ever felt the slow oncoming dread while you are looking for that file you need to present in 20 minutes which&nbsp; you might have deleted in a frantic desktop cleanup, Time Machine has you covered. You can go back through saved states of your computer to find the last version of the missing file, make your meeting and receive your kudos. This will eliminate the overload of panic and generalized collapsing into a fetal position you currently go through after losing said file, enjoy!<br /><br /><a href="http://www.apple.com/ca/macosx/leopard/ichat.html" title="Apple: iChat">iChat Theatre</a>: Imagine running a keynote presentation to clients over the internet. Well now its completely possible, with much more. Wireframes and mockups now come with the best part of any internet delivery: you! Let’s face it, things in projects can change fast and sometimes you have to make a call on certain design elements without the client’s approval. Now, upon you showing off your digital mockups, you can also offer your explanation of any changed elements alongside your visual delivery. If you have found yourself in the past trying to type in one of these rather longwinded explanations, you’ll know, face to face is so much simpler for your clients.<br /><br /><h2>Hurry Up and Wait</h2>Apple hasn’t announced a date for the release of Leopard, but speculation on the internets (which <a href="http://www.radiantcore.com/blog/authors/jgoldman" title="Radiant Core Blog: Jay Goldman">Jay</a> assures me is a massive interconnected series of <a href="http://en.wikipedia.org/wiki/Image:Thetubesband.jpg">tubes</a>) is that we should all be buying a copy as soon as the end of March.]]></description>
				<category>User Experience, Tech Geekery, Marketing, Taking Care of Business, Design, News</category>
				<pubDate>Thu, 22 Feb 2007 19:00:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Photoshop CS3 and a MacBook Pro]]></title>
				<author>Alistair Morton &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/16/02/2007/alistair</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/16/02/2007/alistair</guid>
				<comments>http://www.radiantcore.com/blog/archives/16/02/2007/alistair#comments</comments>
				<description><![CDATA[<br /><br />As one of the lucky ones, I had the chance to grab a beta copy of the Photoshop CS3 about a month ago. Like many designers, I have been struggling using CS2 on my shiny new MacBook Pro due to the brilliant yet somewhat boggy Rosetta translation software engine.<br /><br />First off, I would have to say that I am a fairly heavy duty photoshop user: as we speak I have five two hundred megabyte files on my desktop, and I have been known to shoot off the odd three gigabyte file. So I felt that I was the type of user to put this new native version through its paces, especially since it had been so long since I had achieved the speed I was once used too.<span style="font-weight: bold;"><br /></span><p><span style="font-weight: bold;"><br /></span></p><p></p><h2>Interface Changes</h2><p></p><p><br /><span style="font-weight: bold;"></span></p><p><span style="font-weight: bold;"></span>At first glance the freshened up interface was just wonderful to me. All the palettes have been cleverly compacted into small movable icons which, once you get the knack of them, allow for amazing expansion of your screen real-estate. This is very handy when you are working on the limited dimensions of a notebook. Kudos to the interface designers - if they utilize this front-end for the full CS3 suite, we all will be working happier!</p><br /><br /><p>The initial load times are about the same as the CS2 load time on my Intel mac, which means slow, but the similarities stop there. Once inside I am easily zooming and moving around my large files like I am once again working on a desktop rig. Progress bars zip by and wait times are easily cut in half for functions like image loading or running any of the math intensive filters. Layers are flipped and moved about in real-time and gone are the wait times for the layers palette to catch up to what you have been doing.</p><br /><p><br /></p><p>The only problem I noted was that the type tool seems to crash the beta once in a while, usually when I am flying a little too fast and getting snappy with the mouse. Doing due diligence I checked the forums and found that Adobe has identified this problem and will hopefully correct for the final release.</p><br /><p><br /></p><p>It would seem that Adobe, for all the griping I have been doing for the last year, is aiming to really please us for our patience. The learning curve is slight and the differences are amazing. With the purchase of Macromedia in the last few years, maybe some of that user driven intelligence has also crossed over, and now Adobe is truly listening to us, and our wants and needs.<span style="font-weight: bold;"><br /></span></p><p><span style="font-weight: bold;"><br /></span></p><p></p><h2>New Features</h2><p><span style="font-weight: bold;"><br /></span></p><p><span style="font-weight: bold;"></span><span style="font-weight: bold;">“Zoomify”</span> is a new way to export your larger graphics to the web. Effectively creating a flash file that loads an image and allows you to zoom and move about the pixel eating behemoth with quick load times and high detail. Zoomify is a great way to present your larger print projects to clients over the web without the need for any downsizing of the image, allowing clients to see the full detail of the ad or zoom out to take in your breathtaking layouts. For those of us familiar with working on print, this could be a very beneficial tool to speed things up with your more far off clients.</p><p><br /><span style="font-weight: bold;"></span></p><p><span style="font-weight: bold;"><br /></span></p><p><span style="font-weight: bold;">“Auto Alignment Layers”</span> can remove or add elements from a series of photos you choose to overlay, without having to airbrush for hours to get your desired result. So if you had a few shots of your friends all taken from a similar angle, where in one of your friends wasn't looking at the camera, or not smiling you can use this tool to select the parts of each image you want. Then you can piece them together in almost flawless fashion adding or subtracting to add the smile. For any of us who have tried to paste someone’s face into another photo before, this is a great timesaver, and the final results will look as good as your old-school 4 hours of airbrushing.<span style="font-weight: bold;"><br /></span></p><p><span style="font-weight: bold;"><br /></span></p><p><span style="font-weight: bold;">"Smart Filters"</span> creates another layer for you to go back and re-edit your filters, so there is no more backing up a spare layer in case you mess up. You can go in and re-adjust the filters after the fact, just like you would a new layer. Clever.</p><br /><p><br /></p><p>The <span style="font-weight: bold;">"Quick Selection" </span>tool allows you to “paint” your selections in realtime by simply holding down the shift key. If the four lattés you gulped down in the morning cause you to accidentally shift out too far past your selection, you simply hold down the option key and gently ease the selection back. The difference between this and the old magic wand is that this tool actually “learns” where you are trying to go. It isn’t just based on just the colours you go over either: it just selects where and how you want it, and feels like magic! You can control the quick select brush size as well, allowing getting in close for much more detailed selection work. Once you have finished selecting what you want, a new refine edge tool allows you to contract or expand, add feathering or tighten up the final selection. For whipping up a fast mockup, or photo montage this tool is going to give you some new found speed.</p><br /><p><br /></p><p>Speculation for Adobe’s full CS3 Suite release is on or around May 1, 2007.<br /><br /><br /></p>]]></description>
				<category>User Experience, Design</category>
				<pubDate>Fri, 16 Feb 2007 15:00:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Bettering the Better Way]]></title>
				<author>Jay Goldman &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/16/01/2007/betteringthebetterway</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/16/01/2007/betteringthebetterway</guid>
				<comments>http://www.radiantcore.com/blog/archives/16/01/2007/betteringthebetterway#comments</comments>
				<description><![CDATA[<h2>A Little Background</h2><p>We were really inspired by our good friend <a href="http://www.readingtoronto.com" title="Robert's Blog: Reading Toronto">Robert Ouellette's</a> post <a href="http://www.readingt.readingcities.com/index.php/toronto/comments/4703/" title="Reading Toronto: How Would You Improve The TTC Web Site?">How Would You Improve The TTC Web Site?</a> and thrilled at the ensuing support and coverage it collected during the first few weeks of the New Year. Some of Toronto's leading blogs leapt to support Robert's cause and quickly asked their readers to provide their ideas in the comments of the following posts:</p><ul><li><a href="http://spacing.ca/wire/?p=1425" title="Spacing Wire: Help improve the TTC's website">Spacing Wire: Help improve the TTC's website</a></li><li><a href="http://www.torontoist.com/archives/2007/01/help_toronto_bl.php" title="Torontoist: Help Make the TTC's Website The Better Way">Torontoist: Help Make the TTC's Website The Better Way</a></li><li><a href="http://www.blogto.com/city/2007/01/bloggers_help_ttc_website/" title="BlogTO: Bloggers Help TTC Website">BlogTO: Bloggers Help TTC Website</a></li><li><a href="http://transit.toronto.on.ca/archives/weblog/2007/01/03-giambrone_.shtml" title="Transit Toronto: Giambrone Turns to Transit Fans for Suggestions">Transit Toronto: Giambrone Turns to Transit Fans for Suggestions</a></li></ul><p>The Press rallied shortly thereafter, providing some pretty good coverage about <a href="http://www.adamgiambrone.ca/" title="Adam Giambrone's Website">Adam Giambrone</a>, the TTC's new Chair, accepting Robert's offer and offering to review the feedback. Amongst the radio coverage on AM640 and CBC, the nation's newspapers rang in:</p><ul><li><a href="http://www.canada.com/nationalpost/news/toronto/story.html?id=25568ef1-e17c-422b-bdcd-02cc2ff013f9" title="National Post: Blogtown">National Post: Blogtown</a></li><li><a href="http://www.theglobeandmail.com/servlet/Page/document/v5/content/subscribe?user_URL=http://www.theglobeandmail.com%2Fservlet%2Fstory%2FLAC.20070106.TTC06%2FTPStory%2F%3Fquery%3Douellette&amp;ord=1168843192955&amp;brand=theglobeandmail&amp;force_login=true" title="Globe &amp; Mail: The TTC Gets Some Online Help">Globe &amp; Mail: The TTC Gets Some Online Help</a></li></ul><h2>Here's Where We Come In</h2><p>Figuring that we know a thing or two about building websites, we thought that we could offer some useful feedback to compliment the already excellent thoughts collecting in the comments on the original blog posts. In addition to our <a href="http://www.radiantcore.com/solutions" title="Learn about our Solutions">Solutions</a> and <a href="http://www.radiantcore.com/portfolio" title="Learn about our Portfolio">Portfolio</a> of experience, we know lots of really smart people who could bring a lot of value to the table. And so we did exactly that and gathered a crack team in Radiant Core's boardroom to scratch our heads and stroke our chins and ruminate on how we could help to better the better way. And what a crew it was! In addition to your intrepid scribe and <a href="http://www.radiantcore.com/blog/author/mglenn" title="Michael's Author Profile">Michael Glenn</a>, our Architecturally Awesome VP of Technology, we invited (in alphabetical order - ranking a team of this calibre would be impossible in anything but):</p><br /><br /><div class="ttcPanelMember"><a href="http://www.davidcrow.ca" title="David Crow's Blog"><img src="http://www.radiantcore.com/images/blogposts/ttc/david.gif" alt="David Crow" class="ttcPanelPhoto"></a><h3><a href="http://www.davidcrow.ca" title="David Crow's Blog">David Crow</a><span class="ttcPanelTitle">Débonair Developer</span></h3><p>David is a passionate advocate for Toronto's technology community. An open community has catalyzed around David in the form of <a href="http://barcamp.org/TorCamp" title="BarCamp Toronto">BarCamp</a>, <a href="http://barcamp.org/DemoCamp" title="DemoCamp Toronto">DemoCamp</a>, and the Innovation Commons, reinforcing his belief that openness can spark innovation - <a href="http://davidcrow.ca/article/971/community-is-the-framework" title="David's post about the community being the framework">"the community is the framework"</a>. David is an experience designer, consultant and a software developer.</p><br /><br /></div><div class="ttcPanelMember"><a href="http://accordionguy.blogware.com/" title="Joey DeVilla's Blog"><img src="http://www.radiantcore.com/images/blogposts/ttc/joey.gif" alt="Joey DeVilla" class="ttcPanelPhoto"></a><h3><a href="http://accordionguy.blogware.com/" title="Joey DeVilla's Blog">Joey DeVilla</a><span class="ttcPanelTitle">Accordion Articulator</span></h3><p>Jose Martin "Joey" deVilla is, among other things: The Thrilla from Manila, based in Toronto, Canada, Technical Evangelist for the web services company Tucows, and a guy who often takes his accordion with him, playing AC/DC, Nine Inch Nails and other pop and rock stuff on it.</p></div><div class="ttcPanelMember"><a href="http://www.madhava.com/egotism/" title="Madhava Enros' Blog"><img src="http://www.radiantcore.com/images/blogposts/ttc/madhava.gif" alt="Madhava Enros" class="ttcPanelPhoto"></a><h3><a href="http://www.madhava.com/egotism/" title="Madhava Enros' Blog">Madhava Enros</a><span class="ttcPanelTitle">TTC Guru</span></h3><p>Madhava is a Toronto interface/interaction designer who spends, perhaps, too much time thinking about public transit. A dedicated TTC-rider, he has been following Toronto transit planning and policy matters for many years.</p><br /><br /></div><div class="ttcPanelMember"><a href="http://www.remarkk.com" title="Mark Kuznicki's Blog"><img src="http://www.radiantcore.com/images/blogposts/ttc/mark.gif" alt="Mark Kuznicki" class="ttcPanelPhoto"></a><h3><a href="http://www.remarkk.com" title="Mark Kuznicki's Blog">Mark Kuznicki</a><span class="ttcPanelTitle">Policy Wonk</span></h3><p>Mark is a strategy consultant, policy wonk and a TorCamper. Mark's recent policy work includes consulting in cultural policy and in the development of an economic strategy for the entertainment and creative industries cluster. Mark's professional background includes work as a tech startup entrepreneur and in business analysis and tech project management in the financial services industry.</p><br /><br /></div><div class="ttcPanelMember"><a href="http://www.willpate.com" title="Will Pate's Blog"><img src="http://www.radiantcore.com/images/blogposts/ttc/will.gif" alt="Will Pate" class="ttcPanelPhoto"></a><h3><a href="http://www.willpate.com" title="Will Pate's Blog">Will Pate</a><span class="ttcPanelTitle">Social Media Maven</span></h3><p>Will is an all-around web geek: blogger, photographer, videogamer, online community and social media consultant. He's a peopleperson who seeks out technologies to enable self expression, connection, or the creating of meaning.</p></div><br /><br /><p>We really couldn't have asked for a more amazing brain trust. Will captured the moment as we settled in for some serious thinking:</p><br /><br /><p><a href="http://flickr.com/photos/willpate/352527293/" title="TTC Thinkers on Flickr"><img src="http://farm1.static.flickr.com/128/352527293_6c86a39afc.jpg" alt="TTC Thinkers" height="333" width="500"></a></p><br /><br /><p>And so we were off and running! Stand back folks, because we really rolled up our sleeves and did some serious analizing.</p><br /><br /><h2>State of the Union</h2><p>No one would argue that the TTC currently has a good website. If you've somehow been spared the pain of trying to find information on it, take a few minutes and do your own mini-review now: <a href="http://www.ttc.ca" title="Toronto Transit Commission">www.ttc.ca</a>.</p><br /><br /><p>Sure, it's ugly and all, but just how bad is it? Here's the quick breakdown using a Radiant Core technique called The Five Thumbs - a quick set of five <a href="http://en.wikipedia.org/wiki/Heuristic" title="Wikipedia explains Heuristics">heuristics</a> that you can use to evaluate any software or website. The Five Thumbs are easy to remember if you know your vowels (just think AEIOU and you'll be most of the way there):</p><ol><li><strong>Adaptive:</strong> a good tool adapts to the user rather than the user adapting to the tool. The TTC's site is very inflexible and forces visitors to do things very much in machine-speak like searching for routes by number rather than by name. The site also doesn't bend when it comes to the format of the information: as Henry Ford might have said, you can have it in any colour you'd like as long as it's a huge PDF or badly formatted HTML.<br /></li><li><strong>Expandable:</strong> a good website is easily expanded on by encouraging an ecosystem of third parties to build on a solid foundation. There's no way to get access to the wealth of data behind the site including schedules, stop locations, routes, etc. To make matters worse, the HTML is non-standard and schedules aren't presented in tables but rather spaced out using tab characters in a block of &lt;pre&gt; code, making them hard to parse by screen scrapers and readers.</li><li><strong>Intuitive:</strong> the basic functions of a good tool are easy to figure out with minimal assistance. Given that the basic function of this site is to disseminate information, it's a tangled maze of bad Information Architecture which hides important details in deeply buried pages. Navigation is via HTML &lt;select&gt;s, form controls which are usually reserved for selecting options from a list and can cause problems for screen readers and other accessibility devices.</li><li><strong>Open:</strong> how well does it play with others? We usually measure websites on how well they both render across browsers and validate for standards compliance, as well as how deeply they incorporate accessibility features like tabindexes, accesskeys, alt attributes on images and titles on links, etc. The <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ttc.ca" title="W3's HTML Validator for www.ttc.ca">W3's validators</a> can't get passed the lack of a doctype attribute, though the site does fair somewhat better using <a href="http://webxact.watchfire.com/" title="Watchfire's WebXact Accesibility Checker">Watchfire WebXact</a>, which returns few serious accessibility issues.</li><li><strong>Usable:</strong> how useable is it? This can be a fairly subjective measure, but empirical evidence from the comments left in the original blog posts suggests that users of the site have a very difficult time finding content.</li></ol>We also tried to take <a href="http://blog.fawny.org/2007/01/04/ttcca/" title="The Limits of Free Advice on Joe Clark's Blog">Joe Clark's words</a> to heart and pay special attention to accessibility concerns, even before we really started talking about features. Joe has forgotten more about building accessible websites and PDFs than our entire crew combined will ever know and his opinion counts for a substantial amount (although we might disagree on the 'free consulting' bit, we're glad that there's someone out there other than us waving the web standards flag).<br /><br /><h2>The Better Way</h2><p>It doesn't take a room full of web-savvy thinkers to come up with a great plan for the Commission's site as the way forward is obvious in many respects. We were pleased to see that the commenters on the original blog posts have thought of many of the same avenues (and even a few that we didn't touch on), so I highly recommend a read through them as well. Our thoughts, in no specific order:</p><br /><br /><h3>Site Features and Functionality</h3><ul><li>Trip planner<ul><li>This one is a no-brainer: give us a tool to figure out the easiest way to get <em>there</em> and we'll ride more often. It's not a very original idea either; a quick perusal of Transit Authority sites will provide a dizzying tour of Trip Planners. Some pretty decent examples:<ul><li><a href="http://511.org/" title="Bay Area Trip Planner">Bay Area</a></li><li><a href="http://www.hopstop.com/" title="Hopstop for NYC, Boston, Chicago, San Francisco, and Washington">Hopstop for NYC, Boston, Chicago, San Francisco, and Washington</a></li><li><a href="http://journeyplanner.tfl.gov.uk/" title="London Trip Planner">London</a></li><li><a href="http://www.mississauga.ca/portal/residents/clicknride" title="Mississauga Trip Planner">Mississauga</a></li><li><a href="http://www.octranspo.com/tps/jnot/startEN.oci" title="Ottawa Trip Planner">Ottawa</a></li><li><a href="http://www.sdcommute.com/" title="San Diego Trip Planner">San Diego</a></li><li><a href="http://tripplanning.translink.bc.ca/hiwire?.a=iTripPlanning&amp;.s=" title="Vancouver Trip Planner">Vancouver</a></li></ul></li><li>Google has built a pretty fantastic Trip Planner for Transit on top of their already swell Google Maps: <a href="http://www.google.com/transit" title="Google Transit">Google Transit</a>. It's meant to be used by Transit Authorities all over the world to provide planning tools for their riders, and it currently provides coverage for nine US cities including <a href="http://www.google.com/transit?ie=UTF8&amp;ll=45.510197,-122.671967&amp;spn=0.383982,0.687538" title="Portland on Google Transit">Portland</a> (the first city covered), and <a href="http://www.google.com/transit?ie=UTF8&amp;ll=47.562723,-122.146319&amp;spn=0.407366,0.360521" title="Seattle">Seattle</a>. The TTC and Google have been in talks for some time (see <a href="http://spacing.ca/wire/?p=633" title="The TTC and Google">The TTC and Google</a> on Spacing Wire from March 2006), though nothing has come of it yet. According to the Toronto Star article mentioned in that post, the Commission costed out its own route planner at $2 million, which sounds like a pretty expensive wheel re-invention to us! We'd like to see the TTC jump on the GT Bandwagon and publish the data in the Google Transit Feed format (see the API points below).</li><li>Any Planner they do build/use should make an effort to include other Transit Authorities in the area (e.g.: Go, Markham, etc.) in order to provide a seamless experience for the Great Transit Riders of the GTA.</li><li>Lots of people come to our fair city to visit and make their way around by transit, so it would be a great idea to include some bookmarked destinations and starting points to help them navigate more easily (e.g.: tourist spots, conference halls, shopping, hotels, etc.).</li><li>Although not required for the first version, mobile access would mean we could do trip planning on the go. Sure, the data rates from Rogers and Bell suck more than your average vampire, but it would give you one more reason to spring for that new <a href="http://www.apple.com/iphone" title="iPhone by Apple">iPhone</a> you're all craving.</li></ul></li><li>Schedules and Route Maps<ul><li>Easily printed route maps as PDFs (no more monolithic files with every route!). People like to carry schedules with them, so make handy-sized ones which we can print out and staple together to keep in our pockets. Better yet, offer schedules for download, pre-formatted for popular hand-held devices. It would also be great if you could add different schedules to a cart and have them packaged into a customized PDF that you could keep on your laptop or print out whenever it gets too dog-eared and weather worn.</li><li>Trip planners are great for "Get me from A to B" type foresight, but sometimes you just want to know what time the bus goes there and comes back here. The current site makes it fairly hard to find the first part and an exercise in repetition to get the second, so include a link to the opposite direction of travel on all schedules (e.g.: link to eastbound schedule on westbound page).</li><li>Consider changing the format of the schedules to something a bit more graphical and easy to follow. <a href="http://cgi.snafu.de/provart/user-cgi-doc/INDEX.SHTML" title="Nick Provart's Homepage">Nick Provart</a> suggests a pretty good one (see <a href="http://home.snafu.de/provart/TTC/image002.jpg">here</a>), an idea which we quite liked and seemed like an emergent de facto standard, but then again, just say Tufte and we're all ears (see pg. 46-47 of <span style="font-style: italic;">Envisioning Information</span> for more information).</li><li>Each station in the system should have its own page, which can provide information (e.g.: washrooms, vendors/stores in the station, last/first train, bus connections, etc.) and could even be expanded to act as a hub for the community around the station (e.g.: upcoming neighbourhood events via RSS, etc.).</li><li>The TTC Timeline system was ahead of its time - a phone number for every stop with recorded schedule information - so far ahead, in fact, that it's one of the only real Y2K bugs that we know about. The system was shut down in late 1999 as it become evident that "...the TimeLine system is not Year 2000 compliant and because of the age of the system hardware and other factors, it cannot be upgraded in a cost-effective and timely fashion to allow for its continued use past December 31, 1999." (see <a href="http://www.ttc.ca/postings/gso-comrpt/documents/report/f591/_conv.htm" title="TTC Report F591: TTC Timeline">TTC Report F591</a>). We'd like to see a return of the Timeline, but this time as an SMS-based service which works by sending your stop ID to a TTC shortcode and getting a schedule update back. The same stop IDs can be used throughout the Schedules and Route maps to remain consistent across the whole system and to make it easy to get schedule info whenever you see an ID.</li><li>The City of Chicago is running an experimental, GPS-based <a href="http://ctabustracker.com/bustime/home.jsp" title="Chicago Bus Tracker">bus tracker on their #20 line</a>, which gives a hint of what a system like that could deliver. In addition to providing automated recordings of stop announcements on vehicles, it offers the tantalizing possibility of in-stop signage with updated arrival times (à la <a href="http://www.vivayork.com/" title="York Viva">York Viva</a> system), accurate web-based schedules and maps, and the promise of not having to stand in freezing rain with no streetcar in sight.</li></ul></li><li>Schedule Updates<ul><li>Include a blog (with RSS feed!) of closures, schedule changes, etc. Use categories to indicate which type of service is being disrupted (e.g.: Subway, Bus, Streetcar) and/or areas of the city affected.</li><li>Although frequent transit users might get a chance to travel the length and breadth of the system, most of us just wear a groove into our favourite routes. General information about changes is important, but also build the system to allow users to register those routes and subscribe to updates and changes by email, SMS, and RSS.</li></ul></li><li>Ecommerce<ul><li>It's 2007 and high time that the TTC boarded the eCommerce train! The <a href="http://www.toronto.ca/ttc/mdp/metropass_mdp.htm" title="Metropass Discount Plan on TTC.ca">Metropass Discount Plan</a> is a great idea, but it would be substantially better if we could complete an online form to apply and provide a credit card number to pay for it. Faxing is so <a href="http://en.wikipedia.org/wiki/Fax#History" title="Fax History on Wikipedia">1843</a> (no, really). There have been rumblings for a while now that the TTC will consolidate with other GTA Transit Authorities on a Smart Card for fares which would negate this, but that might still be a ways off (personally, we're hoping for something like the <a href="http://en.wikipedia.org/wiki/Octopus_card" title="Octopus Card on Wikipedia">Octopus Card</a>).</li><li>Partner with people who produce merchandise that we'll actually buy and build out a great online store to sell it in. We suggest starting with the <a href="http://spacing.ca/buttons.htm" title="Spacing Buttons">Spacing station buttons</a> and <a href="http://www.torontoist.com/archives/2006/10/our_ttc_swag_su.php" title="Torontoist TTC Swag Suggestions">Torontoist T-shirts</a>, but this city is jam packed with creatives who are just itching to submit their own designs. Take a cue from <a href="http://www.threadless.com/" title="Threadless">Threadless</a> and <a href="http://en.wikipedia.org/wiki/Crowdsourcing" title="Crowdsourcing on Wikipedia">crowdsource</a> the designs to help support our arts scene. And please (please!) spare us the <a href="http://www.legacysportswear.com/ttccatalog.asp" title="Legacy Sportswear TTC Gear Catalogue">Legacy Sportswear</a> gear which has been passing as Official TTC Merchandise. No offence to them - we're sure they do great work - but stamping the TTC logo onto a catalogue full of generic items isn't what we're looking for.</li></ul></li><li>Online trip booking for <a href="http://www.toronto.ca/ttc/special.htm" title=" Wheel-Trans Specialized Paratransit Service">Wheel-Trans</a>. Danny, in the <a href="http://spacing.ca/wire/?p=1425" title="Spacing Wire: Help improve the TTC's website">comments on the Spacing original post</a>, tells a horrible tale of trying to make a booking via the antiquated phone system. Wheel-Trans provides mobility to people who would otherwise not have it, and we'd like to see the service made even easier by a full web-integration.</li><li>Multi-lingual Content beyond a <a href="http://www.toronto.ca/ttc/multilingual/multilang.htm" title="Multilingual                TTC information on TTC.ca">pre-canned page of info</a>. We live in one of the <a href="http://en.wikipedia.org/wiki/Demographics_of_Toronto" title="Demographics of Toronto on Wikipedia">world's most multi-cultural cities</a>, a fact that we love to <a href="http://www.toronto.ca/quality_of_life/diversity.htm" title="Diversity in Toronto on City of Toronto Website">trumpet</a>, and the information on the TTC's website should reflect that. Here's another opportunity for crowdsourcing: post the info in English and provide a translation UI so the community can work its magic.</li><li>TTC API (Application Programming Interface)<ul><li>Open the <a href="http://en.wikipedia.org/wiki/Walled_garden_%28media%29" title="Walled Garden on Wikipedia">walled garden</a> and encourage the development of an ecosystem of user-created applications built on the TTC's data (routes, schedules, etc.). Our city is full of tech people who love whipping up new <a href="http://en.wikipedia.org/wiki/Mashup_%28web_application_hybrid%29" title="Mashups on Wikipedia">mashups</a> and projects if you just give them the tools, so open the treasure chest and share the wealth. See this great <a href="http://crazedmonkey.com/toronto-transit-map/" title="Google Maps/TTC Mashup">Google Maps/TTC mashup</a> as an example, built by <a href="http://crazedmonkey.com/blog/" title="Ian Steven's Blog: Crazed Monkey">Ian Stevens</a>.</li><li>Use the <a href="http://code.google.com/transit/spec/transit_feed_specification.htm" title="Google Transit Feed Specification">Google Transit Feed</a> format, which will likely become a de facto standard for transit data, but make sure its open and available to everyone. Build a system which requires an API key if control over bandwidth costs is a concern (like <a href="http://www.google.com/apis/maps/signup.html" title="Google Maps API Signup">Google Maps</a>, <a href="http://wordpress.com/api-keys/" title="WordPress API Keys">WordPress</a>, and <a href="http://www.flickr.com/services/api/misc.api_keys.html" title="Flickr API Keys">Flickr</a> to name a few), or use a service like <a href="http://www.amazon.com/gp/browse.html?node=16427261" title="Amazon Simple Storage Service">Amazon's S3</a> to host the feed.</li></ul></li><li>Build a <a href="http://www.webstandards.org/" title="The Web Standards Project">Web Standards</a> compliant website with no (or almost no Flash). See our blog post, <a href="http://www.radiantcore.com/blog/archives/12/08/2006/allflashequalsbad" title="Radiant Core Blog: All Flash = Bad">All Flash = Bad</a>, for an explanation on why building all Flash based websites is just asking for a flashtastrophe.</li><li>Navigation<ul><li>Navigation needs to move away from &lt;select&gt;s and into a more logical structure with more accessible controls.</li><li>URLs for pages should be logical in order to increase ease of navigation (e.g.: http://www.ttc.ca/metropass instead of http://www.toronto.ca/ttc/metropass_steps.htm). Human readable URLs are a great boon for people emailing links to each other, or for people looking through web traffic reports ("Great! 1,235 people visited the page showContent.php?id=27! Now which page is that?" vs. "Great! 1,235 people visited the page content/ttcwebsiteredesign!"). It's also a really good idea to hide the implementation of the site because it means you can more easily change your backend technology down the road without orphaning millions of bookmarks (e.g.: don't end your URLs in .html or .php, but use a feature like <a href="http://httpd.apache.org/docs/1.3/mod/mod_rewrite.html" title="Apache mod_rewrite">mod_rewrite</a> to rewrite URLs from human readable to machine format, so http://www.ttc.ca/metropass/signup gets rewritten behind the scenes to http://www.ttc.ca/metropass/signup.jsp).</li></ul></li><li>Visual Design and Navigation<ul><li>The People love the <a href="http://www.quadrat.com/tsr.html" title="Toronto Subway Regular at Quadrat Fonts">TTC font</a>, so use it!</li><li>How about using some of those <a href="http://spacing.ca/intransit/" title="Spacing In Transit Exhibit">fantastic T.O. photobloggers TTC images</a>?</li><li>Station pages should use their unique <a href="http://spacing.ca/ttctiles/" title="Tiles of the TTC on Spacing">tile patterns</a> as visual elements.</li></ul></li></ul><h3>Process</h3><ul><li>Despite our knowledge of websites and best practices, we weren't able to answer a central question which needs to be covered: <em>who uses the site and what do they use it for?</em> You can't do a good job of building a huge site which is optimized for everyone, but you can do a fantastic job of building highly optimized micro-sites which share designs and content. The <a href="http://www.city.toronto.on.ca/" title="City of Toronto Website">City of Toronto</a> does a pretty good job of splitting their content into four basic groups depending on what you want to do (Living in Toronto, Doing Business, Visiting Toronto, Accessing City Hall), and the colour coding makes it easy to keep track of where you are. Once the TTC has answered the central question, it's easier to break the site down into similar groupings and optimize the <a href="http://www.radiantcore.com/solutions/interact/informationarchitecture#informationarchitecture" title="Radiant Core Solutions: Information Architecture">Information Architecture</a> around goals (e.g.: Frequent Riders, Visiting Toronto, Selling to the TTC, etc.).</li><li>We also ran into an obstacle establishing what the central goal for the website was, other than to provide information. Madhava has an excellent knowledge of the politics and history of the Commission and provided great insight into the fine balance between funding and ridership, which led us to discern that increasing ridership on suburban routes might be an important goal that the website could help to serve (particularly through schedule update subscriptions, SMS Stop Service, GPS tracking, etc.). That's a good start, but we would need more information to really finish a goals analysis.</li><li>Building the site is only part of the battle; maintaining a site of this size and complexity in a healthy manner requires a team of dedicated personnel. The TTC needs to make sure that they build that cost into their budgets, whether the team be internal or outsourced (or some combination). Can we convince the TTC to try a radically different, non-centralized approach to managing the site? Perhaps we can marry the two halves of the brain and have a Community Ombudsperson oversee the marriage between the central authority of the Commission and a community of volunteer web managers and moderators. This doesn't need to go as far as a wiki (although it would be a very good approach!), but there are many happy mediums between a monologue and a full conversation.</li><li>The Community is here to help! Despite what we perceived as an almost tangible antagonism between the Commission and its dedicated Ridership (see <a href="http://www.boingboing.net/2006/03/09/toronto_transit_fans.html" title="Toronto transit fans to Commission: withdraw anagram map lawsuit threat on Boing Boing">Withdraw anagram map lawsuit threat</a> for an example), we still love the Red Rocket and we want to be part of the solution. Use us for our advice and skills and make sure that the process of building the new site is open and transparent. David likes to say that the <a href="http://davidcrow.ca/article/971/community-is-the-framework" title="Community is the Framework on DavidCrow.ca">"community is the framework"</a>, and that applies here just as much as it does there. We're riding a wave of new interest in our city and in the grassroots capabilities celebrated by initiatives like the <a href="http://www.the215.ca/" title="The 215: Centre for Social Innovation">Centre for Social Innovation</a>, so sow some seeds and (to quote <a href="http://www.guykawasaki.com/" title="Guy Kawasaki">Guy Kawasaki</a> intentionally misquoting <a href="http://www.phrases.org.uk/meanings/226950.html" title="Original meaning of the quote 'let a thousand flowers bloom'">Chairman Mao</a>), let a thousand flowers bloom.</li></ul><h2>What's Next?</h2><p>If you're still reading, we admire your persistence :) A few final thoughts on where we'd like to see this go from here:</p><ul><li><strong>The TTC should re-open the RFP for the Website Redesign.</strong> The original RFP closed on Thursday, November 23, 2006 and received responses from a number of traditional web shops (you can find the RFP info by browsing the somewhat confusing and highly frame-based <a href="http://www2.ttc.ca/html/frameset.htm" title="TTC M&amp;P">TTC Materials &amp; Procurements</a> site, or by going straight to the otherwise-framed <a href="http://www2.ttc.ca/gsop&amp;s/P01DR06363.HTM" title="TTC RFP P01DR06363">P01DR06363</a>). The Planned Award date is February 1st, 2007 (which recently changed from January 29th), but we think a strong case can be made for the requirements having changed substantial as a result of the change in Commission Chair and the process kicked off by Robert's post - strong enough that the original RFP should be replaced.</li><li><strong>The TTC should completely embrace the community.</strong> Soliciting feedback via blogs is a great start, but we'd like to see Adam Giambrone extend that initiative by keeping the rest of this process open and transparent (keep an eye on this space for a forthcoming announcement on this very topic). Collecting feedback in such a public fashion is an amazing step forward and we salute it wholeheartedly! Let's keep moving in the same direction.</li><li><strong>The TTC should set a goal of building the best Transit Authority website in the world.</strong> Our former Mayor, Mel Lastman, was perhaps overly found of calling Toronto a world-class city, but he was often right. Even the best Transit websites out there don't set the bar very high and we feel that this is an opportunity to demonstrate our technology and transit leadership by establishing a new watermark.</li></ul><p>As always, we look forward to your comments! Help us help the TTC and everyone wins.</p>]]></description>
				<category>User Experience, Tech Geekery, Taking Care of Business, Design</category>
				<pubDate>Tue, 16 Jan 2007 09:00:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[All Flash = Bad]]></title>
				<author>Jay Goldman &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/12/08/2006/allflashequalsbad</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/12/08/2006/allflashequalsbad</guid>
				<comments>http://www.radiantcore.com/blog/archives/12/08/2006/allflashequalsbad#comments</comments>
				<description><![CDATA[Our good friend Patrick Dinnen, of <a href="http://www.hogtownconsulting.com/">Hogtown Consulting</a> and <a href="http://wirelesstoronto.ca/">Wireless Toronto</a>, recently posted a great entry to his blog called "<a href="http://www.hogtownconsulting.com/wordpress/archives/google-hates-flash-as-much-as-i-do-or-why-loft-websites-suck">Google hates Flash as much as I do, or why loft websites suck</a>". We couldn't agree more, although 'hate' is probably a little strong. There are lots of great uses for Flash, like animations and music playing, but building entire websites in it is a horrible idea for a bunch of reasons. Patrick calls out home builder websites in particular, a topic that we're very, very familiar with (see our work on <a href="http://www.radiantcore.com/portfolio/brookfieldhomes">Brookfield Homes</a> and the <a href="http://www.radiantcore.com/portfolio/brookfield">Brookfield Homes Customer Connection</a>). The general state of the union of sites promoting new developments, which Toronto is currently drowning in, can be summed up in one word: sucks (is that because Toronto is also drowning in amazing Flash designers?). Here are four reasons that we will always, always, always talk you out of building your entire site in Flash:<br /><ol><li><span style="font-weight: bold;">Flash isn't indexed by search engines.</span> As Patrick points out, Google (and other search engines) don't index the contents of Flash movies. Making your site inside of Flash is like saying that search engine traffic isn't important to you - and I've almost never encountered a site for which that is true (it's definitely not for real estate sites!) There are ways around this but most of them are frowned on and one - presenting a so-called 'doorway' page that delivers an alternate text version of your site when the GoogleBot stops by to index - got BMW and Ricoh's German websites <a href="http://mattcutts.com/blog/ramping-up-on-international-webspam/">delisted</a> from Google (which is a lot like disappearing from the web). It should be possible to use JavaScript (or a similar technology) to detect whether the Flash plugin is installed and to redirect to an HTML-based version of the site if it isn't, and most search engine bots probably don't report having Flash installed, and they probably won't penalize you for redirecting for <span style="font-style: italic;">all</span> non-Flash visitors rather than just <span style="font-style: italic;">them</span>, but then you're just paying more to build a Flash version and the HTML version you should have built in the first place :).<br /></li><li><span style="font-weight: bold;">Flash breaks the Back button.</span> When you're inside of a Flash movie, the browser still thinks you're on the first page that loaded (i.e.: the one containing the Flash movie and not a frame inside the movie) and so Back will take you to the page before the one you're on (i.e.: not the one with the Flash movie). Back is the second most often used browser control (after links) and jumping out of your movie will annoy your visitors every time they try to use it. It is possible to build Flash movies that use the Back button (see Flash Magazine's <a style="font-style: italic;" href="http://www.flashmagazine.com/688.htm">Making the back button work for Flash</a>), but it's rarely done (and even less rarely done properly).<br /></li><li><span style="font-weight: bold;">Flash doesn't print.</span> When site visitors print the page containing your Flash movie, they will almost always see an empty rectangle where your beautifully styled movie used to sit. It is possible to make Flash movies that print (see Peach Pit Press' <a href="http://www.peachpit.com/articles/article.asp?p=31573&amp;rl=1">Flash MX Printing</a> sample chapter from <a href="http://www.peachpit.com/title/0321157303"><span style="font-style: italic;">Certified Macromedia Flash MX Developer Study Guide</span></a>), but it's a time consuming extra step that most designers don't consider. I wish it were the case that people never printed off the web, but we know lots of people who do, especially when considering buying a home and wanting the ability to print off different models to show their friends and family.</li><li><span style="font-weight: bold;">Flash movies have a single entry point.</span> You may have the best looking, most original, all-singing, all-dancing Flash production in the history of the Interweb, but people can only enter from the very beginning. There's no way to bookmark a page inside of your website (e.g.: I can't return directly to the unit I'm thinking of buying), and there's no way for me to send a link to a friend (e.g.: Hey honey! I found our perfect new condo, but you're going to have to navigate through this really complicated Flash movie to find it). For the record, there are some techniques for enabling bookmarking inside of Flash, but they seem to be PC only (e.g.: see <a href="http://www.actionscript.com/flashweek/00000041.html">Bookmarks in Flash!</a>, although half the comments are spam).</li></ol>So what do we suggest? A kick-ass, standards-compliant, XHTML/CSS website with carefully integrated Flash components, all built on our<a href="http://www.radiantcore.com/foundation/"> Foundation Website Management Platform</a>. There are some great examples in our <a href="http://www.radiantcore.com/portfolio/">Portfolio</a> - check out the <a href="http://www.foxyoriginals.com">Foxy Originals</a> website sidebar for an integrated Photo Gallery with a custom transition effect, and the <a href="http://www.brookfieldhomes.ca/communities/">Brookfield Homes Communities page</a> for a custom map with community locations, both pulling their content from Foundation.<br />]]></description>
				<category>User Experience, Marketing, Design</category>
				<pubDate>Sat, 12 Aug 2006 17:38:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Boxed Grads]]></title>
				<author>Jay Goldman &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/12/06/2006/boxedgrads</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/12/06/2006/boxedgrads</guid>
				<comments>http://www.radiantcore.com/blog/archives/12/06/2006/boxedgrads#comments</comments>
				<description><![CDATA[<a href="http://www.colourblind.ca">Payam Rajabi</a> is an incredibly talented and extraordinarily young Toronto-area photoblogger whose work I've been a fan of since I caught him at the Toronto <a href="http://www.photopia.tyo.ca/applestore2/">Photobloggers 2</a> event at the <a href="http://www.apple.com/ca/retail/yorkdale/">Yorkdale Apple Store</a> in February. I was even more impressed when I learned that the bulk of his early work was shot on a point and shoot and he's only recently switched to an SLR - browse his archives for some really beautiful work.<br /><br />Payam presented a quick overview of a project he did as the editor of his high school's yearbook - a really unique and original way to do the "Class of 2006" photo without standing on the school's roof and taking the hackneyed shot. He wanted to wait for the yearbooks to be published before sharing more details and now that they're out, he's published <a href="http://payamrajabi.wordpress.com/2006/06/11/boxed/">the very impressive results</a>. <br /><br />Creativity is so important in everything we do and is really one of the few cognitive tasks that we as humans do better than computers. The phrase "thinking outside the box" is far more clichéd than the off-roof-photo, but I think it applies in this case (and, of course, in <a href="http://madhava.com/livesquidinabox/">this case</a> too). We try to apply it in everything that we do and sometimes we have fantastic a-ha! moments and make amazing breakthroughs (sometimes we take photos off roofs too - you can't win 'em all). Getting inspired is most of the journey and Payam gives us a great example of how a successful execution completes the trip. He (and his team) obviously planned very carefully for various contingencies and it comes through in how smoothly the various boxes complete the full page. Congrats on some beautiful work!<br />]]></description>
				<category>Design</category>
				<pubDate>Mon, 12 Jun 2006 02:51:00 GMT</pubDate>
			</item>
		
			
			
			
			
			
			
			
			

			
				
			
			<item>
				<title><![CDATA[Web 2.0 Success: A Defence of Tag Clouds]]></title>
				<author>Jay Goldman &lt;info@radiantcore.com&gt;</author>
				<link>http://www.radiantcore.com/blog/archives/06/06/2006/web2success</link>
				<guid isPermaLink="true">http://www.radiantcore.com/blog/archives/06/06/2006/web2success</guid>
				<comments>http://www.radiantcore.com/blog/archives/06/06/2006/web2success#comments</comments>
				<description><![CDATA[There's been a lot of discussion lately about the term "Web 2.0" - about what it means, why people use it, why <a href="http://radar.oreilly.com/archives/2006/05/web_20_service_mark_controvers.html" title="Tim's Response on the O'Reilly Radar blog">O'Reilly</a> owns it, why you don't, why people defend trademarks, and, of course why we should all care.<br /><br />Well - you can all relax now. The folks from Underscore_ Consulting have answered your questions in a great little <a href="http://notabug.com/w2/" title="Underscore_ Consulting Web2.0 Success">movie</a> from Barcamp Boston (hat tip to <a href="http://www.robhyndman.com/" title="Rob Hyndman's blog">Rob Hyndman</a> for the link).<br /><br />The video's really funny (particularly if you're a fan of the Colbert Report's News Reporter Visuals with Attitude) and it hits on a lot of truths about this current "bubble", some subtle and some more obvious. I agree with a lot of what's said (see any rounded corners on our site?) but I have to take umbrage with one of their points: tag clouds. I know they're all over this wild new web and, yeah, some people put them in for the sake of having them, but unlike some of the stranger "usability" enhancements we've been seeing lately, I actually do find value in them - enough so that we added our own version in this blog's <a href="http://www.radiantcore.com/blog/tags/" title="Check out the Radiant Core Tag Soup">tag soup</a>. It's a really quick and very visual way to get a feeling for what we're posting about and how often we're doing it which is difficult to do with other UI widgets. There's one other axis of information I'd like to work in there somehow - the recency of the use of the term - and I've been thinking about different ways to handle it. Some thoughts:<br /><ul><li>We could go with a <a href="http://www.benhammersley.com/Ben/Blog/7D62E4A7-34EA-4DDC-82E6-4034745EB180.html" title="Weighted tag cloud heat map from the Guadian website">heat map</a> a la <a href="http://www.benhammersley.com/Ben/Me.html" title="Ben Hammersley's blog">Ben Hammersley</a> and I really like what he's done there, though I would maybe keep the font sizing effect for post frequency and use the position and colouring in the grid to indicate post recency.</li><li>We could do a separate tag soup, labelled differently, where sizing indicates most frequently discussed topics from the last week. I'm less a fan of this approach because it requires a second widget with the same appearance but different meaning (up with consistency!).</li><li>We could leave our existing tag soup the way it is but use a second dimension of colour to indicate when posts happened. Using a cool to warm gradient of colours, we could show how "hot" tags are in terms of when they were last posted, with a legend below showing the colours on a timeline. I'm leaning towards this idea most strongly, though I'm not a fan of using colour by itself to indicate something in a UI given the prevelance of colour blindness. We're okay here because it's not essential information and the visitors with colour blindness conditions will see the key incorrectly as well so they might still be able to understand the data.</li></ul>Thoughts? Opinions? Tag cloud smackdowns? Post 'em in the comments.<br />]]></description>
				<category>Design</category>
				<pubDate>Tue, 06 Jun 2006 09:22:00 GMT</pubDate>
			</item>
		
	</channel>
</rss>