Questions tagged [web]
Use this tag only for digital experiences on the web. Not to use in physical experiences (unless they include IoT web applications)
390
questions
2
votes
2
answers
2k
views
Dealing with characters not supported by a font
I have a website which is used by people all around the world. I use a certain font which only just came to my attention does not support characters which my users have mentioned such as ğ, ş and ı.
...
2
votes
1
answer
841
views
Is there a better suggestion for web design container width?
So we know the majority screen sizes research already,
But what are the optimal max-width suggestion for the container in each of screen sizes?
I can only find a suggestion report like this,
from ...
44
votes
5
answers
4k
views
Should iOS native app be distinctly different than the responsive website's mobile version?
I was in a training session, where a room full of designers were learning iOS prototyping in Xcode, and there was an individual there who came from Apple to make sure everything in the course was done ...
2
votes
2
answers
149
views
Best way to do private invitations to games or collaborations?
I have a site where users can create a sort of session where they can handle data privately but I would like to allow my users to invite external users who may not be part of the site to collaborate ...
1
vote
1
answer
118
views
Usability and distracting and confusing design [closed]
I have designed my theme here you can take a look :
Reviewer said "Nice idea, but usability for this conversion is pretty low. Theme is also very distracting and confusing too. "
What does this mean ...
7
votes
3
answers
2k
views
For how long should alerts be displayed? [duplicate]
For how long should alerts be displayed? By alert I mean messages such as "You are now logged out." in this page:
Normally, they disappear when the user clicks on some link and the page reloads, but ...
5
votes
1
answer
173
views
What to implement for fixed (or something like that) navigation without the header if I have 1 up to 3 links?
I have a following web app (important parts translated manually, it's in Russian originally):
How can I decompose or remove the top bar navigation?
The problem is in the following:
Some of ...
3
votes
2
answers
539
views
Should a web-based non-modal dialog prevent users from leaving it via keyboard access?
Say that a dialog is non-modal, meaning that a user can use the mouse to interact with elements outside of the dialog without closing it.
Does this also mean that the user should also be able to ...
3
votes
1
answer
246
views
How should sites be designed, if google-weblight and similar site compression techniques were to become a norm? [closed]
Site compression through something like google-weblight has pros and cons. On one hand it loads pages 4 times faster, on the other it changes the look of the site, thus altering the UX.
Also, my ...
0
votes
1
answer
121
views
Where should the "developed/designed/ by ..." information go in a website? [closed]
I am a freelancer, and currently designing the website for a startup. I was wondering if there are any guidelines which talk about incorporation of the designer's information in the website.
On ...
5
votes
2
answers
953
views
'Continue' and 'Retry' buttons location in action div
Regarding a Web console:
I have a process that stops from time to time when it has warnings and fails.
I'm allowing the user to retry or continue after taking care about the warnings and fails.
...
0
votes
1
answer
4k
views
Using (at) instead of @
Why is it, that on quite a few websites email addresses are written like this
something(at)example.com
instead of like this?
[email protected]
I could see that one might do it, to avoid bots ...
1
vote
3
answers
875
views
Forcing a user to sign up to download a file
I don't want to compromise the user experience, but I have been thinking about forcing my users to sign-up to download free files created by myself.
Although, it may sound ridiculous, nevertheless, I ...
3
votes
1
answer
262
views
Why enter again (or at the very least confirm) my email address when I click "Forgot password"?
In most, if not all, web forms for logging into a site, you have your forgot password link. When clicking the link, you get a new form (usually in a new page) either empty (!) or prefilled with the ...
3
votes
1
answer
433
views
How to create a feel of urgency while showing remaining time (in days) on a WebUI ?
I'm creating a site where I have different products for sale. For many products, the sale get closed after a certain amount of time(like after a week). I want to put some kind of indicator with '...
28
votes
5
answers
19k
views
Table with actions per row
One of the pages in our web app includes a table that typically has a few dozen rows for each user, and it takes most of the page's width (5-8 columns).
For each row, users can perform 3 possible ...
0
votes
1
answer
339
views
Bulk actions on a left-navigation tree of folders/contents - Best way to handle this experience?
I have a situation where the current UI is set up in a left-hand navigation that contains a tree structure containing folders and their contents. The right-hand side of the application is where the ...
2
votes
2
answers
294
views
How to differentiate a Div from rest of the div on same row having same look and feel ? border/shade etc?
I'm working on a web application where I have 4 result types of a data and I'm showing all four on the page in same row with same look & feel of divs (can be seen in picture). The Box_D result is ...
2
votes
2
answers
1k
views
Background Grid lines in charts are good or bad?
I'm using different charts (Line & Bar charts) in my Web app. I want to know whether background grid lines are good to have in charts or not? Does these lines distracts user attentions from main ...
0
votes
6
answers
484
views
How many mockups do you typically do for a responsive bootstrap design?
I am scoping a responsive project and thinking it will need views spanning from mobile to desktop. I am just wanting to confirm if it is necessary/helpful to do mockups for all 4 sizes (Extra small ...
4
votes
4
answers
664
views
Best approach to show Risk data on UI - Simple divs or Guage (speedometer)?
I'm working on a project where I need to show a Big Risk number on the main page of my website. What is the best approach according to the user perspective to show the number ? I have 2 options in ...
5
votes
2
answers
2k
views
What are the accessibility concerns of a checkbox based navigation?
This is an old css-tricks article demonstrating some of the cool things you can do without javascript using checkboxes. I want to use an updated version of this pattern on my site, but I am worried ...
3
votes
2
answers
392
views
How to make a "prices" UI?
I am building a website that offers 3 different pricing method.
The only thing that differs between the 3 options is the period range.
For example ( lets say car hire):
under 1 week - 10$ per day
1 -...
2
votes
1
answer
490
views
The best way to show several related tables
I have three or four connected tables, and I really wonder what's the best way to lay them out in a page?
One table is for Roles. Second table is for Users. Each role might have several users and ...
14
votes
2
answers
2k
views
Wait/load indicator: Use built in browser functionality or display a custom indicator?
We have a bit of a discussion regarding the use of wait/load indicators in a project I am working on.
The scenario:
A click on an "open document" link possibly leads to a 2-5 second wait before the ...
2
votes
2
answers
3k
views
Best practice for multi selection of card
I've a web page with a lot of elements represented by cards. The cards have some actions: add to, show detail, add to archive, delete.
The card can be made up of only text, text and image or image ...
1
vote
1
answer
285
views
Should navigation mirror side nav VS side nav being filtering only?
Should the top navigation of an e-commerce site be duplicated in the side nav or should that area be reserved for filters only?
For example
-1
votes
1
answer
68
views
Are there any web presentation systems that does this? [closed]
I've created a framework that translates XML into visual graphics. I want to showcase the main features of my framework on the web and wonder what the simplest approach would be. I'd like to show XML ...
0
votes
1
answer
83
views
Inspiration for a search layout containing 3 arbitrary long values for web sites
While thinking about a proper layout for a search page which contains always groups of three data entries I initially came up with such a concept:
The search groups, which can be searched for consist ...
2
votes
2
answers
1k
views
Form with multiple languages
I need to make a form for registering content. However, my client want the same content in multiple languages. Before confirming the registration
Which layout strategy use without much impact the ...
2
votes
4
answers
2k
views
What is the preferred iOS input for a year entry field?
What is the better input type for a year entry field:
A scrollable “flipper” or a numerical keyboard?
1
vote
2
answers
2k
views
Gestures and mobile websites
I was wondering if anyone could share findings/research/thoughts into the usability of gestures on mobile websites (not apps).
Apps like Gmail allow users to swipe emails to perform certain actions, ...
2
votes
2
answers
804
views
Displaying notifications in a dashboard
This is a bit of an opinion question, so I'll understand if it will be closed.
We're designing a web-based dashboard with several tabs, one of which is the dashboard's snapshot page / welcome page. ...
3
votes
2
answers
236
views
Where to place links for sub-records
This is a problem that I had in several places in various web apps that I built. I'm asking about one specific case because it's simple and clean. I have this page:
It's a project, called "Come ...
1
vote
2
answers
135
views
Can a website have two different search paths, one dedicated and one global?
I am building a moderation portal - basically users can report dubious behaviour, which gets flagged. The moderator needs to audit each flagged item on the moderation portal.
My question comes ...
2
votes
3
answers
151
views
Selected, Blue or Bold-Black?
I've seen two implementations of a "selected" schema. One uses the convention that blue is clickable, and therefor are using the selected one in black, and the clickable one in blue.
The second one ...
3
votes
3
answers
1k
views
How to allow 'Select none' from dropdown properly
I'd like to allow selecting none from a dropdown menu (web).
On the other hand, there are no labels so I would like to also let the user know what the dropdown is for.
What's a good way of achieving ...
3
votes
2
answers
4k
views
Displaying custom vs default settings
In many interfaces, there is a set of default settings and then a need for the user to be able to override those with custom settings. Do you have any examples of how to handle this well in an ...
3
votes
2
answers
1k
views
UX Parameters for Interaction Design
In a web or screen-based GUI, when a user performs an interaction, or there is a state change triggered by another user or server processing, what are the parameters you can change given a specific UI ...
2
votes
1
answer
153
views
What is the best way to design a weather forecast (hourly/daily) [closed]
I've been experimenting with some different formats. This is for a web interface.
Give the following data points to show:
Hourly:
Forecast Icon
Forecast Text
Temp
Precip
Daily:
Same data but also ...
20
votes
6
answers
4k
views
Does adding a click count next to a hyperlink enhance the user experience?
What is the main purpose behind Discourse's link click count?
1
vote
2
answers
240
views
Is there any research on colors choice for the web?
I'm writing a thesis on web usability. I'd like to mention the choice of colors and which ones are appropriate to use and which are not.
Now I've searched on the internet but what I've found so far ...
3
votes
1
answer
153
views
Any specific reason why they put link anchor obscurely on timestamp label?
As I need to share Facebook and Twitter post outside their network lately, I have learned that I can get the link to the post from the link on the timestamp text (see image below.) I wonder if there's ...
2
votes
2
answers
422
views
what is the best way to show required fields for different actions on the same page?
I have a page to create orders on which the users can take any one of two actions - send to design and send for invoicing. Different groups of users take these actions in different order. The fields ...
1
vote
2
answers
1k
views
Should an infinite-scroll container always show the same number of visible items?
I am implementing an infinite scroll on a table which parent element (aka container element) can be non-scrollable (since its container element's child content does not exceed its height) on init, ...
13
votes
1
answer
378
views
Best practices for long "alt" text and the vision-impaired?
One of my Stack Exchange communities is currently cleaning up its missing image alt text for the benefit of those who use the site with screen readers. We understand that the alt text we add will be ...
6
votes
2
answers
5k
views
Responsive website UI mockups for different devices and screens?
Traditionally for UI designs, we usually do the mockups and UI layouts in Photoshop, then give it to the programmers. The UI would usually be 1920 x 1080 or 1024 x 768 or other common resolutions.
...
0
votes
1
answer
120
views
Are there any case studies which provess that Re-design of existing Website helped to get more traffic and business significantly ? [closed]
Are there any case studies which provess that Re-design of existing Website helped to get more traffic and business significantly? If craiglist redesign their website today can it get more traffic is ...
6
votes
4
answers
2k
views
Should the logout button redirect to the last page or to the home page?
On an information-centric website that also has content only accessible for logged-in users, what should happen after the user logs out? I see two possibilities:
Redirect to / stay on the page the ...
2
votes
1
answer
1k
views
Using mouse scroll wheel to advance carousel; disable scroll up/down page
Is there any empirical data regarding the usability of websites that (for lack of a better word) "hijack" the (vertical) mouse scroll wheel to perform a task other than scroll up/down the page?
My ...