Archive for April 26th, 2007

AOL One Step Behind Again: New Home Page Identical To Yahoo

Written by on Thursday, April 26th, 2007 in Ajax News.

AOL has started beta testing a new home page (the main AOL.com portal). AOL Senior Product Manager (and occasional TechCrunch contributor) Frank Gruber introduced it on his personal blog earlier today.

Nice portal…but it is nearly identical to Yahoo home page, which was redesigned last year. Click on the image above for a larger view. Internally, I’m hearing AOLers refer to the new portal as “the Yahoo Portal” although its official name is AOL 3.0.

Internet companies like to copy things from their competitors that work, but as we’ve seen even the largest companies sometimes get caught copying a little too much.

AOL says they are building best of breed products, not simply copying things from Google, Yahoo and others that are proven to work and porting them to its less cutting-edge audience. In the past year, though, we’ve seen them largely copy digg and then release a new mail product that would have been awesome two years ago but which stacks up poorly to the current versions of Gmail and Yahoo Mail.

David Liu, Senior Vice President of Portals & Personal Media at AOL, has told me that a number of new products in development are going to be impressive. I’ve seen early demos and wireframes of some of them, and I think he’s right. The company needs a category killer to get some street cred.

Crunch Network: MobileCrunch Mobile Gadgets and Applications, Delivered Daily.

Source: TechCrunch
Original Article: http://feeds.feedburner.com/~r/Techcrunch/~3/112293615/

Cozmo Wants to Kill Your TV

Written by on Thursday, April 26th, 2007 in Ajax News.

cozmologo.pngTiVo came along and is helping kill the idea of a TV time slot. The growth of on demand online video has been helping finish the job. Cozmo.Tv wants to create a TV 2.0 by changing the way you consume online video from a random walk to personalized content. Next week at Always On, they will officially announce the new embeddable video widget they’ve been working on for the past couple of months. The widget functions like an online TV, streaming channels of personalized video content based on the initial preferences set by the widget publisher and the preferences of the viewer.

Publishers seed their widget with the initial channels by adding explicit RSS feeds to video sites or keyword searches run on Cozmo’s video index. Basing channels off of feeds means that a widget can be set up and forgotten, adding content to its channels as new shows appear in the feed. At launch the indexed sites will include videos from YouTube and Blip.tv, but will expand to include Google Video, MySpace, Brightcove, and Break.com. Eventually publishers will also be able to seed their widget with relevant channels by having Cozmo analyze their personal blog or profile page (where most widgets will be installed). The one below is pulling CBS’s YouTube clips along with some others, including a channel of videos you’d find by searching YouTube for kittens.

On the viewers end, you can surf over channels or shows and rate them. When you’re signed in, Cozmo tracks how you rate shows and then will suggest the shows on that channel rated highly by other viewers similar to you in voting history and demographic.

Cozmo wants to eventually move beyond viral video sites after scaling up the service. They are logging 25,000 uniques to their site each month, but want the upcoming widget to be their main form of distribution. The widget is designed to be a self contained version of Cozmo’s entire offering, allowing users to sign up for accounts, rip the code for the current player, or create their own.

The hope is that after building up a network of these widget players, they’ll serve as a direct distribution parter for content creators. Creators and affiliates who distribute the content will get revenue shares of contextual banner and interstitial video ads served on the player.

Readers interested in online video channels should check out SplashCast’s RSS-based multimedia player, MeeVee’s personalized online video guide, Blinkx’s Blinkx It widget, and of course Joost.

Crunch Network: CrunchBoard because it’s time for you to find a new Job2.0

Source: TechCrunch
Original Article: http://feeds.feedburner.com/~r/Techcrunch/~3/112278259/

Helpful distortion at NYC & London subway maps

Written by on Thursday, April 26th, 2007 in Ajax News.

Eddie Jabbour, graphic designer for Kick Design, is obsessed with replacing the confusing NYC subway map (below: originals on left and Kick maps on right — click for larger versions).

nyc subway map

nyc subway map

The logic behind the changes
“Can He Get There From Here?” profiles Jabbour’s quest. Here he explains the reasoning for his changes:

Mr. Jabbour pinned two maps to the wall, then pointed to the different renderings of the Atlantic Avenue terminal in Brooklyn, which he says is the most difficult station to represent because so many subway lines converge there. In Mr. Jabbour’s map, the subway lines run parallel to one another, making the map easier to read, if slightly inaccurate. Each line is marked with a circle bearing the route’s letter or number, instead of the oblong station markers used on the current map.

