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
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
5answers
23k views

Pagination Best Practice [closed]

I am not sure on the best way to handle some pagination I need to perform on a table that could potentially get very big (5,000 rows plus). My first question is should the amount of rows shown per ...
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 ...
23
votes
5answers
138k views

Why is 1366x768 considered by some to be the standard widescreen for modern laptops?

I have a 13" MacBook Pro (mid-2012) but it is limited to 1280x800. The other resolutions available to me, when I go to system preferences, are 1152x720, 1024x768, 1024x640, and 800x600. Presumably, ...
23
votes
9answers
8k views

What techniques can I use to wireframe sites with responsive/fluid layouts?

How do you make wireframes for responsive or fluid layouts? Typical wireframing techniques are static and aren't well suited to showing how designs scale. What techniques exist to capture the dynamic ...
23
votes
3answers
10k views

Is the usage of text embedded in an image a bad practice, for very controlled uses?

What are your thoughts on writing your text in images? I'm not saying throughout the whole website... But in certain key locations like image carousels. And I'm not talking about the special cases ...
23
votes
6answers
9k views

Contact form or mailto: link?

I'm aware that mailto: links only work for people who use a mail client. Assuming most novice users don't, is it safe to assume that contact forms are only appropriate when the target audience isn't a ...
23
votes
5answers
1k views

What makes people vote?

What drives people to upvote or downvote content? I'm looking for the je-ne-sais-quoi quality on successful voting systems and I just can't put my finger on. Let's look at three examples: http://...
23
votes
7answers
30k views

What are the rules of thumb for margins in web design?

My web designer tells me that in a web page, the empty margins or padding should always be multiples of a standard. For example 6 px, 12px, 18px. This should produce nicely balanced lay-outs. I would ...
23
votes
3answers
15k 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 high-...
22
votes
6answers
10k views

Why are visitor counters for websites not used any more?

I remember in the early days of the Internet one of the most prominent things on a website was the visitor counter. These days with so much analytics and obsession about how many people visit or ...
22
votes
8answers
429 views

Do we still need text scaling links on websites?

Links/buttons to adjust font size used to be one of the accessibility must-do's but do we still need to include the text scaling links on our sites? Most modern browsers and operating systems support ...
22
votes
2answers
4k views

In RTL mode do icons need to be mirrored?

I am working on a website that has both an English and Arabic version, and the site has a lot of icons. Can I flip all images in right to left direction for the Arabic version as shown below?
22
votes
6answers
1k views

Are increase and decrease arrows redundant on scrollbars?

Surely these days users are either using touch devices to scroll with gestures or are dragging the thumb of the scrollbar or clicking inside the track. Would it be a bad idea to remove the arrow ...
21
votes
7answers
4k views

Pop-under: Really that bad?

We're currently discussing to add pop-unders to one of our platforms to get users to use one of our notification features. As you can probably imagine, as a UX person I'm really against the use of pop-...
21
votes
4answers
5k views

Like/Dislike display order

I am researching and designing a new online community platform where developers can share their knowledge by writing articles with tutorials, tips & tricks etc. I want to have a rating system so ...
21
votes
4answers
26k views

Adding “Select…” as first option (placeholder) of dropdown list

Would it be considered a good practice to add the word "Select..." as the first option of a dropdown list? I think it's redundant and not at all necessary and what is in the dropdown list should be ...
21
votes
5answers
2k views

Should a user be able to control the timezone when scheduling something?

I have a product where users can schedule content to post to social networks. The users may have their account set to their local timezone, while running a campaign which requires them to schedule ...
21
votes
4answers
5k views

Does the average user understand the standard HTML multiple select box?

If I want the user to select one or more items the HTML symantecally correct form element would be <select multiple>. So the code would be: <select multiple id="sel"> <option>...
21
votes
5answers
6k views

When is a right-handed navigation sidebar appropriate?

When is a right-handed sidebar for navigation a good choice? If possible, I would like some examples where it has been used, such as this sidebar from Google's official blog.
21
votes
7answers
4k views

What is the most pleasant and fast UX when logging in / registering for a private web-app?

In my case, the openId login is out of the question. The application that I'm working on will only allow corporate users with a given specific email domain to register. The login/register form needs ...
21
votes
4answers
6k views

Building logical criteria (with AND , OR, etc)

I am looking for inspiration on this. We have a Dot.Net web application, where we are building pretty complicated criteria. It works, but I would like to change this, re-shape this, possibly from the ...
20
votes
4answers
4k views

Background for black and white chart

I have a plot where I stack the color white and black as values by month. I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like. Any ...
20
votes
7answers
8k views

How can I convince others that text over background images is a bad idea?

I'm being pressured to build a feature that would make it easy for users to create web pages that feature large text over large images. Like this: I am of the strong opinion that this design pattern ...
20
votes
9answers
10k views

Should radio buttons be pre-selected?

I am working on a re-design for a eCommerce site and they have a section where they offer a free gift card if the user makes a purchase over $1000. The idea of the gift card is to get users to ...
20
votes
7answers
7k views

