User:Dmdxd

Design and Usability Recommendations
Form Labels Work Best Above The Field A study by UX Matters found that the ideal position for labels in forms is above the fields. On many forms, labels are put to the left of the fields, creating a two-column layout;while this looks good, it’s not the easiest layout to use.

Users Focus On Faces People instinctively notice other people right away when they come into view. On Web pages, we tend to focus on people’s faces and eyes, which gives marketers a good technique for attracting attention. But our attraction to people’s faces and eyes is only the beginning; it turns out we actually glance in the direction the person in the image islooking in.

Most Users Do Scroll Recent studies prove that users are quite comfortable with scrolling and in some situations they are willing to scroll to the bottom of the page. Many users are more comfortable with scrolling than with a pagination, and for many users the most important information of the page isn’t necessarily placed “above the fold” (which is because of the variety of available display resolutions a quite outdated, deprecated term). So it is a good idea to divide your layout into sections for easy scanning, separating them with alot of white space.

Blue Is The Best Color For Links What color should your links be? The first consideration is contrast: links have to be dark (or light) enough to contrast with the background color. Secondly, they should stand out from the color of the rest of the text; so, no black links with black text. And finally, research shows (Van Schaik and Ling) that if usability is your priority, sticking to blue forlinks is best.

The Ideal Search Box Is 27-Characters Wide A study found that the average search box is 18-characters wide. The data showed that 27% of queries were too long to fit into it. Extending the box to 27 characters wouldaccommodate 90% of queries.

White Space Improves Comprehension White space also makes content more readable. A study (Lin, 2004) found that good use of white space between paragraphs and in the left and right margins increases comprehension by almost 20%. Readers find it easier to focus on and processgenerously spaced content.

Typography
Line height (in pixels) ÷ body copy font size (in pixels) = 1.48Very few websites use anything less than this. And the number of websites that go over

1.48 decreases as you get further from this value.

Line length (pixels) ÷ line height (pixels) = 27.8 The average line length is 538.64 pixels (excluding margins and padding).

Space between paragraphs (pixels) ÷ line height (pixels) = 0.754 Often, paragraph spacing is just 75% of paragraph leading.

Optimal number of characters per line is 55 to 75Between 75 and 85 characters per line is more popular in practice.

== Blog Design ==

Layouts usually have a fixed width (pixel-based) (92%) and are usually centered (94%).

The width of fixed layouts varies between 951 and 1000 pixels (56%).

The home page shows excerpts of 10 to 20 posts (62%).

58% of a website’s overall layout is used to display the main content.

== Web Form Design ==

The registration link is titled “sign up” (40%) and is placed in the upper-right corner.

Sign-up forms have simple layouts, to avoid distracting users (61%).

Titles of input fields are bolded (62%), and fields are vertically arranged more than they are horizontally arranged (86%).

Designers tend to include few mandatory fields and few optional fields.

Email confirmation is not given (82%), but password confirmation is (72%).

The “Submit” button is either left-aligned (56%) or centered (26%).