Mac OS X - Quickly hide all windows except for that one you need on your desktop.

I'm regularly having this problem:   

I've got plenty of finder/application windows opened and suddenly I need to grab a file from the desktop and drag it inside one of my finder windows.
Normally to do that I'd need to manually minimize all active windows leaving on the desktop just this one finder window I want to drag my file to. This is very cumbersome, so I came up with the new interaction pattern involving expose's hot corners.

Idea is to grab this particular window you want solely on your desktop, drag it to this hot expose corner, which shows the desktop, then place your window on the desktop where you want it and then drag your file inside it.

It works like that:

A) click and hold the window you want solely on your desktop, drag it to the bottom right hot corner (by default in MacOSX bottom right corner shows the desktop and hides active windows).

B) with all windows now hidden and desktop at your disposal, place your window where convenient

C) now you have only that window over your desktop and you can easily drag your file of choice inside your window.

Easy!

Hide_windows

Filed under  //  idea   interaction   mac   patterns  
Comments (4)
Posted

Haystack heaven and Pavan charts

Pavan-chart

I curse you, 1000 items long SERP lists*

The web as we know it is almost 15 years old and despite ajax, html5 and enormous innovation in user experience, till this very day when I look for a hotel in Paris or shop for a new digital camera I'm blatantly presented with search results looking somewhat like these: Paris hotelsdigital cameras

Click 'search' on kelkoo, shopping.com or any comparison site and you should consider yourself lucky if you get a list containing less than a thousand unique products. All "neatly" presented in a cramped table broken up into tens of pages bubbling with meta data. Misguided visual presentation of products insides tables and rows, in front of a potential customer, could in fact be an offspring of a database structure itself, where records pile on top of each other, which sort of makes it natural to present them to users in a corresponding format.

(To be on a fair side. It's not that there was absolutely no innovation in presenting search results to consumers. Picture views, matrix views, on-the-fly ajax filtering or the recent - endless scrolling, have pushed the envelope a little. Still, we're miles away from desired intuitiveness of search results).

If we look ahead, 2 things are for certain: 

- With long tail theory, cut-throat SEO competition and convenient xml 3rd party inventory distribution, online store owners will keep ascending their inventory hot-air balloons into an internet stratosphere.
- Puzzled customers will keep searching for their needles in the haystack just like they did before, because they don't know any better.

Or will they? What if someone breaks this pattern finally and starts presenting products in a more human compatible format.

Rather then having customers to sort through our "haystacks", use elaborate filters, click back and forth between search results and the product page, why don't we finally come up with a more intuitive way of comparing products.

Enter Pavan charts**

What's really important to a consumer is the relationship between quality and price, also known as value for money. 
These two variables are crucial in making a purchasing decision. Price is easy, one says, but what about quality? How to objectively determine quality if it's so vague, subjective and based on conflicting priorities. Guess what: quality is easy too. 

Quality of a particular product (I take hotel as an example) is based on:

- objective factors (ie: star rating, distance from downtown, amenities)
- subjective factors (in this case: guest review)

If we apply specific weights to all of the above and merge them into a composite variable called Quality, it's safe to assume we're in the ball-park.

Plotting these two variables: price and quality for any given product on a chart, serves the user well with a visual and intuitive map of value for money. Juxtaposing hundreds of products, each being - one tiny dot, takes the user a fraction of a second to figure out what she should take a better look at.

Great benefit of such presentation of search results is it's visual character. In each usability study I've done, it was apparent that users disregard text & numbers in favor of images and charts. Pavan charts draw users attention to the core of value for money and enable her to not think about meta data.

Truth is, the Idea isn't particularly novel. You get these types of charts on every second page of all MBA books. What's novel to me though, is a use of these charts in online stores, comparison sites or meta search engines. 

I personally haven't encountered anything like Pavan charts in any e-commernce product, so please If you get to see one, don't miss to let me know.

---

*SERP: search engine result pages. In case of any online store: a long list of products you'll get after you click on a category name.

** Idea inspired by a colleague of mine: Pavan Lulla, hence I dubbed them Pavan charts.

Filed under  //  idea   patterns  
Comments (0)
Posted

Press & Hold - Triggering alternate button / link behavior

Blog1

I've recently came upon this idea of click & hold button interaction.

Traditionally web buttons have been designed to accept a single behavior from the user - Click. Click is for submit, click is for save, send, book, next, add etc. No matter where on the button you click, if you press that mouse button a second longer, if you perform a double click, reaction is always the same. Dead simple and in 99.99% instances this all there needs to be.

In some rare cases however, It would be useful to allow the user to adjust her pattern of click if she requires a different, non-typical reaction from the system, but still clicking on that same button. For example:

I'm an avid user of Nozbe.com, online todo manager / productivity platform. One thing that always irked me though, was the fact that submitting my actions puts them on the top of the list. With most todo items it's acceptable, but with some actions of low importance I'd want them to go straight to the bottom of my painstakingly ordered list. Normally for that to happen I need to add an action, it would go to the top, then drag & drop it to the bottom. If the list is long and extends below the fold, this is cumbersome.

So I figured, what if a regular click on the "add" button does what it does now, but a special click on that same button moves my new todo to the very bottom of the list.

This special click is nothing else then clicking and holding down onto the pressed button for say - over a second and releasing it, the button would respond by blinking fast 2 times as to inform you it accepted your special request and then toss my new todo on the far end of the list.

This pattern could be adopted on other web sites, preferably in those that are typical applications where users have time to acquaint themselves with the system, learn the tricks, not for online properties where users come and go. This is for low affordance of this pattern, but still, even google could adopt it for their "I'm feeling lucky" feature.

Similarly, this could be adopted for links. If you click and hold a link for 1 second it would blink, then open the target in a new tab, no need for your left hand to tap on the apple command key to do exactly the same.

Not sure if this is something new or it's already been adopted somewhere. I, at least, haven't seen it used anywhere. If you, dear readers, happen to have seen something along these lines, please drop me a line.

Filed under  //  idea   patterns  
Comments (0)
Posted