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.
4
votes
2answers
258 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
3answers
495 views
Affordance of Edit In Place functionality
I want to use contenteditable as an edit-in-place mechanism. However, I'm struggling with the usability of it. The problem is that once a user clicks on the area, it's not obvious that they can edit ...
4
votes
1answer
188 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
3answers
100 views
How to display 5 plus horizontal tabs on mobile device
This is purely for a mobile website that must have horizontal tabs.
The difficulty is that there could potentially be 5-7 tabs, with 5 being more likely. The text for each tab is long, which could ...
4
votes
5answers
480 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
85 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
558 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 ...
4
votes
3answers
178 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
1answer
568 views
Best Method to Present a Many to Many Form to User
I have a questions about how to best present a form based off a many to many relationship to a user. I'll explain my models to help give an idea of what data I need to present.
Models and ...
4
votes
5answers
128 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
2answers
3k views
User Profile Dashboard Design
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
1answer
103 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 ...
4
votes
1answer
74 views
Accesibility vs. read only inputs
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.
have you had any problems with this approach using and assistive ...
4
votes
1answer
366 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
1answer
904 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
3answers
270 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
4answers
707 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 ...
3
votes
6answers
1k views
Recommended button sizes on web pages
What are the current usability guidelines for the size of buttons (or anything clickable) on web pages?
3
votes
3answers
190 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
2answers
137 views
space-efficient UI to choose between auto-generated text or manual text entry
I'm building a part of an HTML form (titled "New Commission Rule") in a web application used by business users to enter and report on sales commissions in a retail store. See ...
3
votes
1answer
365 views
HTML table cell wrapping issue
One of the problems in a tabular representation of data, is text wrapping inside cells. There are some options available, like:
Fixing the width of the columns, and enlarging the rows height to ...
3
votes
2answers
55 views
Searchresults on same page or on 'searchresults.php'
What is the best way for searching on a webpage.
Should i show the searchresults on a new page or on the same page? (maybe with autocomplete).
I personally like searchresults on the same page as my ...
3
votes
1answer
71 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 ...
3
votes
3answers
434 views
how to display long text on mobile website
I trying to display a 2 page long page in a mobile website, i tried text area option but the scroll bars are not getting displayed in iphone mobile web. What are the ways you can think of for ...
3
votes
3answers
182 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 ...
3
votes
3answers
428 views
Hover alternatve for touch devices [duplicate]
Possible Duplicate:
What are some alternatives to “hover” on touch-based devices?
I'm building a standard infographic where you mouse over a region and the image changes as you move. For ...
3
votes
1answer
115 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 ...
3
votes
3answers
272 views
Is it appropriate to use the title attribute in a menu link?
My inclination is towards 'no', because on hovering over the centre of a menu link in Chrome, the display of the title attribute's contents covers the rest of the menu, which provides for a poor ...
3
votes
2answers
115 views
How to deal with too much navigation
I have an app that I am creating for a customer that at some points has 6 levels of navigation. Basically our user wants to select an item from a navigation. that will lead to another set of ...
3
votes
1answer
487 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 ...
3
votes
1answer
56 views
What are the available options for choosing an area by latitude and longitude?
I need a web page "widget" that will allow a user to choose an area by latitude and longitude the two methods I've considered are using four text inputs,
or creating a map that would allow you to ...
3
votes
2answers
187 views
Question on fluid web design
There are 2 ways in which we can implement a fluid design (one that would adjust itself to the screen size on which it is viewed on);
Approach 1: We can just use the available browser size (or ...
2
votes
5answers
107 views
How could users select four cards from a hand of eight?
I'm making a card game on a website. Users are shown a hand of eight cards. They will then choose four to pass to the other player. How could this work?
check boxes under each card, if the users ...
2
votes
2answers
766 views
What is the best way to center images in websites? [closed]
Every time I work on a new project I do not have any problems to center the text using "text-align: center" to center the text, but I have never seen a similar code to center images so I always have ...
2
votes
3answers
149 views
Branding websites aimed for mobile devices
I'm currently working on a website which is also supposed to be mobile optimized.
My client has provided me with a layout of how the mobile version of how the website should look like. Making their ...
2
votes
3answers
99 views
Choosing from a list of options and preserving order
We have a listing of topics and would like users to be able to choose three topics from the list and would also like to preserve the order in which the topics are chosen.
Using three <select>s ...
2
votes
2answers
356 views
Standard list of religions for dropdown menu
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 ...
2
votes
1answer
64 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 ...
2
votes
1answer
561 views
Website Design Event Calendar [closed]
I have a registration website for an upcoming event. I have a link (itinerary) on the page that takes them to another page showing them the itinerary for the event. The problem is, I don't have ...
2
votes
1answer
176 views
Long content in Tables
What is the best way maximize readability when displaying variations of long/short text within table?
2
votes
1answer
125 views
Designing a page for selecting an icon in HTML
I have a form on a page where the user can edit a lot of information for a specific model. One of the properties of this model is a small icon of about 20x20 px. There are about 100 of these small ...
2
votes
4answers
656 views
Displaying a large data set in a table cell
What is the best way to display a large data set, e.g. 50 words, in a table cell? I am thinking maybe a linkable piece of text such that when clicked, displays a popup box with the full text. ...
2
votes
3answers
780 views
HTML templates for web applications [closed]
There are a lot of sites with free templates for homepages. These are often too simple for web applications, which have sometimes a lot of deeper nested content.
For example. An application view ...
2
votes
2answers
53 views
Adding, Removing and Re-ordering of a large list of items for MOBILE
I am having trouble finding the best solution for the best possible user experience for Mobile. I have done a solution for desktop, but really struggling for a solution for mobile
I have a large list ...
2
votes
1answer
110 views
Ordering a short list of images with HTML input elements
I want to create a quick survey in Amazon Mechanical Turk for an image sorting task, say from brighter to darker images. I know that I can even create an external website and design a drag-and-drop ...
2
votes
2answers
148 views
Treatment of disallowed HTML tags in forum posts
Suppose a user attempts to post a message to my forum, but their message contains HTML elements that I have chosen not to permit?
e.g. stackexchange and others disallow <table>; All forums (I ...
1
vote
2answers
322 views
“View Newsletter Online” link to be visible in online version?
When you receive an HTML or Text Newsletter, you'll often see a "Having trouble viewing Newsletter? View Online" link at the very top of the email. When you click on it your web browser fires up and ...
1
vote
2answers
236 views
Signup form on front page?
Will you get more signups if you put the signup form on the front page or on another page that users access via a link on the front page?
Form on the front page might make it a bit cluttered - I'm ...
1
vote
3answers
134 views
Do help icons in headings interfere with heading-based navigation?
If I have:
<h2>
Edit your details
<a href="/help?topic=editDetails">
<img
src="/images/helpIcon.gif"
width="20" height="20"
alt="Help about: Editing your ...
1
vote
2answers
41 views
Hiding the bottom half of a table [closed]
I have a view in a webapp which looks like this, though generally with many more rows:
Currently, all rows with a Status of 'Deprecated' are sorted to the bottom. I want to update this view to ...
