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

learn more… | top users | synonyms (3)

1
vote
1answer
30 views

split screen layout pros and cons

I'm in the research and planning phase of a new website for a company that consists on 2 persons with different areas of expertise. I was thinking about designing a split layout inspired by this ...
3
votes
4answers
92 views

Place Ad after Title or Lead text?

I have a blog that focuses on list articles (10 Photos of Cats You Like) that are structured like this: > Title > Facebook Share > Lead Text > Image #1 > Image #2 > Image #3 > ...
1
vote
1answer
139 views
+100

What is a good user interface to allow people to enter in column headings?

I have a website where you can enter in some inputs and a report comes out. You can then save any report and load it up in the future with all your settings. I have one example where you can create ...
2
votes
1answer
22 views

User choosing frequency-based thresholds

As part of a site's advanced filters, I want to give people the ability to filter based on the frequency of results. i.e. "show only results that occur at least once per month" or "show only results ...
0
votes
3answers
174 views

What's this style of website called?

I've seen several of these 'all on one page' sites recently - with links from the top menu further down the front page, rather than to separate pages - and a dynamic 'wizz down the page' action. For ...
1
vote
0answers
60 views

Any lesson learned or best practices on the UX of a 'Download' button?

My company provides a free edition of a desktop application we developed. Currently I have 'Download' button only on website, and I consider to replace it with one of the following three suggested ...
0
votes
2answers
46 views

What is the recommended default viewport for fixed-width websites?

Let's say I have a website (This is the actual one). It has a fixed width of 1024px and the content is centered. I use width=device-width, initial-scale=1 for setting up the website to be nicely ...
16
votes
7answers
4k 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 ...
0
votes
2answers
76 views

Indicate maximum amount of people?

I'm currently developing a website for a traveling company. I need to display the maximum amount of people for when the user books a cabin. For example, some cabins can have four people at most and ...
2
votes
2answers
65 views

General rule to calculate padding

Is there a general rule to calculate padding/margin values to make web page layout more err... beautiful? (Spacing between elements on a page, between elements and page borders, etc.)
0
votes
2answers
33 views

Begin the column at the top of the title or at the top of the first main content text block?

On our homepage we have a content and a column with some boxes. What is the better approach: 1. Begin the first column box at the top of the title: 2. Begin the first column box at the top of the ...
2
votes
2answers
134 views

What does a user expect when they zoom on a website?