There are other differences. Unlike the official map, Mr. Jabbour’s map does not have a single line representing all the trains in a “cluster” route, like the 1, 2 and 3 trains in Manhattan. He used the same type font throughout, and words travel left to right, rather than diagonally, as on much of the official map. The lines bend only in 45- and 90-degree angles, to create a gridlike pattern.

In the eyes of Mr. Jabbour, the New York system is too complicated to layer on information like commuter rail and bus routes, as the current map does. He would like to see a map that is singularly devoted to the subway.

Distortion vs. accuracy
Jabbour’s map looks like a winner. (Thankfully, the navigation on it is a lot better than the messy Flash interface at Kick Design’s main site). He wisely recognizes that readability is more important than geographic accuracy here. Subway map readers want to know how to get from A to B a lot more than they want to know the exact curve of the tracks along the way. Sometimes truth is less important than knowledge.

It’s also interesting to see how he increases the number of lines on the map yet decreases the overall noise created. That change means riders can put their finger on a line and trace it all the way to their destination. That’s not always an easy task on the current map.When abstractions work
In Maps, Reality, and Purpose, Johndan Johnson-Eilola explains why abstractions, deletions, and additions are part of how a map works.

At first glance, a map that doesn’t directly correspond to the object it’s mapping seems like a bad thing. But that’s what maps are: useful abstractions. They’re smaller than reality, less detailed, are usually two-dimensional. That shouldn’t been seen as a limitation, but added information. The abstractions suggest to us what features we would benefit from paying attention to.

London tube map
This is a lesson you can see in action at the London tube map, widely acknowledged as a design classic. It bears very little geographical relationship to where the stations are and even less geographical information on how far apart stations are. Here’s an interesting comparison of a real geographical tube map next to the adjusted version seen on the official map.

london tube maps

Tufte on London map
Edward Tufte is a fan of the London map.

Harry Beck’s diagram of the 7+ lines of the London Underground, although geographically inaccurate, provides a coherent overview of a complex system. With excellent color printing, classic British railroad typography (by Edward Johnson), and, in the modern style, only horizontal, vertical, and 45 degree lines, the map became a beautiful organizing image of London. For apparently quite a number of people, the map organized London (rather than London organizing the map). Despite 70 years of revision due to extensions of the Underground and bureaucratic tinkering (the marketing department wrecked the map for several years), the map nicely survives to this day.

Tufte also recommends a book on the London map: Mr Beck’s Underground Map.

The book describes the enormous care, craft, thought, and hard work of Harry Beck that went on for decades — exactly what it takes to do great information design and so in contrast to the quick-and-dirty practices and thinking of commercial art.

Of course, there are problems with inaccurate maps, as Simon Rumble points out at the Tufte site.

The main problem with the Tube map is that it is geographically inaccurate. This can lead to a very distorted view of London, particularly for those new to the city.

Many stations are geographically very close and you can end up spending half an hour in stuffy tunnels when you could have worked overground for five minutes. The same occurs in reverse.
It is also deficient in the way it describes some stations. For example, the interchange between the Hammersmith and City line and other lines at Paddington. It’s a reasonably long walk but they are still in the same physical station.

Of course nobody has come up with anything better and it is still a fantastic map. After a year or so of living in London, I can work out my route in seconds.

Utopia isn’t an option here. The distorted map gets the job done better than an accurate one and that’s what really matters.

Related imagery
London Tube Map is a blog post with some interesting related imagery, including a geographically accurate map overlaid onto a NASA satellite image of London (1 MB) and the tube map overlaid onto a NASA night time London image (below).

night map

Source: Signal vs. Noise
Original Article: http://www.37signals.com/svn/posts/396-helpful-distortion-at-nyc-london-subway-maps

[Fireside Chat] Icon designers (Part 3 of 3)

Written by on Thursday, April 26th, 2007 in Ajax News.

[Fireside Chats are round table discussions conducted using Campfire.]

The Chatters
Dave Brasgalla (Icon Factory)
Brian Brasher (Firewheel Design)
Jon Hicks (Hicks Design)
Corey Marion (Icon Factory)
Michael Schmidt (Cuban Council)
Josh Williams (Firewheel Design)
(Moderated by Matt and Jason from 37signals)

