Website design involves the structure of websites, information architecture, the layout and pages, and the conceptual design.

learn more… | top users | synonyms (3)

16
votes
3answers
2k views

How can the classic footer elements be integrated into an infinite scrolling layout?

Infinite Scrolling is a fairly new and effective way to display practically infinite amounts of data in a user's window, but one page element simply does not suit itself to this method; the footer. A ...
15
votes
6answers
1k views

How to show the user the possibility to sort a column with space problems

I am working with a big table with 20 columns and a lot of information. I know that the most common way to indicate that a column is sortable is by adding a little arrow at the right or left of the ...
15
votes
5answers
2k views

Does a tooltip require close button?

I'm working on tooltips, when I was told there are some tooltips that have close buttons. Is a tooltip with a close button user friendly?
15
votes
6answers
807 views

How to measure phone number views without annoying the user?

I'm working on a website where we have customer pages on which we measure user interactions such as opening a booking form or posting a review. One of the interactions we want to measure is when the ...
15
votes
15answers
1k views

Examples of spartan/basic web sites [closed]

I am looking for examples of web sites that have a very spartan and minimal interface - mostly text and very few graphics or even styling - yet the user experience is good enough that users are not ...
15
votes
2answers
1k views

Good UX for a form

I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX. Attached image is the UI I created for one page. I tried alter it nearly 10 ways, still my customer says it looks ...
15
votes
6answers
2k views

Blinking, bouncing and flashing elements

I'm responsible for the UI/UX in a software development company. During my absence, some developers decided to implement a "bounce" effect on a button of a website that they think should have more ...
15
votes
5answers
13k views

Pagination Best Practice [closed]

I am not sure on the best way to handle some pagination I need to perform on a table that could potentially get very big (5,000 rows plus). My first question is should the amount of rows shown per ...
15
votes
6answers
3k views

Credit Card input format

Somewhere, in one of the Usability books I read ( probably Donald Norman ), there was a suggestion that the normal format for entering credit cards was wrong. The usual format is 16 characters in a ...
15
votes
7answers
2k views

Designing for the iPad

I'd like to make my site accessible to people that have the iPad or other iOS devices. What considerations do I need to take into account when designing a user interface that is compatible with the ...
15
votes
7answers
3k views

“Sign Up” vs “Create an Account”

Which pick is better for a service? Especially if I would like the website to resemble American style. Gmail and Dropbox say: "Sign In or create an account" Yahoo says: "Sign In. New here? Sign ...
15
votes
3answers
3k views

What's the best way to make a user read terms and conditions before continuing a form?

What's the best way to make a user read terms and conditions before continuing a form? Structure of Form: Label1 [Textbox] Label2 [Textbox] Terms and Conditions [Textarea] Checkbox ["I agree to the ...
15
votes
4answers
3k views

Does the average user understand the standard HTML multiple select box?

If I want the user to select one or more items the HTML symantecally correct form element would be <select multiple>. So the code would be: <select multiple id="sel"> ...
15
votes
6answers
986 views

Case-study for hiding the optional fields?

I am currently designing a web form for the Online Travel Insurance System and I am thinking of hiding the optional fields since there were so many of them. Like the image below. I put a Show More ...
15
votes
4answers
3k views

HTML buttons vs hyperlinks for navigation

When creating an overall site style guide, how do you determine when a button or a hyperlink should be for something other than navigation? I see many time with the heavy usage of jQuery and AJAX, ...
15
votes
3answers
3k views

Tags or hashtags?

I have a website at www.flickwit.com. I would like to introduce tags to allow users to search for content more specifically than channels. I have been wondering which option would be more acceptable ...
15
votes
8answers
5k views

What should be included in a standard web UX/usability audit and recommendation?

UXers here probably audit existing websites or pieces of software that are already established. Sometimes, we are involved in designing them from the start, but for times when we are not, we just have ...
15
votes
3answers
3k views

What do you call websites that make heavy use of vertical scrolling?

This question is similar to Why did scrolling vertically became a pattern? I see a lot of modern websites moving to larger, singular pages with more content and more vertical scrolling. This is often ...
15
votes
4answers
1k views

What reasons are there for “go to bottom/top” links no longer being used much? [duplicate]

Possible Duplicate: Do people use back to top links? Some websites have links like Go To Bottom or Go To Top. It seems like this technique has fallen out of style. Are there good reasons ...
15
votes
5answers
1k views

When you have to fill up the rest of the page

I've noticed that I often run into the same problem in many projects I work on: It seems like I always end up having that extra space that I have nothing to fill up with. It usually ends up with an ...
14
votes
7answers
2k views

False identification of gender on website registration

How can I filter male and female users of a site? My Problem In brief : We are building a relationship website and want to differentiate users based on gender but need to avoid males registering as ...
14
votes
5answers
60k views

Why is 1366x768 considered by some to be the standard widescreen for modern laptops?

I have a 13" MacBook Pro (mid-2012) but it is limited to 1280x800. The other resolutions available to me, when I go to system preferences, are 1152x720, 1024x768, 1024x640, and 800x600. Presumably, ...
14
votes
4answers
1k views

Can a visual progress bar be used as a navigational element?

We're having a bit of a debate here among teammates as to what would be a better UX solution, so I was hoping you guys could help me settle this. We have a linear flow through a data-collection ...
14
votes
5answers
772 views

What is the most user-friendly way to show position of a user on a long leaderboard?

I am designing a gamefication app and I need to show an overall leaderboard, displaying all users with points and positions... The problem is that the leaderboard requires pagination and the ...
14
votes
3answers
633 views

Web app keyboard shorcuts

Is it a good practice to give keyboard shortcuts to web apps that allows a user to do tasks that are repeated often. In my personal experience, I've rarely used keyboard shortcuts offered by GMail to ...
14
votes
4answers
2k views

