Tag Info

Hot answers tagged

74

CSS / Javascript drop down menus that don't have a delay specified on them so you experience the "diagonal problem" (via Jakob Nielsen)


68

Poor form validation design. I hate it when I submit a form which fails validation and the application does any of the following: Fields are BLANK when the form reloads. This happened to me while signing up for a web app on my iPhone. I was royally pissed because there were over 8 fields. Displays only one validation error per form submit. Does not ...


68

Not putting clickable labels on checkboxes and other form fields. It's so easy to do. See the HTML <label> tag.


65

Context is important here. Sound feedback can be very useful when people need or expect it. The ATM. That annoying credit card pad that only accepts a button push every 3rd time at the pharmacy check out line. A cash register. And maybe it can be important for your web site, but realize that that is a very atypical behavior and not something your users are ...


62

Option 3 with no intrusive validation. 1 sucks because it's out of the norm. Copy and paste may or may not work. Tabbing to the next field may or may not work. People are good at correcting mistakes and the limited fields mess up their muscle memory. For example I might type 1912 When I meant 192 My fingers will nearly instantaneously correct ...


62

You're looking at the problem from the wrong angle. A user could also open a different browser, or use a second device, which means you can't rely on the idea of opening tabs(and preventing it), nor on IP address. Your solution needs to be server-side. Signing them out would just annoy them. Either make it so your website show them the same game no matter ...


62

You could try to use a short description of the actual cause, e.g. no budget


50

Poor design when it comes to Primary vs Secondary action buttons on forms. http://www.lukew.com/resources/articles/psactions.asp


47

Users use the back & forward buttons in their browser (or on their mouse). And they use the refresh button too. So be careful with form posts on your website. Nobody likes this... This dialog box appears when you refresh the page that the data is posted to. Fortunately, it can be avoided by using method="get" when possible, or method="post" ...


44

Balsamiq Mockups So, since you mentioned it, I'll add Balsamiq to start the list :) The Web version isn't in full release yet, but the desktop app is pretty nifty. When it does go live, the product will exist here: Balsamiq Web app project page Otherwise, there's always the desktop app (at the same URL, just click the "Desktop App" link).


43

Corners on a picture of a face (which most people will choose as an avatar) are not just unnecessary visual noise, they may make the image harder for us to process. Things with rounded edges are considered easier on the eye than things with sharp edges. Circles are easier for the visual system to process, so generate less cognitive load. However, many of us ...


43

On any site is is not ideal to break a user's expectations. As a user expects to be able to navigate the internet with tabs in their browser, you shouldn't break it.


42

10 seems quite a wide range for what is essentially a 'do I like this' poll. Does it really make a difference if Fifteen people rate Availability at 7 and Thirty people rate it at 8? I'm not sure you really need that much accuracy in such a subjective poll. Why not use a standard 5-point Likert scale? (Image from the Wikipedia article.)


40

A checkmark represents something positive - usually 'good' or 'correct', so you shouldn't use it to represent something negative like 'serious violation'. I would focus on using either a X or a warning sign, with a preference for the warning sign. Icon aside, I don't see any good reason to have columns for both 'serious violation' and 'Overall alert'. The ...


38

JavaScript links. You can't middle-click open a new tab for javascript:loadPage(34576).


38

The short answer is: if you already account for 6 different mobile screen resolutions, you should also account for many large screen resolutions - keep things consistent. The long answer: You're over-complicating this. There're 28 "standard" resolutions and creating a dedicated layout for all of them takes too much precious time. Instead, you should follow ...


37

HTML + CSS + JS That's pretty much the only option if you're looking at high fidelity prototyping. I'm an advocate of going hi-fi (code it) or stick very lo-fi (sketchy apps like Balsamiq). Unless you're testing relatively tame interactions, I find solutions like Axure and the like a bit dangerous. It implies hi-fidelity, but you can't finesse the ...


35

Double-clicking on the web should be avoided because it goes against the general practice of single-clicking links, and would likely be confusing. Jacob Nielsen says it best: ...double-click must die since it causes novice users great difficulties and since it conflicts with the single-click interaction style of the Web If your application does a good ...


32

Asking mandatory personal information in registration forms when they are not necessary. Examples : asking an address on a website where this information is useless Forcing to enter a "real" name ... Making this information mandatory is the best way to get a really polluted database full of "dummy", "foo@foo.com", etc. because most people don't like to ...


31

This is what I think. If you look at an image, all you need is the centre most area of it to understand what it is about. If the centre of the image is removed, it becomes really hard for us to understand what the image is about, whereas if the corners are removed and the centre is preserved, we can still figure out what the image was about. The above is ...


27

target="_blank" on anchors is one of the most common, and the one I hate most. There are some cases which it makes sense, though, to my opinion. Here's a rather known list of Top 10 Mistakes on Web Design: http://www.useit.com/alertbox/9605.html


27

When the functionality of the back button is disabled or changed from what the user would expect. I see this a lot on applications that use custom dialog / lightboxes / iframes.


27

If you're looking for the most SEO friendly URLs that are also human readable, then I would recommend using all lowercase, hyphenated URLs, as that is what Google recommends in their Webmaster tools documentation. However, if SEO doesn't matter for your web app (if, for instance, it all lives behind a login requirement), then you can use whatever ...


27

Yes it is. I'm not sure exactly what you mean by unexpected behavior, but users expect the same thing from a back button, whether they are using an application or a regular website. Think of it this way: the back button is part of the browser, out side of your website. It should perform the same way no matter the content being viewed. If you are designing a ...


27

There are a number of other ways you can look at as well The walk-through approach : The walk-through approach walks your users through the app like how Google does it. Its also called the joyriding approach. To quote this article The “joyriding” approach walks the user through the features of an app or highlights the key features. It’s great ...


27

A common solution for table cells that are not available or applicable in certain situations (such as your %Δ for a budget of 0) is to use the placeholder text n/a (or N/A).


25

In my book, all animations of control elements must be triggered only by user actions. For example, in large forms or full-screen workflows animations can be used as additional visual cues for the next step once something has been completed. If This Than That (ifttt.com) is a good example here - the page auto-scrolls to the next step when you click Next. ...


25

I would disable but add a count-down timer or some kind of indication that they will be able to close the ad at some point. YouTube has done this well with their "skip ad" countdown: This gives positive feedback that acknowledges that you have taken away control from the user (which they do not like) but that you'll give it back really soon. I would ...


24

It is a kind of a design. People basically got bored from the squared ones, so I believe twitter came up with the round ones and then people found them attractive and not boring anymore. Reference: On the flip side, because this shape is so common it can sometimes be seen as boring or plain. Also, on the other flip side when the community gets bored ...


23

I like JohnGB's answer. It's less fiddly and more visible than the slider. For the sake of offering an alternative, if you do want to retain the slider, I would consider taking the 'never' option out. It doesn't really fit within the concept of a fixed range that the slider implies. In this version, you would only show the duration slider if "Delete ...



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