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
1answer
118 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
3answers
109 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 ...
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 ...
0
votes
1answer
168 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 ...
2
votes
2answers
485 views

What makes Reverse scrolling a sign of Bad UI?

My client needed to design a fully SVG animated website with reverse scrolling. But, I heard some people say things like: Try avoiding Reverse Scrolling, It's a sign of Bad UI design etc... What ...
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: |------...
56
votes
10answers
17k views

What color to choose as “danger” if the main color of my app is red

I'm having this question wrapped around my head for quite some time. The thing is that my main application has a red color theme. And for just cancel buttons I used to use just gray colors but now ...
0
votes
3answers
88 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 ...
39
votes
13answers
11k views

Why is resizing the browser window bad practice?

I asked how I can resize the browser window with JavaScript. Everybody told me not to do it. Why is this a bad practice? I think sometimes it can be good. For example, I want to show users a tweeting ...
4
votes
3answers
1k views

How to tell the user to click to edit data

I'm developing a website which basically contains all the info about a series of projects (a few hundreds). Each project has its dedicated page with all info about it (dates, classifications, schedule,...
3
votes
4answers
380 views

Check off the boxes you wish to unsubscribe from

In attempting to unsubscribe from a company's emailing list, I was directed to a website with the following form. Note the phrase "Check off the boxes... you wish to unsubscribe from." Is this ...
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 ...
0
votes
1answer
73 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 ...
0
votes
1answer
37 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 ...
1
vote
2answers
91 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 ...
19
votes
6answers
4k views

Credit Card input format

Somewhere, in one of the Usability books I read ( probably Donald Norman ), there was a suggestion that the normal format for entering credit cards was wrong. The usual format is 16 characters in a ...
0
votes
1answer
92 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 ...
18
votes
7answers
1k views

How to measure phone number views without annoying the user?

I'm working on a website where we have customer pages on which we measure user interactions such as opening a booking form or posting a review. One of the interactions we want to measure is when the ...
2
votes
3answers
116 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
0answers
79 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 ...
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 ...
3
votes
3answers
116 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 ...
1
vote
1answer
21 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 ...
2
votes
2answers
798 views

How to make fluid web site consistent

I am redesigning my fixed-width web site to be (more) responsive and ran into some problems: For one, I really like using a fluid width layout since a lot of visitors are using my web site in (much) ...
16
votes
5answers
6k views

Why do very few e-commerce websites use full-width and fluid layouts?

Looking at some of the top e-commerce websites (Flipkart, Etsy, Amazon, Bestbuy), I could find that only Amazon utilizes a full-width layout, and that too isn't fluid. While I understand the ...
2
votes
2answers
233 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 ...
20
votes
7answers
7k views

How should I indicate that a download is in progress?

I have a data table that has a row of buttons with download format options. When one of the buttons is clicked, I want to display some sort of message to indicate that the download preparation process ...
2
votes
3answers
207 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 ...
0
votes
2answers
272 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....
1
vote
2answers
150 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
122 views

Redesign a page for mobile, while keeping a “similar” layout to the desktop view, desktop uses a table

Well I have a page that looks decent on desktop, and most of the site is working responsive as well. The website has as goal to provide people to sign up for (sport) tournaments, and allows users to ...
3
votes
3answers
5k views

Pane vs Modal vs ?: Across all screen sizes

Pane vs Modal vs ?: Across all screen sizes I am currently working on a web application that needs to be responsive, accessible, and provide a solid UX across all device screen sizes. We currently ...
-2
votes
3answers
221 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
2answers
53 views

Placement for image credits/ acknowledgements for homepage banners

What is the best place to add in the image credits? Is it appropriate to have text on the banner itself. We have a carousel on the homepage with 4 stock images. Any examples would be helpful.
0
votes
0answers
52 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
88 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 ...
5
votes
2answers
746 views

Prioritizing Items from a list of values

I want a user to prioritize 4 items from the highest to lowest priority without being able to select the same priority for each item for the registration process. So far this is the wireframe I have ...
8
votes
5answers
2k views

Alternatives to dropdown list when possible results are not known

For quite some time I've been looking around the web for alternatives to a dropdown list in assignment of data (i.e., during data capture that will be saved, NOT when searching for some data). One ...
17
votes
9answers
4k views

How do you conquer the challenge of designing for large screen real-estate?

This question is a bit more subjective, but I'm hoping to get some new perspective. I'm so used to designing for certain screen size (typically 1024x768) that I find that size to not be a problem. ...
14
votes
5answers
1k views

How to represent a numeric input that is limited to increments of some number

I have a requirement for a form that restricts a field value to fixed increments of 50 and I'm not sure what would be the most elegant way to represent that constraint in a meaningful fashion. The ...
35
votes
8answers
4k views

Is it a good idea to have a large footer containing many links?

In recent years, it's become quite a common design pattern to have a large footer on every page, containing a 'mini sitemap'. For example: This has supposed SEO benefits but would also seem to be ...
14
votes
12answers
29k views

Honest way to show your skills in Portfolio

So i have started seeing this a lot in portfolios of designers. This person has a title that says "My Skills", and at the bottom are bar graphs that are in percentages. So I asked this question - "...
30
votes
9answers
2k views

Are “print” links needed on a website?

What do you think, does a website for a general audience need a "print" link or will the users know how to print the page for themselves (using the browser controls)? Some background: It's not a ...
2
votes
1answer
94 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, ...
3
votes
2answers
299 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
159 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 ...
1
vote
2answers
76 views

How can I make the article headlines more clean in my homepage?

I have a simple webpage where I take notes on various things. I have a few "folders" (topics) and several "files" (articles) under them. My current homepage is like this: For example java has class-...
1
vote
2answers
120 views

Recommended patterns for help cues/hints/documentation

I've been scouring the web, but haven't been finding much with regards to different options on how to present help text and/or documentation. Obviously, there's an established pattern of just having a ...
9
votes
7answers
900 views

How would you handle two separate “save” buttons for different sections on the same page?

I notice on this particular page in Basecamp that they have two different buttons that are meant to save changes to two different sections. One section is above the fold and clearly has a "save ...