Stack Exchange Network

Stack Exchange network consists of 175 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.

0
votes
5answers
197 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 ...
1
vote
1answer
58 views

Does a video lightbox need a close button?

I am building someone a portfolio website for their videos. When you click a thumb in a gallery of videos, a light-box no bigger than 65% of the viewport opens to show the video. You click the dark ...
0
votes
0answers
56 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
3answers
150 views

Showing item-level & order-level offers/promotions on Details page (PDP) &/or Cart page?

I have 2 types of offers (promotions) applicable on my eCommerce website: Item level offers (example: Item belongs to Brand XYZ. Buy any 2 items from brand XYZ to get 30% off) Order level offers (...
3
votes
1answer
48 views

Is it common practice to use separate identical images of different resolutions for different screen sizes? [on hold]

From a design perspective is it more common to use different size images for say desktop and mobile or is it more common to use the same image for each and display them in different size using css or ...
3
votes
3answers
786 views

Making Form Wizard friendly as possible

It would be easy if my audiences are computer literate already or somehow has knowledge in using computers. This is my first time designing for those who are not. I have Cancel/Back and Next button ...
0
votes
0answers
32 views

On some screen sizes the CTA goes below the fold

I'm designing a web site and i have two buttons one below the other on the landing page. One is a primary button and the other is a secondary button. The structure of the page includes an image which ...
-1
votes
2answers
64 views

References needed for website with a hamburger menu to show about us [on hold]

I am working on a website that has a main menu visible on the home page and has a hamburger menu, clicking on which about us is shown. Looking for some other website that use similar approach.
0
votes
2answers
90 views

Is it bad to have hamburger menu with back naviation button for inner pages

We are using hamburger menu on all page even page are inner pages. I want to know if this is bad user experience to show back navigation button with hamburger menu in web? below is an example
2
votes
1answer
97 views

Show Linked entries on Data Table

I'm working on the data table of an Insurance Installment Plan. Case 1: Below is the initial schedule that has 10 entries. The business senario is sometimes if an installment is overdue, clients ...
0
votes
1answer
38 views

Navigation from a filtered list to default view?

Suppose I am designing a web site to display a list of items. I'd like to add a category filter to display only the items of a given category. Now I'm wondering how user should move back from the ...
-1
votes
1answer
40 views

How to deal with object widths in responsive environments

I've just designed a widget - it's a data table with 3 fairly narrow columns. It looks good on mobile and desktop. On mobile (portrait), it takes up the full width, while on desktop, it uses 50% of ...
4
votes
3answers
289 views

Web UX: what are the practices of content segmentation without sub-menus?

I am thinking on the following task: I have a document with the content for the web-site. Document is structured with Level 1 headers. Under each header there is relevant content. One of the top ...
1
vote
2answers
130 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
1answer
245 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 : ...
0
votes
1answer
41 views

Where should the illustration go on this wireframe UX wise?

I'm making a wireframe of a responsive website and the landing page will have text field and a cta beside an illustration. Like in the image. Where should the illustration go ux wise in mobile ...
0
votes
1answer
48 views

Show categories both on homepage and on categories page?

I'm creating a "directory" website that has many pages, each belongs to a category and a sub-category. I have category pages that will list all the pages that belong to the categories. Example: ...
2
votes
2answers
540 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 ...
2
votes
2answers
90 views

When to remove labels for data elements?

Removing labels seems to offer a trade off between clarity and concision. For editable forms, labels are necessary, but when can we forgo them when displaying that data back to an end user? For ...
-1
votes
2answers
57 views

How to avoid bad bounce rate and boost good bounce rate?

I'm working on a comparing website. We got lots of traffic from the blog article, yet the bounce rate is so high. We perform well on acquisition but bad on keeping the user in the site then generate ...
6
votes
3answers
327 views

Select as title vs. Tabs

I'm trying to decide between using a custom css select as a title versus using tabs on a page I'm working on. The select version is a bit cleaner and it takes up less vertical space, but I'm afraid ...
0
votes
1answer
66 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', '...
0
votes
1answer
57 views

Is it more common, or best practice, to design several web pages to fill out user profile data or one page divided into sections? [closed]

I notice that a site like LinkedIn feels overwhelming and clumsy to me when I'm trying to update my profile. I would guess that LinkedIn would hire some of the best developers in the world, yet it ...
0
votes
4answers
190 views

Is there a program that can select a set of 5 to 10 colors based on a few main colors?

Say I want a color scheme to be 'vintage' and I know that, at least to me, that means a lighter sea green and a faded orange color. I know the art students will understand color theory enough to do ...
3
votes
2answers
116 views

How to deal with untranslated pages?

I have an e-commerce website available in French and English. All the pages are translated (homepage, about, shop, terms, etc.) excepted for the Blog which is only available in French for the moment. ...
1
vote
1answer
76 views

Best way to show an inner submenu on mobile website?

On my mobile website I have a menu for the main website navigation. When you are in your account area, this is a further submenu, which is accessed by clicking the second burger menu button. The ...
8
votes
2answers
584 views

How to portray to a user the security of an input field?

I was just tasked by my boss to make a certain SSN field to appear more secure. We currently are masking the first 5 numbers but he wants a greater feel of security behind the input. He was thinking ...
1
vote
1answer
54 views

Is It Acceptable To Use Custom Focus Indications As Art Direction?

As part of a redesign of my personal site, I have a hero image with an animated flying blimp. When hovered, the blimp toggles to a different animation. I would like a keyboard user to be able to ...
0
votes
2answers
77 views

Using a lightbox as a new page

Hope i'm posting this on the right forum. I'm designing myself a new portfolio website and had the idea of using a lightbox to display about me content. So, when the user clicks on about me, a ...
1
vote
3answers
593 views

breadcrumb trail design for mobile

I was trying to make my website mobile friendly. I have gone through many reviews about breadcrumbs in mobile websites. Some say it is good and some say it is bad. After going through the reviews, I ...
0
votes
1answer
49 views

Considerations regarding hamburger menu in HP and traditional menu in subpages, for desktop

I know hamburger menus in desktop are not optimal but our team is stuck with it. Therefore, we wanted implement a normal main nav for subpages, which will result in a inconsistent experience. Wanted ...
0
votes
2answers
67 views

Making up user audience?

I understand that, for someone who’s just starting to put together a portfolio without any “real” projects under his belt, made up projects and scenarios are acceptable pieces of work to include. ...
1
vote
3answers
3k views

How should I indicate read vs unread messages?

Here's the table: I don't think the icons in the 'Read?' column are truly clear as to whether or not a message has been read. Am I wrong? I can change the column header, use different icons, or ...
2
votes
2answers
84 views

How would you differeniate between a user login and another account on a website?

I am working on a project with a financial company. They require a user to create a financial account and then create an online account. Currently, they are both referenced as "Account". The issue I ...
1
vote
2answers
104 views

Whitespace versus content

Given a larger amount of content (e.g. a table of data or a list of fields and options in a form) that absolutely need to be on a website, would it be better to space it out so that scrolling is ...
4
votes
4answers
143 views

What's the best way to ask for user feedback about a specific element/section in a website?

I'm working a feedback form for a clinical platform which is used by health care providers (mainly doctors). The website has a patient dashboard where the doctor can see the patients clinical record ...
1
vote
2answers
84 views

Advice for course homepage design [closed]

I would love some input on the UX of the website that I've been designing. The webpage can be found at https://www.math180.coursehome.page/ -- it's purpose is to serve as the homepage for a ...
7
votes
3answers
9k views

Should i use left align or center align in webdesign?

I know that center align text would not easy to read , because user should be find where the next line text start. But i find that more web use the center align in their design , and it look ...
0
votes
0answers
70 views

Designing an admin panel with add/edit/delete products option

I am creating a custom admin backend for my website in Laravel. I have several categories and sub categories of products that I would like to add/edit and delete in the backend. I have around 10 ...
1
vote
1answer
52 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
2answers
71 views

How to deal with pages having short content text? [closed]

I have a website which consists of a dozen pages only to present and describe a company. Each page has a small paragraph displaying the information the visitors will need. The information is just in ...
1
vote
2answers
104 views

Why are different border radiuses used for elements on same site?

I've noticed that a lot of websites use border radiuses differently for different elements. I've noticed some patterns, but I'm not sure of them. I noticed a lot of them use completely rounded ...
2
votes
0answers
37 views

Different border-radius in different field. Is it a good practice? [closed]

Using different border-radius for different fields (e.g. textboxes, buttons, cards) to make the curves looks similar. Curves on the large field doesn't look similar to small fields. Expected: What'...
0
votes
2answers
51 views

Website main action requires Sign Up: sign-up first vs sign-up on submit?

I am building a website in which we rely on the community to build contribute to publically available resources. The main call to actions on our landing page will be browse and contribute. The ...
5
votes
4answers
381 views

What is the best max-width content container in a website?

Following Bootstrap 3/4 or other frameworks, we have notice discrepancies in terms of max-width for the main content, for instance: In bootstrap 3 the max width of the container is 1170px In ...
0
votes
4answers
481 views

Web UI to either select option or enter value

Surprisingly I couldn't find something matching this. I need a UX that is NOT auto complete but allows to either choose an existing option or enter a value by typing it. It resembles <dataList&...
3
votes
1answer
98 views

How to make content disappear when scrolling underneath the “header” area? Is there an example of this?

So I have a UX problem to solve - Here's an example of the issue: As you can see, the message steps are nested underneath the folder. In order to view all of them, you would have to scroll from ...
3
votes
3answers
197 views

The best icon for settings, wrench or gear? [closed]

While we were discussing UX at work, we stumbled across this question. Which icon is the best icon for settings, wrench or gear? We simply just need to figure out which icon is the best for settings ...
3
votes
4answers
148 views

How to put multiple links in one text

I have a table which contains a list of ID's, each of the ID's will contain 2 links where the user can choose which link they want to open. What's the best way to present this feature? Here's what ...