url shortener

Bitly is a simple url shortening service aimed at web professionals. The service provides a simply shortened URL and friendly urls based on keywords you specify. This is an example of a single-serving site that provides a simplified interface, but offers much more functionality following that initial interaction with the service. Attention is paid to making default behaviors easy, but gives expert users much more below the surface. also offer referring tracking, an API for web apps, mirrored URL on Amazon Web Services, and thumbnail images.

1. User enters long URL. Can click shorten at this point and be done.
2. Optionally, user may enter words to make a friendly url.
3. When user submits the form, the shortened URL is displayed along with options to view details, and a history of last 15 shortened URLs.
4. The info page provides all of the details about the URL, including hit count, referrers, and thumbnail images. TV Show Episode Details

Amazon's Unbox service displays episodes of a TV show's season in a table listing. Each episode name is listed by title and air date, with a synopsis teaser, pricing information and a checkbox. On the left of each row is a plus (+) icon so the user can view the episode details. The row expands to show an image and the complete synopsis.

1. Episode listing table.
2. Single episode expanded to show details.

RYZ Rating and Favoriting

RYZ is a sneaker manufacturer that crowdsources the design of their product and shares the revenue with winners. Users download a template to create design and upload to their profile. Participants vote on the designs by giving ratings and winners receive $1000 and $1 for every pair sold. The site provides simple interfaces for both favoriting and rating entries.

1. The voting page.
2. Clicking the star badge in the corner of the image adds to favorites.
3. Clicking a checkmark below the image adds your vote.
4. Clicking PASS adds your "not interested" vote. Not sure what value this is given.
5. Favorites appear on your profile.

System One Rich Text Editor

System One is an enterprise content management platform that combines functionality of a wiki and CMS in a rich internet application environment. The article editor provides some interesting features and AJAX functionality, including a block/paragraph-level editor, drag and drop moving within an article, and related internal/external content suggestions.

1. The journal's multi-entry view.
2. Clicking the link to create a new page displays an input to provide the page name, and shows suggestions for pages that are similarly named. Clicking one of the suggestions allows the user to edit that page instead.
3. Editing the page. User enters text in the paragraph editor.
4. Selecting text to create a link.
5. Page is published with forward link. User may click link to edit.
6. User is now editing the new page from the forward link, and has clicked "Files" to add files to the page.
7. Clicking the lock icon allows user to set access control for a paragraph/block level element.
8. Images are added to the page.
9. Clicking the arrows on a block allows the user to drag and drop to move the block to another location in the page.

AideRSS Table Row Expansion

AideRSS is a service that scores and filters RSS feeds so that users can view the most active posts for a web site. Activity is based on number of comments, and posts to digg or The feeds are displayed in a table, with hot or most active entries indicated by a higher rank and warmer color in the postrank column. A "+ more" icon allows the user to expand entry information within a row.

1. Feed table.
2. Clicking "+More" expands entry info in a row. Tabs

In's redesign, the site started combining vertical tabs along the left hand side of the content area, and horizontal tabs in the main content area for sub-navigation.

This is not something I would recommend. There is something rather unnatural feeling to me when vertical tabs along a Y axis are laid out with text in the West-East orientation. I think for the metaphor to make sense, the South-North orientation has to be respected, as though you were stacking real manila folders. The combination of the vertical and horizontal makes this navigation choice even weaker in my opinion. Stacked horizontals would have been a clearer choice, or just getting rid of the tab metaphor in the left sidebar entirely would clear things up.

Google Calendar

Where Google Search gave us syntax for doing all kinds of advanced searching, Google Calendar goes a more natural route. When Calendar was released, it introduced a lot of people to the idea of the natural language command line for the web via the "Quick Add" feature. Via a simple form input, you enter basic event info, e.g. "Lunch with Judy on Thusday at 1pm." The event is quickly added, and you click the event title in the calendar to edit the details.

1. Clicking the QuickAdd link displays input. Enter basic event details in natural language.
2. Google inserts the event in the date/time you mentioned.
3. Clicking the event title shows the event info.
4. You can adjust the time. The change in event duration shown in parenthesis is a nice touch.
5. Click to edit other fields and submit.

Presdo Calendaring

Presdo is a calendaring service that uses a simple form input as the command line for entering natural language commands for events. To use, enter event statements as with Google Calendar. It is always assumed that you are the subject—the WHO. You just have to fill in the rest of the WHAT, WITH WHOM, and WHERE parts of the statement, e.g. "Have lunch with Judy on Thursday at 1pm."

Once you've submitted the basic event info, you're presented with a more complete UI for entering event details, and this is where the service far surpasses Google's. You may invite multiple guests via email, get suggestions for locations (if you're having coffe with someone it suggests cafes, if watching a movie it suggests theaters), and add the event to your local calendar (Outlook, iCal, Yahoo or Google).

1. Enter your natural language event command
2. The event UI
3. Enter guests' email addresses to send invitation
4. Pick a location
5. Location is filled in
6. Add to your local calendar
7. Event info sent to Google Calendar

Twitter Search

With Twitter's acquisition of Summize, the social messaging service now provides a very nice, and simple to use interface to see what people are twitting about. Enter a topic or keyword and click search. The options in the sidebar of the results screen are substantial too: Feeds, translations, trends, interesting queries, e.g. hashtags. Advanced search and using search operators adds a powerful, Google-like experience to your search.

1. Simple search screen.
2. Search Results. In the sidebar: Feeds, translations, trends, interesting queries, e.g. hashtags.
3. Search operators.
4. Advanced search. Cmmand Line Interface

Goosh, which dubs itself "the unofficial google shell" interprets the idea of presenting a command line interface via a web site literally. The site uses AJAX to present a terminal shell interface to Google. For simple searches, just enter keywords and click Enter. Type h for help with other commands. It even provides history functionality using keyboard up/down arrows.

1. The default screen is literally a command line interface.
2. Help shows available commands.
3. Doing a simple keyword search.
4. A News search.
5. An Image search.
6. A Wikipedia search.
7. Changing settings.
8. A Place search with the new map size settings I modified.