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

learn more… | top users | synonyms (2)

13
votes
5answers
689 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
4answers
3k 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
3answers
1k 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 ...
13
votes
4answers
568 views

Should users be directed to a 404 page or a landing page?

We have two pages. One is a landing page, given by the route /region. The other is a detail page for a particular region, given by the route /region/summary/{id}. The landing page is the normal way by ...
13
votes
4answers
596 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
5answers
1k views

Should a multinational website background color be a conscious choice?

We know that colors represent different things in different cultures, and selecting the wrong color can have unexpected and unwanted effect on how we present our organization. Gaming sites such as ...
13
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?
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
4answers
2k 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, ...
13
votes
8answers
3k 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 ...
13
votes
5answers
4k 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
2answers
973 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: ...
12
votes
6answers
657 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
744 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
1k 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
3answers
670 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
935 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 ...
12
votes
7answers
2k 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 ...
12
votes
4answers
938 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 ...
12
votes
7answers
59k 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
486 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
5answers
690 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
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. ...
12
votes
2answers
1k 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
358 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 ...
12
votes
3answers
156 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
378 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
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 ...
12
votes
3answers
598 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
770 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
1k 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
2k 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?
12
votes
6answers
589 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 ...
12
votes
2answers
205 views

Alerting visitors to a website of a current event (e.g. breaking news)

Backstory: We have a website for a conference. As part of the process of the conference, we invite people to submit sessions, but only for a limited period of time. We want to alert visitors to the ...
11
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 ...
11
votes
6answers
683 views

What control to use to select multiple months?

I want to offer the users a way to select a range of months within a year. The selected months are used to display a table of data. The control should be placed above the table and since vertical ...
11
votes
2answers
900 views

Good UX for a page

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 ...
11
votes
7answers
2k views

Who designs great UIs with usability testing?

If you want to make a usability expert twitchy and uncomfortable, ask her how companies like Apple can create acclaimed, wildly successful, and usable products using top-down design without ...
11
votes
10answers
2k views

My boss has a different idea of a website's UX

Let me explain the situation. I started transforming an "old (.Net 2.0)" Application into a webapplication. Problem here is, that no-one here is really acquainted with the UX of a website (simple, ...
11
votes
8answers
4k 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 ...
11
votes
6answers
1k views

Multiple choice with Yes, No and 'No answer'

I am working on a Quiz Application for Multiple Choice question. Instead of normal Multiple Choice Questions with the two answers yes and no. I am working on one that allows a user to abstain to a ...
11
votes
1answer
947 views

How do I make a table row on a web page look draggable?

I have a table on a web page where I need to let the user reorder the rows. I was thinking of letting the user drag the rows to reorder them. But how would I let the user know that he could do that? ...
11
votes
7answers
418 views

What approaches are there to learn design, coming from a development background?

I'm a web developer trying to become a web designer. But seems that I'm lost in the world of design. But I don't know what to do, and from where should I start. I'm even unable to find good resources ...
11
votes
3answers
453 views

What's the terminology for bad practice around emulating browser functionality in your website?

Background We've just updated one of our 10-year old web applications and in doing so have removed a "back" and "forward" button on the main menu. Our reasoning behind this change is that the web ...
11
votes
5answers
521 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?
11
votes
4answers
759 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. ...
11
votes
8answers
4k 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 ...
11
votes
3answers
598 views

Displaying a panda's family tree

I have a section on my website that displays information about all known captive pandas, (Nearly 700) in total. Each panda has a single page which display it's name, birth / death and where it has ...
11
votes
3answers
211 views

Is a Q&A site a reasonable replacement for a forum for a software product?

I'm building a website for an open source piece of software that revolves around backups and cloning. I was originally going to use phpBB for the forums, but then thought about the possibility of ...
11
votes
3answers
341 views

Should a date field be pre-filled or left blank for hotel and flight booking forms?

Should a date field be pre-filled or left blank for hotel and flight booking forms? For example should i keep date field un-selected by default like this or with dates of next 3-4 days. and user ...