Questions tagged [website-design]
Involves information architecture, page layout, and conceptual design of a website
2,762
questions
0
votes
0answers
22 views
Bluehost Website Builder: How to add a page which does not show in the menu
I am working on my first website. I use the Bluehost Website Builder to do so. It is easy to use and I need it to be easy in the beginning.
I have created a page, which showcases a few of my work ...
2
votes
0answers
69 views
Why has 88:31 become the standard ratio for micro bars?
A recent Hackernews article linked to http://cyber.dabamos.de/88x31/ with some animated gif banners from the 90s. Which got me to wonder: how did the ratio of 88:31 become a standard size? People ...
2
votes
1answer
65 views
How should our app provide feedback on background jobs?
I have a web application that performs background jobs triggered by the user.
Typically, a user can have 5 to 10 background jobs running at a time. A background job will run from 15 seconds to a ...
1
vote
2answers
84 views
How should I decide whether new users start with a dark theme or light theme?
My web application has a dark theme and light theme. How should I decide which one should be enabled for first-time visitors?
2
votes
0answers
41 views
Why are toolbars at the bottom of screen for video-conferencing applications?
All of the leading video-conferencing solutions like Google Meet, Teams, Zoom, Whereby, etc... have the main toolbar at the bottom of the screen. What is the reasoning behind it?
Shouldn't it be more ...
2
votes
3answers
112 views
Should a website have a search function?
Most websites have some sort of search function, but a non-trivial number don't. Is this just an oversight by the designers, or are there good reasons for not providing search? Personally I hate ...
1
vote
1answer
45 views
When Should an Auto Logout Popup Warning Message Appear?
My application is required by our security team to log users out after 20 minutes of inactivity. We don't currently have a message warning users that this will happen, leading to confusion/...
2
votes
1answer
46 views
Continuing setup on another page and/or modal a bad practice?
Background
I'm working on a project involving configuring live video feeds (contrast, brightness, focus, etc).
This is a very rough sketch of how the layout of the UI looks like:
Each grey box ...
0
votes
1answer
34 views
Is it okay to navigate out from a wizard flow to direct user to a certain page to accomplish their task?
I’m currently designing a flow where users are to link an bank. The scenario is the user wants to add another account from a bank, but while on the wizard, he sees that the bank has already been link.
...
0
votes
1answer
36 views
Material Design | Cards - Rich Media - Above Primary Title VS. Below Primary Title for a Card Grid?
I'm designing a website under Material Design guidelines for an online media organization.
I'm designing right now a card grid where each card will include a rich media component.
The page the grid ...
28
votes
8answers
9k views
No one is clicking my slide box popup - Can it be improved?
Earlier I asked when it the right time to prompt the visitor to opt in for web push notifications (they work on both PC and Android devices).
I was just loading the default prompt and every day maybe ...
3
votes
2answers
112 views
Would helping SEO hurt UX on this homepage redesign?
Our Learning Management System is undergoing a homepage redesign. Our target user is teachers, and the main goal is to drive registrations while signposting out to the learning resources available (...
2
votes
2answers
83 views
Advice on Displaying 24 Hour Opening
There's a similar question but it doesn't address the same issue so I have opened another.
I need to display opening hours to website visitors in a clear, easy to understand way. The business opening ...
2
votes
1answer
84 views
How should non-monospace code listings be marked up in HTML? [closed]
For marking up source code beyond small fragments embedded in normal text, the official recommendation seems to be to use the code and pre elements. And this works fine if your listings should reflect ...
1
vote
2answers
200 views
An alternative name for a Dashboard, with more functions?
We have an app that works in two separate pages. It involves sharing content and presenting information with other users. The secondary, optional (but highly recommended) page is called a dashboard. ...
0
votes
0answers
26 views
Nice DB GUI for Lots of (ideally rich formatted) Text
I am designing a workflow processing system. I have many (hundreds) of workflows that in many cases are variants of each other and have related characteristics.
In the beginning development stages I ...
0
votes
2answers
60 views
How to display 2 yes/no options, when one combination isn't possible?
Context
I am designing a setting panel for users to create gauge charts. A gauge can either have a handle (left), a progress bar (middle), or both* (right)… but obviously need at least one of them.
...
2
votes
2answers
101 views
Button to change language [duplicate]
I am developing a website in two languages (English and Italian) and I use a flag icon to switch between them.
What is the common/best practice if I am viewing the Italian page?
Show the Italian flag,...
1
vote
1answer
98 views
Q: How to differentiate two types of post?
I am new to UX design and I am currently developing a design prototype for our project. Our project sort of a social media + shopping website. For our website, there are two types of posts: shopping ...
2
votes
2answers
136 views
For a website, what are good ways to indicate there is more content below the fold?
On a Mac, the scroll bars are pretty minimal or invisible. This question talks about that - Is the currently most used scrollbar pattern good for ux?
I usually try to put content that gets cut off on ...
0
votes
0answers
21 views
Where should website logo link to in an organization with multiple platforms? [duplicate]
We have an organization that has a /forum (discourse), a /news (ghost CMS), /learn(learning platform) and etc.
They all share a similar navigation with the organization's logo in the middle and ...
2
votes
2answers
95 views
Subtle Hover Design Ideas
I'm using tooltips on my site to show some extra info but i'm finding it hard to make it obvious that the icons are hoverable.
I have added in a swirl line that animates, also a pulse animation to the ...
2
votes
2answers
109 views
Best way to present multiple types of data in a cluster bar chart?
This company has two different customer types and they all have two different kind of contracts. The aim here was to show all the contract prices in the same chart. As you can see I tried to map ...
1
vote
1answer
74 views
Logging in with Google, Facebook etc but using the same account
Let's say a user logs in to a site with their Facebook account, then later decides to log in with their Google account. Should a separate account be created for each method of login or should the user ...
1
vote
1answer
67 views
What is the name of the web element that divided in columns and have illustrations on each column?
Do you know the name of this kind of element that is usually used in web design?
Searching around I have a feeling that it doesn't really have a specific name, just "column design" or ...
0
votes
1answer
34 views
Textbased RPG: in a battle, how can I distinguish between your actions and the enemy?
In my game, the way my battles work is you attack and sometimes the enemy attacks in return. It's always one on one. Here's how this looks:
The first line is your action, the rest is the enemy's. ...
3
votes
1answer
117 views
a11y - Captioning for videos with accompanying text and no audio
We sell a widget. And we're building a webpage for the widget.
We have a section on the webpage where we want to show a text description of a feature of that widget, and below the description, we show ...
3
votes
1answer
56 views
How to best display read and read/write permissions in a table
Our app consists of different sections (here Section 1, Section 2 etc.) where the users can view and edit their data. The user can also choose to give read or read/write access for each of these ...
0
votes
1answer
55 views
File cart (document basket) – good UI examples
can anyone provide a website with a good example of a well designed file cart?
I've researched the topic but there's plenty of articles about shopping carts and not file carts. The only examples of ...
-2
votes
1answer
85 views
What is Text-Wall Effect in web design?
I have seen this in 4th point, TIA
https://uxplanet.org/10-beginner-tricks-to-improve-your-website-design-f26bb465f745
2
votes
2answers
119 views
Handle logout failure
I was wondering what is the best way to handle logout failure in website.
Like, I have a case where the server returned error when trying to verify user session. And in turn, this should force logout ...
13
votes
10answers
3k views
Good alternative to a slider for a long list of numeric values
I want to give the user the option to select a numeric value which falls in a range (0-1000), where most multiples of 5 are acceptable.
Usually, for this kind of thing, a slider would be perfect - ...
0
votes
1answer
46 views
Vector or raster graphic for UI elements? [closed]
Which type of graphic should I use for UI elements in web and mobile?
If I need to create @5x image size and then just reduce it or I need to create 1 vector image (like a button or icon) and just use ...
4
votes
2answers
153 views
What is a responsible design/web application? It is just being responsive and accessible?
I came across the interesting term "responsible applications" used in an article, which proposes that an application that is responsible to the users is one that both responsive and ...
1
vote
2answers
43 views
Select and remove accordion option
Context:
I have a website where you have the ability to select a delivery option but also read more information on each one and potentially have some custom options for each option too. Depending on ...
2
votes
1answer
100 views
How do I design a mobile table with multiple headers?
I have the following table design for PC.
How can I make it easier to see that "ddd", "eee", and "fff" are groups of "CCC" in mobile view?
【PC】
【MOBILE】
1
vote
1answer
35 views
eCommerce -> After a digital course has been purchased, should I still show this course in category page?
I am developing an online course website based on WordPress.
Website has 30 courses in total.
Courses are divided into 5 categories (A, B, C, D, E).
There are 6 courses per category.
Each course ...
2
votes
1answer
64 views
Non-fullscreen sections overflow handling
The problem
I am creating a website with non-fullscreen-sections at the moment:
I am using a fullscreen-library to "switch" between the section when the user is scrolling. That way the ...
2
votes
3answers
66 views
Best way to pick a calendar week + year
I have sub-navigation underneath my main website navigationbar. I want to display a set with calendar weeks (1-52/53) and the years (2019 - 2021) where use can pick.
Because 52 week options are a lot ...
1
vote
3answers
85 views
How do I lay out the special offers page when most offers only apply to one product?
I am building an ecommerce web site, and am trying to find a way to present the special offers. Products on special offer are grouped, so the offer applies to all products in that group. For example, ...
2
votes
1answer
60 views
What is best practice for remembering last position in audio player for logged out users?
I am developing an online course website based on WordPress.
Each course has audio file only so I am using an audio player to play the courses (no video).
Assume website has 10 courses with names A, B,...
0
votes
2answers
69 views
Icon library for UI Design [closed]
I am starting the UI design for a large scale project for which I need a good library of icons.
Looking for suggestions on good icon packs (free/paid)
0
votes
2answers
36 views
Is it good practice to design UX tailored to specific audiences or just use the general UX guidelines regardless?
I work for a company where our users are generally older and less computer efficient ( based on user studies). Is it good UX practice to tailor the website experience taking that fact into account (...
1
vote
2answers
119 views
Low-fi wireframes doesn't help me to structure my idea about web design. Can anyone tell me how to solve this?
I am new to web design or you can call UX design. I have gone through many tutorials, books, courses and other article related stuff. Everything helped me to structure my journey on this sector.
The ...
0
votes
1answer
59 views
How to prevent downloading low-res images? [duplicate]
Context: I run a photography business that encourages people sharing photos without restrictions. My websites contains galleries of thumbnail images where each image links to the original, high-res ...
0
votes
0answers
30 views
Multiplatform app - better solution for nested doll design
I am creating simple app, which will look like this:
One functionality will be a warehouse list. I will have a list of rooms. Then I select a room, it will load aisles in that room. I select the aisle,...
0
votes
2answers
177 views
Two Logos in One Page Website
I have a question on the color combination that I will use since I have a website that two logos should be placed.
My problem is that the two logos have very different color schemes. The first logo ...
0
votes
0answers
31 views
Best way to show employee performance data in 5 minute blocks for multiple employees performing various tasks throughout the day?
I am working on web development project that will let warehouse managers view their employee's performance.
There are nine different tasks that an employee does repeatedly throughout the day. The ...
-2
votes
1answer
38 views
How to enable “multi-lingual” insertion of data for administrators, while having a separate main site language
Our website allows certain "administrators" to add events and manage those events. Then "users" can enroll said events.
One of the features that is requested is multi-lingual ...
3
votes
2answers
81 views
how to make very small login form look good
I'm currently designing the UX for a webapp. The webapp can be used both by users who are logged in, and by anonymous (not-logged-in) users.
When a user is anonymous, my team lead wants a small login ...
