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

learn more… | top users | synonyms (3)

14
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 ...
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
730 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
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 ...
14
votes
7answers
4k views

Are tag/word clouds useful?

A lot of blogs or other types of sites with a lot of content use tag clouds, where trending words are shown and popular words are displayed larger. For example Should you put a tag cloud on your ...
14
votes
3answers
570 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
3answers
2k 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 ...
14
votes
8answers
756 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
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, ...
14
votes
12answers
7k 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
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?
14
votes
8answers
4k 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 ...
14
votes
3answers
736 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
293 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
285 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
804 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
3answers
1k 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 ...
13
votes
7answers
890 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
5answers
815 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
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
4answers
998 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 ...
13
votes
4answers
7k 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
4answers
604 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

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 ...
13
votes
8answers
2k 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
1k 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
360 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
2answers
1k 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: ...
13
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 ...
12
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 ...
12
votes
9answers
3k views

How do you reduce the number of emails users send you?

We have a website for an amateur sports club www.cugc.org.uk with a lot of content, we have put a lot of effort into providing all the relevant information to new members or those interested in ...
12
votes
6answers
732 views

Dropdown vs map

Is it a good idea to use map for selecting travel destination? At the moment we are using dropdown menu to select the country the user would like to visit. We are also using dropdown for duration and ...
12
votes
6answers
792 views

Can I use “Prev” instead of “Previous” on a button?

We use Next/Previous buttons as controls in our image gallery. I'm in the process of implementing responsive design, so there is a limited amount of space that I can be used for these buttons. I'm ...
12
votes
8answers
2k views

Which side of a web page should a side menu go on?

Many websites have side menus and I seem some have the side menu on the right and some on the left. Which side is better?
12
votes
5answers
10k 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 ...
12
votes
3answers
703 views

How much space should I leave for a person's name?

How many characters would you feel safe leaving for a First Name and Surname? The users of the system are going to predominantly be from the UK (I mention this because some parts of the world seem to ...
12
votes
8answers
5k 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 ...
12
votes
7answers
80k 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.
12
votes
5answers
540 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 ...
12
votes
3answers
3k views

Are inner scrollbars a bad ux?

Looking at the gmail interface when replying a message, I can see the original message and just below it, the new message window. this pattern creates two vertical scrollbars: one in the browser ...
12
votes
5answers
793 views

Would it be bad design (and unsafe) to put password guidelines next to a login box?

Different websites have different password requirements Some are content with a combination of just lower case words Some require a combination of lower case and upper case words Some require ...
12
votes
5answers
618 views

Is it okay to use breadcrumb navigation on some pages and not on others?

Breadcrumbs would be redundant for some of my pages and quite pointless, but effective on others which are a bit deeper. Is it bad practice to only implement breadcrumbs on some of the pages?
12
votes
2answers
2k 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 ...
12
votes
4answers
885 views

“Shaking” button leading to increase in conversion rate?

I'm just running an experiment on the UX Pin homepage. One group got a "shaking" button (the big orange sign up starts to shake after few seconds) and the other group got traditional "static" button. ...
12
votes
3answers
166 views

Stamping the current date & time on a page

I recently wrote to First Capital Connect to raise a number of issues with them relating to their St Pancras Thameslink station layout, and also complained that their site features the current date ...
12
votes
9answers
392 views

To what extent should a client be involved in UI/UX Design?

To what extent should a client be involved in User Interaface and User Experience Design? For instance, in a web design job, at what extent the client should be involved in the structure of the ...
12
votes
3answers
615 views

Do online-feedback tools generate useful feedback?

We'd like to gather feedback from our users after the re-launch of our website. We do usability tests and interviews but I'd like to provide an easy way to give feedback for any user. There are tons ...
12
votes
4answers
1k 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 ...
12
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 ...
12
votes
4answers
3k views

What is the best way to visually present a sitemap?

Do you know which are the common patterns for a graphical representation of a sitemap?