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

learn more… | top users | synonyms (3)

9
votes
5answers
261 views

horizontal drop down

I had a look around, but is there such a thing as a horizontal drop down (or drop across as it were)? I'm involved in a website project where the PO wants to introduce this; however, I'm not sure ...
3
votes
4answers
265 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
242 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 ...
2
votes
2answers
75 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
500 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
1answer
124 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
294 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, ...
0
votes
2answers
182 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
192 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 ...
1
vote
0answers
72 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 ...
2
votes
3answers
133 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 ...
3
votes
2answers
968 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 ...
4
votes
2answers
207 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
381 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 ...
3
votes
2answers
263 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
279 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 ...
0
votes
2answers
111 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
281 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
44 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
263 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 ...
0
votes
1answer
146 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 ...
3
votes
2answers
113 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: ...
1
vote
2answers
90 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 ...
1
vote
2answers
456 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 ...
2
votes
1answer
70 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 ...
2
votes
1answer
39 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
86 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 ...
-3
votes
2answers
75 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
2answers
683 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 ...
1
vote
2answers
232 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
4k 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 ...
2
votes
2answers
79 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 ...
58
votes
13answers
11k 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 ...
1
vote
2answers
217 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
690 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
2answers
454 views

Error messages / alert boxes on wide screens

I'm reworking a web app UI to take advantage of wider screens and I have a niggle I can't shake. There are many tables throughout the app for which a wider screen is advantageous. Above the tables I ...
1
vote
1answer
597 views

Innovative search filter design needed [closed]

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 ...
0
votes
1answer
55 views

Is it advisable to have a countdown for a limited free account in a register form?

This is a register form, it offers free account for the first 50 users, I wonder if it's good or common to put an account countdown for it.
5
votes
2answers
269 views

Hiding a phone number during nighttime hours

I am creating a website for an apartment building. There will be a phone number listed for users to contact the landlord. The landlord, however, only wants to receive phone calls during the day. ...
1
vote
1answer
66 views

Show Education/Government/Non-Profit pricing with normal prices?

We offer discounts to education, government, and non-profit organizations (different discount for each) as well as volume discounts on top of that. On the pricing web page for a product should all of ...
3
votes
1answer
84 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 ...
6
votes
1answer
735 views

How to Display Occasional Announcements on a Website?

I’d like to add an announcement banner or an element with the same functionality (e.g. alert, button) to a website to notify users about an upcoming survey. It should contain a call for participation, ...
6
votes
2answers
494 views

Should a website for a business look the same as its leaflet?

I'm creating a website for a family friend who has a small business. They already have a leaflet that was designed a few years ago. To what extent should web/mobile design match an existing print ...
1
vote
1answer
219 views

One interface for adding users to groups and groups to users

So I'm struggling with coming up with a way to do this. Basically, right now, there are two interfaces: One allows you to create and manage groups, and the other allows you to create and manage users. ...
2
votes
2answers
193 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 ...
3
votes
1answer
117 views

Sticky header positioning

The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..." When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
2
votes
2answers
59 views

Which font to use when text in an image and image is zoomed out of / made smaller

I have an ad that looks fine when the web page is at 100%, but when the user changes the screen size, my responsive design takes over and while the image is still correct looking, the text has reduced ...
6
votes
4answers
679 views

Is marketing the closest career to UX?

This is something that calls my attention, specially here at SO UX: I'm seeing more and more questions (and answers) about marketing than any other thing, including the usability aspects of a site or ...
0
votes
1answer
35 views

Image gallery site to use links to each image page, or load them via ajax [closed]

I have this site where you have thumbnails in left and right columns. Clicking on a thumbnail will load the main image in the center. There are two ways I can do this: Use ajax to load the main ...
3
votes
4answers
587 views

Should mobile websites show a dedicated area for scroll bar like on desktop websites?

I often get these complain from my management team when i design long pages for them. I cant cut on information only because i have to fit in it one page. Some really basic users do not know if they ...