Skip to main content

Questions tagged [website-design]

Questions having the [tag:website-design] tag regard the design of a website in the context of user experience. For example, site-map, user flow, usability, navigation, or other information structure would fall under this tag.

Filter by
Sorted by
Tagged with
0 votes
0 answers
23 views

Is it possible to create a custom UI for the embedded YouTube video player? [closed]

I'm a UX/UI designer, working on a website block with videos and I need your help and experience. 01 Main task: to create a custom eye-catching UI for the player. 02 Important condition: all videos ...
Tymur Mikhieiev's user avatar
0 votes
0 answers
25 views

Presenting responsive table in for different screen size [closed]

I wonder how can i present a responsive table from Desktop version to mobile version?
sivasudar inthirachithu's user avatar
0 votes
1 answer
69 views

Should the search bar go above or below the tabs here?

I have a search bar to search icons. And tabs to show types of icons. Do you think the search bar should be above or below the tabs? If so, why?
wyc's user avatar
  • 1,593
0 votes
1 answer
33 views

Best Practices: Converting (print) footnotes to web

I am the publisher/editor/curator of an electronic magazine/website. Occasionally, I receive submissions for publication that have footnotes; in the PDF, which is specifically intended to mimic a ...
Jeff Zeitlin's user avatar
1 vote
2 answers
60 views

Where and how to add an export button in an area with many buttons and fields

I have the following area on a website for displaying products in a CRM, and need to add a button that will export them to a CSV, however I am having trouble making it look good as there are already ...
Murphstar's user avatar
1 vote
3 answers
282 views

Best way to offer a choice between 33+ items

I have a website for a card game that has "seasons". There are four of these seasons per year. When there were only a few seasons a dropdown sufficed to allow you to time travel between ...
Thomas David Baker's user avatar
0 votes
0 answers
31 views

How do you generally handle preview of markdown content?

I'm rendering a lot of markdown in my applications e.g. a forum with an overview of posts that render a preview of that markdown. How does stackexchange handle preview of markdown? Take for example ...
Moritz Roessler's user avatar
1 vote
2 answers
128 views

Difference between showing items in the list or in the gallery

I am preparing new design for filter page (something like shop page), where "items" are companies that you can choose from. For example: You want company within UK, speaking Italian, with ...
Niutah's user avatar
  • 153
1 vote
3 answers
176 views

When should the font size adapt to the dimensions of the website?

I tried to search online on whether or not font should adapt with the size of the window and I found a lot of results on how to do it but not many whether I should ever do it. I tested it on multiple ...
Reverent Lapwing's user avatar
15 votes
6 answers
4k views

After navigating from page A to page B, if a user goes back is it better to send them to the top of page A or scroll to where they were?

This is of course a very general question and circumstances will vary. But in general, which annoys most users least when they hit their browser's back button - to go to the top of the page they were ...
tell's user avatar
  • 271
1 vote
1 answer
75 views

Explain a login process?

I have developed a login process using 2 separate "blocks". You can call it public part and private (safe) part. My question is if this is a good way to explain the login process using a ...
sibert's user avatar
  • 181
1 vote
1 answer
92 views

Singular vs plural forms for entities in CMS website

Let's say I have a (frontend) website where users can register and post, just like StackExchange, which makes use of a REST API to fetch the data. So the website is located at https://www.example.com ...
kataba's user avatar
  • 11
1 vote
2 answers
108 views

How to redirect viewer's attention to a certain card among similar cards?

I am a product designer but I also work on illustrations and web designs on the side. On my portfolio, I would like to motivate viewers to click the first card (UX/UI card) rather than the other two. ...
Bluebug's user avatar
  • 336
1 vote
2 answers
115 views

Neutrals in web design and how to pick them

When designing a website/mobile you need to choose your neutrals. But I can't get my head around it. Sure I can move the color picker around but I'm trying to generate neutrals in a controlled, ...
PinkWhaleRider's user avatar
6 votes
2 answers
239 views

Did guestbook features on websites exist? Are they still used these days?

An older client asked about creating a 'guestbook' feature for a content based website, and it reminded me of going to places in the past and writing down comments on a guestbook, which served both as ...
Michael Lai's user avatar
  • 27.3k
1 vote
1 answer
83 views

Updating UX for time selection

I am building a tool to convert between local times across multiples locations: cities, airports, timezones. Right now, the site updates the local time every second. I want to be able to let users ...
Jrom's user avatar
  • 111
1 vote
1 answer
96 views

Advice on personal portfolio landing page

