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

learn more… | top users | synonyms (3)

11
votes
2answers
2k 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
457 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
4answers
512 views

How does a “random page” option help an application to succeed?

Some documentation applications, particularly wikis (including, of course, Wikipedia) have a Random Page function. My question is - how important and useful is that? Is there any objective data ...
11
votes
3answers
598 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
3answers
46k views

responsive website min-width?

In my experience most responsive websites don't have min-widths so when resized to a tiny size (say a 100px window) the content screws itself up and becomes illegible. example: ...
11
votes
2answers
2k views

Proper usage of fieldset / legend tags

I'm wondering what the suggested usage of <fieldset>s are on a webpage. For example, on a simple page with just one form (one set of inputs) is it still recommended to use a fieldset? Or should ...
11
votes
2answers
778 views

Skeuomorphism or OS-consistency?

Skeuomorphic UIs should give the user something that looks like a familiar object, presumably making it easier for them to understand what it should do and how it should be used. Even if the UI isn't ...
11
votes
3answers
267 views

What voice should an option you don't want users to change be written in?

We have a form with a bunch of options that impact how our service will work for a given account. Most of them are positively-voiced questions ("Allow this to happen?"). There is one option that ...
11
votes
6answers
3k views

Have the attitude changed the last ten years on horizontal scrolling on web sites?

Often cited usability guru Jakob Nielsen wrote the article “Top Ten Web-Design Mistakes in 2002” and placed on no 3 Horizontal Scrolling as a Web Design mistake with the motivation: Users hate ...
11
votes
4answers
4k views

Font sizes for WCAG2.0 AAA

Anyone know what the WCAG2.0 definition of 'Normal' and 'Large' fonts are, as they relate to the AA and AAA levels? I've googled and read the WCAG site and docs but unless I'm being really stupid ...
11
votes
12answers
1k views

Which to show first: login or register screen or both?

I have a site for which I am working to improve user onboarding. What happens now is that when a user does some action that requires him to be logged in, I make a jQuery popup come up telling him to ...
11
votes
7answers
2k views

How to design a good one-line date picker?

I'm designing a website on which a user has to pick a date, which is today by default. The content of the site will be based on the chosen date. 90% of the time, the date will be chosen between today ...
11
votes
7answers
4k views

When (if ever) should links be opened in a new window?

I have seen a lot of discussion on this topic but it all seems to be opinion based without any research backing up the assumptions. It seems that there are times that it is particularly relevant to ...
11
votes
3answers
668 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
5answers
813 views

Is it absolutely necessary to show the currently selected language in a language selector?

There are three choices of language. At least on mobile it would be nice if I could save a little space in the footer by omitting the currently active language. This seems risky though as it means the ...
11
votes
3answers
3k views

Single or Multi page web application

Is it better UX wise, to build a web application with traditional multi-page transitions or to have a single page application where the other components of the page use AJAX and jQuery to load content ...
11
votes
3answers
859 views

Is a website sidebar a user blind spot?

I've seen studies about how ad blindness can prevent users from even noticing ads exist on a website, but are there any studies that perform the same research for the entire sidebar? On some sites, ...
11
votes
6answers
250 views

How to generate product ideas as a group?

I work for a smaller startup, and for the past several months we've been conducting weeklong "Design Sprints" which are a great group product exercise based on an idea from Google Ventures. While ...
11
votes
3answers
290 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
2answers
1k views

Designing a web front end for launching long running batch processes

I'm looking for an example of a "web portal" application which has a well-done, easy-to-learn user interface. By "web portal", I mean a web interface to a batch-processed system that runs ...
11
votes
3answers
551 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 ...
10
votes
4answers
1k views

Better approach to blue/underlined for link?

We have a web application that allows users to query a database. The results are returned in a breadcrumb style interface. We brought this change in at a new version, and assumed it was ...
10
votes
7answers
2k views

Why web-safe colors only?

We are often told to only use web-safe colors for font's and background colors etc when not using an image. I don't understand why this is? Most websites contain high quality jpegs these days with ...
10
votes
4answers
388 views

Another phrasing for the term “Directions” in this case?

Below is a short browser based linux simulator for training purposes. It basically starts off with a blank screen, and gives directions for the user to enter a linux command to do a given task. If the ...
10
votes
10answers
2k views

Drawbacks of auto “focusing” on a web page's text field (JavaScript)

Do you guys know any drawback of focusing on a text field on a web page ? It's pretty useful when you know users will use this text field more than others (like on the google homepage), but it's a bit ...
10
votes
6answers
1k views

Is the “Help” feature really helping?

Almost all apps/sites have a feature 'help' regardless of type and subject of the app/site. I have rarely seen people using the same for their benefit. I would want to know if it's worth putting the ...
10
votes
3answers
2k views

Placement of delete button on form

I have a form which edits a flight, and it should be possible to delete them. I have considered putting a delete button in the index page, which lists all the flights, but the table rows are clickable ...
10
votes
4answers
1k views

