The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [website-design]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
26 views

Multiline text in navigation

Should points of a left-side navigation bar be single line with ellipsis or multiple lines? I have a strong opinion that single lines are preferable, because eyes are reading first words/characters ...
0
votes
2answers
33 views

How should be the proximity of elements on this product list page?

I have the product list page below defined by I'm having a bit of trouble figuring out which information should be more associated to which. For example, the filtering group on the left, should it be ...
2
votes
2answers
54 views

How to present multiple fields of activities in different languages on a simple landing page?

I'm an IT professional working for a larger enterprise in Switzerland. Furthermore, I'm a freelancer (mostly voluntary activities for schools and very small companies) in my home country Germany. ...
21
votes
5answers
6k views

When is a right-handed navigation sidebar appropriate?

When is a right-handed sidebar for navigation a good choice? If possible, I would like some examples where it has been used, such as this sidebar from Google's official blog.
56
votes
11answers
55k views
+50

Is there an optimal font size?

For most website projects I've been involved with, the font size for the bulk text is usually 12px - 13px, but I'm wondering if this is a good size. I remember reading an article saying that font ...
88
votes
10answers
22k views

Are Scroll Bars Dead in 2019?

I recently heard a designer say something to the effect that modern web designs don't use visual scrollbars - or at least they're only visible when scrolling. I'm a front-end developer and hadn't ...
0
votes
0answers
41 views

Fast way to toggle between options [on hold]

So there is a panel with three options (buttons) on it. The options are determined beforehand from a list and can be changed on the spot (10-12 items). The user picks three and then needs to toggle ...
0
votes
1answer
36 views

How to represent multiple parameters using simple UI

I have 6 categories out of which 5 categories have 3 parameters and 1 category has 1 parameters. I am showing those categories against unique ids, as mentioned below. Suppose there is one unique id ...
6
votes
3answers
15k views

How to best display a lot of information or data on a single webpage?

Are there any "rules" or recommendations in UX Design for displaying a lot of data on a webpage? Or how to select the most needed information to display data?
0
votes
2answers
40 views

Should we take the site down and set coming soon page while we're working on redesign?

Do you guys think that this is a good idea, or you think it may frustrate the user because they don't see the information they are interested in. I personally don't like this idea, but I want to hear ...
1
vote
3answers
106 views

Stack or use multiple notification toasts

I’ve seen it many times before where you’re on a website and you get a notification which comes in the form of a toast, if you perform the same action another toast will appear and it will push the ...
13
votes
2answers
2k views

When to use the gestalt principle of common region?

The image below, which can be seen on this medium article uses lines to separate various graphics, but could also use different backgrounds, which is something pretty common when designing dashboards....
0
votes
0answers
21 views

Why are more and more websites increasingly operating subscription models? [closed]

[No idea if this is the right community so please forgive if not] More and more I am noticing websites charging for subscription services, whereas years and years ago I suppose when less data was ...
1
vote
1answer
73 views

Implementing Filters as Tabs in a Web Dashboard

We are trying to provide users with a strong filter mechanism on a Dashboard that collects visit data. It feels like we have arrived at a point where only a few pieces of the puzzle are missing and we ...
2
votes
2answers
742 views

Best way to design dynamic table of inputs. Like rate-lists

I am trying to design a rate-list input for parking lot management system. Where inputs are like this: But it needs to be customizable in time field of inputs, e.g. 3-4 hours based on user ...
51
votes
4answers
4k views

Should a grammatical article be a part of a web link anchor

When hyperlinking a noun in a webpage (or in an application), which is a part of a longer text/sentence, should a grammatical article (such as "a" in English) be a part of a link anchor text? I.e., ...
0
votes
1answer
76 views

Why do most interfaces rely on sticky top bars instead of sidebars?

