David Behan's Web Design Ireland Blog

Design Inspiration Using PicLens 1.6

Well, it’s been awhile since I’ve been blown away by an application for the Internet but yesterday I was. I got an email from a fellow designer (thanks Aoife) to a cool application that works for Internet Explorer, Firefox (pc and mac), and Safari. The application is PicLens and in a nutshell, it’s an image gallery viewing tool that sits above your browser (in full screen when open) and makes life much easier than traditional thumbnail listing, click for larger image, next page, etc.

If you’ve ever tried navigating a photo gallery on somebody’s bebo, myspace or facebook page, you’ll know what a headache it can be. With this application installed, you click an icon on supported images and it loads all the images into a cool interface that shows all the images on a “virtual wall” that you can skip along quickly, zoom in, zoom out, start a slideshow, and more. It’s hard to describe how it works but the best thing I can suggest is to just try it. For Mac users our there, it’s like looking at images in cover view.

My First Implementation

Web Design Inspiration Virtual Wall
This got me thinking about the application of such a tool into my every day life and I’ve come up with my first implementation. I subscribe to css galleries to keep a fresh of new techniques and designs. I put the collection into a little web app for my viewing pleasure. However, it’s not that easy to browse and find what I’m looking for so I decided to integrate PicLens into it. I’ve come up with a cool Web Design Inspiration Virtual Wall that I can quickly flick through, find a site I like and open it directly all from within PicLens. You can try it out for yourself but make sure you are using FireFox and have the PicLens extension installed as I haven’t configured it for IE or Safari yet. I’ve got a number of ideas floating around for this in my head but I imagine any site I create in the future that has a photo gallery will have support for PicLens or similar apps. I can’t see me ever browsing a gallery using standard pages if I can use PicLens instead.

Using PicLens for Web/Stock Image Searches

There’s a built in search facility that allows you to search for images on Google, Yahoo, Flickr and DevianArt. The results show up in the app and when you find a pic you like, you can click a button (top left) and it will bring to the page it is from. Way cool! We were chatting on Irish Webmaster Forum about the app and James came up with a great use of the app. I, and a lot of other designers, love iStockPhoto for images for our websites. It can be very annoying and time consuming trying to find the right image so instead of using iStockPhoto’s built in search, you can use PicLens to search Google Images for “site:istockphoto.com business” and you’ll get business related results. You can quickly browse them and open the iStockPhoto page that has the image for sale. I’m sure this same technique could be used on countless other websites too.

Well, that’s it for now. Hope you like the app and let me know what you think with a comment below. Any other good uses of this tool you can think of? Tricks? etc? To finish… Here’s a few screenshots of PicLens on my Web Design Inspiration Virtual Wall. 2 thumbs up to the guys at who created it! Superb! :D

Screenshots

PicLens Screenshot 1

PicLens Screenshot 2

PicLens Screenshot 3

PicLens Screenshot 4

PicLens Screenshot 5

9 Comments (post a comment)

gravatar

John B  spacer

Hi David. Wow that’s pretty nifty. Works great. Would be great for portfolios too. I think this’ll spread like wildfire.

J.

February 22, 2008 @ 9:17 am
gravatar

David  spacer

I think you are right! It solves a pretty annoying need… browsing through slow, annoying ad ridden, non user centric photo galleries.

February 22, 2008 @ 10:17 am
gravatar

JJB  spacer

Great View and IMPACTING
jjb

February 23, 2008 @ 8:27 am
gravatar

Keith  spacer

Holy Moly, I can’t believe this is an add-on for a browser. It is fast and moves beautifully.

March 6, 2008 @ 11:26 pm

thanks for the iStockphoto tip!

March 7, 2008 @ 2:45 pm
gravatar

javier  spacer

Hi there!
I’m using PicLens, and love it! I totally agree with you that this is future in browsing images… Maybe in browsing videos too (can imagine browsing youtube with it in a near future..)

And I like your implementation to browse websites… wonderful!

More ideas like this!
/j

April 6, 2008 @ 4:47 pm

[...] right out of the box, including Flickr, Pixie and even a normal Google Image search, and as David Behan points out on his blog can also be very useful to the web designer in search of the perfect stock [...]

April 9, 2008 @ 12:57 pm

What technology is used to build PicLens…? I love the app and I’d like to develop a similar functionality for a different purpose. My obvious first guess is Flash but what do you think?
Thanks for the help.
Cheers.

April 22, 2008 @ 4:55 am
gravatar

wey yau  spacer

Im about to develop and make a website selling amulets and stuff. Bumped upon PicLens and it wow-ed me, seriously. Thus i decide to use it as the method to view catalogs for my amulets.
What i would like to emphasize and wonder is whether is there an option to change the backdrop/background of the presentation? I mean change from solid black to perhaps repetitive image? (exp: space)

Please do reply me via mail cause I am going to put my website on soon.

Thanks in advance

July 28, 2008 @ 9:51 am

RSS feed for comments on this post · TrackBack URI

Leave a Comment