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
49 views

Displaying selection of sub-categories within a Card

I am working on application that analyzes live video and can tell, with the help of AI, when an object of a certain type (e.g human, vehicle) is detected in the video. The application will have a ...
0
votes
2answers
44 views

Should Password strength meter and password guide used together

I saw many sign up forms but none of them implemented both password strength meter and password guide together Currently validation in passwords are that it should be min. 8 characters with 1 special ...
1
vote
1answer
28 views

Can you advise a better way to display a popover of catalog items?

I have a catalog that I need to show full on one page. The catalog contains categories, subcategories, and items (5-12 items inside a subcategory). That's what it looks like (please, see the attached ...
0
votes
0answers
31 views

Single page websites, page resolution [closed]

so first time user on the website, so a little bit of context. I am learning html/css/java to build websites quickly, I am mainly focusing on building my portfolio website atm, early stages, only ...
0
votes
1answer
21 views

Overflowing content in textarea - default scrollbar or dynamically increase height?

When a textarea has overflowing content, should we keep its default behaviour, meaning it will have a scrollbar on the right, or should the height dynamically increase? Which one do you think is a ...
0
votes
1answer
39 views

What is the term for “conveying information to a user efficiently”

I am having trouble even googling this concept. I want to learn more about it. The general idea is how efficiently a website or an individual webpage conveys information to a user. For example ...
5
votes
3answers
363 views

Which comes first - branding or UX?

In the context of websites, which of the following scenarios seems more right: Scenario 1 Define the corporate identity - logo, typography, colours, etc. Move on to UX design - research, prototyping,...
1
vote
1answer
50 views

Indicating jump links UI wireframe

I hope this is the right forum. I am drawing out a wireframe for a web developer to follow, indicating the layout of a website. I want to draw this out by hand, using the best practices/layout that ...
-1
votes
1answer
81 views

Should a website always have a sticky footer

Trend goes that developers want to have a sticky footer in their site. If the content is well below the view port, the footer goes out of screen. Otherwise it is visible at the bottom of the screen. ...
1
vote
4answers
348 views

Best way to deal with multiple choice checkbox UX?

I know this is somewhat subjective, but I can't really make up my mind on the following UX issue (please ignore the design, so far the site is purely for functional testing) I've got a site that acts ...
0
votes
2answers
43 views

How 'cloud of choices' is called correctly?

I'm working on a react-native app and I want to implement a similar interface, but I can't even find its name. Main task for this element would be to give users a "cloud of choices" where they could ...
0
votes
1answer
67 views

Best way of showing data with many columns? [duplicate]

We have a website where we showcase statistics of various reports of students. There is one report for which there are many columns i.e. 13 in total and every column is important to show. However it ...
0
votes
1answer
63 views

Is it ugly to use centered text everywhere and if so how do I know where to put and not put it?

I am creating a website for myself and I need to know, is it ugly/weird to put centered text everywhere? If I could have some opinions/feedback on my website that would be great.
0
votes
0answers
18 views

Focus behavior in a modal navigation drawer?

How should focus ideally behave in a modal navigation drawer (much like the one from Material Design)? The modal would appear when I webpage is viewed on a small screen, be opened using a hamburger ...
1
vote
1answer
54 views

Room Booking & Availability Horizontal Scroll

I'm in the process of designing a room booking / availability web application. Some of the application specifics are; there are 30 rooms (across three floors, in the same building) rooms are of ...
1
vote
3answers
185 views

Are there any good (for the user) design intentions behind this prompt to download a website‘s dedicated app?

When browsing quora.com - a Q&A website I value for its lengthy and sometimes inspirational answers - I came across the following message on my mobile phone: I encountered this message a lot in ...
0
votes
0answers
45 views

web design tool like plunker for your page

I am after a tool to develop my mostly PHP website. I have recently purchased a Chromebook, my main tool in windows is PSPad, as it has a useful FTP upload feature, but as I don't think I can use this ...
1
vote
4answers
171 views

Does a donation site need login?

I have a task to redesign a donation website. The top navigation bar has search for donation events and login/register. Is there a need for a login/register option? Especially considering when ...
1
vote
2answers
114 views

Emoji vs. Switch for choosing light/dark theme on a navigation bar

The previous version of my website had a toggle/switch for changing the color theme between light and dark modes (for fun and practice). Here's what that looked like: More recently, I decided to ...
1
vote
1answer
53 views

Dark theme navbar: Lighter or darker than the main background?

I don't have a lot of UI/UX experience and am trying to learn as I work on my personal website. With a light background, I 100% agree with the advice to use a darker navbar, as that helps to sort of ...
2
votes
2answers
104 views

Why is it that version managers are always mentioned after the installation instructions?

As much as I want to put this on StackOverflow, I think this particular question fits better here. I hope this doesn't sound too petty, but this is something that has always bothered me. I've always ...
0
votes
2answers
37 views

Open message in modal or in separate page?

Unfortunately I can't provide visual examples now, I hope that's not a problem. The question is simple: we have an inbox, which displays all the private messages a user has received, nothing new so ...
0
votes
1answer
36 views

Best practice to link main website page to BETA website

I will explain briefly. I am working for a new booking accommodation platform. They currently have two different websites: the main website [landing page] with all the info about the business the ...
4
votes
2answers
212 views

Images look bad with perfect paragraph width

I'm working on a WordPress template and trying to maintain perfect line width of ~70 characters. My blog has a lot of posts and most of the post contain at least one image per paragraph, usually more. ...
2
votes
2answers
76 views

Best way to represent dollar amount really close to $0.00

I'm working on an app that has to do with cryptocurrencies and there are times where I'm showing prices for very small amounts of almost worthless cryptocurrencies. For example, I'm showing the price ...
0
votes
0answers
56 views

