addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1light-bulblinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

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

From: Victor V.
Sent on: Tuesday, February 28, 2012 10:36 AM
I think...
1st: about "Close buttons that are way too small": My experience programming says that the design is not proper. If the button doesn't have the proper area (44x44 pixels to tap it) then the button is small and we fall in the fat finger problems. So the solution is to create a proper size button or give the proper tap area to it.
Close button is not something that programs should have on iOS platforms. The way to close lightboxes should be tapping out of them. This is a model/convection and all the apps should work like this.

2nd: the multiple tap to open a lightbox is most probable a programming fault. Maybe the tapping area is not properly set.

I think that in these cases it would be good that you post examples as "G" did. Even more native apps not only websites adapted to mobile devices.

My comments are referred to mobile phone native apps. I'm not so close to website usability and coding.

Victor


2012/2/28 G <[address removed]>
I think all in all, lightboxes on mobile screens are a disaster because the real estate is way too tight to display it completely and give the user the context of the parent page. And there is a whole other issue of defining interaction for selection ("tap") on the dimmed out part of parent screen. And because the probability of user accidentally selecting / touching the screen is so high, the whole interaction model fails. 

As for tablets, I know Flickr has build one (http://bit.ly/wn1xpK) though I haven't played around with it. Also, it seems like the Flickr lightbox is pretty straightforward as it doesn't involve scrolling within the lightbox etc.



From: lynn <[address removed]>
To: [address removed]
Sent: Monday, February 27,[masked]:05 PM
Subject: Re: [ia-55] Lightbox Overlays (Modal Dialogs)

i can never get the lightbox to open on the first tap of the link.  i always end up having to tap it twice, once to select it and once to get it to open.  not sure if that's coding in the page or inherent in the iPad, but it drives me up the wall.  and to adam's point, if the tiny close button is all by itself it's not such a problem, but if it's next to some other button the fatfingering is indeed a real problem.  --lynn

On Mon, Feb 27, 2012 at 10:19 AM, Adam Korman <[address removed]> wrote:
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.

-Adam




--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by Adam Korman ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about Adam Korman, visit his/her member profile

Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]



--
"I'm not sure this web thing is all it's cracked up to be."  --Templeton the Rat (Charlotte's Web, 2006)




--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by lynn ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about lynn, visit his/her member profile

Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]






--

Observación: Si presionas "RESPONDER", tu mensaje se enviará a todas las personas de esta lista de correo ([address removed])
G ([address removed]) de The Los Angeles User Experience Meetup envió este mensaje.
Para obtener más información sobre G, visita su perfil de miembro.

Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]



--
Un saludo,
Víctor Valle Juarranz

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