Binary Numbers Magic Trick

Is there an official tutorial for installing Ubuntu 18.04+ on a device with an SSD and an additional internal hard drive?

What happened to Captain America in Endgame?

Will tsunami waves travel forever if there was no land?

What is the most expensive material in the world that could be used to create Pun-Pun's lute?

Does holding a wand and speaking its command word count as V/S/M spell components?

Is it possible to determine the symmetric encryption method used by output size?

How to solve constants out of the internal energy equation?

Don’t seats that recline flat defeat the purpose of having seatbelts?

How does a program know if stdout is connected to a terminal or a pipe?

Pulling the rope with one hand is as heavy as with two hands?

Combinable filters

How exactly does Hawking radiation decrease the mass of black holes?

Why was the Spitfire's elliptical wing almost uncopied by other aircraft of World War 2?

How to pronounce 'C++' in Spanish

what is the sudo password for a --disabled-password user

Rivers without rain

Does Gita support doctrine of eternal cycle of birth and death for evil people?

Is the 5 MB static resource size limit 5,242,880 bytes or 5,000,000 bytes?

Seemingly unused edef prior to an ifx mysteriously affects the outcome of the ifx. Why?

Was there a shared-world project before "Thieves World"?

How to stop co-workers from teasing me because I know Russian?

a sore throat vs a strep throat vs strep throat

Why isn't the definition of absolute value applied when squaring a radical containing a variable?

Does a video lightbox need a close button?

Behavior of close button and XDoes a tooltip require close button?Video in Email - Triangular Play Button or “Play Video” Button?Is this play video button placement confusing?Video controls on full screen landing page videoDoes confirmation dialog need a close ('X') button?Where to place close buttonShould video lightbox “remember” the last video position?Matching events on timelines of different scales for a video scrub barModal close button style

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}

3

1

I am building someone a portfolio website for their videos. When you click a thumb in a gallery of videos, a light-box no bigger than 65% of the viewport opens to show the video. You click the dark part of the light box to close the video and go back to the gallery. The light-box does not paginate.

I'm now almost done with the site, and have started overthinking one of the UI design choices I made.

It seems intuitive to me at this point to click the dark area of the light-box to close the video and return to the gallery. As it's become a very normalized behavior, but I know I'm bias.

My other argument to myself is since the video never completely covers the video gallery, and the dark part of the light-box is only at about 70% opacity, you would want to click on the videos to bring them back.

Do I need a close button? Am I taking too big of a risk for user frustration? Would love some opinions or even better, theory, as to why or why I don't need one.

website-design video close

share|improve this question

asked yesterday

dprogramzdprogramz

1184

New contributor

dprogramz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What's the possible causes of closing? it's because you hurry to move on to next video? or just don't want to see video any more?
  
  – Frank AK
  yesterday
  
  
  

  
  
  
  

add a comment | 

3

1

I am building someone a portfolio website for their videos. When you click a thumb in a gallery of videos, a light-box no bigger than 65% of the viewport opens to show the video. You click the dark part of the light box to close the video and go back to the gallery. The light-box does not paginate.

I'm now almost done with the site, and have started overthinking one of the UI design choices I made.

It seems intuitive to me at this point to click the dark area of the light-box to close the video and return to the gallery. As it's become a very normalized behavior, but I know I'm bias.

My other argument to myself is since the video never completely covers the video gallery, and the dark part of the light-box is only at about 70% opacity, you would want to click on the videos to bring them back.

Do I need a close button? Am I taking too big of a risk for user frustration? Would love some opinions or even better, theory, as to why or why I don't need one.

website-design video close

share|improve this question

asked yesterday

dprogramzdprogramz

1184

New contributor

dprogramz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What's the possible causes of closing? it's because you hurry to move on to next video? or just don't want to see video any more?
  
  – Frank AK
  yesterday
  
  
  

  
  
  
  

add a comment | 

I am building someone a portfolio website for their videos. When you click a thumb in a gallery of videos, a light-box no bigger than 65% of the viewport opens to show the video. You click the dark part of the light box to close the video and go back to the gallery. The light-box does not paginate.

I'm now almost done with the site, and have started overthinking one of the UI design choices I made.

It seems intuitive to me at this point to click the dark area of the light-box to close the video and return to the gallery. As it's become a very normalized behavior, but I know I'm bias.

My other argument to myself is since the video never completely covers the video gallery, and the dark part of the light-box is only at about 70% opacity, you would want to click on the videos to bring them back.

Do I need a close button? Am I taking too big of a risk for user frustration? Would love some opinions or even better, theory, as to why or why I don't need one.

website-design video close

share|improve this question

asked yesterday

dprogramzdprogramz

1184

New contributor

dprogramz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

asked yesterday

dprogramzdprogramz

1184

New contributor

dprogramz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

asked yesterday

dprogramzdprogramz

1184

New contributor

dprogramz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked yesterday

dprogramzdprogramz

1184

New contributor

dprogramz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked yesterday

dprogramzdprogramz

1184

2 Answers
2

active

oldest

votes

10

Think of it the other way: Not every user has the same level of familiarity, and other sites don't conform to the same standards.

Clicking outside the content, or using the esc key to dismiss a dialog vary widely throughout the web.

Many sites have frustrating dark patterns for lightbox content

Oftentimes dialogs (used to collect email addresses / subscribe etc..) will not dismiss by clicking outside, and keep the close button subtle to force engagement.

People visit your site carrying all of their frustrations (baggage) from past experiences. They may not distinguish between video and other lightbox content.

Nielsen Norman Group an extensive article on overlays

Provide a visible 'close’ command to allow users to return to the underlying page.

Make overlay content accessible to keyboard users (by allowing the Escape key to close the overlay, and by providing keyboard access to content and fields within the overlay).

Keeping a close indicator provides a visible escape hatch, and doesn't impede those who just click outside the content.

share|improve this answer

edited 4 hours ago

answered yesterday

Mike MMike M

12.9k12839

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  thank you for this very detailed answer!
  
  – dprogramz
  yesterday
  

  
  
  
  

add a comment | 

1

There is a certain scenario for which a dedicated button is needed. For video, especially, it sounds like a bad idea to dismiss the Lightbox on clicking somewhere on the overlay background. Because that may happen accidentally, and buffering the same video which just finished loading is terribly painful. This will not be the case for an image, assuming it is a decently sized image.

A couple of other reasons in favour of having a dedicated close button are -

1. It is more concrete and conveys the function appropriately. Even though the button may not actually function, having it there somewhere in the corner helps convey the message properly.


2. If page loading is interrupted or slow, buttons can come to rescue for the user because they are visible.

share|improve this answer

edited 5 hours ago

answered yesterday

RenRen

464

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank you very much for your input!
  
  – dprogramz
  yesterday
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "102"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
noCode: true, onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});

dprogramz is a new contributor. Be nice, and check out our Code of Conduct.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f125260%2fdoes-a-video-lightbox-need-a-close-button%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

10

Think of it the other way: Not every user has the same level of familiarity, and other sites don't conform to the same standards.

Clicking outside the content, or using the esc key to dismiss a dialog vary widely throughout the web.

Many sites have frustrating dark patterns for lightbox content

Oftentimes dialogs (used to collect email addresses / subscribe etc..) will not dismiss by clicking outside, and keep the close button subtle to force engagement.

People visit your site carrying all of their frustrations (baggage) from past experiences. They may not distinguish between video and other lightbox content.

Nielsen Norman Group an extensive article on overlays

Provide a visible 'close’ command to allow users to return to the underlying page.

Make overlay content accessible to keyboard users (by allowing the Escape key to close the overlay, and by providing keyboard access to content and fields within the overlay).

Keeping a close indicator provides a visible escape hatch, and doesn't impede those who just click outside the content.

share|improve this answer

edited 4 hours ago

answered yesterday

Mike MMike M

12.9k12839

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  thank you for this very detailed answer!
  
  – dprogramz
  yesterday
  

  
  
  
  

add a comment | 

10

Think of it the other way: Not every user has the same level of familiarity, and other sites don't conform to the same standards.

Clicking outside the content, or using the esc key to dismiss a dialog vary widely throughout the web.

Many sites have frustrating dark patterns for lightbox content

Oftentimes dialogs (used to collect email addresses / subscribe etc..) will not dismiss by clicking outside, and keep the close button subtle to force engagement.

