Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [website-design]

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

4
votes
1answer
61 views

Design for the present or the future? Product Scaling

Should UX designers be designing for the short term or long term? I'm fairly new to UX design. I'm working with other UX designers who are trying to create a UX design for a demo coming up in a few ...
1
vote
1answer
190 views

Dynamically changing drop down options

Is it a common design approach to have the options of a drop down menu change depending on another input column. For example say on one card I have a list of names and I can add/delete/edit the list ...
20
votes
4answers
4k views

Showing both your answer and the correct answer on UI

In this case it's a mock betting site, but my question applies to any multiple choice QA site. This is the best that I came up with so far: It is horribly confusing. The colored rectangle is "what ...
0
votes
1answer
262 views

What is a good UX for a Single Select Dropdown with an All option?

I saw Should multi-select dropdown/box have an "all" option? but it is different. This is for a Web UX. EDIT: This is a form that generates a report. The user chooses from a list of "...
2
votes
2answers
132 views

Revealing full text cut off with ellipsis in a table

I have a lot of text cells in a lot of tables that use an ellipsis for text overflow and I need a way of revealing the full text. The way they've currently got it set up is they've made the text look ...
1
vote
2answers
135 views

How should I represent a tree structure?

Context I have data from a source that has categories and sub categories and in some cases, even sub-sub categories. Requirements The actions that can be performed on the tree elements are - ...
4
votes
3answers
141 views

Why isn't showing the filter bar on product detail pages common?

Typically on ecommerce or classifieds sites (I work with auto dealers specifically) the search results page (srp) contains the filters and any applied filter state searched. Ex: However clicking on ...
1
vote
1answer
28 views

Displaying acronyms

I'm working on a website for a student society. The society has been established for a good number of years now, and in its humble beginnings it was known by an acronym. For the purpose of this ...
2
votes
1answer
105 views

How to best handle many breadcrumbs

I have a site that allows users to dig arbitrarily deep into a graph, and the user can always use breadcrumbs to navigate back to where s/he first began. Here's the ideal state: However this quickly ...
1
vote
1answer
49 views

How to display partial view on Details page

I am working on an auction site in ASP.NET MVC and I have a details page for my Item model. On this detail page I have a link to the "Create" Bid page. On my create page is just a simple textbox to ...
0
votes
3answers
171 views

Can you give your top factual reason (not opinion) why you chose not to use Material Design for your UI components? [closed]

I work in a group that has decided to use Material Design (MD) to guide out UX design and I have to admit I am a complete convert. Material Design provides the base design language for our components ...
1
vote
1answer
157 views

Should we provide form navigation in 2 step forms?

It is said that multi-step forms should have form navigation in them. But is it also needed in 2-step forms?
1
vote
2answers
95 views

Is there a particular name for this design element?

I have seen a lot of magazine/news templates that basically stick a set of posts together and they usually span 2 rows and 3 or more columns. The best I can think of is maybe calling it a collage, ...
0
votes
2answers
135 views

What's the best way to show that a link without the standard underline is clickable?

Specifically, I'm talking about the Quick Links textbox on the left. While still maintaining the compactness of the box, how do I show that that text is clickable without putting an ugly underline ...
2
votes
3answers
331 views

What design element is this called, and is it a good choice?

I made 2 mockups that I'll explain with some context. Context I have elements (or categories) that each may contain any number of sub-categories, and even later, sub-sub-categories. I want the user ...
3
votes
4answers
158 views

Why web apps do not consider high resolution screens in their designs? [duplicate]

Have a look at the image below, this is how Youtube will look when someone opens on high resolution screen.There are empty space on both sides and I have checked this with many popular web apps, same ...
1
vote
2answers
120 views

How to handle state of a toggle switch?

I'm wondering about how to create a useful implementation of a toggle switch. (think iOS style: ) It is meant to be used in web applications. Because of that, an important point is, that after ...
0
votes
3answers
1k views

Best Practice - ReadOnly vs Disabled in Form Controls

I'm working on a website/web service. In one of my forms the user need to enter 2 values: A and B. Then when the user clicks the submit button some info appears in a separated view next to the form. ...
2
votes
1answer
159 views

To meet WCAG AA on desktops, what is the minimum space required between two click targets?

I have already looked at these: 1. WCAG 2.1 for Target size 2. button sizes on web pages on Stack Exchange 3. Material Design Google Guidelines for Buttons 4. Spacing between UI components on Stack ...
0
votes
1answer
59 views

Icon to represent computer generated model [closed]

I'm developing an application to hold translations. Users can submit their versions of translations, and for those translation I've chosen a "user" icon. But I also have computer generated ...
0
votes
1answer
33 views

Display from multiple data sources

I am building a data grid presenting table-structured data (columns and rows) to end users. This grid contains about 500 records but of these records only 350 are distinct on some required fields. I ...
8
votes
5answers
3k views

Best practice UX - selecting item from couple of items

I'm working on a website. In one of my forms I need to select the form type (depending on the form type the rest of the fields will change their behavior, e.g. the disabled status and their ...
0
votes
1answer
117 views

How to display a list of potentially filled “categories”

We're trying to provide the user with a potentially large list of elements which can be grouped into categories (one category per element). In addition to provide a quick overview and easy access to ...
0
votes
1answer
220 views

Missing permission - hide, disable, show error message/page? [duplicate]

In a web application I wonder what's best practice to design an element (text link, button) pointing to an action where users don't have access to (e.g. create new user). Esepcially when this element ...
0
votes
1answer
87 views

Design was made to look perfect at full and fixed width, how to deal with it on wider screens?

