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

learn more… | top users | synonyms (3)

10
votes
4answers
1k 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
5answers
970 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
2answers
684 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
6k 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
4answers
2k 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 ...
10
votes
6answers
730 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
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 ...
10
votes
5answers
466 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
650 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
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
4answers
5k views

What is the smallest screen size you design for

I'm looking to make my website responsive, however this is my first foray into responsive design, and I'm pretty clueless at the moment. I have no idea what the current state of play is with regard ...
10
votes
3answers
380 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
5answers
708 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 ...
10
votes
1answer
263 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?
10
votes
1answer
1k views

Case studies on using gradients in a design

Are there any case studies on the use of gradients in a web design? I'm looking for answers similar to this answer about the usability of rounded corners. Specifically, I'd like to know: Is there a ...
10
votes
4answers
964 views

How do I represent null values in a line chart?

I am building a web-based analytics platform. I am looking to plot a line chart that represents the number of seconds it took for me to reach a live service agent via phone on a given day. In the ...
10
votes
2answers
2k 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 ...
10
votes
1answer
1k 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 ...
10
votes
2answers
357 views

If a sticky window panel is larger than the screen size, how should I display it?

I have one panel at the right where users can choose search options that is a sticky panel. However, on different screen sizes etc., if the height of this panel is higher than the screen height not ...
9
votes
10answers
3k views

Why do webpages scroll vertically instead of horizontally?

It is a common convention that webpages scroll up and down instead of right to left, but all printed material that's not written on rolls of toilet paper 'scrolls' horizontally. Why did the web break ...
9
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 ...
9
votes
9answers
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 ...
9
votes
7answers
3k views

Should PDFs open in a new tab? [duplicate]

A section on a website has a list of links to PDF files (containing end user content). When a user clicks on one of these links should it open in a new tab on the browser? Or should it open in the ...
9
votes
3answers
1k 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 ...
9
votes
4answers
783 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 ...
9
votes
7answers
541 views

Is using the alt-attribute for text-as-graphics ok?

There are several ways to present text on your web page in exactly the font your designer decided; as an image, a flash hack, some javascript hack, dynamic fonts. But to this day, the only thing that ...
9
votes
9answers
2k 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?
9
votes
4answers
494 views

Error message that always appears in the same place

Is it okay if error messages always appear in the same place on a website? I know the right thing to do is place errors inline, close to where the error occured. But there's hundreds of errors that ...
9
votes
3answers
10k views

What is the difference between web design, interaction design, user experience design, and user interface design?

It seems all four of these branches of design relate to each other at one point or another, and one can easily be confused for another by novices or outsiders looking in. Job postings online ...
9
votes
4answers
674 views

Should hyperlink text color be changed after visited

I must admit sometimes it is useful but i realy dislike it.
9
votes
7answers
529 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 ...
9
votes
8answers
851 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 ...
9
votes
2answers
414 views

Login without breaking the user flow

Let's say a user wants to perform an action that requires him to be logged in (e.g. sending a private message) so a link is provided to him to log in with a message similar to the following: Only ...
9
votes
7answers
515 views

Bridging the gap between color palettes and CSS

I'm familiar with sites such as kuler, I'm well-versed in HTML/CSS/JavaScript (as a programmer), and I know what sort of content I want in my website. I can figure out how to lay out my content ...
9
votes
5answers
488 views

What do you say to a complete web design newbie to not crush his spirit? [closed]

I have a newbie for web design activity. He sends me a link to his new website, and it's all blinking gifs and marquees and Comic Sans. My goal is to encourage him to learn and keep trying. What can I ...
9
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 ...
9
votes
3answers
482 views

Using aspect ratios for responsive design breakpoints

I am trying to figure out what the best way to make my site responsive would be. It seems a lot of people base responsive design off screen pixel dimensions, but I feel breakpoints in aspect ratio ...
9
votes
3answers
281 views

Why do menu labels behave differently in desktop applications and websites?

In a desktop application when you click a menu, you see all the options which reside within it, in a drop-down/pop-up list. In many websites with a navigation menu which has sub-categories, I have ...
9
votes
3answers
220 views

Having two different label alignments in one website / application

I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
9
votes
4answers
1k views

Why do so many sites make the mega footer a dark color?

Such as www.braintreepayments.com. I see this type of design so frequently nowadays. It's so common that it looks like a template, yet all kinds of companies that you wouldn't think would be using web ...
9
votes
12answers
963 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 ...
9
votes
4answers
583 views

automatically calculate contrast

A user can change the default design of his site by selecting a color. This color is applied to the menu background color. The problem is that I have to change the menu text color depending on the ...
9
votes
1answer
746 views

Should the spacebar activate tabs?

After you have navigated to an un-opened tab, via the use of the tab key, and it has the focus on the webpage: Should the 'spacebar' keyboard key activate that tab and open it (as well as the default ...
9
votes
3answers
416 views

Seasonal changes to the user interface? [closed]

Partially adapting the UI for the holidays is not an uncommon practice. This is also humorously known as the season of: "the client wants snow on the logo". Do you have any good, funny or dreadful ...
9
votes
4answers
2k views

How to test a website for visually impaired users?

What techniques should I be using when testing of a website for visually impaired users that commonly occur due to aging such as macular degeneration, needing reading glasses, possible loss of ...
9
votes
3answers
328 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...
9
votes
4answers
1k views

Is UX Copyrightable?

After the recent "Look and Feel" Apple vs Samsung lawsuits, I've been wondering to what extent this might affect websites/webapps that offer functionality similar to other existing sites. So what ...
9
votes
3answers
685 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, ...
9
votes
5answers
843 views

Most intuitive way to offer manual sorting? [duplicate]

all. I'm designing an online form builder (think Forms in Google Docs / Spreadsheets). The functionality is complete, but I'm not happy with the sorting capabilities. Everyone that I have done ...
9
votes
6answers
317 views

Best way to display whether someone is the right age for a match on an online dating site?

When I visit another person's dating profile, I'd like to see a visual indicator that communicates something about a person's age so I can determine whether they might be a good match for me--without ...