People visit your site carrying all of their frustrations (baggage) from past experiences. They may not distinguish between video and other lightbox content.

Nielsen Norman Group an extensive article on overlays

Provide a visible 'close’ command to allow users to return to the underlying page.

Make overlay content accessible to keyboard users (by allowing the Escape key to close the overlay, and by providing keyboard access to content and fields within the overlay).

Keeping a close indicator provides a visible escape hatch, and doesn't impede those who just click outside the content.

share|improve this answer

edited 4 hours ago

answered yesterday

Mike MMike M

12.9k12839

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  thank you for this very detailed answer!
  
  – dprogramz
  yesterday
  

  
  
  
  

add a comment | 

Think of it the other way: Not every user has the same level of familiarity, and other sites don't conform to the same standards.

Clicking outside the content, or using the esc key to dismiss a dialog vary widely throughout the web.

Many sites have frustrating dark patterns for lightbox content

Oftentimes dialogs (used to collect email addresses / subscribe etc..) will not dismiss by clicking outside, and keep the close button subtle to force engagement.

People visit your site carrying all of their frustrations (baggage) from past experiences. They may not distinguish between video and other lightbox content.

Nielsen Norman Group an extensive article on overlays

Provide a visible 'close’ command to allow users to return to the underlying page.

Make overlay content accessible to keyboard users (by allowing the Escape key to close the overlay, and by providing keyboard access to content and fields within the overlay).

Keeping a close indicator provides a visible escape hatch, and doesn't impede those who just click outside the content.

share|improve this answer

edited 4 hours ago

answered yesterday

Mike MMike M

12.9k12839

share|improve this answer

edited 4 hours ago

answered yesterday

Mike MMike M

12.9k12839

answered yesterday

Mike MMike M

12.9k12839

answered yesterday

Mike MMike M

12.9k12839

1

There is a certain scenario for which a dedicated button is needed. For video, especially, it sounds like a bad idea to dismiss the Lightbox on clicking somewhere on the overlay background. Because that may happen accidentally, and buffering the same video which just finished loading is terribly painful. This will not be the case for an image, assuming it is a decently sized image.

A couple of other reasons in favour of having a dedicated close button are -

1. It is more concrete and conveys the function appropriately. Even though the button may not actually function, having it there somewhere in the corner helps convey the message properly.


2. If page loading is interrupted or slow, buttons can come to rescue for the user because they are visible.

share|improve this answer

edited 5 hours ago

answered yesterday

RenRen

464

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank you very much for your input!
  
  – dprogramz
  yesterday
  

  
  
  
  

add a comment | 

1

There is a certain scenario for which a dedicated button is needed. For video, especially, it sounds like a bad idea to dismiss the Lightbox on clicking somewhere on the overlay background. Because that may happen accidentally, and buffering the same video which just finished loading is terribly painful. This will not be the case for an image, assuming it is a decently sized image.

A couple of other reasons in favour of having a dedicated close button are -

1. It is more concrete and conveys the function appropriately. Even though the button may not actually function, having it there somewhere in the corner helps convey the message properly.


2. If page loading is interrupted or slow, buttons can come to rescue for the user because they are visible.

share|improve this answer

edited 5 hours ago

answered yesterday

RenRen

464

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank you very much for your input!
  
  – dprogramz
  yesterday
  

  
  
  
  

add a comment | 

There is a certain scenario for which a dedicated button is needed. For video, especially, it sounds like a bad idea to dismiss the Lightbox on clicking somewhere on the overlay background. Because that may happen accidentally, and buffering the same video which just finished loading is terribly painful. This will not be the case for an image, assuming it is a decently sized image.

A couple of other reasons in favour of having a dedicated close button are -

1. It is more concrete and conveys the function appropriately. Even though the button may not actually function, having it there somewhere in the corner helps convey the message properly.


2. If page loading is interrupted or slow, buttons can come to rescue for the user because they are visible.

share|improve this answer

edited 5 hours ago

answered yesterday

RenRen

464

share|improve this answer

edited 5 hours ago

answered yesterday

RenRen

464

answered yesterday

RenRen

464

answered yesterday

RenRen

464