We’re rewarding the question askers & reputations are being recalculated! Read more.

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
1
vote
1answer
16 views

How to design edit version on a white background?

I'm working on a user profile design for a website. The information (name, email, username, etc) is on a pure white background. The type of edit feature I want to use involves clicking an edit button ...
0
votes
1answer
64 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 ...
1
vote
1answer
78 views

How to link back to the original site the user came from after he jumped to a subdomain with a “different” product?

lets say you have a site called "example.com", which is the homepage of a company that provides a login for its customers and different functions like a personal backoffice, learning material and ...
0
votes
0answers
15 views

3 column layout for a song site. Sidebar on left/right, and content between them

So I'm working on a website, an anime one to be precise, where people can read about anime songs, their singers, rate them/post comments to them, add them to their list etc., and this is the current ...
0
votes
3answers
57 views

Should visitors see all the links and buttons (which can be used only by registered users)?

We are developing a website which requires registration to use some features. My friend thinks visitors (non-registered users) should not even see the links for those features, because it is ...
1
vote
0answers
107 views

How to simplify tabular UI to more informative and simple UI

I have a screen on dashboard which gives the information of duplicate values identified basis the 5 values of the parent application in 7 categories. For Example, If a parent application's (i.e ID-1) ...
0
votes
1answer
32 views

Who would I need to hire for this? Website that supports upload feature & google docs integration? [on hold]

I'm not sure if this is the appropriate place to ask these questions so feel free to remove this if it violates any guidelines. I've got no experience in web design/development or anything so I'm a ...
1
vote
1answer
100 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 ...
0
votes
0answers
28 views

Minimum steps involved for an effective and efficient website redesign process?

I just started working for a web development agency, we work mainly with government so we want to align ourselves within that market with a professional, creative and functional website. We have a ...
0
votes
2answers
55 views

Ideal font and buttons sizes for a 32' monitor? [closed]

Font size viewable from 5-7 feet away, and button sizes ideal for a 32' touchscreen?
0
votes
0answers
41 views

Best practices for asynchronous user experiences?

Can someone suggest some good examples and resources around designing for async user experiences? I'm working on a Web application that needs to process invoice submissions asynchronously to improve ...
0
votes
1answer
56 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? ...
2
votes
2answers
65 views

Contact form fields priority

Is there any caution not to use the message field at first in a contact form?
0
votes
1answer
32 views

How to inform a visually impaired user when an action is processing

I'm currently working on a task whereby the backend will load plenty of options(Trip planner). When an action is processing with voiceover on, this may take 10+ seconds to load all options. What are ...
1
vote
1answer
44 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
3answers
80 views

How do I present 'negative' sounding information without discouraging the user?

Background I'm currently working on a project that essentially will become a website that guides the user to the optimal recruitment strategy for their specific hiring needs. Before displaying the ...
0
votes
1answer
46 views

Where is the most conventional/best place to add actions for items inside datatable?

Like actions I would say "delete", "edit", "details" and many more maybe. How display that on a desktop application. Some possibilites that I already used could be : Add to the top before the header ...
3
votes
2answers
107 views

Should emoji/emoticon replace a punctuation mark in the end of the sentence? [closed]

If the sentence is finishing with emoji/emoticon in the website content or in a personal message, should it be followed by a punctuation mark? Example #1 I’m glad you could make it 🙂 We had a ...
-1
votes
0answers
79 views

Any framework to decide between section vs page? [closed]

Are there any patterns one should follow to help them decide if a topic should should go as a separate page on a website or should it be a section under an existing page? e.g: For my SaaS @ https://...
0
votes
1answer
97 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 ...
0
votes
1answer
43 views

When can you have too many CTA's on your website?

I used to have a single CTA right below the page fold. I was advised to increase CTA section on my SaaS offering (https://divshow.bytebeacon.com). I thought that and a login button on a sticky ...
0
votes
1answer
59 views

I'm thinking of a layout like a tree in my webpage. I think that is the only way to go. is there some replacement?

I'm trying to make a layout design for a process. I have 3 types of users one is x , b and c. x does some work then b aproves it then c confirms it. But b can disaprove and open a ticket for x to do ...
4
votes
2answers
261 views

How would I go about making these arrows more intuitive and informative?

Currently, in an each of the rows of a table I have an arrow attached. Which, depending on whether the some number on its right has increased or decreased from the last time, changes its direction; ...
3
votes
3answers
367 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
15 views

Could not find a navbar background that fits with my logo [migrated]

I recently changed the logo for my company but now it does not fit anymore on the navbar. The color of the logo are #3331a1 and #a8b0c6. I don't really want to have a white navbar but seems to be the ...
0
votes
1answer
47 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
42 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
59 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

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 ...
87
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 ...
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
44 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
118 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....
2
votes
2answers
769 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
93 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
148 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
106 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
150 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. ...
1
vote
2answers
139 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
2answers
196 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
56 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 ...
9
votes
5answers
836 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
176 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
121 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
167 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
223 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 ...