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
1answer
82 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 ...
-1
votes
2answers
84 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. ...
2
votes
1answer
59 views

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

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
893 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 ...
1
vote
1answer
65 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 ...
2
votes
2answers
111 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
62 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
343 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
60 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
209 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
138 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
101 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
655 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 ...
2
votes
1answer
67 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
84 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
756 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 ...
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 ...
1
vote
2answers
111 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 ...
3
votes
4answers
153 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
93 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
10k 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
188 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 ...
0
votes
2answers
74 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
110 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
42 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
66 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 ...
8
votes
4answers
3k 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
607 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&...
4
votes
1answer
107 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
300 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
258 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 ...
5
votes
6answers
1k views

Should every website have a dark mode? [closed]

Personally I love websites with dark mode. It doesn't matter whether it's day or night, I always use dark mode whenever I can. But when I build some websites myself, I feel like dark mode isn't a ...
3
votes
3answers
383 views

Using 24 hours format on an English-speaking website

I'm currently developing a dashboard for monitoring some objects that my corporation designs and manipulates. Those objects come with a date and time, that I translate from a cron table. In standard ...
2
votes
1answer
72 views

A method for consistency comparison of multiple products

Are there any good methods / tools / templates for evaluating the consistency of multiple websites from one product family in terms of UI components, patterns, button placements, labelling, date ...
1
vote
2answers
145 views

Is there a standard for indicating a high contrast style? [closed]

I am working on a web app and have developed both a normal stylesheet and a secondary high contrast stylesheet. I am coming unstuck when it comes to allowing a user to switch between styles. Is ...
19
votes
4answers
12k views

How to test a website for visually impaired users?

What techniques should I be using when testing of a website for visually impaired users that commonly occur due to aging such as macular degeneration, needing reading glasses, possible loss of ...
3
votes
2answers
75 views

Name of a component that shows a hierarchy

Does anybody know if this component has a name? I think the design was very popular for breadcrumbs on the past, but in this case the options do not dissapear as we navigate backwards.
5
votes
2answers
3k views

What open source and free wireframing tools are there? [duplicate]

I am writing a tutorial on how to do wireframing: https://github.com/dwyl/learn-wireframing/issues/1 and I would like to be able to recommend an online, free and open source wireframing tool to others....
1
vote
4answers
695 views

Separating admin's functionality to admin's dashboard or integrating it to the regular users' appearance

Could you please help me to choose between the options below? splitting admin's view of the web application to a regular user's dashboard and admin's dashboard having the single appearance for both ...
0
votes
1answer
89 views

Which Sign Up button shall we use for our web app to get the most sign-ups? [closed]

We want to improve our sign up button. In this set of images below, which do you think should give more clicks for people to sign up? To give everyone brief info of what MYCURE is... MYCURE is the ...
1
vote
0answers
72 views

Tips for my project navigation menu

I am a software developer developing an online rugby union manager game as a side project. I am not that good at design but I've been reading a lot recently on this subject and I'm trying to improve ...
1
vote
1answer
108 views

Workflow/design pattern for allowing user to add multiple fields

Context: I have a page where a user can select from multiple input sources. Within the selected source(s), they can define multiple source links. Problem The way I have currently structured it is ...
2
votes
2answers
220 views

Type of screen/UI pattern?

What is the common name for this type of marketplace browsing landing page? I'm looking for inspiration for the UI (and interactions patterns) for this type of screen - a marketplace landing page ...
1
vote
1answer
159 views

How to handle large filter options

I'm working on a gaming website project where users go through large amounts of data and search results. on a search page users can filter through historical platforms. The problem is that there are ...
56
votes
11answers
11k views

Your download will start in X seconds

Is there any reason why many websites - including very mainstream ones such as microsoft.com and sourceforge.net - show a page with "Your download will start in 10 seconds; if you don't want to wait ...
4
votes
2answers
433 views

How should I allow my members to delete their membership from my site?

What is the best way to allow a member to delete their account if they wish to not be a member of our community? Should I simply have them click a delete button on the site? What other measures should ...
2
votes
2answers
1k views

Sorting and pagination for tiles - Examples/ideas?

I'm working on an existing web app that presents information in tiles, like: There are no categories (Watchlist, Market Movers) and instead of stocks, each tile represents an event and has a time ...
0
votes
1answer
129 views

UI suggestion for my own design [closed]

I am developing a chrome extension where I planned to show the popup with current product details and user info. So, I already constructed the popup and decided what are the things are going to ...
4
votes
1answer
2k views

on-screen keyboard covers input field

Are there best practices for forms with HTML input elements when they must be used on a mobile device? On my in-development web application, when running on an Android phone, the input field is often ...
4
votes
2answers
2k views

Should multi-select dropdown/box have an “all” option?

We have a situation where we have an optional "multiple select" box, that looks something like this: <select size="5" multiple="true"> ... </select> This select box allows you to select ...