Why is “register” the default button rather than “log in”? [duplicate]

I have noticed an increasing trend the last year towards emphasizing the "register" button rather than "log in". Often log in is not even a button, just a link. I understand the desire to simplify ...
14
votes
4answers
1k views

Difference - Font and Typeface

I would like to know the difference between a font and a typeface. If anyone could please help me. I tried to Google it, but I can't understand that in general, Why the term 'Fonts' is used rather ...
14
votes
8answers
940 views

Why do so many websites have the restriction of user names starting with a letter?

Skype Yahoo What is the reasoning behind allowing only letters as the first characters of a username?
14
votes
12answers
10k views

Force a PDF download vs allowing the user to view in browser first

Every once in a while, I come across a business requirement asking me to force a PDF document to be downloaded from a website instead of opened in the user's browser. While I question this every time ...
14
votes
8answers
4k views

Responsive web design Vs Separate website for Mobile

Responsive Web design is buzzword these days. which means to create a same website and optimized for all devices. There are also some website which convert the desktop websites into Mobile website ...
14
votes
3answers
757 views

Why is that facebook, twitter and grooveshark have 40px height in their nav bar?

Its just coincidence or is a perfect size for a better ui?
14
votes
2answers
302 views

Does an “Other” category on a Help page have any value?

When designing a Help page or FAQ that is broken down into categories, is a category titled "Other" useful, or does it indicate a poor information architecture? Sometimes there are truly items that ...
14
votes
4answers
303 views

Is it ok to force a user to reenter data instead of editing existing

Is it acceptable to force users to delete and recreate data they entered incorrectly or should they be provided with a way to edit every instance of that particular data? Use Case: The wireframe ...
14
votes
7answers
968 views

Minimalism, Maximalism(?) or whatever?

Tufte & Nielsen believe that screen real estate is one of the most important asset for a (UX) designer. Utilize available screen space - Jakob Nielsen’s Alertbox: May 9, 2011 & The Visual ...
14
votes
2answers
2k views

WYSIWYG vs MarkDown - is there a middle ground?

I'm trying to figure out how to let my users edit their content on my site. It's currently just text formatted depending on the screenwidth, but I'd like to give them more control over their content: ...
14
votes
5answers
5k views

What is the navigation concept Bootstrap uses called?

The Bootstrap documentation site uses a very interesting navigation concept. They have a per-page navigation bar that sticks on top of the page once you scroll down and highlights the current area on ...
13
votes
7answers
980 views

How to incorporate a “never” value on a slider?

I have a slider in a web page (similar to this one) to control the the duration of how long to keep an item before it is removed: The range of values goes from 0 to 90, with the value 0 being used ...
13
votes
8answers
1k views

Should Printer-Friendly button open a new browser window ?

Reading Common web app usability gotchas? I felt guilty when I read that using a target = "_blank" is a bad thing. I have developed a small web application that format Stack Exchange questions in a ...
13
votes
5answers
891 views

Encouraging the user to enter a value in an optional field?

This is a follow-up question from the previous question Case-study for hiding the optional fields? I have taken all the responses from my previous question and I have come up with this mockup, ...
13
votes
8answers
8k views

What are the rules of thumb for margins in web design?

My web designer tells me that in a web page, the empty margins or padding should always be multiples of a standard. For example 6 px, 12px, 18px. This should produce nicely balanced lay-outs. I would ...
13
votes
7answers
97k views

What is the current pixel width standard for a website's content area?

I know that previously it was 960 pixels, but lately I have had clients wanting me to push the envelope further and prompted me to do some research on the matter.
13
votes
4answers
13k views

Adding “Select…” as first option (placeholder) of dropdown list

Would it be considered a good practice to add the word "Select..." as the first option of a dropdown list? I think it's redundant and not at all necessary and what is in the dropdown list should be ...
13
votes
5answers
661 views

Web - How to represent a numeric input that is limited to increments of some number

I have a requirement for a form that restricts a field value to fixed increments of 50 and I'm not sure what would be the most elegant way to represent that constraint in a meaningful fashion. The ...
13
votes
4answers
611 views

How Do I Teach People Rules When They Don't Read?

I'm the product guy for a fantasy sports gaming website. We often find that we need to give people basic rules to get started playing the games, but people always skip reading and try to dive right ...
13
votes
8answers
3k views

How do you conquer the challenge of designing for large screen real-estate?

This question is a bit more subjective, but I'm hoping to get some new perspective. I'm so used to designing for a certain screen size (typically 1024x768) that I find that size to not be a problem. ...
13
votes
4answers
391 views

Is it ok to add content when the users selects and “copies” something on the page?

Some websites (using tools like tynt) have started to add something a little surprising at first : When the reader copies part of the article or blog post, something, say the url of the piece, is ...
13
votes
4answers
2k views

Where should a “Powered by Some-Company-Name” appear on a webpage?

Where should "Powered by ACompanyName" appear in the website if there is a product webpage of the company and the product (logo) branding is already shown on the top left? Should I be placing the ...
13
votes
4answers
878 views

How to explain to a client that User Experience and web/graphic design is different?

My client is absolutely sure that there is no difference between these topics. How do you explain that making a UX adjustment plan is not the same as a web design task? You have to write a contract ...
13
votes
9answers
4k views

How do users expect dropdown navigation to work?

This question is in regards to expected behavior with drop-down navigation in web pages. This is part of an email I just got from a client: ("Admissions" is one of the top level navigation links) ...
13
votes
5answers
2k views

How do I elegantly limit text area input by size not by character count.

I am building a web app that requires user input of text and images to be placed on a PDF page which will later be printed as a letter. This page will have a specified area for text and a specified ...