addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Re: [ia-55] Lightbox Overlays (Modal Dialogs)

From: Adam K.
Sent on: Monday, February 27, 2012 10:18 AM
On Feb 27, 2012, at 9:50 AM, Crystal Ehrlich, UX Designer wrote:

When using mobile or tablet devices, have you encountered any usability or technical problems with Lightbox overlays?  Any navigation problems?

I frequently see these two problems with overlays on my iPhone:

1. Close buttons that are way too small. I shouldn't have to zoom in on the close button just to see and press it. If you don't want big close buttons on the normal website, do a media query in the CSS to use a larger button/icon on mobile devices.

2. Overlays that aren't properly positioned within the viewport, especially when you are zoomed in on the page. I'm not sure what causes this, but I would guess that it's related to the overlay being a fixed size that's too big for the viewable area.


Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy