Tag Info

New answers tagged

0

The UI you have presented is not consistent either. It has visual consistency. But the interaction is not consistent. When a user adds a form, it is added below the dropdown, but when a new field is added, it is done above it. This affects consistency as well. The user has to get used to one of this pattern (either adding above or below). Otherwise, it ...


0

Consistency + heirarchy = mo betta There's nothing wrong with consistency among controls. I think the problem you're sensing is hierarchy. In your example, adding a field (the low-level item) is more prominent than added a form (the high-level item). The controls are identical, but the ground contrast is greater within the form edit module. With a few ...


1

Why is there no standard layout for computer keyboards? Because there is no keyboard governing body mandating everyone build keyboards the same way. That and history...every computer design had its own keyboard designed for the particular needs of the hardware and software being used. Over time, keyboards have become much more similar than different, ...


2

First, there is some standard. We have the QUERTY arrangement, CTRL, SHIFT, ALT and ENTER are arranged more or less the same. Your question is actually "why are not all keyboards have identical layout?". So it is the same as asking "why are not all toasters/refrigerators/ovens/cars have identical layout"? It may be all about money. Some possible answers to ...


0

The ideal answer is "test both" and see which works better for your users. Without testing, if you have to make a choice, clarity always trumps consistency. Focusing on your specific answer, I would suggest a different UX pattern for adding fields to make it even more different than adding a form. For example, eliminating the dropdown completely, and ...


0

