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
381 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
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
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 ...
10
votes
8answers
3k views

Web design workflow without Photoshop

There is more and more talk of web designers moving away from the idea of spending an incredible amount of time wireframing and then designing in Photoshop and I wanted to get everyone's opinion on ...
10
votes
5answers
957 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
998 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
4answers
1k 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
4answers
717 views

Should hyperlink text color be changed after visited

I must admit sometimes it is useful but i realy dislike it.
10
votes
3answers
296 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
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
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
2answers
795 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
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 ...
10
votes
6answers
832 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
503 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
662 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
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
3k 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
3answers
398 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
745 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
278 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
1k 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
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 ...
10
votes
2answers
369 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
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
7answers
11k views

Security question & answer. What questions do you ask?

Working on a save quote feature for our new website, one of the security requirements is to ask a secret question and obtain a value from the user. Does anyone have suggestions on the type of ...
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
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 ...
9
votes
4answers
891 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
543 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
513 views

How can I encourage my users not to multitask?

Context: I'm creating a website aimed at middle-schoolers and high-schoolers to help them collaboratively create stories. The site is gamified so that each user will want other users to vote for the ...
9
votes
5answers
10k 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; ...
9
votes
4answers
506 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
11k 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
7answers
574 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
878 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
441 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
519 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
493 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
3answers
532 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
289 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
228 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
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 ...