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
94 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 ...
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 ...
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 ...
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
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 ...
1
vote
3answers
161 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 (...
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
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/...
2
votes
3answers
129 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 ...
2
votes
1answer
103 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
84 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....
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 ...
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
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 ...
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 ...
1
vote
2answers
154 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 ...
2
votes
2answers
791 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 ...
0
votes
1answer
254 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
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 ...
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 ...
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
199 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
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....
1
vote
2answers
131 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
121 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
4k 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
188 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
52 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
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 ...
4
votes
2answers
712 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 ...
7
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
28k 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
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, ...
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 ...
1
vote
1answer
65 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 ...
1
vote
2answers
74 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
117 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
885 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 ...
34
votes
5answers
13k views

Best practices for online help

we're currently developing a fairly complex web portal. To improve the user experience, we want to provide a context-sensitive online help system that can aid the user in understanding certain aspects ...
92
votes
10answers
17k views

What are arguments against the usage of a ticker / marquee on websites?

I was recently asked to add a ticker (with daily updates) to one of our HTML-based dashboards. (A ticker would be text scrolling through the screen. In the past you could achieve something like that ...
0
votes
4answers
244 views

Pros and cons of putting a tooltip on a button?

I want to display a tooltip on a follow button to explain how notifications will be distributed. I don’t know if it’s a clean design or if I should find another way to explain the action. What are ...
13
votes
2answers
6k views

Should websites provide high contrast or alternate schemes?

With regards to Accessibility, many sites focus on font-size adjustments either the browser's / OS's native controls or via a control on the page (usually denoted by 3 capital A's of varying size). ...