Building a Better Lightbox
Extend Time on Site & Deepen User Engagement with this Unique Interaction Experience
By Peter Prestipino, Editor In Chief ::
Don't underestimate the importance of even the tiniest of user interactions on a website, from link effects to scrolling and every digital detail in between.
One common user interaction that takes place on millions of websites each day is the presentation of a lightbox. Presenting content through a lightbox (used most often to display images and videos) is now a very common practice for information publishers, service providers and Internet retailers, so knowing the most popular solutions in active use across the 'Net will ensure a Web design is using nothing but the best for its digital presence - but there's a whole lot more to know.
Do You Know Modals?
Whether you like it or not, modals and popups are used regularly on the Web and to positive effect. Discover the best practices and guidance on maximizing the modal interaction experience for your users at wsm.co/moremodal.
As responsive design becomes the norm, many best practices have, fortunately, emerged that designers can follow over the course of their design and optimization initiatives (Website Magazine has put together several at wsm.co/lightboxbp).
That said, it will always be necessary to build out this unique digital experience with solutions that support such customization. One of the optimal lightbox solutions today is that of Lightbox; the original lightbox script from software developer Lokesh Dhakar who wrote the popular solution more than eight years ago.
When the aforementioned Lightbox was released as open-source, many developers quickly modified the code to create plugins including Colorbox, Magnific Popup, Slimbox and Thickbox, which are still used today. These are some of the best-known offerings available, but in the end, the ability to customize the design and actual interaction is what will matter most to designers and developers, and those released in the past 18 months to two years have focused on being smaller, smarter and more elegant in the process.
Website Magazine covered Strip, for example, nearly one year ago and it was well received at that time by the digital design community. Another favorite of the digital design community that is currently being used in several projects recently is Featherlight by Noel Bossart.
Lightboxes can be a virtual blessing for time-on-site metrics and general activity, but they can also leave users with a poor impression of a website if they are difficult and cumbersome to use. Choose wisely and you'll be on the fast track to 'Net success.