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

learn more… | top users | synonyms (3)

18
votes
4answers
4k views

When is a right-handed navigation sidebar appropriate?

When is a right-handed sidebar for navigation a good choice? If possible, I would like some examples where it has been used, such as this sidebar from Google's official blog.
18
votes
12answers
7k views

What should internal “home pages” and “index pages” be called?

I'm trying to figure out what these respective web pages are called in relation to the larger architecture. Here's a simplified architecture diagram: I understand that Home at the top is properly ...
17
votes
4answers
3k views

Having an icon to replace 'Forgotten username and password?'

Has anyone come across any instances where an icon has replaced the link text: 'Forgotten your username and/or password?' I am designing a log in bar that has to go across the top of the website and ...
17
votes
4answers
2k views

Showing progress for a long many-step process with a discrete progress bar?

I've got a desktop-focused web application where the user is going to be initiating tasks that take a long time. Sometimes, these tasks will take hours to complete (users don't have to do anything ...
17
votes
5answers
16k 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 ...
17
votes
4answers
5k 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 ...
17
votes
4answers
4k 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"> ...
17
votes
9answers
6k views

How does user interface design fit in a development process?

In a software development process where does the user interface design fit? If we take an agile approach for a small team (2 juniors, 2 seniors, a Team Leader and a web designer) what normally should ...
16
votes
5answers
82k 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, ...
16
votes
8answers
3k views

Should a Landing Page tell the User how to Pronounce the Company's Name? [closed]

I was recently reading a particular startup's website. The very first line goes: "Company (pronounced Com-Pa-Nee) is [description]." The big question is: is it appropriate to tell the user how to ...
16
votes
3answers
4k views

When invalid querystring paramater detected in a web page url: throw an error or ignore?

What is a better practice to deal with users modifying the query parameters of a website: to throw an error or to ignore? For example, someone tries to assign "abc" string instead of number to a page ...
16
votes
6answers
926 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 ...
16
votes
2answers
2k 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 ...
16
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 ...
16
votes
6answers
895 views

Japanese people hate my site [closed]

I did some A/B testing on how language translations affect the ability for people to install a browser plugin. I got around 20 languages professionally translated. I use Javascript to default to the ...
16
votes
10answers
999 views

What to do when customers search for “Cheap” when you want to convey “Quality”?

An ecom client that I am working with has an interesting SEO challenge. They sell products that they want to convey quality and value; however, the #1 thing searched for on Google, Bing, and their ...
16
votes
13answers
1k views

How much value is there in using “industry standard” design elements?

I'm currently thinking about a redesign of my personal website. One of my goals for the redesign is to add to my perceived authority as part of my chosen industry. One option for achieving this is to ...
16
votes
12answers
12k 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 ...
16
votes
5answers
2k views

Appended and Prepended Checkbox: when can I use this?

A was taking a look at Twitter Bootstrap, and, looking at the Prepended and Appended checkboxes, just cant figure out where, why and when I can use it. Can someone give me a good example?
16
votes
3answers
4k 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 ...
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 ...
16
votes
6answers
344 views

Is there a term/name for these labels?

Are there any conventional names for these informational labels?
16
votes
4answers
3k views

Building logical criteria (with AND , OR, etc)

I am looking for inspiration on this. We have a Dot.Net web application, where we are building pretty complicated criteria. It works, but I would like to change this, re-shape this, possibly from the ...
16
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 ...
16
votes
3answers
3k views

Best ux design for “add row” to enter multiple values

Ive seen this following method on Xing that allows multiple entries of unknown limit: I want a better way, since the + and - look confusing i sometimes get confused myself, in addition the ...
15
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 ...
15
votes
6answers
2k 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
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
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
853 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 ...
15
votes
6answers
942 views

Is my gender selection sexist?

Basically, instead of a simple dropdown gender selection I wanted to go with something a bit more unique. I am using a material-design layout over my entire site, although I feel as if my gender ...
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
4k 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
7answers
106k 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.
15
votes
4answers
19k 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 ...
15
votes
6answers
1k 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
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. ...
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
8answers
7k 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
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
4answers
2k 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
997 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, ...
14
votes
6answers
1k views

Using asterisk (*) vs required [duplicate]

For a long time, the norm was to put a red asterisk "*" after the field label if the field was required. Now I am observing a shift into replacing the asterisk symbol with the word "(required)" after ...
14
votes
4answers
5k views

Should i optimize my website for non-javascript users?

I have been working on a website which relies mainly on Ajax calls and jQuery to provide a rich user interface. Though the site looks just fine without JavaScript enabled. Some Features like Login and ...
14
votes
3answers
691 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
1k 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?