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

learn more… | top users | synonyms (3)

31
votes
9answers
3k views

Can ugly be good UX?

It's heresy I know, but look at DrudgeReport.com. It's raw, hand written HTML, it's plain, boring typography, it's something any UX or Graphic designer would scoff at if you handed it across their ...
3
votes
2answers
154 views

Information Architecture for a Blog [closed]

I am about to re-design an existing blog for a company and I have a very good flexibility in terms of layout-design and IA. There are many galleries to get some inspiration for the design part, but ...
5
votes
2answers
562 views

Standards for and measuring contrast of solid color fills

There are several questions on UX (e.g. here, here, here) already about contrast. However, all of those are about text, and the contrast between text and background, most off them referencing this W3 ...
63
votes
10answers
9k views

How do rounded corners affect usability?

How do rounded corners on buttons and containers affect usability? Do they make buttons look more clickable? When used on other non-button elements, do they make the site look more friendly? I'm ...
11
votes
3answers
258 views

What voice should an option you don't want users to change be written in?

We have a form with a bunch of options that impact how our service will work for a given account. Most of them are positively-voiced questions ("Allow this to happen?"). There is one option that ...
3
votes
1answer
233 views

Is it necessary to specifically instruct users to use the Back button to navigate away from a webpage?

I find it annoying when users are explicitly instructed to use the Back button to navigate away from a webpage. An example from the login page for the Contensive CMS follows (emphasis added): The ...
13
votes
2answers
460 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 ...
1
vote
1answer
481 views

How should I design a “filter” screen where you can filter on many fields

I have a webpage that has a filter screen where you can select filters on one or many fields and these filters are applied on other pages when it grabs data from my DB. Some of the fields have ...
3
votes
1answer
470 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
0
votes
1answer
423 views

Menu design for web app with multiple “projects”

I'm designing the UI for a PMS (project management system) web app which handles multiple projects. Basically, it's an app that is pretty similar in functionality to Basecamp so it needs to contain ...
1
vote
2answers
259 views

To scroll down or to use thumbnails, that's the question…while building a web portfolio interface.

What is more efficient: scrolling down or opening thumbnails? Which one would respect the user's patience the most?
-2
votes
1answer
253 views

PSD to HTML conversion [duplicate]

Possible Duplicate: Pros/Cons of PSD mockups vs. HTML mockups I am a web developer. What happens is that the Client sends a PSD (Photoshop designs) to the company. Then the designer needs ...
5
votes
2answers
276 views

How should I Redirect/Handoff users to a 3rd party site?

Does anyone have any experience with handing off users to another website with a good user experience? We offer a product, and if the user doesn't qualify for our product, we hand the user off to a ...
10
votes
1answer
1k views

Case studies on using gradients in a design

Are there any case studies on the use of gradients in a web design? I'm looking for answers similar to this answer about the usability of rounded corners. Specifically, I'd like to know: Is there a ...
7
votes
7answers
333 views

What websites present artwork well? [closed]

I was wondering if anyone had seen some exceptionally good layout design in presenting a variety of paintings. My go-to resource so far has been the MOMA, but they are a little cluttered for my taste. ...
6
votes
2answers
156 views

Should all browsers share the same experience?

I'm creating a page that uses history.pushState() which is only supported by html5 browsers. As such, should users of older browsers have a different experience? Here are two options that I can think ...
2
votes
1answer
202 views

Width For Group Of Buttons

We are implementing browser based client, and we are having a little debate reg. setting width of buttons which are grouped together (either just layout wise or both layout and functionality wise). I ...
3
votes
2answers
829 views

Editing items: modal pop-up dialog or same page?

In a rich web application built on ASP.NET, which is preferred for editing data items in the system: a pop-up dialog or edit on the same page? The use case is a person views an item's details and ...
3
votes
4answers
126 views

Does it make sense to combine Contact settings with company contact info?

We are looking to expand our website and want to have 3 sections: Contact Us Let us Contact you Stop contacting me Does it make sense to combine these 3 sections into a single page? Do you think ...
3
votes
2answers
162 views

Positioning of additional form entry fields to avoid natural flow of entry

I'm re-engineering a registration form on a client's site that is primarily targeted at UK users only. The site provides a post-code look up for easy identification of the end user's postal address. ...
4
votes
4answers
276 views

Which of the following options best draws attention to the “buy tickets” action without detracting from the surrounding visual hierarchy?

I'm working on touching up (as much as I'm allowed) some of the design elements for a website. One client requirement is to draw more attention to the "buy tickets" link as this action is one that ...
7
votes
3answers
491 views

Can using red/scarlet in a design distract users?

The colour red is usually associated with "danger" and "you're about to do something dangerous." What should you look out for if you're planning on a design that is primarily focused around the colour ...
1
vote
1answer
71 views

custom drag able boxes, when to utilize them?

If anyone has used igoogle they would know that they can customize various boxes according to their choice. I was developing an web app and am really confused whether to give such an customization ...
5
votes
5answers
433 views

How to present information about multiple warehouse locations? eCommerce

I have a design decision that I would like some feedback on. I have an e-commerce store for electronic products. I am based in the UK and ship products from my location, this means I can show the ...
2
votes
1answer
204 views

what type of button is more attractive and comfortable? [on hold]

