Tag Info

Hot answers tagged

20

It's an anti-pattern that has unfortunately resulted from a legitimate problem: people type in the wrong email address and then after sign up, can't access their account. The problem here is that this solution isn't very user friendly because it's going against conventional interaction (namely, that you can copy and paste from and to form fields). There's ...


20

Horizontal scrolling is terrible. Users almost always complain about it, and it's particularly a problem when paired with vertical scrolling; there's nothing worse than trying to scroll a site on mobile when you keep scrolling horizontally on accident. Lots of data backs up this idea in web user's behavior; Horizontal Attention Leans Left (for Left to Right ...


18

Horizontal scrolling like all other features requires certain conditions to exist in order to be comfortable. These conditions include display technology (screen & layout) and the navigation control technology (input devices). Let's look at the brief history of them all. Nearly all analog means of presenting information have had horizontal scrolling: ...


15

(Since your profile indicates you're a developer, I'm going to answer this in the same way I help out programmers at my company. Let me know if you need another angle.) I don't think hierarchical menus in administrative UIs are an anti-pattern. However, it is an example of "programmer thinking" when it comes to interface design. What you're likely doing is ...


8

You are looking at this problem from the wrong angle. Right now, you're asking, "How can I make it behave the way I envisioned it?". However, you should be asking, "Does it behave the way my users think and work?". Here's a user story based on the content of your wireframe: Paolo from Rome wants to sell his old motorcycle. He comes to your site and is ...


7

Allow it. You should not be forcing a perceived optimal interaction flow onto a user. You should also be aiming to minimise workload, and this is just nugatory work. It makes sense to have a double entry for a masked field; to pick up incorrect typing of the masked information, which avoids later problems (e.g. unable to access an account because the ...


5

This kind of design flaw Focused on one side of the process instead of the overall outcome? comes down to what is known as Systems Thinking (or the lack of it) Basically someone is following 'the rules' (in this case, building codes) rather than thinking about how people will behave within this context.


5

Tabs are the wrong control for this function precisely for the problem you’ve uncovered (the need to put arrows on the tab labels is also a clue). To quote the MS User Experience Interaction Guidelines for Windows 7 (p179): Is [a tab] the right control? …If used for settings, are settings on different pages completely independent? Will changing a setting ...


5

In a similar-sounding application, the solution we reached was to allow users to jump back in time to any previous phase, but from that point forward they could only advance through the normal "Next Phase" button. So if you jumped from Phase 4 to Phase 2, you would have to go through the submittal process of Phases 2, 3 and 4 again. From there, all you have ...


5

First, I agree with Splog that you should allow it, and his post puts it as well or better than anyone probably could. That said, I want to expand on it: Do not make people type in their email address twice. There is absolutely no reason for it. I would argue (and in fact, I have) that you shouldn't even make the user retype (or even mask) their password. ...


5

Question's a bit too broad. There are sites devoted to this like http://www.useit.com/ (Jacob Nielsen) and books like Rocket Surgery Made Easy (Steve Krug). And it depends on the site/web application purpose - is it a blog? a store? a web service? And there are lots of specific answers on usability questions posted on this site addressing common issues. If ...


5

You asked for examples of good and bad web elements of various kinds. Here are some resources from which you can draw examples, screenshots, ideas of sites to look at, etc., on which to make ux-specific commentary: Time Magazine's 5 Worst Websites Time Magazine's 50 Best Websites 2009 Top 10 Worst Websites You'll Wish you Hadn't seen Web Pages That ...


5

On clear advantage to vertical scrolling is that the user gets to control which portion of the text is on the screen. If I'm reading a book, (or a document set up with pages that I need to scroll horizontally through), then I often find situations where I am flipping back and forth between pages to try to mentally connect two portions of related text (or ...


3

Rahul provides some great "high-level" points on rethinking your approach to UI design. However, there are also some "low-level" tricks that I think could help you at the 'nitty-gritty' stage of design: If you must use parent and child tabs, make sure children are clearly 'contained' by their parent tabs When you show users that an element contains ...


2

Apply allows as others said the application of a change without closing the dialog. The advantage over "OK" is when you have a dialog that spawns multiple tabs. Here it gives you a cozy feeling that changes on one tab are saved. Also in the case of a "workflow", first applying one change will allow you to select other (related) options later: In OS X as ...


2

I agree Michael on tabs not being the appropriate navigation, as this is more of a wizard. Depending on the amount of inputs and the number of steps in the sequence, you may want to add the inputs to the side of the page as the user progresses through the flow. This way they could update the input asynchronously at any stage in the process vs. backing up to ...


2

I'm not from Google, so I can only suppose they push users to share videos. And providing the share link is the step, which is made for you to make sharing more easy. Check, didn't they put the link to clipboard? This suggestion on Google efforts of sharing is confirmed by the bunch of social networks sharing buttons inside this tab. Watching videos on ...


2

I don't consider it a design flaw. The main reason I say that is that fecal bacteria is not just in the toilet area or on the door handle. It's all over the bathroom. Not only that, it's all over your house or building! The Mythbusters did an episode about this concerning toothbrushes: Finding: CONFIRMED Explanation: Every time you flush a ...


1

I think there is value in hinting/guiding the user that she can share the video.. but I agree it should not replace the about section. The only space that changes whent he video ends is the video space itself. The next steps should be displayed in that space. One could also extend that space to guide the user to sharing options. This could be just ...


1

It's generally a bad idea to change content without the user taking some action to trigger the change because it can lead to confusion. That said, the more your site/app is used/recognized/loved, the more you can get away with. I do agree with mgpugne that placing the share links with the related videos might be more effective -- from both a UX and ...


1

I think this design conveys the option between the two sections very well. I really like the highlighting of the portion that is clicked on. My recommendation would be to make the secondary options for the left part (companies? payment methods?) smaller. Right now, I think they are too dominant and taking too much attention away from the main focus of the ...


1

I think it is interesting to note that we may soon see a break from this pattern of vertical scrolling. Windows 8 seems to focus on horizontal scrolling for content. That has already started in Windows Phone 7, but judging by the consumer preview of Windows 8, we will see a much stronger focus on that in windows 8. Content is presented in columns, that can ...


1

I have been using Windows all my life, but switched to Mac (OS X) some months ago. The difference aren't as big as I though, but one thing feels weird - a lot of settings in OS X is applied directly when altered, and when you are done you have to close the settings window on the top left close button instead of "ok" or "cancel". I guess no way is the right ...


1

The idea is to let the user see the effect of changes without closing the dialog. classic model: OK closes the dialog and applies changes instant model: effect of changes is visible with every click and key press (e.g. typing a letter updates search results) Apply button: half the deal with a tenth of cost. Note that the user model is different. In ...


1

I find that the best protection against typing my email address incorrectly, is copy and pasting it. I quite often swap two letters in my (very long) email address because the right hand is faster than the left, and I've actually typed it wrong twice several times, and making me annoyed by typing it twice makes me type faster and more sloppy. Disabling ...



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