Matt
Is the movement towards increasingly three-dimensional/photo-realistic iconography of any demonstrable benefit in terms of usability?
Matt
the rest of the question (from an SvN reader): "It appears to be largely motivated by marketing and branding/identity (which obviously has it’s own value). The constrains on Kare when she designed the original Mac icons forced her to abstract and simplify, much further than designers have to now. Was it this process that resulted in such effective icons?"
Dave
In theory, yes
Corey
This same question came up when OSX was released
Brian
Yes, the technological limitations placed on Kare are what caused her to tap into genius.
“The technological limitations placed on Kare are what caused her to tap into genius.”
Jon
@Matt: I’d agree
Michael
And that question could also be applied to pretty much every web 2.0 site out there
Dave
There are examples in Aqua of how the icon can be realistic, and beautiful and simple and functional, all at once.
Josh
Personally, while the 3D stuff is usable, it’s not very practical in a rich application
Jon
the more complex icons get, the longer we have to spend doing them
Josh
I think a lot of it is about branding and pizazz, but it loses its use
Corey
Still needs to be well executed, no matter how complex
Dave
I prefer simple things.
Dave
UI’s are getting pretty dandy-fied these days.
Corey
And they must degrade well as they get smaller
Brian
Look at any of Dave’s OS 8-ish three-quarter portrait icons for more examples of genius. And the work of Mozco-Garash, wherever he’s gone.
Jon
I remember looking at Adobe tool palettes when I moved over to OS X – I hated that they weren’t just black and white pixel icons – all that fussy shadowing
Matt
Do you think there’s too much "icon overload" going on at sites these days?
Josh
I think there’s a movement towards using icons as badges (decoration) as opposed to functionality in a lot of social sites these days. It might be a bit overload.
Dave
I have to say these are one of my favorites of all that I have done:
Dave
Preview
Jon
Genius!
Jason
Man those faces are amazing
Dave
Labour of love .-D
Josh
http://www.yelp.com uses badges a lot
Corey
all the icons for social bookamarking sites are out of control, but this mostly happens on personal blogs
Josh
Matt: I think Facebook is a good example of a site that uses icons correctly. It’s hard to find a site with more social complexity, thus they primarily rely on text links for actions.
Josh
Then Facebook uses icons for indicators instead—which I think is a nice touch.
Dave
There’s still a lot of kitchen sink going on, even with "web 2.0"
Michael
Medals
Jon
Social bookmarking icons is a good example of ‘too far’
Dave
From websites to OS’s, there’s a lot of "noise and light"
“From websites to OS’s, there’s a lot of ‘noise and light.’”
Brian
Pretty medals.
Josh
Picture+1-1061