Most web interfaces have the classic sticky topbar + 2-3 columns layout (just like StackExchange). Some but few websites use a different approach and, instead, have a collapsable sidebar (i.e. ...
1
vote
2answers
113 views

Best Practice for Vertical scrolling through long collapsible submenus

We're redesigning some of our landing pages. In this case each landing page has 6-8 course categories each of which contain 3-4 courses by date, time and price. Each course has a CTA button and is ...
0
votes
3answers
91 views

In the holy grail layout of web design why is the navigation menu vertical and not horizontal?

i am a beginner with web design, while studying i came across the "holy grail layout" and i was just wondering why is it that the menu is vertically aligned while most modern websites tend to use a ...
2
votes
1answer
141 views

Is there a best practice for sidebar width on mobile?

What is the best practice when it comes to sidebars and user experience on mobile? Is it better to have one that is full-width or one that is 85% width with 15% backdrop? What are the benefits or ...
6
votes
1answer
6k views

Avatar vs Profile Picture vs Display Picture

I have noticed that on message boards, that we use the name avatar for the picture on our profiles. On Facebook and Twitter they are called profile pictures, and on Skype it is called Display Picture. ...
0
votes
1answer
29 views

Loading indicator on modal dialog

From a technical point of view, a loading animation benefits with synchronization because user can't make multiple requests. What are the implications of using a loading animation in a modal window? ...
1
vote
2answers
134 views

Using a select for navigation instead of tabs?

Is a select box appropriate to control navigation on a page? For user profiles, I'm considering putting a select box in the header to change views, so a user can select from 'About', 'Calendar', '...
1
vote
1answer
31 views

What reasons are there for inconsistently rearranging the interface?

I am frequently very annoyed by Google: I google something, and then I want to view Images of that thing, so I click the second button under the search bar out of muscle memory... except often it can ...
1
vote
2answers
173 views

How to adapt text and/or elements size while designing to smaller screens?

I have a layout I made some time ago on Adobe XD (that was just a personal project) and now I wanna put it on Behance. To do so, I need to duplicate/adapt that layout (designed for desktop) to smaller ...
0
votes
1answer
46 views

How to focus on an area / button without looking too “forceful”?

Summary: How to place a website visitor's focus on areas that'll help them see value on the rest of the page faster? It shouldn't feel intrusive, since repeating visitors might not need to see it ...
0
votes
1answer
85 views

How to handle grid system and layout at different breakpoints when designing wireframes / mockups?

So I've researched this question and I've alluded to an answer, however I'd like some more input. As a developer whenever designing a website I could just code as I go and set breakpoints whenever ...
-1
votes
1answer
98 views

Best way to visually convey that one result is better than the other [closed]

We are building a small tool to compare mortgage terms and their impact on the user's finances in the long term. How would you best visually convey that one result is better than the other? This is ...
9
votes
5answers
835 views

automatically calculate contrast

A user can change the default design of his site by selecting a color. This color is applied to the menu background color. The problem is that I have to change the menu text color depending on the ...
2
votes
2answers
168 views

Is there a rule of thumb for what goes in a footer rather than a navigation bar?

I've noticed a lot of sites from bigger companies put information (e.g. about page) in the footer and save the main navigation for core content. Is there some rule of thumb for when something should ...
1
vote
2answers
115 views

How can I best display a three-way toggle (show, show all, and hide)?

I'm creating a filter for a search and I am wondering how to best approach this interface. I have a bunch of events in a database and my website displays certain events based on the user's criteria. ...
2
votes
1answer
166 views

Users cannot find the way to key in information during registration

Many users cannot find the way to key in information during registration. With a tracking script, we can see that users just click other places of page rather than the labels or fields of the form to ...
1
vote
5answers
222 views

Taking users from Offer's T&C page to Listing or Details page?

Case: In my e-commerce website/mobile-site/mobile-app, we run offers that are shown on PDP (Product Details page). These offers are a bit complicated and hence a detailed T&C page has been created ...
2
votes
3answers
133 views

Hover styling for non-clickable elements?

In our system, currently we have good styling and effects for buttons, for example submit button, cancel button etc. Now we have a different element. Let's say it is a summary tag element. Which acts ...
169
votes
9answers
38k views

When to use icons vs. icons with text vs. just text links?

Are there any rules on when to use icons vs. icons with text vs. just text links in a web application? For example: vs. save vs. save Extra question: Is save -or- save preferable?
0
votes
3answers
166 views

Is it bad to have hamburger menu with back naviation button for inner pages

We are using hamburger menu on all page even page are inner pages. I want to know if this is bad user experience to show back navigation button with hamburger menu in web? below is an example
0
votes
1answer
90 views

Web UI for categorizing a list of items

I have a web page that displays a list of 100+ items (where each item is a row containing an image plus some metadata) that I would like the user to categorize into "A" or "B" or neither but not both. ...
0
votes
3answers
103 views

Web UX - Serving two versions of site based on selected customer type

I'm building a site for an accounting firm. They would like to serve two distinct home pages for "Individuals" and "Businesses." The site would look similar but have different content relating to ...
1
vote
1answer
180 views

Is bad for UX replace all content and display the error when an error occurs?

I'm creating a web form and I'd like to know if is bad for UX if, when a submit error occurs, I replace all content (the form inputs) by the error message. The error isn't an error which could be ...
0
votes
1answer
68 views

Search in Two level nested entities

I'm working on a search page in a website for two nested entities like class and student. the user can searches for specific students like students that has these two sets of properties: gender=male ...
2
votes
2answers
472 views

What makes Reverse scrolling a sign of Bad UI?

My client needed to design a fully SVG animated website with reverse scrolling. But, I heard some people say things like: Try avoiding Reverse Scrolling, It's a sign of Bad UI design etc... What ...
0
votes
1answer
113 views

how should i design my table or what is the alternative?

I want to have a table where i dont want to show data repeated. Every column are meant to be treated differently. should I use different tables or what is the better way to show them. Example: |------...
56
votes
10answers
17k views

What color to choose as “danger” if the main color of my app is red

I'm having this question wrapped around my head for quite some time. The thing is that my main application has a red color theme. And for just cancel buttons I used to use just gray colors but now ...
0
votes
1answer
84 views

What's the best way to illustrate calls and responses on a timeline?

Problem: I have a platform that sends and receives notifications from mobile users. Here's how the process works. Platform user pokes a mobile user. Sometime later the mobile user will respond with ...
0
votes
3answers
81 views

Tab content is only a single link

One page of my website has several different related tabs. One of those tabs, however, only will contain a single link to an external site, which makes the page seem very empty when that tab is active....
2
votes
2answers
465 views

Best way to make an “easy, medium, hard” picker

I'm trying to create a website where you can get questions based on different settings. One setting is difficulty. For now, let's just assume that I have divided a lot of questions based on difficulty:...
1
vote
0answers
45 views

interior page design patterns

Since the advent of the lonnnnnnng scrolling home page, I feel like there's been a surge of sites applying the same type of logic to the interior pages as well... lots of scrolling, no secondary ...
39
votes
13answers
10k views

Why is resizing the browser window bad practice?

I asked how I can resize the browser window with JavaScript. Everybody told me not to do it. Why is this a bad practice? I think sometimes it can be good. For example, I want to show users a tweeting ...
4
votes
3answers
1k views

How to tell the user to click to edit data

I'm developing a website which basically contains all the info about a series of projects (a few hundreds). Each project has its dedicated page with all info about it (dates, classifications, schedule,...
3
votes
4answers
364 views

Check off the boxes you wish to unsubscribe from

In attempting to unsubscribe from a company's emailing list, I was directed to a website with the following form. Note the phrase "Check off the boxes... you wish to unsubscribe from." Is this ...