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

learn more… | top users | synonyms (3)

15
votes
15answers
1k views

Examples of spartan/basic web sites [closed]

I am looking for examples of web sites that have a very spartan and minimal interface - mostly text and very few graphics or even styling - yet the user experience is good enough that users are not ...
15
votes
2answers
1k views

Good UX for a form

I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX. Attached image is the UI I created for one page. I tried alter it nearly 10 ways, still my customer says it looks ...
15
votes
6answers
2k views

Blinking, bouncing and flashing elements

I'm responsible for the UI/UX in a software development company. During my absence, some developers decided to implement a "bounce" effect on a button of a website that they think should have more ...
15
votes
6answers
2k 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 ...
15
votes
7answers
2k views

Designing for the iPad

I'd like to make my site accessible to people that have the iPad or other iOS devices. What considerations do I need to take into account when designing a user interface that is compatible with the ...
15
votes
4answers
3k 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"> ...
15
votes
6answers
916 views

Case-study for hiding the optional fields?

I am currently designing a web form for the Online Travel Insurance System and I am thinking of hiding the optional fields since there were so many of them. Like the image below. I put a Show More ...
15
votes
4answers
3k views

HTML buttons vs hyperlinks for navigation

When creating an overall site style guide, how do you determine when a button or a hyperlink should be for something other than navigation? I see many time with the heavy usage of jQuery and AJAX, ...
15
votes
3answers
3k views

Tags or hashtags?

I have a website at www.flickwit.com. I would like to introduce tags to allow users to search for content more specifically than channels. I have been wondering which option would be more acceptable ...
15
votes
8answers
5k views

What should be included in a standard web UX/usability audit and recommendation?

UXers here probably audit existing websites or pieces of software that are already established. Sometimes, we are involved in designing them from the start, but for times when we are not, we just have ...
15
votes
3answers
3k views

What do you call websites that make heavy use of vertical scrolling?

This question is similar to Why did scrolling vertically became a pattern? I see a lot of modern websites moving to larger, singular pages with more content and more vertical scrolling. This is often ...
15
votes
4answers
942 views

What reasons are there for “go to bottom/top” links no longer being used much? [duplicate]

Possible Duplicate: Do people use back to top links? Some websites have links like Go To Bottom or Go To Top. It seems like this technique has fallen out of style. Are there good reasons ...
15
votes
5answers
1k views

When you have to fill up the rest of the page…

I've noticed that I often run into the same problem in many projects I work on: It seems like I always end up having that extra space that I have nothing to fill up with. Here's a quick sample: See ...
14
votes
7answers
2k views

False identification of gender on website registration

How can I filter male and female users of a site? My Problem In brief : We are building a relationship website and want to differentiate users based on gender but need to avoid males registering as ...
14
votes
5answers
12k 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 ...
14
votes
4answers
1k views

Can a visual progress bar be used as a navigational element?

We're having a bit of a debate here among teammates as to what would be a better UX solution, so I was hoping you guys could help me settle this. We have a linear flow through a data-collection ...
14
votes
5answers
753 views

What is the most user-friendly way to show position of a user on a long leaderboard?

I am designing a gamefication app and I need to show an overall leaderboard, displaying all users with points and positions... The problem is that the leaderboard requires pagination and the ...
14
votes
7answers
3k views

“Sign Up” vs “Create an Account”

Which pick is better for a service? Especially if I would like the website to resemble American style. Gmail and Dropbox say: "Sign In or create an account" Yahoo says: "Sign In. New here? Sign ...
14
votes
3answers
605 views

Web app keyboard shorcuts

Is it a good practice to give keyboard shortcuts to web apps that allows a user to do tasks that are repeated often. In my personal experience, I've rarely used keyboard shortcuts offered by GMail to ...
14
votes
4answers
2k views

Why is “register” the default button rather than “log in”? [duplicate]

I have noticed an increasing trend the last year towards emphasizing the "register" button rather than "log in". Often log in is not even a button, just a link. I understand the desire to simplify ...
14
votes
4answers
1k views

Difference - Font and Typeface

I would like to know the difference between a font and a typeface. If anyone could please help me. I tried to Google it, but I can't understand that in general, Why the term 'Fonts' is used rather ...
14
votes
3answers
3k views

What's the best way to make a user read terms and conditions before continuing a form?

What's the best way to make a user read terms and conditions before continuing a form? Structure of Form: Label1 [Textbox] Label2 [Textbox] Terms and Conditions [Textarea] Checkbox ["I agree to the ...
14
votes
8answers
881 views

Why do so many websites have the restriction of user names starting with a letter?

Skype Yahoo What is the reasoning behind allowing only letters as the first characters of a username?
14
votes
12answers
9k 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 ...
14
votes
5answers
2k views

Appended and Prepended Checkbox: when can I use this?

A was taking a look at Twitter Bootstrap, and, looking at the Prepended and Appended checkboxes, just cant figure out where, why and when I can use it. Can someone give me a good example?
14
votes
3answers
749 views

