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
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 ...
11
votes
6answers
2k 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
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 usability ...
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
5answers
839 views

Does SSL on a company's website make the company appear more credible?

I recently had a thought about the way many modern browsers display information about a site's security certificates. At least Firefox shows a very noticeable blue box in the address bar on sites that ...
11
votes
3answers
1k views

Should I capture exceptions and present a nice error page to hackers? [closed]

If a hacker is trying to hack, should I present a pretty error page or redirect somewhere instead of a generic/cryptic error? I feel that the hacker knows what they are doing, I know what they are ...
11
votes
6answers
2k 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
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
459 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
515 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
602 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
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
794 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
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
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
3answers
672 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
842 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
6answers
252 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
325 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
562 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 ...
11
votes
1answer
2k views

Using a combination of horizontal navigation with submenus and vertical side navigation with submenus in one website

I've been involved in a website redesign where the navigation includes a primary horizontal navigation menu with one level of dropdowns and secondary navigation in the left column that repeats the ...
11
votes
1answer
673 views

Time (duration) entry in webapp - pros/cons of various designs

In designing a way to enter time durations in a website, there are various proposals below. What are the pros/cons from a UX standpoint for both mouse & touch uses. Yellow boxes show input ...
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 self-...
10
votes
4answers
390 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
2k 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
12k 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
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 it'...
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
734 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
740 views

Should hyperlink text color be changed after visited

I must admit sometimes it is useful but i realy dislike it.
10
votes
3answers
324 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
1k 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
953 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
4answers
533 views

Should a UX Designer design in Pixels, Ems, or another unit of measurement?

I'm getting reading to set up my wireframe file for a responsive site. But after reading more about CSS pixels vs. pixels vs. ems, I can't decide how best to design the site and then communicate the ...
10
votes
5answers
615 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
723 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 ...