It finally found me. I just unboxed it and while I wait for the latest itunes to finish installing I thought I'd share it's trip. From Shenzhen, China to Brooklyn, New York... Check out all the fedex stops above.
Scanning this will direct you to my site via a goo.gl short url. I've been seeing people wave their iPhone in front of posters and signs. It's easier than jotting down url's etc. Thinking about making it my new business card.
Update 1: (for blackberry users) Upgrade to Blackberry Messenger v5.0. It's equiped with a camera-based QR scanner. It worked well with for url and email encoded QRs, but not contacts or text. BBM 5.0 download available here.
Found this over on Hacker News. I learned programming on the "Trash 80" by developing cheezy graphics and games. But I thought they were super geeky cool at the time. My 10 year old son actually enjoyed playing Sea Dragon... Wow!
Click here to play game including Super Nova and Galaxy Invasion. You won't be surprised to read that you should probably not try this with Internet Explorer. In fact, Peter Phillips, did some browser performance research using the TRS-80 javascript emulator... uber-geeky.
I'm no designer but I'm a huge admirer of them. I love using sites, applications, and products that are functional, beautiful, and fun. My basic approach was to try to remove elements and increase whitespace and readability. I changed it because the old design just kept nagging at me. It felt cluttered and choppy. The more I looked at it, the more things I found. I surveyed a few hundred sites and took a few ideas that I kept seeing over and over again on great sites... At least I thought they were great:)
Now for the changes...
Fonts
Helvetica Neue and Arial to Museo Sans. Museo Sans is easy to read. Also it's not Helvetica(which I love, but too common), and definitely not Arial.
Logo
I liked the idea from the old logo to do one name in bold so I just change the font and the size a little.
Old Logo - using fonts Century Gothic and Arial
New Logo - using Museo Sans... a looks a little crisper to me. I also added a 5px border on the top of the page and added extra whitespace around the logo. It didn't feel as good without the border.
New Header with border and more whitespace.
Sidebar
At least to me, I felt the sidebar was drawing too much attention. To fix that I,
Decreased the width from 290 to 190px. This also made it easier to distance the sidebar from posts without having to widen the layout.
290px
Reduced the sidebar block Heading size so that it's smaller than the Post headings. Having it the same size as the Post titles unintentionally gave it the same importance.
Reduced the size of my photo considerably. I'm planning to change the photo or remove it entirely.
Used more of a tag cloud than tag list to take up less space. As a result, I added the background shading for each tag so I can distinguish between them. But I don't really like it still. I'm thinking about going back to a list of hand-picked tags with a link to the rest.
Reduced the Photo size for the flickr sidebar block to 4 square thumb pics.
New 190px
Posts
I simplified the post footer and lightened the font. I want it to be there but not really an integral part of the post.
Old Footer
New Footer
At least to me, these changes make a difference. Are these good choices for a super-n00b?
I learned 2 good lessons... create some time between your design iterations so that you can easily see the opportunities for change. Also, once you're done, look for elements to take out.
Suppose you wanted to profit from price discrepancies between 2 markets(any 2 Red Dots)... The Blue Dots represent where you would optimally place a computer to process signals from those 2 markets.
Wissner-Gross, the professors who wrote of this approach, say they're "currently in talks with financial firms about licensing our technique".
For a little inspiration, you should watch Julia Grace's talk about the future of data visualization and user interfaces. In a nutshell, she makes the case that data is ever changing, visualization tools fall behind, and hence distortion and information loss is introduced. But there in lies the opportunity for us to innovate. Movies like War Games, Minority Report, Avatar show us the future, but they also remind us where we are, i.e., Tron. We're perpetually stuck in Tron, 3D data with a 2D interface.
I share her enthusiasm. I had a moment at work this week where I just could not contain frustration with and enthusiasm for innovation in sales and trading systems. Particularly, User Interfaces and integration. The industry has not advanced much past 1987's Wall Street. We don't have green screens anymore, but we still compartmentalize features into separate functions. This weeks discussion revolved around Order Management Systems (OMS) vs Execution Management Systems (EMS) vs Risk Management Systems. I'm guessing this notion began in the 80's, took form in the 90's and hasn't changed much since. We've fallen behind and we're experiencing distortion and information loss.
It's time for something new. I know some of you have already started down a new path. I've been trying to break through for years now too.
Now, I haven't seen Wall Street 2: Money Never Sleeps... but I wonder if we'll catch a glimpse of the future of trading technology interfaces. Judging from the shot below, I'm not so sure. I know, I know --- the movie is not based in the future but still:) Anyway, congrats to Gordon on the upgrade.
Zemanta helped me add links & pictures to this post
Weak human + machine + better process was superior to a strong computer alone and, more remarkably, superior to a strong human + machine + inferior process.
@foursquare --- it's like a facebook game only both fun and useful. also sparking up consumer spending... well that's not too good:( share your fave places and restaurants. friendme
@googlevoice --- combined with gmail... just damn. Simple, searchable, transcribed, managed vmail... oh yeah, a freemium beauty too.
@dailybooth --- remember when twitter was fun. stupid is fun and dailybooth is ... :) friendme
@socialscope --- kicked twitterberry, ubertwitter, facebook app, and that stinking foursquare browser app off my Blackberry. Thank goodness... more memory for photos.
Update 1: I've hacked together a Posterous Sidebar Flair Hack Builder Tool here.
Notice the two pieces of "flair" in my posterous sidebar, "recent posts" and "flickr photos". Perhaps you've tried to embed some javascript in your custom posterous theme and found out that they simply don't allow it. That's probably a good thing. You can get crazy and buggy with this stuff. However, without javascript support, typical blog sidebar widgets won't work.
But... I googled some suggestions and customized them for my needs. Basically, some javascript in an iframe and you can build yourself a nice, safe sidebar widget. This is sort of how Google Gadgets on iGoogle work. I think I might eventually lose the flair, but in the meantime, I'll share how it's put together. My widget supports showing posterous posts, tweets, rss feeds, delicious feeds, and flickr photos.I built the "recent posts" widget using my posterous rss feed. The two iframes I embedded in my theme are
Update 1: I've hacked together a Posterous Sidebar Flair Builder based on this post here.
You need to set the width and length of the iframe to fit your theme's sidebar. It might require a little trial-and-error to get it right.
About the Parameters "method" parameter can be set to "posterous", "twitter", "rss", "delicious", or "flickr". "css" parameter can be set to the path of your CSS file. Otherwise it uses defaults that I like:) "style" parameter can be set to "posterous" --- this uses "posterous" default theme "header" parameter can be set to the Header text for the widget, i.e., "Recent Posts" "count" parameter is the number of items to display
parameters for "method" = "posterous" "hostname" = sub-domain of posterous blog, i.e., martinruiz for martinruiz.posterous.com "tag" = tag, i.e., "technology"
parameters for "method" = "twitter"
"username" = twitter username, i.e., martinruiz
parameters for "method" = "rss" "feedurl" = path of rss feed, i.e., http://martinruiz.posterous.com/rss.xmlparameters for "method" = "delicious" "feedurl" = path of delicious feed, i.e., http://del.icio.us/feeds/json/RuizMartin/martinruizparameter for "method" = "flickr" "username" = flickr user name, i.e., "martinruiz" "user" = flickr user id, i.e., "8335702@N03" --- note replace "@" with "%40" "layout" = "v" for vertical, "h" for horizontal --- default is "h" "size" = "s" for small, "m" for medium, "t" for thumbnail, "b" for big --- default is "m" Give me a heads up
if you use it, so I can look out for you:)