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
2answers
327 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 ...
1
vote
2answers
240 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 ...
3
votes
4answers
209 views

How much is too much when it comes to letting the user know what page they are on?

My site contains a list of reports that a user can browse. The main navigation of the site is done through a left-aligned menu. This is a mockup of the layout: The report name which they are ...
3
votes
2answers
201 views

How can a very long (100+) breadcrumb trail be made usable?

I have an app that has functionality that is very similar to a choose-your-own-adventure type scenario. Basically it's a tree where you start and go through a series of decisions, and each decision ...
17
votes
3answers
4k views

Are inner scrollbars a bad ux?

Looking at the gmail interface when replying a message, I can see the original message and just below it, the new message window. this pattern creates two vertical scrollbars: one in the browser ...
2
votes
2answers
54 views

What is a better way of showing projects associated with a user

I have been looking at some of the most used project management / issue tracker on how do they show associated projects to thier user. In trello, I found that on the click of "Boards" they show the ...
1
vote
2answers
382 views

How to set an indicator for selection in drop down on UI

I have a drop down on which multiple selections can be made. Here is the demo. Now, if you see the example, I can select multiple options, but when I close the drop down, I don't know what have I ...
1
vote
2answers
312 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 ...
5
votes
2answers
214 views

Is it okay to have different content in main page every time user refresh?

I want to make my landing page to display a project (the details page). However I also want to make it keep changing project every time user refresh. Is this a good practice? Also, for the url, ...
1
vote
1answer
59 views

Better way to lay out toolbar with varying width titles and button groups?

I've got a toolbar that displays the current context's title in breadcrumb navigation links and has a set of buttons to perform actions on the displayed context. The title is going to vary in width ...
5
votes
2answers
293 views

Total redesign for already established app?

Usability is not excellent, and stylesheets are inconsistent. What's the best way to deal with this ?
0
votes
2answers
234 views

Using All Cap letters for web site Headings

I am working on a redesigning . I am looking to use capital letters for section headers. Do you think this will be a good approach from UX point of view ? Thanks
1
vote
3answers
155 views

Should controls be removed or just greyed out in a tool for power-users where they repeat many times?

This answer by JohnGB on "Greyed-Out vs Invisible" by Joel B kind of touches on the idea, but this question focuses specifically on a moderation tool for power users. Should buttons that don't apply ...
0
votes
2answers
91 views

What is the best way to indicated available features in a price comparison table?

I'm currently working on a pricing table for a product that has 3 separate tiers. Some of them lack certain features etc. We've been debating how to mark the table cells to indicate what is included ...
1
vote
3answers
123 views

Selected, Blue or Bold-Black?

I've seen two implementations of a "selected" schema. One uses the convention that blue is clickable, and therefor are using the selected one in black, and the clickable one in blue. The second ...
1
vote
0answers
57 views

Seeking feedback on website design concept [closed]

I've been working with a friend on a website about e-waste for a TSA competition (I know what you are thinking, no that the TSA, the STEM one). Now as part of the competition, we have to make a ...
1
vote
2answers
407 views

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 ...
3
votes
4answers
130 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 > ...
0
votes
3answers
244 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 ...
0
votes
2answers
155 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
96 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
102 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
41 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
1answer
127 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
5k 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
107 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
99 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
2answers
81 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 ...
4
votes
1answer
364 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. ...
2
votes
1answer
38 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 ...
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 ...
2
votes
1answer
36 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 ...
3
votes
1answer
70 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
52 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
379 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 ...
11
votes
4answers
6k 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 ...
3
votes
2answers
107 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 ...
4
votes
3answers
303 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 ...
63
votes
11answers
12k 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
136 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 ...
3
votes
1answer
218 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
359 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 ...
2
votes
2answers
62 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
174 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 ...
0
votes
0answers
25 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 ...
1
vote
2answers
198 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 ...
7
votes
4answers
569 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
1answer
57 views

Any specific reason why they put link anchor obscurely on timestamp label?

As I need to share Facebook and Twitter post outside their network lately, I have learned that I can get the link to the post from the link on the timestamp text (see image below.) I wonder if there's ...