Michael
I like the crispness of the facebook icons
Michael
But some of them are impossible to figure out
Dave
It’s back to pixel-click
Josh
The icons are subtle, useful, and yet still somehow fun.
Corey
good, except for the hideous ad
Brian
But that ad … Ouch!
Josh
The ad can definitely die.
Corey
ads should be all text :-)
Matt
What do you guys look for in icons that "normal" people don’t see?
Corey
consistency
Josh
Matt: Attention to detail. The very subtle things, like 1 pixel highlights and shadows.
Brian
I suppose I want them to look pleasing enough that no one is displeased.
Dave
When i was working at a magazine, my mentor always said "make sure your editorial is always discernable from your advertising"
Michael
Josh W nailed it
Michael
That’s also why stockicons.com are the best thing since sliced bread
Jon
A lot of the time, I look for fun – but I guess thats what ‘normal’ people see too…
Michael
(or high-quality stock icon sites in general)
Jon
Clarity
Josh
I think there’s a lot to be said for designers who can work at a pixel level, like Eboy:
Josh
Eby_foobar_35t
Brian
I’m less about "fun" and more about "comfortable fit".
Corey
I think we all started there
Dave
I just know when i see it.
Corey
I still relish a good 16×16 toolbar icon project
Matt
Q: What’s the most you’ve ever charged for an icon project? You don’t need to name the client.
Brian
I think Josh charged ONE MEEEEEELION DOLLARS!
Josh
We have a semi-ongoing project that broke $100k a while back. Don’t know where that is today.
Josh
*points pinky to teeth
Dave
Some corporations are willing to throw LOT of money at icons
Brian
Let ‘em throw!
Dave
Which goes back to what we were talking about at the start
Matt
what side projects are you guys working on?
Josh
Well, our ongoing side project is IconBuffet: http://www.iconbuffet.com
Josh
It’s morphed into this freaky social-type-network for designers and creative types
Dave
Well, i really enjoyed making the music and sound effects for Frenzic
Dave
I got to channel my inner Kraftwerk member
Jon
A website for the Camino project, for the release of 1.5
Corey
all of our software and http://www.stockicons.com
Michael
Beetle Farm (our merch label), Moodstats 2.0 and a new version of K10k – the usual stuff, really
Dave
I am remixing the old Man From UNCLE soundtracks
Corey
Frenzic has been fun and challenging
Corey
Jon
I love Frenzic, but have trouble with some of the colours
Brian
I’m trying to write a book, and it’s taking forever.
Josh
Of course, we also do Blinksale, for all your invoicing needs: http://www.blinksale.com
Josh
But it’s kinda not a side project anymore.
Dave
I will buy any book Brian writes.
Matt
what’s the book brian? about icon design?
Brian
No, it will detail why all my submissions to Threadless fail.
Josh
Brian also does the color palettes for our Colorburn widget:
Josh
Michael
Josh: Blinksale is super nice, btw.
Brian
Josh
a wrap-up question: How much has Nintendo influenced icon design?
Brian
What’s a Nintendo?
Michael
80s video games are the main reason we got into pixel art in the first place
“80s video games are the main reason we got into pixel art in the first place.”
Michael
Never had a nintendo, though
Dave
I’ve never had one.
Dave
I was too busy playing Descent .-D
Josh
Dave: Descent rocked. And Myth II.
Brian
Atari forever, baby!
Josh
I think I love the Nintendo DS so much because its a perfect medium for the rebirth of pixel art.
Dave
Mobile Phones are an interesting area for icons
Dave
But maybe not for long.
Brian
Yeah, for a lot of really crappy icons!
Dave
It’s like one of the last refuges of pixel-click
Josh
Until June, when the iPhone arrives.
Dave
But with the new phones coming out, we’re heading right back to Aqua land
Brian
40-minute battery life. "Oops!"- Steve Jobs
Dave
The more things change…
Corey
It will be like 2000 again, when Steve dropped Aqua on us
Brian
… the more iStuff Apple creates.
Dave
I’d just like to thank you lot for all the amazing icons you’ve done.
Matt
and i’d like to thank you all for participating here today.
Josh
Brian’s blog, worth a serious look

Part 1 and Part 2.

Source: Signal vs. Noise
Original Article: http://www.37signals.com/svn/posts/371-fireside-chat-icon-designers-part-3-of-3

jscsscomp: JavaScript and CSS files compressor

Written by on Thursday, April 26th, 2007 in Ajax News.

We love to play with the plumbing don’t we. jscsscomp is the latest compressor that uses Nicolas Martin PHP version of the Dean Edwards JavaScript Compressor.

With a swish of mod_rewrite:

RewriteEngine on

RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^(.*\.)(js|css)$ jscsscomp/jscsscomp.php?q=$1$2 [L,NC]

you can get your JavaScript like this:

HTML:

  1.  
  2. <script src = “/jscsscomp/yahoo.js, dom.js, event.js, effects/dragdrop.js, slider.js”></script>
  3.  

Source: Ajaxian
Original Article: http://ajaxian.com/archives/jscsscomp-javascript-and-css-files-compressor

Faster Page Loads With Image Concatenation

Written by on Thursday, April 26th, 2007 in Ajax News.

Matthew Batchelder has been looking at the impact of latency on web applications with respect to downloading lots of images as icons, based on thoughts he heard from Zimbra when they presented at The Ajax Experience.

His piece on Faster Page Loads With Image Concatenation goes into why and how:

For complex web apps, the quantity and resulting latency of icons and images used can greatly impact page load times…and developers, in most cases, generally try to reduce page load time with a sweet web app rather than increase it.

To reduce latency in my apps, I use Image Concatenation! Coupled with a bit of CSS magic, performance improves and life is great.

He also discusses using CSS to handle inactive icons (instead of duplicate images):

CSS:

  1.  
  2. #sidebar img.icon{
  3.         filter:alpha(opacity=50);
  4.         -moz-opacity: 0.5;
  5.         opacity: 0.5;
  6. }
  7.  
  8. #sidebar img.icon:hover{
  9.         filter:alpha(opacity=100);
  10.         -moz-opacity:1.0;
  11.         opacity:1.0;
  12. }
  13.  

