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
2answers
174 views

Favoring consistency over elegance?

This is a bit of a difficult question to explain in the title but hopefully it will make more sense after reading the question. I'm in the process of designing a web app with a basic design ...
0
votes
3answers
70 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 ...
0
votes
1answer
268 views

splitting list on mobile device?

I have a list of 20 items on a website. There are 4 buttons which work as filters. Each items in the list is represented by a picture and a title: Each block is clickable to a description page : ...
1
vote
2answers
82 views

Emoji vs. Switch for choosing light/dark theme on a navigation bar

The previous version of my website had a toggle/switch for changing the color theme between light and dark modes (for fun and practice). Here's what that looked like: More recently, I decided to ...
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 ...
20
votes
8answers
11k views

When (if ever) should links be opened in a new window?

I have seen a lot of discussion on this topic but it all seems to be opinion based without any research backing up the assumptions. It seems that there are times that it is particularly relevant to ...
0
votes
1answer
38 views

How to do information architecture of a UGC based website/app?

What's the best possible way to make a user-generated website classify its content into categories or topics or tags to make the content searchable and discoverable? How does one start redesigning ...
1
vote
1answer
37 views

Dark theme navbar: Lighter or darker than the main background?

I don't have a lot of UI/UX experience and am trying to learn as I work on my personal website. With a light background, I 100% agree with the advice to use a darker navbar, as that helps to sort of ...
2
votes
2answers
64 views

Best way to represent dollar amount really close to $0.00

I'm working on an app that has to do with cryptocurrencies and there are times where I'm showing prices for very small amounts of almost worthless cryptocurrencies. For example, I'm showing the price ...
2
votes
1answer
109 views

How to design a website for both customers and business?

Situation We've designed a website for a client that caters to their own clients and to businesses. When you arrive on the website it's focussed on their clients but we have a quick link at the ...
2
votes
2answers
94 views

Why is it that version managers are always mentioned after the installation instructions?

As much as I want to put this on StackOverflow, I think this particular question fits better here. I hope this doesn't sound too petty, but this is something that has always bothered me. I've always ...
-3
votes
1answer
150 views

Recommendations for website filesizes re mobile data rates? [closed]

Are there any recommended guidelines for how much a data a mobile-friendly website should consume during casual browsing? For desktop browsing, data consumption is not so much of an issue, so long as ...
1
vote
1answer
252 views

How to navigate between related files?

I am trying to design functionality that allows the user to easily navigate from one file to another within a "master file". There is currently a correlation between one another, such as the parent ...
1
vote
3answers
101 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
64 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 ...
3
votes
2answers
180 views

Images look bad with perfect paragraph width

I'm working on a WordPress template and trying to maintain perfect line width of ~70 characters. My blog has a lot of posts and most of the post contain at least one image per paragraph, usually more. ...
0
votes
2answers
33 views

Open message in modal or in separate page?

Unfortunately I can't provide visual examples now, I hope that's not a problem. The question is simple: we have an inbox, which displays all the private messages a user has received, nothing new so ...
296
votes
16answers
48k views

Are carousels effective?

Go to just about any eCommerce site and the homepage is nearly guaranteed to feature a carousel - an auto-rotating panel, usually with some sort of small navigation, usually highlighting new product ...
0
votes
1answer
29 views

Best practice to link main website page to BETA website

I will explain briefly. I am working for a new booking accommodation platform. They currently have two different websites: the main website [landing page] with all the info about the business the ...
0
votes
1answer
75 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 ...
2
votes
4answers
120 views

Contact form fields priority

Is there any caution not to use the message field at first in a contact form?
47
votes
7answers
12k views

Why would one use “enter the name of the project to confirm”?

If you're a long-time GitHub user, you probably have seen something like this: This happens every time you do a potentially destructive thing to a repository, like switching its public / private ...
0
votes
0answers
54 views

Suggestion in putting nav bar in centred website design

Can anyone suggest where I can add navigation bar in this kind of design. items I want on the nav bar logo (optional) call to action button one more link user/profile/login/signup Can anyone ...
0
votes
1answer
104 views

Form in menu ux design query

So I have a use case where we have a button that is to trigger the "reassign" flow this obviously needs a list of people to reassign to (1 or many) I have a multiselect typeahead creating the list. ...
0
votes
2answers
74 views

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

Font size viewable from 5-7 feet away from a 32" Touchscreen, and button sizes ideal for a 32" touchscreen?
0
votes
3answers
74 views

On a product list page, how far should the items be?

I have the product list page below defined and I'm having trouble figuring out what information should be associated with what. For example: Should the filtering group on the left be closer to the ...
1
vote
1answer
39 views

How to make a CTA for someone who only has a phone number and address?

I'm making a website for a mechanical engineer. All he has is a phone number and an email. I'm assuming that having a "Contact Us" button would be the most common. But I'm wondering if there is a ...
12
votes
2answers
2k views

Should colons be styled in the same way as the preceding label is?

Is it common for designers to style a colon in the same way as the preceding label, even though the following text does not follow this style? For instance, I have the habit of making the colon bold ...
1
vote
1answer
37 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
72 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
80 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 ...
1
vote
1answer
116 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
32 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
0answers
46 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
67 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? ...
0
votes
1answer
36 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 ...
0
votes
1answer
55 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
125 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 ...
0
votes
1answer
100 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 ...
4
votes
2answers
309 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
376 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
1answer
51 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 ...
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 ...
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
45 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
138 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....