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
0answers
39 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
35 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
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 ...
0
votes
0answers
20 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 ...
0
votes
1answer
74 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
27 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
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 ...
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
108 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
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 ...
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
84 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
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
2answers
167 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
129 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
179 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
105 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 ...
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
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: |------...
1
vote
2answers
48 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
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....
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 ...
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 ...
1
vote
2answers
95 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 ...
0
votes
1answer
71 views

Best ways to draw attention on the 'winner' and 'loser' within a table

We are building a small tool to compare mortgage terms and their impact on the user's finances in the long term. This is our attempt with the table. Our goal is to draw some attention on the 15 year ...
-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 ...
0
votes
1answer
29 views

Allowing users to select large items to export from a paginated list

On a website I'm designing, users have access to a search function that lists items with potentially much content inside (they're meant to be grammar exercises, and so multiple grammar problems can be ...
0
votes
1answer
85 views

How to effectively get data from onboarding process?

We currently have a very basic onboarding process when signing up for the platform. It consists of 3 screens: Welcomes you to the platform Asks to input personal data (Birthday, gender, city they ...
2
votes
3answers
115 views

How can I promote a child website?

We have 2 websites - let's call them website A and B. Website A is about event management and website B is about sustainable events, so they are very similar, albeit with slightly different themes/...
1
vote
2answers
81 views

Users want to create tables with many columns and infinite scrolling rows - how do we handle this?

I have a situation where users are capable of creating their own searches on extensive data sets, using a query-like user interface. Our users come from a strong Excel background and are used to ...
0
votes
0answers
21 views

Display customer reviews on mobile, technique?

I'm displaying several items on the same mobile page. each of them has its own reviews (about 30). What is a good technique to display the reviews? for example, have a link/button on each item box ...
1
vote
0answers
75 views

Suitable UX for diffing data from two diffrent table

I have a requirement to create report merging web application.Users will be able to upload 2 identical budget reports. These users come from 2 different department where each department might have ...
1
vote
1answer
19 views

How to handle the data that are entered in the filed that are triggered by toggle

Here is a hypothetical test case Test Case User is asked if they want to provide an address Answer options: Yes or NO User answer yes and fields to provide an address appears User entres the ...
3
votes
3answers
103 views

Modal button positioning on mobile

I am designing a design system for my company and am currently looking at designing the modals and dialogues for both desktop(tablet too) and mobile. I have placed the primary action to the bottom ...
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 ...
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
2answers
72 views

What is a smart way to fill up white space on a profile page (audio streaming platform)

I have a pretty simple profile page on my website which already contains some elements: the banner, profile picture, about section, timeline, suggested users panel and some various other little things....
2
votes
2answers
212 views

Is there a practical (UX driven) reason for why login pages often don't have headers/footers when the rest of the site does?

I'm designing a website with a login screen, so I've been looking around at examples on other sites to get a general feel for the UX/UI trends in the area (I'm primarily a dev, not a designer). I've ...
1
vote
2answers
132 views

Date picker showing by week, is showing the month necessary?

I am trying to design a date picker for booking an appointment, and I think that, the most natural way of choosing a date is not by a calendar (showing full month) but by showing by week. Currently my ...
2
votes
3answers
200 views

Better layout of many checkboxes with help text

I have a page for configuring access rights in a website. There are a number of checkboxes in the form. Each of these checkbox have a help text hover tooltip that provides a more detailed explanation ...
-2
votes
3answers
189 views

Examples needed: a toggle that shows a higher-contrast version of a site [closed]

Can someone give me examples of a feature that toggles to a high-contrast version of the website? I am only able to find 2 live website examples: https://www.smashingmagazine.com/?source=post_page-...
0
votes
0answers
44 views

How do I use a block UI overlay without losing UI events?

Our application is a web app with a backend server. Each page in the web app has this structure. Header Body Footer The normal use case is User navigates to a page. User edits the fields in the ...
0
votes
3answers
87 views

How to name a page that contains 3 features that have no relationship to each other?

I'm working on an intranet that requires users to input 3 different sets of information. One set is about their relationship to their organization (Partner, On leave, Applicant, etc). The second set ...
2
votes
1answer
91 views

Tri-state icon convention?

I have to design a report with validated information about the data entered. In some fields I have a typical triple state. Imagine a file. That file belongs to a report model file. When uploading it, ...
0
votes
1answer
85 views

Hierarchical list for selecting an element

The user is trying to select an element which will be used in a form. So it could be like selecting interests in an app where you can pick the more general case (e.g. sports) or the more specific (e.g....
3
votes
2answers
295 views

What is the best way to design a 'debt' screen

So I've been searching for this, but I think Google thinks I want to know about 'UX debt'. The thing is, I've been assigned to design a new screen for when our customer hasn't paid for the service. ...
1
vote
2answers
122 views

The best ux alternative in designing variant of a product on dashboard

I was wondering what would be the best way to display variant when a user clicks on "Add Variant". I already designed two alternatives: display it in ascending order or descending order. I have tested ...
0
votes
1answer
36 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 ...