In web application , i see two types of button effects. like that of gmail - standard button without much effect like that of wordpress - that has a click effect where button looks like a real ...
6
votes
2answers
751 views

Shading buttons darker than the normal state vs. highlighting

While coding up pieces of a website, I was puzzled as to why the designer chose a hover state that is a shade darker than its normal state. It seems logical to me that a rollover state should be a ...
5
votes
2answers
144 views

Should the input field accesskeys in my form be semantic or physically clustered?

I'm creating a form similar to the one below (with <label/> tags, input field accesskeys and logically-ordered tabindices). The form will be filled a handful of times in rapid succession by ...
4
votes
3answers
271 views

Fewer main pages, fewer tabs is better?

I'm working on a local cinema's movies website, and I've been trying to reduce the number of pages in favour of showing more types of content on them. Currently, I have a Home page (with a carousel / ...
5
votes
3answers
398 views

How should I present landscape-orientation page thumbnails in a series of portrait-orientation thumbnails?

I am working on a small web site which has traditionally presented small (300 x 388)px thumbnails of their event posters, which are linked to the full, tagged PDF. The majority of their posters are ...
4
votes
4answers
467 views

Use of Radio Buttons (Identification Context)

I want to design a 2 steps sign up screen: identification personal info My question is regarding step 1. In this step the user will have to choose between ID or passport number. Once he choose, he ...
21
votes
8answers
339 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 ...
1
vote
4answers
981 views

Creating beautiful User Interface Designs [closed]

I usually have a hard time designing a good UI for my applications/websites (especially the websites). Are there any tricks to this? Are there good books that can help/guide me? Or libraries eg. ...
5
votes
2answers
814 views

What is a simple way to explain the disciplines and benefits of UX to a client?

What is the clearest way to explain to a client the disciplines and benefits of User Experience Design? What I've got so far... This is the clearest definition of the disciplines I've seen, but it ...
9
votes
4answers
672 views
12
votes
4answers
4k views

What is the best way to visually present a sitemap?

Do you know which are the common patterns for a graphical representation of a sitemap?
9
votes
7answers
2k views

Why web-safe colors only?

We are often told to only use web-safe colors for font's and background colors etc when not using an image. I don't understand why this is? Most websites contain high quality jpegs these days with ...
3
votes
3answers
311 views

Where we should keep primary navigation in a mobile website, especially on the Homepage?

1) Vertically On home page with logo and footer and then at bottom of each page see on iphone http://j.mp/qpbN1A 2) Or horizontally like desktop websites see on iphone http://stackoverflow.com ...
40
votes
7answers
3k views

Would intentionally slowing down UI help to increase sales on shopping sites?

I've noticed that iTunes store is always slow, at first I thought it's just because iTunes is a bloatware (which it is, on both Mac and Windows.) However I started to wonder whether this is ...
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 ...
-3
votes
1answer
2k views

metro style UI is too early or not [closed]

I think metro style UI is just beautiful and user friendly. It is suitable for both Tablet and PC. Should I make my new website design in metro style or conventional standard?
7
votes
2answers
336 views

When is it appropriate to use a “well” UI element?

Are there standard uses for it? I see it most often when embedding example code... As see on Twitter Bootstrap: http://twitter.github.com/bootstrap/components.html#misc
1
vote
4answers
655 views

Does the Zendesk.com website offer a good ux? And why?

For a new project we want to use Zendesk.com as a good example for our designers. We love the site but can not really tell why since ux is not our field of expertise. What makes the zendesk.com ...
0
votes
1answer
139 views

How could I engage my users more effectively on my photo-rating site? [closed]

This is my site, launched a few months back. What I've found is that users seem to really like to use the site for a few initial sessions - but getting them to come back repeatedly has been a ...
2
votes
2answers
319 views

How to improve the user engagement flow after people discover the site

I have a template which I am trying to optimize for user engagement. Here is an example: http://www.problemio.com/problems/problem.php?problem_id=213 There are a number of pages that are often ...
9
votes
4answers
1k views

Different Font Faces in same Web Application

The context here is a web application delivered through the browser. My question is: is it ever okay to have different font faces or a single application? To me it looks obvious but not egregious.
6
votes
2answers
593 views

What image and message use in the “Not found” page (404 error page) [closed]

I've seen the robot of Google, the creature that has Github. I think that is question of imagination and what kind of data manages your web app to design a custom image and the message to show to the ...
9
votes
5answers
829 views

Most intuitive way to offer manual sorting? [duplicate]

all. I'm designing an online form builder (think Forms in Google Docs / Spreadsheets). The functionality is complete, but I'm not happy with the sorting capabilities. Everyone that I have done ...
1
vote
2answers
822 views

What is the recommended alignment layout for a horizontal menu bar on a web page?

I have a horizontal menu on the top of a web page (pretty common) and I was having a debate with a friend about the preferred and most logical layout of the menu items (centered or left) He was ...
3
votes
1answer
439 views

Are there any guidelines for vertical layout and spacing?

The proliferation of grid systems have made it easy to determine the horizontal layout of a site - column widths and margins are just made to fit into the correct grid spacing. But what about ...
3
votes
4answers
717 views

How to announce launch of mobile version (Native apps + website) of a website

What is best way to inform to user of desktop website that now website have Mobile version of website and native apps for many platforms? A permanent section on website to tell about it with icons. ...