Questions tagged [website-design]

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

Filter by
Sorted by
Tagged with
41
votes
14answers
7k views

Should Mobile-optimized sites allow Zooming?

Zooming is common on mobile because sites aren't designed for it; you need to zoom, generally, you don't want to zoom around. Mobile sites are supposed to not need any form of zooming, and often ...
41
votes
10answers
3k views

Have I missed anything from my list of web form best practices?

So I have been putting together a list of best practices to apply to forms recently and there is a lot of conflicting research out there. I have been combing everything from blogs through to HCI ...
40
votes
5answers
4k views

why are circular buttons in software/websites so rarely used?

Why are circular buttons in software/websites so rarely used? Is it purely convention or are there usability reasons behind this?
40
votes
8answers
26k views

Should hyperlinks be blue?

I've built a site where all hyperlinks have the default colors: blue for links, purple for visited links. They turn red on hover. I believe that always using blue for hyperlinks is a good thing, so ...
38
votes
13answers
10k views

Why is resizing the browser window bad practice?

I asked how I can resize the browser window with JavaScript. Everybody told me not to do it. Why is this a bad practice? I think sometimes it can be good. For example, I want to show users a tweeting ...
37
votes
10answers
3k views

Should you place the “add a comment” form above or below the list of comments?

There seems to be very little consistency across most sites when it comes to placing the comment form. Which do you think is the most usable, above the comments list or below? Above the list: ...
37
votes
4answers
9k views

Should language be part of a website url?

When designing a website that can be viewed in multiple languages, should I put the language in the urls? Like: http://www.site.com/en/ Or alternatively, should I put it somewhere in the session or ...
36
votes
6answers
10k views

Is it acceptable to use Google Material Design in web applications?

We are considering using Material Design components in our website, but since this is an "Android design", wouldn't it turn away iOS users? What is the best practice? Is it wide-spread to use these ...
36
votes
5answers
15k views

When should I use a lightbox versus new page?

While designing for web, when should I use a light-box and when should I direct the user to a new page? For example, if the user clicks the "contact" link, should I open a small form in a light-box or ...
35
votes
11answers
11k views

Are hover states necessary?

We're having a discussion in the UX department here at work as to whether or not hover states are necessary to a UI. We're kind of divided. Here are the two arguments: Against (started the discussion)...
35
votes
4answers
11k views

Are italics on the web bad for accessibility?

On a current web project, we've received word from the client that we can no longer have any italicized text on the website we are building. When I asked for some reasoning, I was told that "our ...
35
votes
8answers
4k views

Is it a good idea to have a large footer containing many links?

In recent years, it's become quite a common design pattern to have a large footer on every page, containing a 'mini sitemap'. For example: This has supposed SEO benefits but would also seem to be ...
35
votes
3answers
3k views

What text should be used for an insertion button? “Create”, “New” or “Add”?

Whenever I have been designing interfaces, I always wonder if I should name the button Create, New or Add. I have never decided and stuck with one and would like to get an explanation on what use ...
34
votes
6answers
7k views

About fullscreen scrolling webpages

There are recently many websites using full screen scrolling pages since Apple launched their own with the iPhone 5C. (website not available anymore, but a reproduction can be found here) Some other ...
34
votes
6answers
6k views

How to show direction traveled on a map?

I have a map with locations coming from a user. Sometimes these are sparse (1 location every 500 meters), and sometimes dense (many locations every 100 meters). I have them plotted on a map, similar ...
34
votes
5answers
13k views

Best practices for online help

we're currently developing a fairly complex web portal. To improve the user experience, we want to provide a context-sensitive online help system that can aid the user in understanding certain aspects ...
34
votes
1answer
1k views

Are live stats effective? e.g. “5 people are viewing this hotel right now”

For example, Expedia (and other hotel sites) have alerts that come and go that say things such as, "17 people have booked this hotel this week." Is there any documentation out there concerning this ...
33
votes
45answers
3k views

What tools (ideally affordable ones) would folks recommend for creating a website wireframe? [closed]

What tools (ideally affordable ones) would folks recommend for creating a website wireframe? What tools have you used, and did you find them better than pen and paper?
32
votes
4answers
4k views

Display comments order - best practice

I wonder what is the best comments order on the website. I assume there are two major methods to display comments: from newest to oldest, from oldest to newest. Facebook uses method one and displays ...
32
votes
11answers
7k views

For websites, is it better to have a variable width layout or a fixed width layout?