Source: Ajaxian
Original Article: http://ajaxian.com/archives/faster-page-loads-with-image-concatenation

Radius IM: Mappy Meebo in Dojo

Written by on Thursday, April 26th, 2007 in Ajax News.

Radius IM is a mashup of Google Maps (location) with IM (teh social).

It’s the only site that shows you where your friends are hanging out and lets you surf for other people based on location. It supports all the major networks: MSN, AIM/ICQ, Yahoo, and GTalk/Jabber. And you can use radiusIM from anywhere because there are no downloads.

It uses Ajax heavily, and is built on the Dojo Toolkit.

Radius IM

Source: Ajaxian
Original Article: http://ajaxian.com/archives/radius-im-mappy-meebo-in-dojo

Adobe Open Sources Parts Of Flex Platform

Written by on Thursday, April 26th, 2007 in Ajax News.

Adobe have announced tonight, via Robert Scoble and the ScobleShow that they are opening up the Flex platform under a Mozilla Public License (anOpen Source license). Flex is a group of technologies (much similar to .NET or J2EE etc.) that provides a more programmer-friendly development environment for Flash, rather than a graphics-driven environment that Flash was associated with.

Previously the source code to the ActionScript components in the Flash SDK were available, and from tonights release Adobe will also open source other components of the SDK such as the compiler, debugger (written in Java) and the class libraries. When compared to other development platforms, Flash/Flex has always been more closed and controlled than other alternatives, while a few open source projects have attempted to reverse engineer parts of it (although the server components aren’t being opened up). The schedule is that the development community and all code will be available by the end of the year, and while having code is great, the better part is that Adobe will be putting all their weight behind the open source projects with developers, support etc. (something you might expect them to do).

This announcement can be taken out of context, and it is important to understand that Adobe are opening up tools that help developers build applications - the runtime will remain closed (Flash itself). I actually can’t imagine a platform being able to survive *without* all the developer tools and class libraries being completely open, and perhaps this is what has spurred Adobe to open up Flex. If you look at other popular development platforms such as even Win32, the analogous tools to Flex have usually always been open or at least accessible, as it greatly assists developers.

Adobe are opening up part of their ecosystem, which is great, but don’t hold your breath for an open source Flash runtime anytime soon (unlike Java). If you are a Flex developer, this is great news for you, as you will now be able to dig a bit deeper and contribute to the tools such as the compiler and debugger - but this announcement will definitely be met with calls of ‘not enough’ from the open source community and those waiting for a fully open and cross platform rich application platform from Adobe.

Crunch Network: MobileCrunch Mobile Gadgets and Applications, Delivered Daily.

Source: TechCrunch
Original Article: http://feeds.feedburner.com/~r/Techcrunch/~3/112082300/

Mozy is in the news again after announcing a huge enterprise deal with General Electric last week. Today they’ve pushed a Mac version of their desktop backup solution for consumers. I’ve been using it for a week, and it’s extremely good.

Previously Mozy and competitor Carbonite were excellent ways of backing up Windows based hard drives. Both are very reasonably priced at about $60/year - Mozy allows 2 GB to be stored for free and charges $5/month for unlimited storage, while Carbonite has a 15 day free trial and then charges $5 per month with discounts for pre-payment. Neither charge for bandwidth.

With both solutions you download and install the software and the service then slowly begins to backup your hard drive based on your settings.

Carbonite still only supports XP (and is a great choice for Windows users). Mozy is the only choice for Mac users and I highly recommend it after my testing. You can make a simple request to back up up the entire hard drive, or get more granular and just back up, say, iTunes and iPhoto.

Crunch Network: MobileCrunch Mobile Gadgets and Applications, Delivered Daily.

Source: TechCrunch
Original Article: http://feeds.feedburner.com/~r/Techcrunch/~3/112073247/

Stockpickr Acquired By TheStreet.com

Written by on Thursday, April 26th, 2007 in Ajax News.

In January StockPickr announced an investment stake and partnership deal with TheStreet.com. It looks like both sides liked the deal; this evening TheStreet.com announced that they acquired the company. The terms of the deal were not disclosed.

Stockpickr is one of a few new startups in the financial markets space that we’ve been tracking. See our coverage of SeekingAlpha, Zecco, Motley Fool as well.

Crunch Network: CrunchGear drool over the sexiest new gadgets and hardware.

Source: TechCrunch
Original Article: http://feeds.feedburner.com/~r/Techcrunch/~3/112067586/



Site Navigation