Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Questions tagged [lightbox]

used to display large images using modal dialogs

Filter by
Sorted by
Tagged with
2 votes
1 answer
49 views

Should there be arrows in a lightbox on mobile?

So I found that the PhotoSwipe lightbox disables the left right arrows on mobile devices (when it detects them as touch, which can be a hit and miss). But I wonder why. I know the native gallery apps ...
user avatar
7 votes
2 answers
638 views

Does a video lightbox need a close button?

I am building someone a portfolio website for their videos. When you click a thumbnail in a gallery of videos, a light-box no bigger than 65% of the viewport opens to show the video. You click the ...
user avatar
  • 173
1 vote
2 answers
83 views

Should lightbox be opened before or after image is loaded?

There is a simple photo gallery: Clicking on image opens a dialog with larger version of it: We can do this in two ways: First: User clicks on a thumbnail We show loading indicator over the ...
user avatar
  • 251
1 vote
1 answer
76 views

Mobile product page image gallery - what should be the default zoom state?

For example, there is product page on mobile website or app that looks like this: User taps on image to zoom it in - what should happen? Should it fit into viewport, like this: Or should it fill ...
user avatar
  • 251
0 votes
1 answer
176 views

How to indicate that clicking a photo will open a slideshow?

I have a page which has a hero image. When the user clicks on this image a lightbox opens which contains a slideshow of images. I want to indicate to the user that they can click on the image to ...
user avatar
  • 549
0 votes
2 answers
208 views

Should image lightbox close on page scroll?

User clicks on one of the images in gallery. Larger version appears in lightbox. When user scrolls down, should the lightbox close or not? Live examples; On Medium website lightbox can be closed ...
user avatar
  • 251
6 votes
4 answers
942 views

Should video lightbox "remember" the last video position?

There is a promo page that sells some app or game. It has a grid of thumbnails, click on which shows videos about an app. Something like this: After user clicks on thumbnail, modal (lightbox) appears ...
user avatar
  • 251
4 votes
5 answers
231 views

How to handle the cover when a photo album opens straight to the lightbox?

Think of a situation when one or more albums are represented by a single image. Clicking a album will not result in a navigation to the album's own URL. They open in the lightbox right away. The ...
user avatar
129 votes
2 answers
176k views

What's the difference between a Modal, Popup, Popover and Lightbox?

I've seen many terms used to describe message boxes that notify and alert users or display information such as modal, popup, popover and lightbox. What is the difference between these components? ...
user avatar
  • 5,465
4 votes
1 answer
274 views

Modal or overlays for letting users carry tasks without shifting context ? Thoughts?

when I read up about modal dialog boxes and their use, there is a lot of discussion on how they interrupt the user's flow and how they should be used sparingly. What research is there suggesting ...
user avatar
  • 346
0 votes
2 answers
141 views

Lightbox for footer links

Is it a good ux to make footer links as lightboxes? Basically we have small content for each link in the footer, so we decided to wrap those in lightbox instead of making a page for it. I'm sure ...
user avatar
1 vote
2 answers
184 views

Is it bad UX to switch between galleries in a dialog window?

I'm a novice to UX and I'm looking for ways to prevent my game design portfolio from being bogged down by poor design choices. On one of my pages, there is going to be a table of several projects ...
user avatar
2 votes
1 answer
109 views

Non-interactive initiated lightboxes - acceptable UX?

I've noticed an increasing trend in the use of lightbox dialogs/modals firing on websites without a user interacting with an element on the page. These lightboxes usually fire either when: The page ...
user avatar
9 votes
2 answers
4k views

Stacked modal dialogs (with Material Design)

I'm designing a Material Design app where users can edit items via a lightbox-style modal dialog. This is a hard constraint, so avoiding the lightbox is not an option. Within the dialog, there is an ...
user avatar
  • 40.3k
2 votes
1 answer
243 views

Newsletter lightbox one page load

I have a client that wants to have a newsletter sign-up light box when the page loads. I'm not sure what the best practice on this? I know that having a newsletter lightbox on the site in delayed ...
user avatar
  • 141
5 votes
1 answer
2k 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 ...
user avatar
0 votes
3 answers
575 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 ...
user avatar
  • 89
2 votes
1 answer
821 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 this: ...
user avatar
  • 251
1 vote
1 answer
748 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 ...
user avatar
3 votes
1 answer
2k 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/) ...
user avatar
  • 135
2 votes
3 answers
2k 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 ...
user avatar
  • 463
8 votes
4 answers
2k 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 from ...
user avatar
1 vote
2 answers
609 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 ...
user avatar
9 votes
3 answers
7k 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 ...
user avatar
8 votes
2 answers
1k 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 ...
user avatar
  • 213
3 votes
3 answers
823 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: http://...
user avatar
3 votes
2 answers
495 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 that'...
user avatar
6 votes
4 answers
2k 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 ...
user avatar
5 votes
2 answers
1k 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 ...
user avatar
  • 153
2 votes
2 answers
583 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 ...
user avatar
  • 121
0 votes
3 answers
2k 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 ...
user avatar
  • 6,204
9 votes
5 answers
6k 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 form....
user avatar
0 votes
3 answers
2k 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 ...
user avatar
11 votes
3 answers
3k 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 ...
user avatar
  • 211
3 votes
2 answers
370 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 ...
user avatar
  • 348
4 votes
3 answers
214 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 ...
user avatar
  • 165
18 votes
8 answers
5k 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 ...
user avatar
7 votes
8 answers
300 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 that, ...
user avatar
  • 2,203
2 votes
3 answers
2k 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. ...
user avatar
  • 2,203
50 votes
9 answers
14k 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 ...
user avatar