Suggestion in putting nav bar in centred website design

Can anyone suggest where I can add navigation bar in this kind of design. items I want on the nav bar logo (optional) call to action button one more link user/profile/login/signup Can anyone ...
47
votes
7answers
12k views

Why would one use “enter the name of the project to confirm”?

If you're a long-time GitHub user, you probably have seen something like this: This happens every time you do a potentially destructive thing to a repository, like switching its public / private ...
1
vote
1answer
39 views

How to make a CTA for someone who only has a phone number and address?

I'm making a website for a mechanical engineer. All he has is a phone number and an email. I'm assuming that having a "Contact Us" button would be the most common. But I'm wondering if there is a ...
1
vote
2answers
89 views

How to design edit version on a white background?

I'm working on a user profile design for a website. The information (name, email, username, etc) is on a pure white background. The type of edit feature I want to use involves clicking an edit button ...
0
votes
3answers
72 views

Should visitors see all the links and buttons (which can be used only by registered users)?

We are developing a website which requires registration to use some features. My friend thinks visitors (non-registered users) should not even see the links for those features, because it is ...
0
votes
0answers
32 views

Minimum steps involved for an effective and efficient website redesign process?

I just started working for a web development agency, we work mainly with government so we want to align ourselves within that market with a professional, creative and functional website. We have a ...
0
votes
2answers
76 views

Ideal font and buttons sizes for a 32" monitor? [closed]

Font size viewable from 5-7 feet away from a 32" Touchscreen, and button sizes ideal for a 32" touchscreen?
0
votes
0answers
53 views

Best practices for asynchronous user experiences?

Can someone suggest some good examples and resources around designing for async user experiences? I'm working on a Web application that needs to process invoice submissions asynchronously to improve ...
0
votes
1answer
36 views

How to inform a visually impaired user when an action is processing

I'm currently working on a task whereby the backend will load plenty of options(Trip planner). When an action is processing with voiceover on, this may take 10+ seconds to load all options. What are ...
0
votes
1answer
61 views

Where is the most conventional/best place to add actions for items inside datatable?

Like actions I would say "delete", "edit", "details" and many more maybe. How display that on a desktop application. Some possibilites that I already used could be : Add to the top before the header ...
2
votes
4answers
124 views

Contact form fields priority

Is there any caution not to use the message field at first in a contact form?
3
votes
2answers
142 views

Should emoji/emoticon replace a punctuation mark in the end of the sentence? [closed]

If the sentence is finishing with emoji/emoticon in the website content or in a personal message, should it be followed by a punctuation mark? Example #1 I’m glad you could make it 🙂 We had a ...
1
vote
3answers
102 views

How do I present 'negative' sounding information without discouraging the user?

Background I'm currently working on a project that essentially will become a website that guides the user to the optimal recruitment strategy for their specific hiring needs. Before displaying the ...
0
votes
1answer
64 views

When can you have too many CTA's on your website?

I used to have a single CTA right below the page fold. I was advised to increase CTA section on my SaaS offering (https://divshow.bytebeacon.com). I thought that and a login button on a sticky ...
0
votes
1answer
79 views

I'm thinking of a layout like a tree in my webpage. I think that is the only way to go. is there some replacement?

I'm trying to make a layout design for a process. I have 3 types of users one is x , b and c. x does some work then b aproves it then c confirms it. But b can disaprove and open a ticket for x to do ...
4
votes
2answers
309 views

How would I go about making these arrows more intuitive and informative?

Currently, in an each of the rows of a table I have an arrow attached. Which, depending on whether the some number on its right has increased or decreased from the last time, changes its direction; ...
0
votes
1answer
52 views

Multiline text in navigation

Should points of a left-side navigation bar be single line with ellipsis or multiple lines? I have a strong opinion that single lines are preferable, because eyes are reading first words/characters ...
0
votes
3answers
85 views

On a product list page, how far should the items be?

I have the product list page below defined and I'm having trouble figuring out what information should be associated with what. For example: Should the filtering group on the left be closer to the ...
0
votes
1answer
74 views

How to represent multiple parameters using simple UI

I have 6 categories out of which 5 categories have 3 parameters and 1 category has 1 parameters. I am showing those categories against unique ids, as mentioned below. Suppose there is one unique id ...
0
votes
2answers
45 views

Should we take the site down and set coming soon page while we're working on redesign?

Do you guys think that this is a good idea, or you think it may frustrate the user because they don't see the information they are interested in. I personally don't like this idea, but I want to hear ...
1
vote
1answer
134 views

Implementing Filters as Tabs in a Web Dashboard

We are trying to provide users with a strong filter mechanism on a Dashboard that collects visit data. It feels like we have arrived at a point where only a few pieces of the puzzle are missing and we ...
0
votes
1answer
102 views

Why do most interfaces rely on sticky top bars instead of sidebars?

Most web interfaces have the classic sticky topbar + 2-3 columns layout (just like StackExchange). Some but few websites use a different approach and, instead, have a collapsable sidebar (i.e. ...
13
votes
2answers
2k views

When to use the gestalt principle of common region?

The image below, which can be seen on this medium article uses lines to separate various graphics, but could also use different backgrounds, which is something pretty common when designing dashboards....
0
votes
1answer
103 views

Loading indicator on modal dialog

From a technical point of view, a loading animation benefits with synchronization because user can't make multiple requests. What are the implications of using a loading animation in a modal window? ...
0
votes
3answers
116 views

In the holy grail layout of web design why is the navigation menu vertical and not horizontal?

i am a beginner with web design, while studying i came across the "holy grail layout" and i was just wondering why is it that the menu is vertically aligned while most modern websites tend to use a ...