A website design has been provided to me which I should turn into a HTML page. But here is the catch: It was made to only look good when taking full width (it has a slideshow, and also a horizontal ...
52
votes
4answers
10k views

How many users use browser's text search within a page?

Do any significant number of users Ctrl + f windows or ⌘ + f macOS to activate browsers' text search? I'm trying to find some usage numbers, but I can't find anything. Background I'm working on a ...
1
vote
3answers
140 views

Edit a record added on the page

I have a page where optionally the user can add items that will appear on the table that will then be submitted to the server. The user may remove items added to the table, or they can choose to edit ...
2
votes
2answers
92 views

Home page to communicate two different services of equal importance

I understand that this could be a duplicate question, but I feel that none so far have answered mine. My client has two services, and he wants one website essentially split into two sections which ...
3
votes
1answer
302 views

Do we still need a Remember Me button on websites? Or can we rely on modern browsers to handle this?

I recently had a discussion at work about whether to include a "Remember Me" option on our website. Altough I was initially in favour of the idea, I later realised that most browsers already provide ...
-1
votes
1answer
117 views

where to use secondary color in web design while applying 60-30-10 rule [closed]

I have searched a lot but not getting the idea of using secondary color as per 60-30-10 rule in web design... Where to use secondary color in website???
0
votes
2answers
156 views

Make Cards more clickable

I'm creating a flat-ish responsive website, which let's you vote 4 certain topics. I'm displaying songs (but it could be whatever) in a flexbox grid system with 4 different colours. Each song is ...
5
votes
2answers
412 views

How to design a very complex table/search structure so that it caters to both advanced and basic users?

This is a "templated" view of a search popup I'm designing for a map application. On desktop it is a floating popup, on mobile is a full screen popup. Here's a gif that shows it working in context : ...
-1
votes
0answers
38 views

Suggestions for 'going back' in a card/stepper based complex form

I'm currently working on an application that has about 7 fairly small but seperate cards/steps to complete an 'order'. It has all of the usual complexity: Conditional displaying/hiding of fields, ...
0
votes
2answers
245 views

How to handle many tabs [duplicate]

If we try to create a page which contains tons of data about each employee. These data are categorized in tabs and every tab opens nested tabs! The tabs appearance looks overwhelming especially after ...
0
votes
0answers
21 views

Content before design [duplicate]

(HELP PLEASE!!!) First, of all, I'm not too sure if this is the correct site for this type of question but here goes? I'm struggling to design websites because I'm expected by my boss to create ...
0
votes
1answer
74 views

Display logo twice in Material design menu

Is it a bad design to have a logo twice in Material Design menu, One with collapsible mode and the one when the menu is expanded as below? Since I make the logo two places here, our marketing team ...
0
votes
1answer
439 views

Best way to handle multiple navbars for a products site?

I'm designing a responsive website which has different software products (apps) and one main homepage. Desktop Homepage navbar menu has: Website name (right side) | Apps | About-us |...
1
vote
2answers
96 views

Should user uploaded images have alt tags?

Situation Our product has a messenger where you can upload images. We want our product to be accessible. However, user uploaded photos may not necessarily have alt= tags in them. What do we do? ...
1
vote
2answers
221 views

Should you have a language switcher on a website or use the browser's language preference (or both)?

Since the user's language preference can be retrieved from navigator.language or the Accept-Language header, is it necessary to provide a language switcher on the page itself? Some reasons given to ...
1
vote
3answers
81 views

Signalling available translations

Currently, my (hobby) website is all in English. I've had an offer from someone who is a fan of the target matter of the site to translate articles from the site into his own language. My plan is that ...
4
votes
2answers
367 views

What have studies shown about different dark background colours

I am looking to redesign a website over which I have little control outside the colour scheme. I want to find usability evidence to back up my change decisions, or else use that evidence to adjust my ...
1
vote
1answer
65 views

What are peoples experience of sticky actions on the bottom of the browser and is visibility an issue?

I've been tasked with a project that is a careers site and there is some speculation on the need for a large button saying 'Apply now' sticky on the bottom of the browser like the attached image: I ...
0
votes
0answers
21 views

Where should the link be? [duplicate]

If you're writing documents (or websites sometimes) you should be familiar with the following sentence: For further information, click here. Or For further information, please view Privacy ...
0
votes
1answer
55 views

Should toggleable sections only allow one section to be opened at a time?

It's common for website pages with long text content to split that content into sections that can be opened and closed individually. For example, on an FAQ page, you might initially only see the ...
3
votes
2answers
173 views

How should I design scrolling on my web site?

I'm redesigning an old reporting application for the Web, - previously it was a Windows Application. I have in mind two approaches, and I do not know which one is preferable for the users, so I hoped ...
1
vote
1answer
105 views

How to handle big forms used for editing?

I'm making a webpage where there are some really big forms. Splitting them is not an option (it's been done as much as it could). One of the longest forms has 20 "sections" each, with 1-6 items, some ...
1
vote
1answer
64 views

Should we anticipate when the user is asking for the menu when we hide the navigation on scroll?

A lot of websites nowadays, admittedly more so in desktop view, (which is now seen by fewer thanks to the world of mobile) hide the navigation bar when you scroll down. This is a good thing as it ...
1
vote
2answers
96 views

Is social sharing needed for every page of a B2B website?

I know this question has been asked previously. There are some more details in my case. I work with a technology company that makes software for insurance. The products are all B2B. We have social ...
1
vote
2answers
835 views

Is it logical to use tables for responsive web design in 2018?

As the title says I was wondering whether using tables for responsive web design still a thing in 2018? What are the pros and cons if I do use tables instead of semantic markup apart from SEO?