Due to different screen resolutions, the user experience browsing a website might be different. Is it better to layout the website with a fixed width? (and if so should there be different static ...
32
votes
2answers
5k views

Why do we keep asking if our users would use/recommend our product/service again?

I read about users not being able to predict their own future behavior because they simply can't comprehend what influences their choices(UX Myths). If this is the case, why do websites, apps and ...
32
votes
7answers
4k views

Why does the golden ratio work? Or does it?

This is just one example of an article promoting use of the golden ratio in design. Over the past few years I've seen quite a few similar articles, but none of them really seem to go into depth beyond ...
31
votes
10answers
3k views

When you hate your design and you're almost finished with it, what do you do? [closed]

I started out with a web design template that I loved. I spent a few days finding, cropping, and touching up the perfect images. I tweaked the CSS to better fit my page's style. In short-- I was in ...
30
votes
4answers
19k views

Multiplication sign, using '*' or 'x'

In mathematics, the operators provided on keyboard are quite clear for addition, subtraction and divide: + - /. The multiplication sign * might be familiar as the multiplication for programmer, but I'...
30
votes
12answers
1k views

Blocking IE6: Deny outright or warn of issues?

We're looking at (finally) retiring IE6 support. I've always been a big fan of graceful degradation but we're really pushing ahead and trying to embrace features that we're simply not going to want ...
30
votes
9answers
2k views

Are “print” links needed on a website?

What do you think, does a website for a general audience need a "print" link or will the users know how to print the page for themselves (using the browser controls)? Some background: It's not a ...
30
votes
10answers
7k views

Is there a usability reason for centering a website's content area on a page?

A lot of websites these days have content area's which are center-aligned: http://ux.stackexchange.com is an example. However some sites are left-aligned e.g. http://forums.adobe.com/index.jspa, ...
30
votes
7answers
8k views

Greyed-Out vs Invisible

What is a good criterion or rule-of-thumb for determining when a control should be greyed-out and when should it be completely invisible?
29
votes
3answers
99k 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: http://alistapart.com/...
27
votes
6answers
3k views

Display an overdue task on task list

I currently have a task list (displayed below) that I want to convey a way to represent that it is overdue. I don't want to add too many icons such as warnings etc, so I figured the best way may be to ...
27
votes
9answers
10k views

Dark on Light or Light on Dark? [duplicate]

For a very technical site documenting code, sharing code snippets, and documentation, I have been told that using dark fonts on light backgrounds is recommended for people being able to read the ...
27
votes
6answers
4k views

Buttons instead of radio buttons or a dropdown

In a recent project of ours I am tasked with creating an interface that solves the same problem as radio buttons or a dropdown menu would, but using buttons instead. It approximately looks like this: ...
27
votes
6answers
8k views

Is it correct to sometimes capitalize words mid-sentence in computer user interfaces?

I've noticed that many sites and user interfaces tend to capitalize certain words or sentences like so: Choose File Select a File to Upload Account Settings How to Format but in some other cases, ...
27
votes
6answers
5k views

Are custom scroll bars easier to use or do they just look “nice”?

I've noticed that a lot of webapps have started using custom scroll bars. A few examples include Facebook, Trello, Google Docs, and Twitter. I'm sure you can think of some more: How do these types of ...
27
votes
4answers
20k views

What unicode symbol should I use for EDIT?

I'm trying to keep a very light payload on a wordpress plugin I'm writing. Users will be able to: add - + refresh - ⟳ edit I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. What'...
27
votes
1answer
6k views

Where is the Best Placement for Breadcrumb, top or bottom?

Usually I see that every website put their breadcrumb on the top, but apple put their breadcrumb on the bottom before the footer. Does that work better than when we put it on the top?
26
votes
13answers
8k views

Analog Clock or Digital Clock to tell the time

I am designing a website where a clock has to be placed in the website to tell the time. I have to choose between an Analog Clock and a Digital Clock assuming both take up the same space on the ...
26
votes
6answers
10k views

Should I show the max. allowed file size in an upload form?

My website contains a form that allows users to upload and attach scanned documents (.jpg, .pdf, ...) to their order. The documents are pretty small in file size (~ 200 KB up to ~ 10 MB, depending on ...
26
votes
4answers
7k views

How to tell visitors to activate JavaScript?

How should one tell website visitors that a website makes heavy use of JavaScript?
26
votes
5answers
3k views

Colored circles to signify status - a violation of accessibility guidelines?

I'm looking at Google's web-based user interface for managing an enterprise's Chrome devices. Each device's status is represented by a colored circle (see images below). I would have thought that ...
25
votes
7answers
5k views

Should the order of add / edit / delete buttons be based on the frequency of their use?

In our application we have several places where users see a list of items and can add, edit or delete an item. For some of these lists adding new items is probably the most frequent used ...
25
votes
5answers
3k 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 ...
25
votes
3answers
3k views

Label & Text-box alignment. Read the case

Note: I have read this vaguely-similar question and its answers: Why might right aligned field labels be better? Case: I have a long (approximate 10-15 fields in 1 form) B2B form in which I have ...
25
votes
5answers
2k views

Are HTTP error codes user-friendly?

Why do we still have these HTTP error codes? For me it seems like they are completely useless for the user (not for all but most of them). It says nothing helpful (look at the screenshot above, it ...
25
votes
4answers
12k views

Are inner scrollbars a bad ux?

Looking at the gmail interface when replying a message, I can see the original message and just below it, the new message window. this pattern creates two vertical scrollbars: one in the browser ...
24
votes
12answers
3k views

Should date validation allow “091011”?

Should I allow users to input the MMDDYY or MMDDYYYY format for a date? That is, should any date validation logic not trigger a validation error if the user just wants to put in the numbers without ...
24
votes
7answers
7k views

0 to 10 rating system alternative

I have a system where the user has to rate other systems efficiency, availability, functionality and velocity in a 0 to 10 scale. I was going to use a simple "10 stars" interface for this, but I ...
24
votes
12answers
3k views

Content first or Design first?

When designing a layout, should we consider content first or design first? I make websites and 99% of the time my client wants the design before they start thinking about the content. In these cases, ...
24
votes
6answers
3k views

Calendar recurrences on the last day of the month

I noticed a difference in how Google Calendar and Outlook handle recurring appointments, specifically ones that are on the end of the month. If you try to schedule an appointment on the 31st of every ...
23
votes
7answers
3k views

red checkmark vs. a red “X”

I am currently designing a panel in my business application that shows a table of data to a user. The data in the table is the company's percentage (this is equated by many different values), whether ...