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
17 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
62 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
207 views

Segmented controls and buttons on the same page

We have some design problems in our big web project, so I decided to start my journey on Stack Exchange. I want your help now, but also want to help someone else as well! :) We have a UI Kit (which ...
0
votes
1answer
60 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
158 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
96 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 ...
0
votes
3answers
130 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
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
71 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
67 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
17 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
84 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
17 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
152 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
790 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
53 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
252 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
33 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
1answer
117 views

Is there a best practice for sidebar width on mobile?

What is the best practice when it comes to sidebars and user experience on mobile? Is it better to have one that is full-width or one that is 85% width with 15% backdrop? What are the benefits or ...
2
votes
2answers
194 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
187 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
0answers
32 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
68 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
121 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 ...
3
votes
3answers
378 views

What is the best way to display user company role and application role when logged in to the application

An application having two roles i.e Company Role and Application Role based on which different sections of the application are accessible to the person. Company Role describes either Admin or Users ...
2
votes
3answers
119 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
181 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
51 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
41 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
86 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
690 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
90 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
289 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
117 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
62 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
114 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
880 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 ...