used to display large images using modal dialogs

learn more… | top users | synonyms

36
votes
9answers
7k views

The Usability of “Lightbox UIs”

Lightbox UIs are becoming a lot more prevalent in mainstream web-design. You know the drill -- click on a link, the background fades darker, and up pops a UI for interacting with an object, making a ...
15
votes
8answers
1k views

When to use darkened backgrounds behind modal windows?

I am creating a modal window that will instruct a user to sign in a present a form to do so. I am debating between whether I should darken the screen behind the modal window as well, or if that effect ...
10
votes
3answers
2k views

What are lightbox / modal window UI best practices for viewing full-sized images in a gallery?

I'm an artist and amateur web designer. On my portfolio website, I've grouped my work into projects. Most of my projects contain few (20 or less) images, so I just display them in full size and let ...
8
votes
3answers
2k views

Common responsive design practice for lightbox on web?

I am design a page which populates a lightbox on the page with medium size of information on the lightbox itself. I also have to design this page to be responsive on a mobile device particularly smart ...
7
votes
8answers
274 views

Labeling of lightbox settings

Suppose we have a UI where the settings of a lightbox showing an image can be adjusted. It might look something like this: By "background" in the mockup above is really referred to overlay, but ...
7
votes
5answers
2k views

Should a popup/lightbox close when a user clicks outside of the box?

Currently on our application we have popup/lightboxes that have a close button in the top right corner, and some of the lightboxes have cancel buttons next to the submit button - in the case of a ...
6
votes
4answers
722 views

Should we keep image popup after page refresh?

Simple scenario: User visits site and clicks on small image to enlarge it - large image opens in popup with transluscent dark overlay. When user refreshes the page or shares the link, should the ...
6
votes
2answers
212 views

Opening terms and conditions at bottom of form in a new window/tab

I completely agree that you shouldn't open content in new windows/tabs and always try and advise this to clients. One area where they seem to take issue with this is on forms where the last item is an ...
5
votes
3answers
580 views

E-commerce quickview with navigation, useful or gimmick?

A lot of e-commerce sites offer users a Quick View or Quick Look feature on their product listing page: I've seen a few sites where they offer user the ability to click to the next/previous SKU ...
4
votes
1answer
222 views

Why don't e-commerce sites use “quick view” on mobile?

I've noticed that e-commerce sites don't use quick view on mobile. Some sites have quick view as a hover treatment, which obviously doesn't work on mobile, but J.Crew has a "quick shop" button always ...
4
votes
2answers
485 views

Should I use a popup window (lightbox) for edit and viewing details of grid records?

I have a web application that allows the user to immediately do one of two things: 1) Search for records OR 2) Create a new record As a result, I have two links in the menu bar called Search and ...
3
votes
2answers
285 views

Lightbox for “In-Context” Editing

Some sites effectively combine the concept of, for the lack of better term, "in-context editing" and lightbox to allow users to easily do page content update. For example, check out Schoola and try ...
3
votes
3answers
181 views

How Can Buttons Be Used Even When Lightboxes Are Activated?

We have a Help button in the header of our product, directly next to the Log Out button. We also have modal lightboxes that, when activated, grey-out the buttons in the header, even though they are ...
3
votes
2answers
313 views

Is there an elegant way of sharing content that's already in a lightbox?

I'm working on a site that has a lightbox to showcase some content (yes, it needs to be a lightbox, for reasons I won't go into here). The client wants to give users the option to share content ...
3
votes
3answers
276 views

Can we avoid the preloader for image popup?

Simple scenario: User clicks on the image that opens larger image in lightbox. Translucent dark background appears and image starts loading. I created a test page for better understanding: ...
2
votes
3answers
937 views

Icon for “show image in lightbox” button (pictogram style) [closed]

The context is an image properties dialog in a CMS backend. Here the backend user has the option to let the website visitor see (a full-size version of the) image in a lightbox when clicking it. ...
2
votes
2answers
385 views

Download Options from a Lightbox

I have a web application that has a faceted search feature, that will filter results in realtime based on search criteria. In order to allow the user to easily view each item in the results without ...
2
votes
1answer
222 views

Gallery Lightbox

What do you think of letting one image open a gallery instead of a single image where one can show next and previous (regular lightbox)? I'm thinking something like this: ...or something like ...
1
vote
3answers
170 views

What's a good alternative to lightboxes?

I'm designing a form with 4 accordions. On the end of the 1st accordion, 1 of 2 things will happen: Success: user will go to next accordion and all is okay Not successful (user is referred to call ...
1
vote
1answer
206 views

Lightbox video auto pop-up in page load

It is a good UX if we add an auto pop-up(Youtube Video) after page load? What I have is a page called "The App", and the content of this page is all about the features, statistics, and etc. I have ...
1
vote
1answer
495 views

Are overlays / modal alerts that display on site load accessible?

Some websites welcome you with a Cookie Disclaimer or to Join their Social Page. You'll find a big modal window, mostly in center overlay rest of the site. (as an example: http://www.lynda.com/) ...
1
vote
2answers
217 views

Lightbox Gallery Thumbnail Indicators

I have a CMS-based website with the ability to add lightbox galleries to blog posts. Galleries can have one or more images and will be represented in the body of the post by a thumbnail of the first ...
0
votes
3answers
433 views

Is a lightbox considered a dialog box?

Lightbox-like interaction mechanisms present a dismissable interaction area within a larger page, greying out the rest of the page while the area is presented. Originally they were used to show ...
0
votes
2answers
365 views

Sign Up and Sign In widget on every page: Slide-down Panel or Lightbox

I have a question about implementing a sign up and sign in widget that works on any page on a site (i.e. without redirecting users to a sign in page when they want to log in to interact with content ...
0
votes
3answers
886 views

Lightbox larger than viewport data

I was wondering if there is any data exists describing users' feelings towards a gallery-linked image lightbox being larger than the user's viewport--specifically vertically larger--such that the user ...