HTML (HyperText Markup Language) is the predominant markup language used for creating web pages. In modern web pages, HTML is used to markup the contents of the website, while CSS and Javascript are used to define the styles and behaviors respectively.

learn more… | top users | synonyms

6
votes
4answers
1k views

Producing static HTML prototype from fragments?

What would be a recommended tool (works on Linux) for managing included HTML fragments like shared footers, in a directory of static HTML serving as a clickable UI prototype? I want to be able to ...
6
votes
2answers
253 views

When should the message informing the user that the password they entered is wrong go away?

This is a follow up to this question since it got closed. In a log in form, after the user enters the wrong password, when should the message saying "wrong password or user name" go away? For example ...
6
votes
1answer
1k views

Accesibility vs. read-only input fields

I have a form with some read-only fields depending on the customer role. As a rule, I use read-only fields for those inputs. Are there problems with this approach using and assistive technology? ...
6
votes
2answers
332 views

What is the proper WAI ARIA role naming convention for shopping cart?

Designing an e-commerce website that is accessible, what would be the proper WAI ARIA role-attribute for the "shopping cart" section of the page? I understand the current available document landmark ...
6
votes
2answers
208 views

How to contrast read-only labels from their corresponding data

Given the interface below, what would be the best way to contrast the labels from the data labels? The only thing I could think of would be to shade the background of the labels, however, according ...
6
votes
1answer
135 views

modal window - fixed or absolute

I'm having a debate with colleagues about the way our modal windows work on our website. The two options are, fixed positioning - so that when the window pops up, it's stuck in the middle of the ...
5
votes
6answers
3k views

Best UI for an HTML table. [closed]

I frequently need to show tabular data and I want all the magic . . . sorting columns, pagination, etc. I prefer to use columns where you click on the name of the column and the sorting is done for ...
5
votes
5answers
2k views

How do I make a table row on a web page look clickable?

