Tag Info

Hot answers tagged

23

If you do not mind hiding the available options at first glance, you can also use a combo instead of radio buttons that could save you some column width. download bmml source – Wireframes created with Balsamiq Mockups


23

I would suggest a set of three radio buttons: one for 'in', one for 'out' and one for 'undecided'. Mutually exclusive toggles is likely to require lots of explanation and could leave the user confused: A pair of toggled buttons seems to offer 4 different combinations (A+/B+, A+/B-, A-/B+, A-/B-) but you are going to need to explain that there are only three ...


18

Design for the micro-workflow Observations Most users will make a selection and move on, as you noted. Users are not very likely to deselect a choice, either immediately or afterwards. In and Out are the primary choices here. The undecided choice is an unbiased default. Null/default/undecided/unknown choices are often very difficult to design ...


6

First option is better, with the toggle. The reason why is because users given clear instruction on possible answers are more likely to understand and answer them (correctly) than when the instructions are obscured. In the case of the tri-switch, there are two visible options and one invisible option. Each has three states, but the latter has one option that ...


6

I would go ahead and assume this donut chart wouldn't be the only one displayed, but will be part of a row(s) full of charts and visual graphs. In this case, I would absolutely organize the text in a readable data structure - Label top, Data bottom. When visualizing data as such, it is better practice to first give them the key for the data(which normally ...


3

It depends on the frequency of use and the context. Is the user going to see this on a daily basis in a dedicated setting, or a couple times a year in the context of a larger report? As grmmph already said, having the label on top makes it easier to parse what the number is, so it's more helpful for first time users. However, if users will be seeing this ...


3

There appears to be two issues at hand Explicit or Implicit Tri-state? Quite unanimously for reasons given explicit Tri-state is better Compact visualisation of explicit Tri-state Three buttons, radio button group, combo box all do the job. But another UI that helps communicate connectedness of concepts clearly is also the slider - or other similar ...


2

Multiple interconnecting popups is in itself not a very delightful experience, since it causes confusion. For example, can I as a user step back to the previous popup when the next popup appears if I believe that my action on the first popup was incorrect? What happens if I accept the terms stated in the first popup, but cancel in the second, is the action ...


2

To answer your question, the frequency of this action should be considered. Low frequency: Users do not remember their options when they don't use them regularly and so the options should be easily findable and understandable. Considering the screen real estate you have mentioned, and for users to easily understand their options, I would also suggest a ...


2

You say the services are quite difficult to understand... I think that's the place where the chat should go. I have no idea how that page looks, but I imagine a page with some global easy-to-understand-information at the top and the further the user goes to the bottom the more detailed and technical the page will become. In this situation I could think of a ...


2

Your solution is still a radio button. It's a radio button with three options: "in", "out" and "undecided"; of which "undecided" is the default. If you clearly show "undecided" as a third option, then there is no ambiguity to the user. There is no UX reason why you can't select one radio button option and then change it later, same as selecting toggle ...


2

The sticky header should contain tools or information that are so important for the website that you need to access them from everywhere at any given time. This could be the search and their settings on Google, your money amount on an online banking website or current running popular livestreams on Twitch while searching for something to watch. Facebook ...


1

Your two layouts are very similar to a page with a left sidebar. If this is the case, you can just use a sidebar toggle button to open/close it. Another option is to add a dropdown menu | LAYOUT \/ | to the header, where you can list the two layouts.


1

The criteria varies and the usual answer is "it depends". I go by this principle, If the user has to scroll or do complex interactions to get to UI:A on PAGE:A just to interact and navigate to PAGE:B then make UI:A sticky. Its made up, and origin is common sense. But then, sites like medium.com have a variation of this sticky top bar. When a user ...


1

Data visualisation is statistics with a pretty face (statistics is mathematics) and fundamentally this is how we've always measured anything, Label. Value. Unit. Speed, 115km/h Force of 48N Gravity is 9.8m/s and in your case, Contacts Left, 6689 Humans or Contacts Left, 6689 Androids or Contacts Left, 6689 Aliens Without a Label, a user would no idea ...


1

The question that needs an answer first; why would the user hide a card from the Users page in the first place - what is the purpose/advantage for the user? I feel you're talking about simple add/remove functionality. Pin a card equals "add", while now you're looking for a way to offer "delete" as well. If this is the case, I'd simply offer the user a way ...


1

To quote Wikipedia: In user interface design, a modal window is a graphical control element subordinate to an application's main window which creates a mode where the main window can't be used. Generally speaking, a modal window, by definition, takes complete control and one isn't able to interact with the content in the background--including ...


1

There may be quite different user behavior on different devices. While it is quite easy to use the vertical scroll bar of a desktop web browser, on tablet the user would probably tap the background area that would lead to closing the modal window. Generally, I find better to freeze the background content where possible and let the user focus only on the ...


1

Should the main content of the screen (a layout of cards) be scrollable, when a modal window is open (without any overlay)? In ordinary cases nope, cause after closing modal view I want to start from the last point in the screen. But sometimes you need different decision. From the top of my head, you can see live stream of news and at the bottom of the ...


1

Between your two mentioned options, the two toggle button option will be a good method. Advantages: clear affordances doesn't distract from the main content existing examples: upvote / downvote buttons across various sites like this (stackexchange), reddit, quora etc. [ p.s. since the elements would be inside a busy grid, implementing a design with ...


1

Although some UI guides would suggest that check-boxes should only be used in cases where any combination of selections would be valid, I would suggest (and some designers seem to agree with me) that they are also appropriate in many cases where, given any combination of previous states and clicked state, it would be "obvious" what the desired next ...



Only top voted, non community-wiki answers of a minimum length are eligible