Hot answers tagged gui-design
Use a tabbed container for the filters A common and acceptable way to separate filter options, is to user tabs (or versions of tabs) This can often be seen on travel websites, where users can search for several different services. With this method, it's only possible to submit one set of search criteria at one time. Put each set of filters in an ...
What is the ideal scenario for test and save buttons? Another way of approaching this is instead of having two separate buttons for 'test' and 'save', is to incorporate the test connection into the save functionality. This way it becomes more of a validation process (the system prevents you from failing) rather than putting the burden on the user to ensure ...
Here is your solution as per my point of view. See the image below.
One design options you can look into is using a dropdown call-to-action for your search button. So by default you can present the input elements for one type of search, and when the user selects the other search type you present them with the alternate set of input elements. download bmml source – Wireframes created with Balsamiq Mockups
Common requirements: I have identified common requirements/patterns for the "dialog" concepts I came across. OK and Cancel buttons Close icon in top-right corner (same action as "cancel"?) Hitting "escape" closes the prompt (same action as "cancel"?) User can move popup around using drag n drop Confirmation dialog must be enforced by ticking a checkbox ...
Common requirements: I have identified common requirements/patterns for the "login form" concepts I came across. Use OAuth/OpenID for authentication have the login on overlay: removes the background image issue as it is often hard to have a responsive background that does not get ugly overlaid by the login box in some resolutions username input label ...
If you're just looking for an icon that denotes a button for users to tap on to check the number of spots left at an event, then perhaps something like these mockups I did up quickly: Depending on the actual purpose of the icon, I would strongly suggest adding an appropriate label. For example, if the idea is that users can tap on the icon to view a ...
To answer one part of your question: Should I allow connection to be saved without testing? A good design would probably be to automatically test when the user presses save (if it hasn't been tested already). A related question is: should you allow the source to be saved even if the test fails? I probably would allow this (with a confirmation dialog ...
I don't believe there is a specific design pattern for your exact example. But you want to combine a Tunnel with the Wizard. You might also consider the Good Defaults pattern if you feel there is need to influence the decision of the user.
Only top voted, non community-wiki answers of a minimum length are eligible