a dialog that prevents interaction with the rest of the GUI until it is dismissed.

learn more… | top users | synonyms

9
votes
3answers
1k 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 ...
31
votes
9answers
3k 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 ...
2
votes
2answers
175 views

How to manage photo tagging on a modal dialog?

I am developing a bookmarking service allowing users to save an image into a specific folder. Users can replace the original photo with a custom one from different sources (PC, Webcam, URL) Once the ...
5
votes
2answers
504 views

Best way to do 'bulk edits' on a table

I am building a web application for managing a list of products (using jqgrid). I need my users to be able to perform several 'bulk actions' on whichever products they select. I have copied Gmail ...
9
votes
6answers
2k views

Save/Cancel/Close button behavior question

The attached image shows a dialog with a save/cancel button bank and a "x" icon to close the dialog. The question I have is this. Should the cancel button even be on the modal if it does not ...
9
votes
4answers
727 views

Is a cancel button necessary in a windows form?

After reading the question "Is a cancel button necessary for a web form?", I still ask myself, whether the same applies to a Windows form/dialog box. Consider the following dialog box: Compared to ...
4
votes
5answers
1k views

What is a Modal Dialog Window?

What exactly is a modal dialog window and when should you use it? Are there certain cases where you should refrain from using one?
2
votes
3answers
312 views

Behaviour of save function on modal window

I have a modal window in which are three tabbed forms: [caveat This began life as a sliding div a la twitter, but for whatever reason I have been asked to consider a modal window] The user uses ...
3
votes
3answers
781 views

Should edit details form be in a modal dialog or directly on the page?

I'm building a site that users can login and register on and on the Account Page I am implementing the Edit Details form. My question is, what would be best: the form be right in the page or in a pop ...
7
votes
2answers
382 views

What is modal about a modal dialog?

I'm reading a lot about modal dialogs. I know(?) what modal means, having read Raskin's "The Humane Interface". I can understand what's modal about a toolbar in a drawing program (select mode, draw ...
9
votes
4answers
2k views

Login/sign-up in modal dialogs

I've been working on a web-platform for some time now. As I was writing the usual "Sign-up" and "Login" pages I realized that a whole page was an overkill for such simple tasks so I decided to put ...
3
votes
5answers
188 views

How to design a Win 7-like dialog for choosing One of N options without a confirm button?

The Copy file dialog of Win 7 constitutes an approach to presenting One of N options choices to users. This dialog, however, has been accused of being too hard to scan, and lacking click affordance. ...
16
votes
6answers
649 views

Solving the “accidental confirm” problem with dialog boxes

The scenario is all too common: An application brings up a dialog box while you are typing, and you hit the space key before you even realize what's happening. The dialog is gone and you have no clue ...
8
votes
3answers
283 views

When should a messagebox be used?

When I started in programming, there was a manual with a number of GUI guidelines. The input fields were color coded. For instance, a mandatory field would be yellow and an ordinary field would be ...
0
votes
4answers
277 views

Show hint only once?

When a user adds an object to his favorites I'd like to tell him where he can find the favorites list (unfortunately it's not that obvious and can't be changed at the moment). My idea is to show a ...
15
votes
8answers
881 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 ...
13
votes
7answers
397 views

Nagging the user with double message box for something that is important.

When our software is installed, it installs some networking components. It may run fine immediately after the install, but chances are that some applications won't be able to talk to the network until ...
3
votes
4answers
376 views

What is the best acknowledge UI?

What is the best acknowledge UI? Ie. confirmation by the user. 1) A simple checkbox on a form or 2) A pop-up with a message and OK/Cancel buttons
12
votes
8answers
1k views

What are some alternatives to the phrase “Are you sure you want to XYZ” in confirmation dialogs?

I don't like seeing the word 'you' in the message twice. Examples: Are you sure you want to delete this item? Are you sure you want to continue?
7
votes
6answers
640 views

Wizard or Tab ?

When I want to make an input dialog with lots of input field, do I need make the dialog in wizard style or tab style? Any suggestions?
11
votes
2answers
233 views

Should there be a difference in the relative sizes of the buttons in a confirmation dialog?

I understand the idea behind having the more likely to be used action on a page slightly larger or in a different style in order to guide the user to it (for example having a button for save but a ...
10
votes
4answers
847 views

Should Dialogs be avoided in modern applications?

I have used a few dialogs on the last system I designed. The application was a business application with many database tables and I used many datagrids to show data. It was common that I placed a ...
4
votes
1answer
316 views

UI for saving changes in document-based mobile app?

I'm making a photoshop-like image editor (e.g. for drawing pictures and diagrams) for iPhone and Android mobile devices. I'm designing the interface for saving documents with regards to how data loss ...
3
votes
4answers
440 views

What are the benefits and drawbacks of dialog sheets as seen in Mac OS X?

Introduced with the original Mac OS X were dialog sheets: As I understand (not being a Mac user) these sheets are modal, requiring user interaction in the current window, but not limiting the user ...
3
votes
2answers
163 views

Displaying _your pop-up blocker is interfering with this_ alerts?

Saw a tweet today from asking if anyone had seen a good example of a site that displayed an alert to users with pop-up blockers turned on (in the case where the blocker interferes with display of some ...

1 2