I have a simple web-based report presented as a table: Some rows are clickable, others are not (it can be seen with the third column. Greater than 0 means the row can be clicked and expanded in a ...
5
votes
5answers
8k views

Recommended button sizes on web pages

What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
5
votes
4answers
3k views

Best way to show User Profile?

I'm working on a web application where I have to save a user's info. This form has about 20 fields. This is the format I am currently using: Problem: What's the best way to show these fields in a ...
5
votes
2answers
2k views

How to layout form navigation for best usability?

Is there any usability study about layout of form buttons? I have a simple registration process. The user is guided with several forms through the process. Each form has a <next> and a ...
5
votes
1answer
96 views

Wrapping Stack Exchange footer site list?

Browsing through the StackExchange Android website I came across this, and was curious whether wrapping of site names is correct. Will a users eye automatically read "User" and wrap their eyes to the ...
5
votes
2answers
663 views

Sign up button disabled by default - Best practice?

I would like to know what the best practices in the web are for Sign up button on HTML Forms. Currently the site I'm working on has a design in which Sign up is disabled by default and is enabled when ...
5
votes
3answers
2k views

HTML vs. PDF — What are the Pros and Cons of PDF?

From 2003: http://www.nngroup.com/articles/pdf-unfit-for-human-consumption/ PDF is good for printing, but that's it. Don't use it for online presentation. Since then more and more devices can ...
5
votes
1answer
139 views

Elements running from the viewport perimeter, is there a name for that functionality?

So you know how if you right click on your desktop, the menu will appear either at the top-left, top-right, bottom-left, bottom-right depending on where your cursor is on the page? (<select> ...
5
votes
1answer
279 views

How to add a details link on a table when each cell is already a link?

I have a table on which each cell is already a link to a different section (eg. the row contains 'Name', 'Location' and 'Type' columns and clicking the name cell takes you to the Show action of that ...
5
votes
1answer
135 views

how to represent disabled cells into a table with alternate row color

I'm creating an editable html table with alternate row color with a focused row highlighting . When a cell is clicked, the user can modify its content. Considering all of these, I need to indicate ...
5
votes
1answer
270 views

helping user select html table for copy

This seems like it would be a common problem, but I couldn't find a discussion in a google search. Users often want to copy data out of html tables (off of web pages) so that they can paste the data ...
5
votes
2answers
2k views

Alternatives to pop-up in JSF

Modal pop-ups feel like ugly work-arounds in web applications. They seem to be hard to manage, can have problems with pop-up blockers, and the modality can create user confusion. What are ...
4
votes
4answers
1k views

Best error message to display when too many users logging onto web system

I have a website that started experiencing issues when too many people are trying to log into the website at the same time (usually at the start of the business day). Are there some examples of or ...
4
votes
4answers
624 views

Radio input appearance for mixed values

I'm looking for ideas on how to design radio buttons that have a second state that means "no change". So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
4
votes
3answers
284 views

How to make a user think a div is clickable ? shadow/Hand cursor/color change?

I have 3-4 divs on my home page with some information (i.e. A Big Number, indicators). As I cant put all the information in the same page but I think it will create cognitive load for the user so I ...
4
votes
3answers
588 views

Any evidence of increased click through rates on blue underlined links in html emails?

I'm redesigning our company email template. At the moment links are grey, bold and not underlined. I don't think this makes it very clear that it is a link. My gut instinct tells me that I should make ...
4
votes
3answers
859 views

Acessibility… tables or lists

I am creating a list of links which have the following in them: link title and url a comment about the link a date that the link was posted I wish to do this using accessible best practice, but ...
4
votes
2answers
1k views

Need a font with unambiguous letters for commonly confused characters [closed]

Must-have A few stipulations for an unambiguous font: - It must be easily legible. - It must have a slashed zero (so as to distinguish it from capital O). - It must sufficiently differentiate ...
4
votes
1answer
331 views

Javascript and 508

I was wondering if someone has a article of common practices a web developer should practice while using Javascript on a web page, keeping in mind the web page should be 508 compliant. I saw some ...
4
votes
2answers
602 views

What happens when the focus rectangle isn't clear?

I get a lot of clients that comment that the focus box isn't obvious enough in some browsers. Is it common and good practice to make it more obvious? If so, how exactly do people do this?
4
votes
2answers
8k views

Html best input type for boolean values selection

In web development, html , what is the best input type to be used if users are only given two choices? basic true or false for example? active or inactive? my choices are: two radio buttons, dropdown ...
4
votes
3answers
2k views

Standard list of religions for dropdown menu [closed]

I am creating a form that will include a step about the person's religion, I have seen forms that contain a dropdown menu of religions, however I cannot find one which has a standard list of ...
4
votes
2answers
781 views

Should I put the label before or after the input element?

For visually impaired users using a screen reader does it matter if the label for an input control be placed before or after the input? For example, is there a difference (as far as the screen reader ...
4
votes
5answers
2k views

Should Document files on web pages open in a new tab/window?

When designing web sites should document files such as PDF, DOC, XLS, should the documents open in a new window/tab or in the current tab?
4
votes
1answer
364 views

How to direct users through a multi-step payment process?

I'm trying to develop a payment process for my users. Here are the steps that are required: User views the page that outlines all the awesome features that you get if you pay for the premium ...
4
votes
3answers
228 views

Advice on website design layout

I have a website that has a menu at the top. On some pages there is a sub menu that is at the left hand side, but this is only on some pages. How then would be best to design the page layout given ...
4
votes
2answers
7k views

User Profile Dashboard Design [closed]

I am trying to create a user profile dashboard for an application I am building using CakePHP. However, I am struggling to wrap my brain around a good layout/design for it. Basically, I am looking to ...
4
votes
3answers
76 views

Specific term in UX for the task of comparing Visual Design files with developed HTML pages?

Is there an UX/design terminology for the task of comparing Visual Design files with developed HTML pages? As of now, I am referring to it as VD comparison or VD compliance check. Please help me to ...
4
votes
2answers
319 views

How to change order of list Elements in a nice way?

I'm searching for an intuitive way to change the order of a list. I don't think that drag'n'drop would be a good solution, because it's a mobile browser based application and no user would try to long ...
4
votes
5answers
136 views

Control for mathematical operator

I am not a designer, just regular programmer so my terminology might not be correct. What I am trying to solve is that I have a quite narrow area where I should have n amount of input fields and an ...
4
votes
3answers
172 views

Should the title attribute be used to communicate to the user?

The title attribute (and its corresponding yellow hovering label displayed by browsers for a few seconds); is it still considered good practice to use it on hyperlinks and buttons in a web app? For ...
4
votes
1answer
148 views

Character stats page design for Facebook game

I need some expert advice redesigning the layout of my Facebook game. Below is a screenshot of my home page as it stands now. Styling of margins and some font stuff isn't done which is why some things ...
4
votes
1answer
94 views

Is there a good reason to have HTML and PDF version of TOS?

We have our Terms of service available as HTML and PDF. Is there a good reason to keep providing PDF version? It's extra work: Several languages Privacy policy / tos Room for mistakes between html ...
4
votes
3answers
738 views

How should I design a table with nested categories for users?

I am really confused with user interface design of the website. I want to design the Detailed view of the student. So on the page there will be information about the students like name , class roll ...
4
votes
1answer
9k views

UI Patterns for tables with many columns

I have a table with many columns,this table displays without scroll only on 21 inch and larger monitors. If there is a ui pattern for tables with many columns?
4
votes
1answer
3k views

Using JQuery DataTables to display many columns

We have a large document archive. It is built similarly to how a Cassandra Database would store items having column names and column values stored for each item. This can lead to having way to many ...
4
votes
3answers
247 views

Affordance of ContentEditable elements (without changing the background)

Context I want to use the ContentEditable attribut instead of classic inputs. It sounds like a duplicate of Affordance of Edit In Place functionality, but actually I would like to avoid the changing ...
4
votes
1answer
969 views

Idea for improved usability for HTML form checkboxes and radio buttons [duplicate]

Possible Duplicate: Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects? My problem is that the little checkbox and radio buttons for form controls ...
4
votes
3answers
368 views

A good way to display tables with sub-headlines

We are developing a web tool to allow users to combine different HTML templates to project variants. Each template has specific settings that can be combined with the project variant. The table ...
3
votes
3answers
800 views

Alternative to a lot of checkboxes

I need to give a user the ability to select (on/off) a subset of options from a list. There are over 100 of these choices to be made and the list will get longer. The data is not user friendly either. ...
3
votes
5answers
414 views

Displaying package comparisons for mobile?

On my desktop website I have 3 packages listing all the features included for each package and their prices with an option to add to basket. All packages are on the same page next to each other so ...
3
votes
3answers
283 views

Should a informational box for a wide form be centered, left or right aligned?

I am working on updating the layout and styles of our existing application. At the top of a very wide table that has lots of checkboxes and fields is a information box. We need to explain some basic ...
3
votes
1answer
173 views

Placeholder Miscommunication Prevention

I've been doing some research into text input placeholders, and came across this: Pardot User Guide: Placeholders are not Substitutes for Labels. What struck my interest was: Data suggests that ...