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
0answers
14 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 ...
0
votes
1answer
58 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 ...
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/...
1
vote
1answer
52 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 ...
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 ...
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 ...
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 ...
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 ...
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
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....
2
votes
2answers
193 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 ...
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 ...
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 ...
-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
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 ...
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, ...
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....
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 ...
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
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 ...
0
votes
1answer
151 views

Too much content. Too little space

Images and text to be placed in a limited space are too many and unrelated. I can't tell what to do. What can I try as a UX designer when I can't determine the size of the space and what needs to be ...
0
votes
4answers
225 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 ...
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-...
0
votes
1answer
104 views

Material Design vs Trust

I am at the cross roads whether to use material design or not for startup website. I want to give the visitors feeling of that It protect your privacy (ie: does not sell ads based on user data), ...
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
1answer
88 views

What is the best layout for a survey screen in a website?

I'm designing an onboarding survey for a sale education portal where the learner after signing up takes up a small survey based on which a program is recommended to the learner. This survey is ...
3
votes
1answer
142 views

What is the point of hiding a webpage until load? [closed]

I have noticed that whenever I go to namecheap.com, the page loads abnormally. Instead of the gradual loading like most websites, namecheap stays completely blank for a few seconds, and then suddenly ...
1
vote
2answers
53 views

Should I guide the user in their account set up? Designing for web

So, I know that when designing for mobile dividing processes into steps makes the user feel not so overwhelmed by the amount of options/fields that are required. Does this hold for web development? ...
4
votes
4answers
325 views

If we have to explain how to do something to a user, we have failed?

I was having this conversation the other day, well, a meeting where I heard If we have to explain how to do something to a user, we have failed. Now, in some circumstances, without a doubt, ...
20
votes
4answers
4k views

Background for black and white chart

I have a plot where I stack the color white and black as values by month. I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like. Any ...
0
votes
0answers
85 views

what is the best way to design a comparison block

I am very new to UX designing and I am trying to build a comparison block using CSS between two companies. I have already built a very basic layout about how it should look but its not looking that ...
1
vote
1answer
73 views

What design pattern should I use to migrate windows lists with buttons to web?

I have a Windows application that I need to migrate to web. This application has many forms that follow the same pattern: (1) a grid on the left with columns and rows than can be selected, and (2) ...
1
vote
2answers
94 views

Is a table a good idea for navigation?

We're discussing in my office about having a table where every row is clickable and used for navigation. Is that a good idea? The context is: "Users" are involved in "projects", a "project" contains ...
1
vote
1answer
75 views

How to structure dashboard with schedule

So, in my current design I have something like this: I have a dashboard that has a menu with a couple different options. In the 'home' option the user can see a schedule with their appointments if ...
0
votes
0answers
30 views

Is it even possible to prototype chrome extension products in Invision?

Without giving away too much IP I am starting work on prototyping a product that augments google chrome with notifications and menus through an extension. From what I can tell, there seems to be no ...
2
votes
4answers
260 views

Does the 980px screen width rule still stand?

I work with a graphic designer, she was asked to create a full width slider images, she asked me about the screen width, I said I don't know it varies, she wanted a number to use when designing I ...
1
vote
1answer
81 views

using bar-code scanner within website

I'm a backend developer who wants to put together some decent fullstack service for the community (entirely non-commercial): a shared library. User is supposed to scan a barcode on a book to save the ...
0
votes
1answer
85 views

Which is the best approach for Laying down the text on first scroll of the website?

The wireframes are for a product website, which is a suite of online products that can be used together or as individual modules. Option1 has a traditional HEADING-BODY COPY approach. The most common ...
55
votes
10answers
16k 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
2answers
74 views

WCAG 2.0 Redundant Links

I've tried searching but can't seem to find a straight answer regarding redundant links and WCAG compliance. I have a product collection/category page with a list of products. Each product has a ...
1
vote
1answer
70 views

Too large space for input fields

I'm struggling with a form (in Bootstrap 4) which takes the whole (fixed) container width, there is nothing else displayed on the screen. It looks okay-ish on smaller screens, but on large ones it's ...
-1
votes
2answers
95 views

Making pages without images interesting [closed]

I am currently designing a web application which, long story short, takes extracts data from an existing system and transforms it into posts which are sent out to employees. Basically, the existing ...
1
vote
1answer
73 views

Is having a “Contact us” form in the footer of every page on a website considered good ux?

Inside a footer which appears to be constant everywhere on the website, is it best practice to give this option on every single page or should it be ignored on some?
1
vote
1answer
56 views

What are the correct steps to build a SaaS B2B company UX experience?

I'm currently working for a SaaS B2B project in a specific niche, and this is my first experience of a kind. On of my first toughts is to have a consistente user experience throughout the customer ...
0
votes
1answer
71 views

UX best practices for a help desk/ticketing system? Views and steps

I am building a "help desk/ticketing system" app from the ground up. I am quickly finding out that I am reinventing the wheel in terms of workflow for the admin and users. Where can I find best ...
1
vote
2answers
75 views

Should the user be given an option to scan or read an article?

I am working on my portfolio website and I wanted to allow the user (colleague/recruiter) to either scan or read the case studies. How to I validate this feature?