Tag Info

Hot answers tagged

20

We decided that in order to meet user expectations, it was best to put the button in the place that users expect to find it in the context of the form or dialogue they are using and with regard to the window size. Forms tend to be left justified while the browser window can leave a ton of white space to fill up a large monitor (especially in full-screen ...


18

Simple answer: When you want that information/functionality to be visible/accessible at all times and the page has a long scrolling content. Screen space is a resource to be used wisely. One, because usually you have more information than can fit in one screen, and, two, everything that is on the screen imposes a cognitive load on the user. So you just have ...


15

I quite like the approach that the game Wordament takes: You are able to see the top results, as well as those near your ranking. I would prefer if it could ensure your score was on-screen initially though, probably by reducing the number of players before the "split" and even just above your own score.


15

Jakob Nielsen’s F-Shaped Pattern For Reading Web Content references an important tendency of users when reading websites: Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar. You want your user to see the notification, so the top area of the page within that top bar ...


15

To create connection between image and description use the proximity principle from the set of Gestalt principles, giving less space to connect the elements and more space between chunks of information to separate. This gives good results both for above or below description placement. To support information consumption flow, exploiting human's percertion, ...


14

There are a few problems with 'sentence' radio selections: When three or more radios are displayed, it becomes difficult to immediately pick out pairs of buttons and labels. This is a problem with checkboxes, too. Users read in F-shaped patterns, top to bottom, and find it harder to resolve multiple items in a row. Creating a readable sentence won't be ...


12

I would show a shaded / coloured bar with the user above the first place person in the list, and then show the standard list with them in whatever position they are in. It's what StackExchange did for the Winter Bash special, and it worked really well. I happen to be at the top, so you see me twice, but I would be at the top even if I were in Benny's ...


11

This article might also help: Jakob Nielsen: Horizontal Attention Leans Left Extract: People spent more than twice as much time looking at the left side of the page as they did the right: Left half of screen: 69% of viewing time Right half of screen: 30% of viewing time Simply put: Stick to the conventional layout, because it works perfectly with how ...


10

Donate button is the element to be featured throughout a non-profit's website. It should be easily visible everywhere. You shouldn't worry about being "too pushy" because donations fuel non-profits. If you put it into a menu or the footer, you're going to destroy collections because it won't be visible to the majority of visitors. The best location for ...


9

For a decade before we had the Internet, there was Windows and there was Macintosh. The Windows standard was to put OK (or whatever the action button is) on the left. The Macintosh standard was to put OK (or the action button) on the right. As a result of the split standard web designers ended up being confused about what to do. Many of them had only used ...


9

It's pretty infuriating to ever have to move a dialog box that appears over the related content that was of interest, so I tend to observe the following hierarchy of rules, but the gist is that the more specific the context, the closer the dialog should be positioned. If the dialog is a context menu or similar to a context menu, position the top left at ...


8

We can use common sense to answer this question. Let's say you put pagination on the top of your SERP and it has 6 results, only 3 of which fit above the fold. This is the first SERP page: ________________ | 1 2 3 4 5 6 7 | | | | Result 1 | | Result 2 | | Result 3 | ----------------- . Result 4 . . Result 5 . . Result ...


8

We might want to distinct between several types of messages that got confused here: feedback messages in response to user actions, e.g. "form saved" unprovoked events, e.g. "new e-mail", "license expired", etc. system status, e.g. "idle", "processing", "process complete", etc. Each of these have its own conditions and best-practice solutions. 1. ...


7

It's likely this is targeting touch devices where you want to have the entry area nearer to you for easier finger typing, and so that when entering a url (should you need to actually type!) your hands are not covering and obscuring the rest of the screen. This is also hinted at by the design of the buttons which are well designed for fingers...


7

You don't want to constantly ram it down their throats that they're using a trial version, you know they're interested in the product already because they've downloaded the trial, so just gentle reminders to them are more than sufficient. You don't want to annoy them and have them delete the trial because they're being constantly reminded they're using a ...


7

You Should Have a Public Marketing Site Typically in a web application the actual "application" part is behind an authentication wall which is not accessible to the public (and not easy to share with regular social networking share-buttons), but there is also, most likely, a public "marketing" side of the web application which is for most intents and ...


7

Generally, I list them vertically. But there are cases where horizontal listing is better, like when choices repeat and can be stacked. ( ) Agree ( ) Neutral ( ) Disagree ( ) Agree ( ) Neutral ( ) Disagree ( ) Agree ( ) Neutral ( ) Disagree ( ) Agree ( ) Neutral ( ) Disagree Even if there are questions spliced in between them, this may still be ...


7

Proximity principle should be the first consideration. After that, it could also depend on the medium of usage. Blogs, newspapers and books for example almost always have the title below the image. This probably has to do with the fact that the images are meant to provide supporting material to the overall content of the piece. So you might read through a ...


6

I would definitely go with top right, because more people use windows than mac, and those who use mac, just like you, know that generally close button is in the top right corner. Remember where are you looking for the close button when you get a layer pop-up in a browser window?


6

Netflix combines three methods in their queue. You can drag-and-drop, but also specify a particular row number, or click to move it to the very top: What I find interesting about their approach is that they have put the "Top" icon (circled in green) right there on each row, as opposed to requiring the user to make a selection and then click somewhere at ...


6

With the Submit button at the top or bottom there's always going to be a risk that the user fills out a screen full of the options and then hits "Submit" thus missing some of the options. A better solution might be to break the checkboxes into sub sets and presenting each on a separate page - much like a wizard. Each page can have a heading "Step n of m" so ...


6

There's a variety of ways to go about this. Here are some examples: Wordpress uses massive fields: Vimeo has an interesting picture Twitter has a column solely for the call to action and for help mesages. Actually I think this is a powerful and impressive use of whitespace in the design Moo centralizes everything in a box and makes the ...


6

If there was a normal login button/link I'd say do what Stack Exchange does and simply present the extra link to the admin users once they've logged in. On Stack Exchange high reputation users and moderators get to see extra links that normal users don't. This means that there's no confusion for ordinary users seeing something they don't have - nor would ...


6

Here's how we do it in Handcraft: See the bottom right. I showed the entire screen so that you understand how it is positioned relatively to everything else. I used a white box to stand out from the blue/gray background. I used blue text because it blends in with the other blue links on the page. I used a small, unobtrusive button that nevertheless ...


6

Both options have some troubles: Users can't see button at top at first time, because it so little and invisible. If your filter grow in height, users can not see search button, if it located at bottom. The best way - run AJAX search after change one of filter inputs. But it be more complicated that your two options. Also, users can accidentally click ...


6

To my knowledge it was not a design issue but a technical one in win 95. The taskbar should be at the top, but many of the win 3.1 app use absolute positioning on screen. And the top left 0,0 used to be in application "space" in win 3.1. There was too many issues with a taskbar at the top. It was decided to put it at the bottom to lower bugs. Nowadays every ...


5

My professional opinion is to have the submit button on the Right in all instances. My reasoning is that it is a continuation action; you're proceeding on to another page / action, 'turning the page' as it were. Actions for moving forward I place on the right, actions for moving backwards I place on the left for LtR reading languages. (With a decent amount ...


5

As long as people can find your buttons fast, then I would say you have placed your Social Media buttons in a good place. As for if a technique works well, the only way to know for certain would be to measure using actual stats over a quantifiable amount of time. I'd hazard a guess and say they (money.cnn.com) get more through doing this way that simply ...


5

At the end of the article it is a must! And to even more encourage sharing you can place the same share buttons somewhere in the beggining as well near title, near lead text -> because a lot of users do not read the whole article through and share it becuase of the great title or great lead text!


5

That would depend on whether you are using Windows or OSX and perhaps whether you are left or right handed and whether you are using a mouse or a touch screen. Nevertheless - a left handed touch screen user on windows will probably out of familiarity with a majority of software expect to find the button on the right. Generally - don't depart from the ...



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