How to design a form that requires the user fill in one text field out of three

I am having a form where I want the user to fill in one text field out of 3. These 3 fields are used to identify other clients in different ways (Phone number, Email or Name). The last text field is a ...
10
votes
9answers
3k views

What are the advantages and disadvantages of “minimal” design?

E.g. Google has minimal web design (just a search box). How do you define minimal design? How does this relate to minimalism in general? Is Facebook also minimalism at least from the beginning?
10
votes
5answers
1k views

What is a wireframe?

Ok. I sort of know what is a wireframe, but I still need a lot of help. The question actually wants to ask how to get started when "designing" a wireframe for an online shop. I am doing an internship ...
10
votes
5answers
1k views

Will removing the border & bevel on these buttons make them look un-buttonlike?

First: I'm not a designer by trade, but I do occasionally do design some things. A week ago I began writing an open-source, extremely small (960 bytes gzipped/minified!) CSS framework. Since then ...
10
votes
5answers
11k views

Why is 13px Arial font the web standard?

If you use any of Google's applications, from search to Gmail you will find the base font used for most things is 13px Arial. font-family: arial, sans-serif; font-size: 13px; ...
10
votes
4answers
2k views

Alternative graphical representation of a goal achievement?

The client has a set goal X that he wants to achieve every month and he wants this represented graphically and I agree that it would be a good way for people to easily see how far along they are. The ...
10
votes
7answers
697 views

How can we communicate the ability to use the same login credentials across multiple sites?

We currently own siteA.com and have a pretty big user base. We are now planning to introduce siteB.com and siteC.com into the mix. Since we want to end up with a "network of sites" and make things ...
10
votes
4answers
727 views

Should hyperlink text color be changed after visited

I must admit sometimes it is useful but i realy dislike it.
10
votes
3answers
317 views

Should general 404 page be shown to the user if he clicks one-time link second time?

There is a Sign up function in a web application. After user signs up, an email message with confirmation link is sent to his email address. This confirmation link is obviously valid only one time. ...
10
votes
5answers
1k views

Replace radio-input with “buttons”? (web forms)

Is it good (or okay) UX to replace radio input fields with something that looks kinda different (please look at the image to see what I mean). I think most people will understand that they have to ...
10
votes
4answers
2k views

Different Font Faces in same Web Application

The context here is a web application delivered through the browser. My question is: is it ever okay to have different font faces or a single application? To me it looks obvious but not egregious.
10
votes
8answers
980 views

Is it okay to open a help link in a new window?

I have read Jacob Nielson's usability book and he says links should never open in a new window. Here are some of his reasons: Novice users cannot manage multiple windows and become disoriented. The ...
10
votes
2answers
912 views

Caption below or above image for navigation purposes?

It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention. I want ...
10
votes
3answers
7k views

Best design for displaying list under a list of items ?

I have a list of items in a database and i display 10 items with some additional details at a time(as table rows). I use next & previous buttons to fetch the remaining items. This part has been ...
10
votes
6answers
1k views

How to test usability on competing mock ups cost-effectively?

I have a client that is very opinionated about what she likes and dislikes about my design and moves things around to where they "look right" for her. I want to test my original mock-ups vs her ...
10
votes
5answers
610 views

Page updating: “full”, “notification” or “replacing”

What is the best user experience with the auto-updating pages - for example, a list of songs. Currently I'm thinking about three good possible solutions: "Full" update: when the new content appear ...
10
votes
4answers
707 views

“Selling” the management on need for UX focus

After the novelty of finding this SO section wore off (and being rightfully shamed of asking a duplicate question), I'd like to rephrase this question so it would target what I feel is a gap in ...
10
votes
3answers
4k views

What is the purpose of a website's homepage?

The title says it all really. While I realize the answer to this question is somewhat dependent on the visitors you're targeting, I'm wondering if there are any specific guidelines to follow. It's ...
10
votes
3answers
4k views

Guidelines for when to auto-save settings vs “save” button

In our web application we have a number of pages to do with user settings, in different categories. For most of them we have a display page with an edit button/link, which takes them to a form which ...
10
votes
4answers
2k views

Usability of hiding the submit button (and using the enter key to submit)

More and more commonly, I find that websites elect to hide or remove the submit button from forms. One obvious example is this site (along with other StackExchange sites), whose search field lacks a ...
10
votes
7answers
2k views

What's the best way to create screenshots with callouts to show features of a program?

I'm redesigning a website for a downloadable app. I'd like to create a Tour of the features which has screenshots pointing out how to use it. What are the best tools for doing this? For bonus ...
10
votes
3answers
443 views

Free Video tutorials about Web Usability and Accessibility [closed]

What are free Video tutorials about Web Usability available on net? from Basic to advanced. Do you have any good links? I found some: Web Form Design http://videos.visitmix.com/mix09/c17f Web ...
10
votes
1answer
320 views

What is the formal name for an information block in a webpage?

The upper right of the following page has a block labelled "How to Format". What's the formal name for this element in GUI design?