Why is that facebook, twitter and grooveshark have 40px height in their nav bar?

Its just coincidence or is a perfect size for a better ui?
14
votes
2answers
300 views

Does an “Other” category on a Help page have any value?

When designing a Help page or FAQ that is broken down into categories, is a category titled "Other" useful, or does it indicate a poor information architecture? Sometimes there are truly items that ...
14
votes
4answers
295 views

Is it ok to force a user to reenter data instead of editing existing

Is it acceptable to force users to delete and recreate data they entered incorrectly or should they be provided with a way to edit every instance of that particular data? Use Case: The wireframe ...
14
votes
7answers
883 views

Minimalism, Maximalism(?) or whatever?

Tufte & Nielsen believe that screen real estate is one of the most important asset for a (UX) designer. Utilize available screen space - Jakob Nielsen’s Alertbox: May 9, 2011 & The Visual ...
14
votes
2answers
2k 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: ...
14
votes
5answers
5k views

What is the navigation concept Bootstrap uses called?

The Bootstrap documentation site uses a very interesting navigation concept. They have a per-page navigation bar that sticks on top of the page once you scroll down and highlights the current area on ...
13
votes
7answers
965 views

How to incorporate a “never” value on a slider?

I have a slider in a web page (similar to this one) to control the the duration of how long to keep an item before it is removed: The range of values goes from 0 to 90, with the value 0 being used ...
13
votes
5answers
49k 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, ...
13
votes
5answers
865 views

Encouraging the user to enter a value in an optional field?

This is a follow-up question from the previous question Case-study for hiding the optional fields? I have taken all the responses from my previous question and I have come up with this mockup, ...
13
votes
8answers
1k views

Should Printer-Friendly button open a new browser window ?

Reading Common web app usability gotchas? I felt guilty when I read that using a target = "_blank" is a bad thing. I have developed a small web application that format Stack Exchange questions in a ...
13
votes
4answers
11k 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 ...
13
votes
5answers
599 views

Web - How to represent a numeric input that is limited to increments of some number

I have a requirement for a form that restricts a field value to fixed increments of 50 and I'm not sure what would be the most elegant way to represent that constraint in a meaningful fashion. The ...
13
votes
4answers
606 views

How Do I Teach People Rules When They Don't Read?

I'm the product guy for a fantasy sports gaming website. We often find that we need to give people basic rules to get started playing the games, but people always skip reading and try to dive right ...
13
votes
8answers
4k 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 ...
13
votes
8answers
2k views

How do you conquer the challenge of designing for large screen real-estate?

This question is a bit more subjective, but I'm hoping to get some new perspective. I'm so used to designing for a certain screen size (typically 1024x768) that I find that size to not be a problem. ...
13
votes
4answers
2k views

Where should a “Powered by Some-Company-Name” appear on a webpage?

Where should "Powered by ACompanyName" appear in the website if there is a product webpage of the company and the product (logo) branding is already shown on the top left? Should I be placing the ...
13
votes
4answers
362 views

Is it ok to add content when the users selects and “copies” something on the page?

Some websites (using tools like tynt) have started to add something a little surprising at first : When the reader copies part of the article or blog post, something, say the url of the piece, is ...
13
votes
4answers
857 views

How to explain to a client that User Experience and web/graphic design is different?

My client is absolutely sure that there is no difference between these topics. How do you explain that making a UX adjustment plan is not the same as a web design task? You have to write a contract ...
13
votes
5answers
2k views

How do I elegantly limit text area input by size not by character count.

I am building a web app that requires user input of text and images to be placed on a PDF page which will later be printed as a letter. This page will have a specified area for text and a specified ...
13
votes
2answers
463 views

How should a website's title be structured?

Are there any best practices for choosing the title of web pages? There are a lot of resources online oriented toward SEO, but not toward users. My impression is that most sites have something ...
12
votes
9answers
3k views

How do you reduce the number of emails users send you?

We have a website for an amateur sports club www.cugc.org.uk with a lot of content, we have put a lot of effort into providing all the relevant information to new members or those interested in ...
12
votes
6answers
792 views

Dropdown vs map

Is it a good idea to use map for selecting travel destination? At the moment we are using dropdown menu to select the country the user would like to visit. We are also using dropdown for duration and ...
12
votes
6answers
825 views

Can I use “Prev” instead of “Previous” on a button?

We use Next/Previous buttons as controls in our image gallery. I'm in the process of implementing responsive design, so there is a limited amount of space that I can be used for these buttons. I'm ...
12
votes
8answers
2k views

Which side of a web page should a side menu go on?

Many websites have side menus and I seem some have the side menu on the right and some on the left. Which side is better?
12
votes
3answers
718 views

How much space should I leave for a person's name?

How many characters would you feel safe leaving for a First Name and Surname? The users of the system are going to predominantly be from the UK (I mention this because some parts of the world seem to ...