UI Demo » Design Patterns

mnemo map – Search Visualization

admin — Wed, 05 Jul 2006 08:47:19 +0000

Most of the sites that I’ve featured recently that have to do with content visualization have really been about deep discovery. If you take that notion and apply it to a search engine you have mnemo map. With mnemo you can search Yahoo!, flickr, and YouTube by tags, synonyms and translations for any search term. mnemo, “combines the technologies of social networking, search engines and other data sources to help you formulate search queries and find really relevant information”. I have to say the site is a very refreshing way to search! Thanks.

value="http://www.maxkiesler.com/f/mnemo.swf" />

Visit the mnemo website

Relay – AJAX Directory Manager

admin — Fri, 30 Jun 2006 09:06:36 +0000

There are many directory management tools out there, however, Relay is worth checking out. Relay is a free, downloadable AJAX powered directory manager that feels very much like a desktop application. Features include, drag-n-drop files and folders, dynamic loading file structure, upload progress bar, thumbnail view, including pdf and multiple users & accounts. Awesome open source AJAX app!

value="http://www.maxkiesler.com/f/relay.swf" />

Visit the Relay website

ThickBox – AJAX Modal Window With Functionality

admin — Wed, 21 Jun 2006 09:09:06 +0000

Thickbox includes the functionality of the Greybox technique with that of Lightbox, to product a great model window solution. The script allows you show structural markup and images in the window. The html that is shown inside ThickBox is pulled from the server using AJAX. Additionally, Thickbox uses a compressed version of jquery rather than the close to 100k of Prototype & Scriptaculous to create a lightweight model window solution.

value="http://www.maxkiesler.com/f/thickbox.swf" />

Visit the Thickbox website

Prototype Window Class

admin — Fri, 16 Jun 2006 09:10:58 +0000

Model windows or lightboxes are being used on many sites today. I’ve been using them for over a year now in a variety of ways including login boxes, bookmarkletts, and alerts. Prototype has come through again by producing a series of samples that you can use yourself. This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory. It has been tested on Safari, Camino, Firefox and IE6. Enjoy!

value="http://www.maxkiesler.com/f/prototype-window.swf" />

Visit the Prototype Window Class website

Tagnatica – Flash and flickr Mashup

admin — Mon, 10 Apr 2006 04:09:17 +0000

Since flickr released it’s API we have seen many wonderful mashups, however, Tagnatica is now one of my favorites. The user interface is very intuitive and easy to use. Simply type in a flickr tag on the initial screen and you’re presented with a circle made of of categories in that tag. As you hover over the images you can click on them and drill down through different categories or launch into a new one. Very fun.

value="http://www.maxkiesler.com/f/tagnatica.swf" />

Visit the Tagnatica website

Bubblr – Fun and Games With Flickr

admin — Mon, 03 Apr 2006 04:11:42 +0000

There are many applications that use the Flickr API to enrich our web experience, Bubblr is now at the top of my list. Bubblr allows you to search by tag or person and then to have some fun with the images. In their first screen you can search flickr images and then add thought and conversation bubble to them. Then you can publish them and send them to a friend. It feel like making a comic strip out of any flickr image. Additionally, there are two fun games to play. Memry and Phrasr are both worth checking out. Have fun!

value="http://www.maxkiesler.com/f/bubblr.swf" />

Visit the Bubblr website

Feed Rinse – Easy RSS Filtering

admin — Fri, 24 Mar 2006 04:17:18 +0000

In my opinion Feed Rinse is one of the best designed products I’ve seen in a while. Their name matches the function of the application, the branding works well with the core message and the overall user interface is intuitive and stylish. The real gem is the user interaction and experience. The process of importing and rinsing your rss feed is fast and easy to use. The free version is limited to 3 feeds, however, it seems to have full functionality, except for profanity filtering. A very well designed application!

value="http://www.maxkiesler.com/f/feedrinse.swf" />

Visit the Feed Rinse website

Keotag – Search and Create Tags

admin — Sat, 18 Mar 2006 04:37:18 +0000

The keotag site makes it easy to search for tags in multiple search engines, social bookmarking sites and gives you the ability to create your own tags. The interface has a nice tasked-based navigation which gets the user to the information they need quickly. The user interaction is seamless with fast search results from 14 search engines and social bookmarking sites. Keotag also gives you the opportunity to create your own tags at Technorati, del.icio.us and icerocket. In short the keotag search blazes.

value="http://www.maxkiesler.com/f/keotag.swf" />

Visit the keotag website

Attack of the AJAX Activity Indicators

admin — Fri, 17 Mar 2006 04:38:24 +0000

OK, I have to admit this demo makes me feel a bit like I’m sitting at my computer in 1997 looking at a clip art site full of spinning email buttons, however, these AJAX activity indicators are essential to web applications which use asynchronous requests. When an action happens through the use of an XMLHttpRequest the user needs some kind of indication that an action has occurred. A large percentage of the activity indicators that my company uses are custom built for the individual company, however, circumstances such as timelines and budgets often get in the way of custom indicators. This page offers an excellent array of stock indicators. Caution: starring at this demo too long will make you sick.

value="http://www.maxkiesler.com/f/activity-indicators.swf" />

Visit the AJAX Activity Indicators website

pixoh – Edit pictures online

admin — Wed, 15 Mar 2006 04:41:02 +0000

pixoh is an easy to use online image editor. The user experience is tasked based and very intuitive. You can edit your first image from the by either submitting a URL, browsing your computer or you can simply play with one of their sample images – no login required. Next, you’re presented with an edit screen where you can rotate or resize your image. Finally, you can save your image to the desktop in several different formats. pixoh also includes a bookmarklett so you can edit and save images from any website. Very cool.

value="http://www.maxkiesler.com/f/pixoh.swf" />

Visit the pixoh website