Hot answers tagged position
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 ...
14
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.
11
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 ...
11
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 ...
10
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 ...
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
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 ...
7
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 ...
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
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 ...
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 ...
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
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 ...
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
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 ...
4
Users expect to find a shopping cart link in the top right corner of the page, according to a study by Michael Bernard & Ashwin Sheshadri.
Since you're concerned about using too much space, I suggest putting a link at the top with a summary and an arrow pointing down (e.g. Shopping Cart (4) ⇓). That way you can keep the cart at the bottom and your ...
4
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!
4
Personally, I would place:
links to your social profiles on top
links to share the current page at the bottom: as you mentionned, that way they can read the article and decide whether they want to share it or not
Otherwise, you could mix it: display share buttons on the side of the article once the user scrolled at least past half of the article ...
4
So I'll preface my response by saying that it really does depend on the rest of the layout, as far as how you have certain elements grouped or layed out, but I generally am a big fan of using the approach the CNN Money site you referenced used. I can't count how many times I've experienced frustration while hunting for a site's 'share' options, since (as ...
4
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 ...
4
If the picture doesn't help them choose the options, it shouldn't be there at all...
If it does help (and the one above is a placeholder), then put it on the right as 'additional information' and clearly indicate which decisions it's aiming to help with. Split vertically with whitespace if necessary and align with the questions on the left so that any ...
4
Well, you're trying to come up with a location which would be prominent to one group of users, and invisible to another group of users - but you have no way of knowing which group the current user belongs to. It seems like this problem has no solution by definition, and you must rely on recall rather than recognition. Creating a link that only admins know is ...
4
Alex Kirtland just recently published an article which discribes 10 good rules on advertisement on websites in his article Ads Are Here To Stay: Planning For Ad Placement:
Wrap the ad
Cluster the ads
Use leaderboards
Use multiple layouts
Place ads beyond 800 x 600
Hold firm on pop-up ads
Create guidelines: the ad styleguide
Check the ...
3
Putting a submit at the start doesn't semantically make sense. I would imagine the mental model people have of a form filling process is: you fill in a form then hand it in/post it/send it off/submit it. Therefore the submit should go at the end.
Can the form be broken down into multiple pages? Then have a submit at the end? You can use various queues to ...
3
You have to decide what is more important for a company and then what is more representative for that company's website: the logo or the navigation.
The positioning of the logo in the top left corner is not a rule set in stone, it's a result of the research that tells us that the eye movement on a website usually starts from the left side. You need to read ...
Only top voted, non community-wiki answers of a minimum length are eligible