I am a product designer and I have worked on several B2B SaaS products last six years. The problem is that these products already had a brand. So I am not an expert on branding and marketing something ...
Bluebug's user avatar
  • 336
2 votes
1 answer
137 views

Good alternative for popups that show events?

I'm in a team that builds website templates for a wide variety of informative sites. We've had a lot of users asking for popups on the homepage and we've been saying no because it's a bad design ...
sofarsophie's user avatar
2 votes
1 answer
88 views

Are there any guidelines for using the auto focus (programmatic focus) on a webpage by WCAG 2.0?

Regarding ADA compliance and web accessibility guidelines like WCAG and WAI-ARIA, is there a specific requirement recommending the auto-focusing of input fields after service failure error (not a ...
BlendedThinking's user avatar
1 vote
1 answer
49 views

Make the Information part better in a cat profile [closed]

Hello guys im creating a site for a cat breeding company. The site is 95% users on mobile web browsers. How can I make the Information section more beautiful. Do you see any other things I could ...
magnus's user avatar
  • 25
1 vote
0 answers
46 views

Multi Select Search Bar [closed]

I have boolean search bar and a user want to make search in a param, b param, c param but this is good for single category selection to sho
Tushar Bhowmik's user avatar
1 vote
1 answer
63 views

How to expose statistics like a filter buttons

Basically I have a pane with some basic statistic. It shows how many elements have been added, removed or changed and I would like to use it also a buttons to turn on and off filters. But ...
SerSergious's user avatar
7 votes
4 answers
4k views

According to the basic principles of UI Design, which alignment works the best as shown in the following picture

which alignment works the best and what is the proper way of doing it?
Khalid.'s user avatar
  • 71
1 vote
1 answer
48 views

Uploading images - copying multiple form fields from one to multiple elements

Issue: We have an image upload form where the user needs to fill in several form fields related to each image, such as the author, description, expiration date, and comment. Some of these fields will ...
krolowa_swiata's user avatar
2 votes
4 answers
286 views

Should text links enlarge on hover?

What are the best practices for this? Is it better to e.g. opt for underlining, box shadows, or a darker font / bgcolor when selected / on hover? The reason I ask is that a client I have is asking to ...
adnjoo's user avatar
  • 21
1 vote
1 answer
62 views

How to ensure accessibility for a variable-length collection of name fields in a form

My company supports a legacy application which uses a data form containing a Recipient section and a Sender section. Each section, upon first load, contains three text inputs (horizontally aligned) ...
user79517's user avatar
1 vote
1 answer
118 views

Icon-based sidebar navigation + sticky header. Good idea? [closed]

I'm designing a B2B web-app with a lot of tables and dense information. Each page has a header that can contain: Page title Tabs Action buttons We're using a sidebar navigation that shows section's ...
Danielst's user avatar
  • 371
1 vote
2 answers
43 views

Handling and parsing string with multiple elements to the form using one input

We have a problem that we want to solve in the most intuitive way. There is a modal with one text input, but the requirements are for user to be able to put one OR multiple email in it. This is needed ...
Glib Zaitsev's user avatar
1 vote
1 answer
341 views

What are the specific breakpoint sizes that Apple uses and references in their design guidelines? [duplicate]

Does someone know, What are the specific dimensions (primarily width) of the breakpoint sizes that Apple uses and references in their design guidelines, name as the XS, SM.... XXL? Reference: https://...
himanshu kandpal's user avatar
1 vote
1 answer
152 views

Is it good UX to wait for all images to be loaded before displaying them?

Let's say there's a website or app with 20 images on the initial screen. For websites, we'd typically show images whenever they're available. Since the 20 images will likely all load at different ...
Leo Jiang's user avatar
1 vote
3 answers
572 views

How can I make it more obvious to the user that he can scroll down?

I am currently trying to acquire initial users and feedback for a web app. So far it's mostly friends and family and some freelancers. I posted the link to a family group and not even one person ...
Moritz Roessler's user avatar
1 vote
1 answer
183 views

I don't understand how an 8pt grid system works with a baseline grid system, any tips?

I've been playing around with design grids, and have liked the consistency of baseline grid systems where all the baselines and elements land on the baseline grid. This is easy to implement for me, ...
coriidor5's user avatar
1 vote
1 answer
60 views

How can i logically combine filters for organization, domain and country?

I'm working on a web app containing a lot of datatables with some well known filters on each page, all of them pertaining to a specific domain (or website): A domain may or may not have an ...
sommmen's user avatar
  • 111
1 vote
1 answer
97 views

How to create a web design and actually implement it via exporting to HTML code

I know it takes skill to research and create a mockup design as a UX designer, but if you want to take it to the next level - what do you do? What platform do you use to actually realize it and ...
J. Dupo's user avatar
  • 41
0 votes
0 answers
39 views

Banner strip of power statements on a landing page. Is there a name for this feature? [duplicate]

I have been given a brief to design a 'banner strip' of power statements on a landing page. I am looking for inspiration but I cant find the best term to use to find what I am looking for. I have an ...
Jotoez's user avatar
  • 1
1 vote
2 answers
148 views

Using a single button for sign-in and sign-up

What's the best label to put on the OAuth button (google/facebook) which allows both registration and signing in? We really see little sense of having two separate buttons which does exactly same ...
BroiSatse's user avatar
  • 121
2 votes
1 answer
511 views

Why has extreme padding become so common in web/UI design since 2019?

From 2014-2019, Windows/Windows apps, macOS/macOS apps, and most websites have used modest levels of padding in their user interfaces. From what I understand, the padding is there to make it easier to ...
AcinonX's user avatar
  • 151
2 votes
1 answer
162 views

How many users *actually* land on the homepage?

A bit of an off-UX question but I think it still relates. I've been designing a few e-commerce websites now and there is always a lot of talk about the homepage, what to include for first time users, ...
Big_Chair's user avatar
  • 6,835
1 vote
1 answer
46 views

AJAX Forms and When to Load HTML to the page?

My use case is a customer coming to a landing page from an email. The page itself is doing some processing and then displays success or error messaging to the customer. Web design isn't my day job - ...
OnBreak.'s user avatar
  • 113
1 vote
3 answers
39 views

Button placements(position) - In the case of an action not applicable on all items in the list

On a web page there is a list of files. Scenario is tha, Some files are "system files" that can be downloaded but not deleted, and others are "manual files" that can be deleted ...
Murphstar's user avatar
0 votes
3 answers
74 views

How to fill a list with information without making it messy?

I am working on a website for a horse breeder. I created a page to show an overview of their horses, like this: The idea is that if you click on a horse, you will see a detailed site with the ...
SerenaT's user avatar
  • 101
0 votes
3 answers
165 views

Should "primary" buttons always perform an action?

I have 2 buttons, one is only to open a menu below and the other is to navigate to the view to create a new employee. I recently read an article where they say primary buttons should only be for ...
leonardo's user avatar
0 votes
1 answer
171 views

Horizontal and vertical alignment of headers in property tables

We have a Web application with a right sidebar which shows a lot of vertically stacked cards with details (aka properties) of the main active entity. Each card contains a property table, where each ...
AsGoodAsItGets's user avatar
0 votes
3 answers
116 views

How to optimize user experience on existing platform? [closed]

If you have a working website, is there a way to tell if parts of it are bad or good? Let's take my hobby project for example which is a cryptocurrency live data platform, I develop this as a hobby ...
ii iml0sto1's user avatar
0 votes
2 answers
92 views

Where to place the return to shop button on a product page?

I'm working on my personal site as a gallery for my photography with an attached shop and while I have a strong CS background which makes the JS/PHP/CSS stuff easy to me, I sometimes struggle with the ...
jchnkl's user avatar
  • 3
0 votes
1 answer
66 views

Best UX for a documentation "book" in a website format, specifically dividing it into chapters and how the navigation works?

I am working on implementing a custom programming language, and am inspired by documentation examples from the web: Vercel Readme.com Rust Lang You'll notice that the navigation on all of these has ...
Lance's user avatar
  • 451
3 votes
1 answer
467 views

When to display a modal popup over a card flip on mobile or desktop?

I am building a Bootstrap website for a mobile application. It's basic HTML with no real backend coding involved at all. I have a photo with a chapter and verse from the Bible. I want to show that ...
CodeMan03's user avatar
  • 143
0 votes
2 answers
64 views

Width and adjustment of arbitrary data tables

We have a couple of similar pages in our web app where each shows merely a data grid for tabular data. They differ only in the type of data to be shown, i.e. with different number and kind of columns. ...
Kai Radewald's user avatar
1 vote
2 answers
906 views

What's the right UI of a dropdown when it's disabled?

There are several settings that users need to go through, one of them is selecting a model. By default, a model is pre-selected in the dropdown field. However, if the user expands the advanced options ...
Bot's user avatar
  • 11
1 vote
2 answers
241 views

What UX principles to apply to assess a sticky action menu at the bottom?

On the Awwwards website, I really like the sticky action menu at the bottom of the page (the black rounded box on the screenshot) I think it is : Close to the thumb on mobile, hence easy to reach Not ...
fabienheureux's user avatar

1
2 3 4 5
59