65

People read from left to right and from top to bottom. Chat applications normally place texts from top to bottom. The newest chats placed at the bottom. Placing the input at the bottom, therefore, is logical. Edit With this answer I didn't mean ALL people. For example, Arabic is read from right to left. But considering this websites' audience and the OPs ...


64

</textarea> placeholder="Enter your next post here!"> <textarea name="postText" rows="3" </div> top. to put the input at the it would make sense from bottom to top, read a chat window In a world where we <div class="post">


54

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


46

I think Steam just haven't noticed this problem. Here are some reasons to put the logout button at the bottom of the dropdown: Avoid Accidental logouts - as you pointed out putting the logout at the top of the list could create accidental logouts for users that are used to double clicking on elements. Follow standards - when browsing the internet users ...


29

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


21

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, I'...


20

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


20

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


18

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


18

There are actually quite a few other benefits to this approach, I'll just rattle off a few. Ergonomics. An often overlooked part of UI design, because we think of digital as not being (as) limited by the human body. But what's more comfortable, looking straight forward, or looking to either the left or the right? On phones, the middle of the screen is also ...


17

Make it harder to find destructive buttons If you do need to include destructive buttons, you should definitely find a way to make them harder to find than the primary action button Best practices for buttons It's very important for businesses today to keep the users engaged with their products, and no one wants to give them an easy access to the ...


16

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

The top of panels is usually reserved for controls over the panel itself, not the content of the panel. For instance, in your example you have the Full Screen icon in the top-right, which at a glance is strikingly similar to the close 'X' icon that would dismiss the panel altogether. Also, out of context it's hard to tell whether it'd work. As a single ...


13

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


12

User Flow Think about each menu item as a task. You can perform tasks sequentially, like task1, task2, task3.... taskN . Which would be the very last task you can perform? Answer is easy: logout. App Ergonomics By adding the logout link at the bottom of the menu, you make it harder to accidentally click that element. See graphic below: Once you open the ...


10

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


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


10

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


10

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


9

I don't see it as more than logical. If the text is displayed in the main window from top to bottom, then the input box for your reply is on the bottom, because that's where your text will end up. While in another situation, like a comment thread on a blog, the most recent entry can be on top. Then the input field for new entries is above that, again, ...


9

As far as the buttons are concerned, I would suggest something like the attachment. I am not aware of the complete scenario though.


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

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


8

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


8

There is nothing wrong with putting the logo in the center. You're not going to implode anything. What you're fighting though is what is called the "f-shaped pattern". Nielson did a study in 2006 (which I believe you found, based on your comments above) that showed people tend to scan a page from left-to-right, top-to-bottom in a "f shape". http://www....


7

Here's a small (64 participants), but interesting little survey that was done on this a few years ago: http://measuringuserexperience.com/SubmitCancel/index.htm . Their conclusion is "With the buttons visually separated, putting the action to continue (e.g., OK, Save, Submit, etc) on the right is more likely to match your users' expectations", but what's ...


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

Reconsider the whole paradigm. No matter where you place those arrows, they will not offer a user friendly experience. First, placed outside the box, they are out of context... only slightly but still. Second. The click to move is not nearly as effective as a drag on the camera image to move it. I suggest you make the image draggable to set adjustment. This ...


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