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
95 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 ...
1
vote
1answer
42 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 ...
-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 ...
2
votes
2answers
96 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 ...
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 ...
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 ...
3
votes
2answers
191 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. ...
2
votes
2answers
65 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 ...
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 ...
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 ...
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 ...
1
vote
2answers
48 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
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
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
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
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
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 ...
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 ...
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?
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 ...
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 ...
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 ...
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; ...
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 ...
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 ...
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 ...
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
1answer
120 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
1answer
98 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. ...
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
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
3answers
114 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 ...
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
2answers
150 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
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 ...
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
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 ...
1
vote
2answers
122 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
2answers
177 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 ...
2
votes
3answers
161 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 ...
1
vote
1answer
186 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 ...
1
vote
3answers
140 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 ...
89
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
1answer
118 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: |------...
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. ...
0
votes
3answers
86 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....
1
vote
0answers
48 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 ...
0
votes
1answer
71 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 ...
1
vote
2answers
96 views

Best way to summarize information that refers to an input

We are building a small tool to compare mortgage terms and their impact on the user's finances in the long term. We used to have an article explaining several concepts in the tool but opted for a ...