Why not simply use an intuitive tri-state check-box column (if it's available)? It saves space, and properly represents your data (if/when users are familiar with such controls).


1

The context menu key – along with the Windows keys – is the most recent addition to the PC keyboard. The Microsoft Natural Keyboard, released ca. 1994–1995, was the first one to include them "for future uses". That "future use" was the UI introduced with Windows 95 – the first to make heavy use of context menus. The latter were around in previous versions ...


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 ...


0

Perhaps it has to do with when you learned to use a computer? I learned with command line interfaces. So for me, the majority of the cool things you can do with a mouse all collapse on to: Right-Click and choose from Menu, because that is how I recall commands: items from a list of possibilities. It never occurs to me to drag, I always select, right-click to ...


0

You could use AJAX and have it switch the two, I would use links for switching instead of a button.


0

You can use three radiobuttons with their backgroundcolor colored with Red = Out, Yellow = Undecided and Green = In (this because you mentioned a busy (tied) grid) and use a legend explaining the color meaning.


17

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 ...


1

Before mice, there was no programming method to show a context menu. When mice appeared, there was no right-click. When extra buttons appeared, then the context menu made sense whenever applications were programmed for it. A context menu key on the keyboard usually did nothing, and when it did, the mouse was a better interface to show the menu. Web ...


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 ...


0

This is one that should be tested because I have no idea if it will work. I wanted to come up with something that uses common elements and shows all options in a compact way. The idea is to leave out the "undecided" label by using two checkboxes. Why checkboxes? It should be common to people that if no option is wanted you just have to uncheck them. It's ...


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 ...


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 ...


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 ...


0

At what point in the user flow does this form appear? If the call to action is to register, then yes, it is confusing to have both register and signing in as part of the same form. However, if the registration/log in happens as a secondary stage of a more important user flow, such as a checkout process, then a single form could work. I would agree with the ...


22

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


9

Back in the mists of time, before the mouse was so ubiquitous, most people navigated their file system using just a keyboard (I am old enough to have actually worked like this!). Opening files was simple: you left'ed, right'ed, up'd, down'd and tabbed your way to the file and hit enter. The problem came, however, when you wanted to do something with the file ...


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 ...


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 ...


1

It depends on the use case. Many laptops have done away with the key because of space limitations and the need to fit the arrow keys in the bottom right corner. Many full-size desktop keyboards have removed it in place of other keys. Frankly, most people don't use that context key. Here's why: most of us are right handed, so if we use it, we'll use the left ...


1

In the years I have been Using computers (and typewriters for that matter), I have seen three schools of thought in keyboard design. I am going to call them the minimalists, the bells and whistles crowd, and the moderates. The minimalist battle cry varies from 'look at those clean lines' or 'nothing to get in your way' to 'save money' or 'save space'. The ...


1

Yes, I agree. Not being able to open a link in a new tab/window is a bad UX practice. In addition, not using URLs prevents users from bookmarking the page. It also prevents users from being able to navigate by adjusting the URL (for example, going back to a root path). Now with JavaScript frameworks like Backbone, Ember, and Angular, it's really easy to ...


0

I like how it is implemented in Google Calendar app (MIUI). There are two spinners for picking date-time. That's how it looks: When you set date-time in the first picker, the second one is set automatically to +1 hour.


0

This can be done using both fixed header for batch operations and keeping the card views. Check out how InVision handled it: http://take.ms/Fm21V


5

I can't speak for everyone, but I'm a heavy keyboard user and I think I can count on one hand the number of times I've used that key. (mostly because my mouse was acting up/battery died). I think it is a key that just didn't have a really good (to many) purpose. PS pressing Shift + F10 still works as a keyboard shortcut. For what it's worth I fully ...


6

This is something we have been discussing for a little while. On the one hand, pure-text emails (in this day and age) come across as vague and often untrustworthy by most audiences. The look-n-feel of a richtext/html email wins over most of the time. This is basic UI design. Even more so because the corporate identity can be injected into the email and this ...


0

This could be difficult regarding cross browser support. Most of the time images are deactivated, so the newsletter from above would be a piece of plain tables with many of fall back placeholders. I would strongly recommend to use as many text elements as possible. You can still 'inline style" the output to ensure correct formatting in all email clients.


2

Personally, I like it because it gives clear understanding to all people who have concern with page types of mails.Although, this types of mail is most suitable for marketing but not in informal life.


0

The way you're question is currently worded, you're asking us to define what constitutes "modern" right this instant, which is like defining "what date it is". The answer will change over time. If you'd have to define modern as a principle, it'd be defined by anything contemporary. This is a list that's as endless as infinity. Aesthetics (colors, shapes, ...


3

Consider separating out the number entry from the units


1

I am working on a similar language for vibrating alerts. Because of the limitations of a vibration-based alert compared to visual or audible alerts, I decided to use the urgent/important matrix to inform the alerts I used. This reduced the number of alerts required to just four: important AND urgent, important NOT urgent, NOT important AND urgent, NOT ...


0

For what I get from your mockups, I think your problem is the lists are not connected, but the elements inside those lists may (or may NOT) connect to another element, thus lists are hard to connect. If you take a closer look, you're trying to connect elements from left list to resources that may fit into the following statuses: true the activity contains ...


1

Why do you present an extra list with the ressources, where only a few of them will be enabled/ highlighted and most are disabled? This doesnt make sense. I would recommend to skip the ressources extra list and just put the dedicated ressources at the end of every article. Thus the connection is clear, it is in focus and chances are high users will click on ...


0

As Devin says in his comment, this question will get answers based on personal opinions and observations. These are mine. In my experience there is a difference between a brand guidelines(like Uber's) and overall design guidelines. There are a lot of public brand guidelines out there and most of them to allow third parties to use their brand and while doing ...


0

Is the user required to enter every field for every question? If not, consider using progressive disclosure to make the initial cognitive load on the user a little lighter. For instance, if the initial state of your screen was just a list of questions and text-entry boxes for comments, it would make the task very clear to the user. As the user decides to ...


1

I would like to combine both with an option and more control to user to switch between updated and his original view where he was browsing.... I would go with UI guideline which is "System status should always be visible" and combine it with "User control" (my second option) See my visual solutions below Now the second solution where user controls ...


0

Personally, I find the notion that a website wants me to indiscriminately invite/follow an entire page full of my email or facebook contacts to be disgusting. The humble bundle example is totally different. Most users probably want all of those games in their library, while others do not. Following is an action the user takes carefully to avoid connecting ...


1

There are times when you need to create specs for animations and for those times it is recommended to write the animation in sentences. You can create your own shorthand for communicating your animations to the developers. Rachel Nabors, an animator was interviewed on the UIE Podcast. She suggests writing sentences for your animations. "I tend to ...


2

How would I best communicate these animations in a spec document? You can't. It's an oxymoron. The best way to communicate animations is to show the animations, as you've done. Any documentation that tries to explain animation is already once-removed from the source. Plus, there's just no way to actually document all the intricacies that go into it. ...


0

Interesting question. As some of the other users i think checkboxes are appropriate to your purpose. For the "Locked/Unlocked" option i'd try to use an image with a two state lock, one locked and one unlocked.


1

Here's a toggle that's just slightly different from your options: The difference being that the only text that is visible is the current state. This changes the mind's dialogue from: Oh, a toggle. I see "yes" and "no", but it looks like the "yes" is colored a bit more vividly so I'm going to conclude that it showing "yes". To this: Oh, a toggle. ...


0

The checkbox is SIGNIFICANTLY better in terms of familiarity/usability. Use checkboxes and make it as aesthetically pleasing as possible. One option is to reinforce the checkbox state by coloring the whole item when in the checked state: download bmml source – Wireframes created with Balsamiq Mockups


9

The checkbox is not dead To your point, a checkbox is perfectly suited to this purpose. In your example, it's not handled with any finesse but it does get the point across. A good UI designer can help you not only "pretty up" your checkbox, but also reduce the friction of interacting with them. The toggle ain't bad either You have to change your thinking ...


2

I think the answer is simple: smaller design teams don't have the time to do it. Everyone wants to put out their own style guide. Uber's is pretty good. Google has a new style guide for Android M. The big players have them, and they have them for two reasons: to promote their styles (which is an extension of branding) and to publicity. Even design teams, ...


1

I get the impression that you think auto-save saves a complete snapshot of the document. If this were true, then it is indeed hard to see how undo will work. Here's what really happens: each time the user performs an action, that action is saved locally (on the person's machine). You referred to this as a logical chunk. When the auto-save kicks in, all of ...


1

Autosave is popular for Web apps because for various reasons, but one important one is the unreliability of the client-server interface. HTTP request responses may time out, websockets may disconnect, or the user may simply hit a button and navigate off the page or close the browser by accident. Engineering for autosave is non trivial. Often, enterprise ...



Top 50 recent answers are included