Another way to show a sub-row in a table?

I'm trying to determine a way that shows sub-rows for a table. Typically the indentation of the row means that it is a sub-row of the parent. The table can have a single row of children from the ...
20
votes
6answers
48k views

Using asterisk (*) vs required [duplicate]

For a long time, the norm was to put a red asterisk "*" after the field label if the field was required. Now I am observing a shift into replacing the asterisk symbol with the word "(required)" after ...
20
votes
4answers
5k views

Showing both your answer and the correct answer on UI

In this case it's a mock betting site, but my question applies to any multiple choice QA site. This is the best that I came up with so far: It is horribly confusing. The colored rectangle is "what ...
20
votes
7answers
9k views

Are tag/word clouds useful?

A lot of blogs or other types of sites with a lot of content use tag clouds, where trending words are shown and popular words are displayed larger. For example Should you put a tag cloud on your site?...
20
votes
7answers
7k views

How should I indicate that a download is in progress?

I have a data table that has a row of buttons with download format options. When one of the buttons is clicked, I want to display some sort of message to indicate that the download preparation process ...
20
votes
1answer
953 views

Should I specify type of downloadable document?

On my personal website I have an "About" page. At the top of it there is a "Download CV" link. Should I put the type of the document in the brackets like "Download CV (PDF)"? Does the lack of ...
20
votes
8answers
11k 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 ...
20
votes
9answers
5k views

Responsive web design Vs Separate website for Mobile

Responsive Web design is buzzword these days. which means to create a same website and optimized for all devices. There are also some website which convert the desktop websites into Mobile website ...
20
votes
4answers
1k views

Should users be directed to a 404 page or a landing page?

We have two pages. One is a landing page, given by the route /region. The other is a detail page for a particular region, given by the route /region/summary/{id}. The landing page is the normal way by ...
20
votes
9answers
9k views

How does user interface design fit in a development process?

In a software development process where does the user interface design fit? If we take an agile approach for a small team (2 juniors, 2 seniors, a Team Leader and a web designer) what normally should ...
20
votes
9answers
8k views

How do users expect dropdown navigation to work?

This question is in regards to expected behavior with drop-down navigation in web pages. This is part of an email I just got from a client: ("Admissions" is one of the top level navigation links) ...
20
votes
3answers
2k views

Why Do Long, Ugly Sales Pages Convert?

It seems impossible to avoid the litany of "snake oil" sales pages consisting of long, boring videos and endless (and I mean endless) text. These look like UX nightmares, and yet they're becoming ...
20
votes
2answers
5k views

WYSIWYG vs MarkDown - is there a middle ground?

I'm trying to figure out how to let my users edit their content on my site. It's currently just text formatted depending on the screenwidth, but I'd like to give them more control over their content: ...
20
votes
5answers
387 views

Tools for checking accessibility compliance [closed]

As part of my website designs, I like to make sure that I am adhering to the accessibility standards (Section 508, UK Disability & Discrimination Act, etc...). Can anyone recommend any tools/...
20
votes
12answers
15k views

What should internal “home pages” and “index pages” be called?

I'm trying to figure out what these respective web pages are called in relation to the larger architecture. Here's a simplified architecture diagram: I understand that Home at the top is properly ...
19
votes
4answers
4k views

Having an icon to replace 'Forgotten username and password?'

Has anyone come across any instances where an icon has replaced the link text: 'Forgotten your username and/or password?' I am designing a log in bar that has to go across the top of the website and ...
19
votes
6answers
4k views

Credit Card input format

Somewhere, in one of the Usability books I read ( probably Donald Norman ), there was a suggestion that the normal format for entering credit cards was wrong. The usual format is 16 characters in a ...
19
votes
4answers
8k views

Should I optimize my website for non-JavaScript users?

I have been working on a website which relies mainly on Ajax calls and jQuery to provide a rich user interface. Though the site looks just fine without JavaScript enabled. Some features like Login and ...
19
votes
3answers
1k views

How to show progress towards goal?

On our intranet we display some numbers for our employees so they can keep track of their performance goals. Currently it's just a table. We'd like something more visual, and this was the first ...
19
votes
6answers
2k views

Why is there a convention on the web for dropdown menus on hover instead of on click?

This is something I've always wondered. On all major operating systems, application menus (File/Edit/View etc) only appear on click. However, nearly every web site that uses a drop-down menu ...
19
votes
12answers
20k views

Force a PDF download vs allowing the user to view in browser first

Every once in a while, I come across a business requirement asking me to force a PDF document to be downloaded from a website instead of opened in the user's browser. While I question this every time ...
19
votes
9answers
2k views

Marquee or Ellipsis for song name in music player?

I have a music player where song that is being played is displayed on top side. Often there is a case where name of the song that is being played is long enough that it can't be shown completely due ...
19
votes
5answers
9k 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 ...
19
votes
4answers
12k 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 ...