Questions tagged [website-design]
Involves information architecture, page layout, and conceptual design of a website
2,752
questions
1
vote
0answers
33 views
How should non-monospace code listings be marked up in HTML?
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 ...
0
votes
1answer
72 views
UI / UX alternative to 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
21 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
50 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
93 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
85 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
125 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
90 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
104 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
69 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
63 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
33 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
116 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
53 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
49 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
79 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
84 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
152 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
40 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
94 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
32 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 ...
1
vote
0answers
47 views
Entry Page for Multi-brand Website [closed]
I noticed that a lot of companies have a setup where the parent company has a site for each brand even though products may compliment each other.
For example, Fenty has multiple brands. There is Fenty ...
2
votes
1answer
60 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
61 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
84 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
59 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
66 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
35 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
118 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
47 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
29 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
129 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
30 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 ...
-1
votes
1answer
36 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
79 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 ...
0
votes
2answers
63 views
Exposing dropdowns in nav bar
Our team is currently debating on which navbar layout they should go with. The main discussion point is whether we should expose dropdowns on the navbar.
These dropdowns are for selecting a customer ...
3
votes
1answer
45 views
What UX decisions to make to promote civility online?
Folks aren't as nice online as they are in person. Trying to find ways to mitigate this, a cursory search only turns up suggestions that each user can do to be more civil online. What UX decisions ...
3
votes
4answers
100 views
Should users be prompted to determine bandwidth intensity of a site?
Serving up web content based on user agents alone seems exclusionary to me; mobile devices aren’t always constrained to low bandwidth.
From a UX perspective, would it be a bad strategy to present ...
4
votes
1answer
74 views
When an accordion or collapsible panel is open, are there any concerns with having the header BELOW the panel?
According to this article, an accordion is composed of headers and panels as follows:
I will refer to a single one of these elements, with a header and panel, as a “collapsible panel”.
Below is part ...
2
votes
1answer
84 views
Responsive Web design [closed]
I am a self taught designer and learning nowadays from IDF. I have a few doubts about responsive design.
As a designer, while I am designing screens to give to to developers, for what sizes I should ...
3
votes
1answer
172 views
What's the point of responsive/adaptive design in doing UI?
I apologize if this is such a bad question but I have zero clue about web or UI design. I'm a graphic designer but I was tasked to just design a website using Photoshop cause that's what I'm familiar ...
1
vote
1answer
73 views
What term denotes “respecting dark and light themes”?
If my website displays appropriately on a wide variety of screen sizes, I would say, "My website is responsive."
In a similar spirit, if my website respects the user's choice of light theme ...
3
votes
3answers
192 views
Why render designs?
How do you use mockups, specifically high quality mockups (not wireframes), in your design process and why/would you recommend them?
I'm a developer, in the past my product owners would sometimes give ...
3
votes
1answer
151 views
What is the name of this element? For the elections
I know it goes with the family of Information Visualisation Charts, but do we call this specifically.
0
votes
1answer
67 views
What is the name of this type of form and what alternative are available?
I'm designing a form for a web app and I'm looking for the name of this type of form element:
Also, I'm trying to find alternative for small screens (mobile). I can't find any way to do this properly....
2
votes
2answers
71 views
When reading a long passage, when do users tend to scroll the page?
I'm creating a web page with a lot of text, and elements that animate in once the user scrolls past a certain threshold. I need to determine exactly how far the user should scroll before triggering an ...
0
votes
1answer
63 views
How to engage user if some API is taking time on website or app
What are the methods using which we can engage the user on website or mobile app page where some backend API take more time to provide the output.
