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)
391
questions
26
votes
5
answers
3k
views
Are HTTP error codes user-friendly?
Why do we still have these HTTP error codes?
For me it seems like they are completely useless for the user (not for all but most of them). It says nothing helpful (look at the screenshot above, it ...
0
votes
1
answer
76
views
Best way to present an option to be notified once product is in stock again
Scenario
A web-shop presents a product. The user wants to select a size. The size can be presented in some way (dropdown list, all visible at once, etc... not important).
Problem
The product is ...
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 ı.
...
1
vote
2
answers
82
views
How to tell user about possible audio interruptions when tab loses focus
I have a webapp that plays audio and fails to play audio after some time when out of focus (i.e. that tab isn't open). How should I alert users of possible issues? A couple of solutions I am ...
10
votes
5
answers
784
views
How do I measure a user's seriousness while filling an online form?
I'm going to measure a user's seriousness while filling a form. One example of a way to do this is with a time calculation from when the survey starts until it is submitted. By considering this time, ...
58
votes
17
answers
14k
views
"View Desktop Site" necessary?
On many websites when you access them via a mobile phone you find a link in footer that links you to the desktop version of the site, sometimes vice-versa (UX.SE does both). However, if your site is ...
36
votes
6
answers
3k
views
Why this timed-hover "like button"?
I recently caught "Where Good Ideas Come From" by Stephen Johnson on Alex Hillman's blog, and was intrigued by Alex's unique implementation of a 'like button'.
Behaviour
The element's ...
58
votes
9
answers
30k
views
What color for error messages for a form with a red background?
I have a big website with some forms.
There are four background-colours for the form components. One of them is pink/red.
Here the image and the error message:
I can't change the form background-...
1
vote
2
answers
427
views
Sports club websites
We have a league website and within that site you can drill down to club sites.
The problem is though, when clicking on a club site, the header will stay on the league site, but the content in the ...
1
vote
2
answers
4k
views
UX Best Practices for web based map
I am looking for best UX practices for controlling a map in a web environment.
The use cases I'm looking for are:
Creating/editing shapes and polygons
Switching maps
Playing with object layers
...
1
vote
3
answers
849
views
Html "click" effect on mobile browsers
This question touches on "clickability", but rather is about what should happen after the user touch-clicks a surface on a mobile device. Here's a jsfiddle with a clickable surface:
https://jsfiddle....
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 ...
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 ...
11
votes
7
answers
5k
views
How to design a good one-line date picker?
I'm designing a website on which a user has to pick a date, which is today by default. The content of the site will be based on the chosen date. 90% of the time, the date will be chosen between today ...
0
votes
1
answer
1k
views
Best way to cater to two audiences on one website [duplicate]
We are re-designing our corporate website and we need to cater to two distinct audiences: small business owners and large enterprises. The products we offer are the same for both audiences - but how ...
1
vote
1
answer
394
views
Rolling calendar view - choosing a start date
I'm currently building a web app that allows users to register as course attendees. Obviously, one can't register for past courses, and we would like to prevent registration in courses beyond two ...
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 ...
1
vote
3
answers
297
views
A variable number of inputs in a small bar
I've got a web app that involves users inputting a title of a Wikipedia page. It needs to work as an interface on both desktop and mobile. Right now, the interface looks like:
It's got a single input....
2
votes
1
answer
777
views
Best practices for navigating from mobile app to a web browser and back?
I am designing a mobile app that can be used offline but offers time sensitive data to users that can only be found from third party web sources. The type of data the user needs to access is traffic ...
2
votes
5
answers
153
views
Design consistency issues when allowing the user to change design
What's the best way to solve user design consistency problems inside an application that gives total control over the appearance?
For example, user can choose font of element X, then later adds ...
1
vote
1
answer
275
views
Drag and drop indicator for web folder
What is a good and elegant way to show user that he can use drag and drop, but when the folder is not empty?
It's not a problem for empty folder.
I can use the whole area outlined by dash line.
But ...
0
votes
1
answer
123
views
Best way to represent a group of information
What is the best way to represent the group of information considering UX and UI, what styles should I used ?
See the image attached here.
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 ...
2
votes
3
answers
152
views
How to communicate that new content has been loaded without a loader
We have just released a new version of our app and the feedback I have got is:
Issue with the app loading too fast when user is takin an action
Problem: The app is reloading so fast when users ...
5
votes
4
answers
559
views
Best way to allow entry of shop open hours
I am looking for a control or a method such that I can allow the user to enter the working times of a shop for each weekday on a web page.
For instance, the working time for Wednesday is:
06:00 AM ...
3
votes
1
answer
9k
views
What would be the pros and cons of using .xyz domain?
Recently I've seen a lot of people/companies migrating to the .xyz domain, including Alphabet with the abc.xyz domain.
What would be the benefits of using it, since it's being more and more popular? ...
2
votes
4
answers
212
views
Best way to ask the user which dictionary he wants to use
I'm making a javascript widget that will allow the user to see the translation of a specific word together with examples featuring that word, synonyms, etc.
This how it works:
On the desktop) The ...
20
votes
9
answers
7k
views
How to showcase UX work?
Presenting your UX design on the portfolio is more than just showing off some screenshots of the wireframe or finished graphics. I am just wondering what your thoughts are on the ideal way to display ...
4
votes
2
answers
1k
views
Date picker - Restricting future dates = bad ux?
Restricting future dates?
I'm developing a web form, as being reviewed, i was requested to limit the selection of future dates (e.g. not allowing picking dates after the computer's date)
The date ...
0
votes
2
answers
1k
views
What you call this web site menu element?
The Google material design is new, I like to know how you call this menu element, or how will you name it:
The page link:https://developers.google.com/ios/guides/cocoapods
**The item we are talking ...
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 ...
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 ...
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 ...
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 ...
3
votes
2
answers
871
views
Gauge user preference given four options
I am looking to design an effective yet slick user control that will allow a user to provide their input to a question where they can pick how much they like the provided answers as options.
The user ...
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 ...
1
vote
3
answers
863
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 '...
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 ...
0
votes
1
answer
338
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 ...
5
votes
2
answers
190
views
How to improve search?
Jakob Nielsen have since 1996 published the article "Top 10 Mistakes in Web Design", recently updated 2011. At the top of the list we find the mistake Bad Search. It has not always been that way. In ...
2
votes
2
answers
293
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 ...
4
votes
4
answers
660
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 ...
3
votes
2
answers
391
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
489
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 ...