My idea of zooming in on a web page is that everything becomes bigger. Everything is still the same but just bigger. This is because I feel it should be like zooming on a camera or telescope (where I ...
2
votes
1answer
47 views

Store Locator using Google Maps - Initial Zoom Level

I've noticed that store location pages of various Australian retailers and services don't initially position and zoom directly into the users current location even when the GPS coordinates are known ...
6
votes
5answers
4k views

International Phone Number Field Layout and Design.

I have a form that asks for the customer's phone number number. The customer's are international and not limited to the U.S. and Canada. Does anyone have any best practices on how to layout (and ...
3
votes
2answers
103 views

Optimizing interface for creating files

We're building an app in which the user is able to upload or create a file and we're currently trying to optimize the experience of file creation. Currently our interface looks like the following: ...
0
votes
1answer
61 views

UI design pattern, or excellent example, for repeat delivery

Suppose I'm running a website that does repeat deliveries (e.g., ship you a Nuttella sandwhich and a tin of spam once a week). Are there any prevailing UI design patterns for displaying a customer's ...
1
vote
1answer
54 views

How to fit a MREC into a sidebar

I've seen some great sidebar designs (like filters for listing pages) and the list or grid to the right of it. My problem is that these seem to only be quite thin and fitting a 300px by 250px MREC ...
1
vote
4answers
172 views

Product navigation versus marketing site navigation

Are there any best practices associated with integrating the navigation of your Web based product with the navigation of your marketing pages? Another way of describing this is: Does it make sense ...
0
votes
2answers
75 views

Deleting a group of users with the option to reassign one or more users to different groups without using a popup?

We are developing a system where users have to be assigned to a group of permissions. Currently, the problem lies in deletion. The desired functionality is when an admin user deletes one group that ...
0
votes
0answers
9 views

Using HTML5 details element in printing [migrated]

We use the HTML5 element <details> to offer simple show/hide functionality. This works fine on-screen but in print, any <details> elements not already open on screen are hidden when ...
4
votes
1answer
338 views

Best practice for navigating a detailed image like a map on mobile

We have done a piece of offline activity that is basically a large folded, printed map with some featured elements and content around it relating to the map. I am working on putting this map online. ...
1
vote
1answer
19 views

What is the best way to design a weather forecast (hourly/daily) [closed]

I've been experimenting with some different formats. This is for a web interface. Give the following data points to show: Hourly: Forecast Icon Forecast Text Temp Precip Daily: Same data but ...
14
votes
3answers
2k 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 ...
1
vote
2answers
446 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
1
vote
1answer
29 views

Blog Commenters - OAuth or Manual?

In designing a cms for politically focused blogs, I've come across a bit of an interesting situation in which I have two options for how to identify a commenter: Use OAuth as the mechanism for a ...
1
vote
2answers
295 views

What is legible way of showing different status for different time slots

Color coding is what I thought but there are 10 different status. Example: Color coding: Different color indicating different status from 1pm- 2pm, another color indicating another status from ...
3
votes
1answer
47 views

How should breadcrumbs be marked up? Are lists appropriate? [closed]

Trying to work out how best to mark up a breadcrumb area on my page and I'm not sure how I should contain it. In my mind there are three options: Option 1 - Just Links <nav> <a ...
-2
votes
2answers
32 views

About Navigation Breadcrumb Blogspot…? [closed]

How important are breadcrumbs? I understand it is important for navigation but I'm not certain how important it is for SEO? Are there use cases where breadcrumbs do not help SEO - and therefore is not ...
2
votes
4answers
373 views

Differentiating quick-contact and full-contact in a website design

I am designing a commercial website which is very elegant, thinking about adding a quick "sliding" contact form with the essential fields, to be available in all pages of the site, in addition to my ...
8
votes
4answers
3k views

What is the smallest screen size you design for

I'm looking to make my website responsive, however this is my first foray into responsive design, and I'm pretty clueless at the moment. I have no idea what the current state of play is with regard ...
-1
votes
0answers
60 views

Tab or window for multiple open apps?

I'm building a HCM (Human Capital Management) web application and it basically has navigation menus which open app pages, and the user can open multiple windows at the same time. When the user clicks ...
3
votes
2answers
94 views

Too many calls of action on product page

On my products page, I have a large image, then next to it I have add to cart. Below the add to cart section, I then have an Enquire Now button. And below that I have click for Live Chat, and below ...
0
votes
2answers
95 views

Tree View Alternative for Form Input on Website

Currently I have a data structure in the form of a tree view. Eg. Right now I am using a collapsible accordion view to show each field to input data. Scenario - I have about up to about 1000 ...
4
votes
3answers
273 views

Is it better for website accessibility to have the menu before or after the content

I have seen two approaches to menu/content markup order in relation to accessibility for keyboard only users: Menu first then content with a skip to content link at the top Content first then menu ...
62
votes
11answers
10k views

Home button vs Logo link?

Is a "home" button on the navigation required if there is a link to the homepage using the company's logo? Increasingly I have noticed more and more websites using the logo as a link to return to ...
1
vote
2answers
103 views

Best practice for location based URL structure?

I have a website like Zomato. There are restaurants, and each restaurant has a page based on the country it's located in. One restaurant in the US can have the same name as another in Switzerland, but ...
1
vote
3answers
340 views

Is there a recommended and consistent way of adding social buttons?

I'm developing a small website which has half a dozen static text content pages and an image gallery, with one image per page/url (a dozen now, targeting a few hundred in the long run). I want to add ...
1
vote
1answer
110 views

What's the most common aspect ratio in terms of web design?

I'd like to know what is the most common aspect ratio to aim for in web design? I'm having problems with a site that works fine in 1920x1080 (16:9), but it doesn't work out so great in 1680x1050 ...
20
votes
7answers
3k 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 ...
3
votes
3answers
351 views

Best practice to include developer's area inside user's account options

In this concept, normal users see an option for "signing up as developer" then they would receive access to developer's options. the normal way I assume is like this: But I think of some ...
1
vote
2answers
271 views

Sports club websites

We have a league website and within that site you can drill down to club sites. The problem is though, when clicking on a club site, the header will stay on the league site, but the content in the ...
2
votes
2answers
48 views

Using a section title as a link to deeper navigation

After selecting data and filters to narrow it down, the user is taken to a 2nd level of the navigation where he is presented with content displayed in a table like in the following image: Each row ...
2
votes
2answers
162 views

Real estate for “What is this” help text?

The web application I work has "What is this?" for most of the pages. Currently we place them at the top right corner. Tab occupies only 70% of available space and help text occupies 30% and the ...
47
votes
10answers
6k views

Should a web-based UI rely on the browser back button?

The back button is a great "get out of a flow's dead end" option that browsers provide. Should a UI rely on the back button as the only method to allow a user to get to the previous page or should the ...
0
votes
0answers
24 views

Education for becoming a UI designer [duplicate]

I have been trying to research as much as possible into the field and there doesn't seem to be a solid User Interface program at any college close to me (Central Florida area) Currently I am a ...
0
votes
1answer
231 views

How to organize a collection of URLs on an intranet?

As in most big organizations there is a lot information to be found on the intranet but unfortunately most users have difficulty quickly finding what they are looking for. We do have a full text ...
1
vote
2answers
179 views

Is there any research on colors choice for the web?

I'm writing a thesis on web usability. I'd like to mention the choice of colors and which ones are appropriate to use and which are not. Now I've searched on the internet but what I've found so far ...
1
vote
2answers
69 views

Showing details of a product on the listing/index page VS showing it on a separate page

Lets say you have an index page where you list all your products. When it comes to showing details of a product I have seen some interesting variations. Housing.com shows details(e.g, this link) on ...
7
votes
4answers
534 views

Back breaking sites

What's the reason that so many site these days "break" my back button experience? Even stack does this: I read a question expand the comments, scroll to the first answer, follow a link, decide I'm ...
2
votes
0answers
222 views

Innovative search filter design needed

Im looking for some innovative filter design, but it should not be usual as check box,drop downs, radio buttons as in e-commerce websites. Would be better, if it is in any info graphical or pictorial ...