Questions tagged [javascript]
a scripting language that allows web pages to present dynamic content to users, such as validation of web forms or automatic saving of data to reduce frustration or to allow visual effects otherwise impossible with HTML.
113
questions
1
vote
2
answers
81
views
UX pattern for category implementation [closed]
I have to create a UI interface to create a category hierarchy up to 7 levels, such as:
Shoes > Boots > Brand names > etc.
I also need to add functionality to edit the created category ...
- 11
1
vote
1
answer
135
views
Draggable widget - how to indicate draggability
I have a popup Javascript widget with an icon that is embedded into the right-hand corner of my site (by default.) The user can drag and drop the widget icon to another corner of the site if they wish,...
- 113
1
vote
0
answers
66
views
How can I prompt my site's users to scroll a table of data using (for instance) two-finger drag on their touchpad, rather than clicking the scrollbar?
I initially started off asking this question, on StackOverflow:
I want to know if a user's touchpad has multi-touch capability.
I think it's fairly trivial to detect WHEN multi touch is happening
(or ...
- 111
2
votes
3
answers
94
views
Styling a hint for relative numerical value
Background:
I have a list of elements in a browser which each are a numerical distance away from the same origin point. I want to give a visual hint to quickly give a feeling for how far a list-item ...
- 133
1
vote
1
answer
547
views
Client side sorting
I'm currently tasked with implementing client side sorting on specific page view for our application.
Below is an example of how the UI for client side sorting works, basically a user can click on a ...
- 113
0
votes
2
answers
312
views
How to handle blocking UI elements while waiting for server response
Lately I've been using React + Formik to create great user experiences.
I've a question about blocking the UI when the XHR is still processing.
Imagine a register form with only a sign up button. As ...
- 103
0
votes
2
answers
180
views
Web design practices to minimize browser refresh [closed]
The design of our website is such that whenever we make some changes in CSS & JavaScript files we require the user to clear the browser cache and get the latest version of these files from the ...
- 1
0
votes
1
answer
203
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 ...
- 103
0
votes
1
answer
46
views
What is the keyword for this effect: an animated person walks out from the bottom right corner of a website?
What is the keyword for this effect: an animated person walks out from the bottom right corner of a website? Better yet, any link to any provider that still exists today?
Anybody know this may feel ...
- 255
0
votes
1
answer
219
views
Best way to lay out sub elements in a table
I have a table that lists network switches. The headers are Model, Stack Size, and Modules. If the stack size is greater than 1, I want to be able to add the additional stack members under the lead ...
- 3
1
vote
2
answers
73
views
How 'cloud of choices' is called correctly?
I'm working on a react-native app and I want to implement a similar interface, but I can't even find its name.
Main task for this element would be to give users a "cloud of choices" where they could ...
- 113
3
votes
1
answer
106
views
Dealing With The Lack of "HOVER" on Smart Phone Web Apps
I made this CardTrick back in 2006, at a time when it would have been predominantly accessed via a desktop computer (and not a smart phone).
On a desktop computer, as the mouse hovers over any card, ...
- 151
5
votes
3
answers
2k
views
Where should keyboard focus go when a ‘load more’ content button is clicked
Where should keyboard focus go when a ‘load more’ button is clicked? On websites showing this functionality; either focus is moved to the top of the page when the button is clicked, or focus moves ...
- 177
2
votes
2
answers
329
views
Is the absence of "Open in new tab" an antipattern?
Over the years with applications going more 'SPA' like I have noticed many sites using JavaScript click handlers for websites links which are visually a normal hyperlink (the login link on figma.com ...
- 2,054
0
votes
1
answer
367
views
How to improve a scrollable dropdown section issue [closed]
I have an issue where the overflow of a scrollable list on a website is cutting off my dropdown menu. The scrollable list has a height constraint because it is in a modal which has a set height and ...
- 1
1
vote
3
answers
354
views
Ways to show a div has more content
I'm basically a back end devlopper but I need to create a page displaying data in diiferent tables.
Some of the data rows may contain very large content but I chosed to make all rows the same height. ...
- 13
0
votes
1
answer
243
views
Display from multiple data sources
I am building a data grid presenting table-structured data (columns and rows) to end users. This grid contains about 500 records but of these records only 350 are distinct on some required fields.
I ...
2
votes
2
answers
686
views
Should you have a language switcher on a website or use the browser's language preference (or both)?
Since the user's language preference can be retrieved from navigator.language or the Accept-Language header, is it necessary to provide a language switcher on the page itself?
Some reasons given to ...
- 121
0
votes
2
answers
58
views
What is the best pattern for opening Mega Nav on touch device when parent Nav items are link to landing pages?
I have a mega menu opening on desktop, on hover over a parent nav strip. The parent nav items are links on click.
The same menu is to be used on landscape tablet. Without on hover, click is used to ...
- 1
4
votes
2
answers
8k
views
Determine the best text color for a given background color [closed]
What is the best way to determine the best color for a text that will have good contrast and will be pleasing to the eyes (i.e. it can be either white, any shade of grey or black) with the help of ...
0
votes
1
answer
113
views
How can I design my form better? [closed]
I have a price calculation form which looks very basic. I want to make it look little better. Like the '+' and '-' button look like bootstrap button and having a shadow. I also want to have a subtle ...
- 1
4
votes
2
answers
256
views
Changing scrolling behavior - good use cases?
Some websites modify scrolling behavior, e.g. by changing scrolling speed, "smooth scrolling", or even snapping to sections on scroll.
Personally, I find it incredibly annoying to have my scrolling ...
- 145
7
votes
1
answer
743
views
Under what context is it acceptable to use javascript onbeforeunload behaviour
On a web page I can use the javascript onbeforeunload event to warn a user they are about to leave the page.
window.onbeforeunload = function() {
return 'Woah there, are you sure you want to ...
- 858
4
votes
3
answers
670
views
Should a 404 error be kept in the browser history?
I am working on a script that I will most likely be using for all my future websites that prevents the page from refreshing/redirecting when navigating through it. It does this by Manipulating the ...
- 143
2
votes
2
answers
2k
views
Is there a pattern for an HTML select box that provides existing hardcoded values but also needs to be able to take custom input?
I have a menu of reference information, like below.
download bmml source – Wireframes created with Balsamiq Mockups
The above fields are progressively pre-populated by the system, and user has ...
- 287
3
votes
1
answer
3k
views
Nested Child rows in Table
I previously asked ux.stackexchange to help me with how to display configuration settings for a web application.
Ways to display both string and boolean on page
I've followed the suggestions and ...
- 153
5
votes
3
answers
805
views
message that the user has JS disabled
I want to prepare a message for my users in case he/she has JS disabled.
First of all I want to clarify that I will not make the site work without JS(it requires considerable coding work.)
The ...
0
votes
1
answer
202
views
Is it bad practice to prevent jump links from cluttering browser history?
I'm developing a website with rather long pages, where the user can click on hyperlinks to scroll up/down to elements of interest. This scrolling is done smoothly (using jQuery), to help maintain ...
- 95
9
votes
3
answers
2k
views
Is it bad practice to disable (replace) the context menu?
I'm working on a web platform where users can select/highlight text and perform selection-specific actions on the highlighted text. The current implementation shows a custom context menu on selection (...
- 95
1
vote
2
answers
142
views
Blocked Resources: Should we fix the UX for users who block JS or other resources?
A site is built mostly in PHP and JS (link here: http://thebambergergroup.com/)
Certain pages won't load or will work awfully when JS is blocked. Two questions:
Should a site be programmed so that ...
- 405
2
votes
0
answers
33
views
Looking for an effective way to allow people to put on a slide show of documents and videos [closed]
Currently we have this
http://torontotigroup.byethost7.com/documents.html
I'm looking for something that is easy to use, for both me and the reader, and works effectively on as many devices as ...
- 121
3
votes
1
answer
104
views
Using Javascript popups to create a workflow for legal experts writing and editing legislation
I suppose this is a ui-flow question.
I'm currently working on a project where a couple of the stakeholders are suggesting the use of popup windows, i.e. browser tabs, to create a workflow to ...
- 131
3
votes
2
answers
130
views
Set Frequencies in WebApp
I am currently working on Web App to coordinate Frequencies of Microphones.
I am not sure how to present the input of the Frequency. Basically a Frequency can be set in a range (eg. 400MhZ - 800 Mhz) ...
- 263
0
votes
1
answer
128
views
Ideas for application layout using angularJS [closed]
I am converting a classic asp application that displays the status of any number of applications, can be one, can be 10+. I am using angularJS for the front end and restful web service for back end.
...
4
votes
6
answers
10k
views
Ideal color palette for 24 colors?
I'm making a simple collaborative whiteboard app just for fun and I originally had a color picker with all the colors but the few friends I showed it too said it was too much and they aren't artists ...
- 49
4
votes
5
answers
1k
views
Radio input appearance for mixed values
I'm looking for ideas on how to design radio buttons that have a second state that means "no change".
So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
- 83
7
votes
3
answers
3k
views
WCAG 2.0 compliance: do I have to support browsers which don't support JavaScript?
WCAG 2.0 has some requirements on robustness: "Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies", but it doesn't ...
- 173
7
votes
4
answers
4k
views
Which is perferred - a standalone login page or a javascript popup over a MyAccount page?
I am designing a new website, and am thinking about the UX for accessing a personal account page. Is it "better" to have a standalone login page (and then redirects to My Account details), or a ...
- 171
2
votes
1
answer
955
views
Preload or postload a text file for autocomplete jquery
I have to add an autocomplete implemented in jquery and my list of suggestions is approximately 300-400 key value pairs. About 15-20 kb total file size.
Since the list is not going to change often, ...
3
votes
2
answers
1k
views
Interface for selecting multiple items out of thousands, w/ categories
I'm trying to build an interface for filtering lots of data for the sake of searching. I need to present a VERY large collection of names, make it easy for the user to select all the names they need (...
- 143
2
votes
1
answer
81
views
What is the best way to let the user select a distance for a layer?
So I am creating a layer list using d3 and I have a question about how best let the user select distances.
To give some background, the user will be selecting a geographic layer and will then be ...
- 3,032
0
votes
1
answer
121
views
Best way to give user information on a layer
The Idea
I have a layer list that is being created like this d3 version here and I want to append some sort of information icon to the lowest level nodes. To give some background, the user will be ...
- 3,032
0
votes
4
answers
853
views
Better Approach for 4-level Tree Structure
I have a 4-level radio button list which is like:
On page load, only the 1st level options are shown (Alpha/Beta/Gamma/Delta). Based on the value selected in the 1st level, the corresponding 2nd ...
28
votes
5
answers
4k
views
Which input control is recommended for a large value range?
I'm working on a web app that allows the user to enter a timing value in a range from 0s to 1s with a step of 200ns (yes, nanoseconds).
I tried that with an input of type range (slider) but that's ...
- 425
0
votes
2
answers
276
views
Breadcrumbs - is this a valid use?
Recently we've received a design that uses breadcrumbs, but specifies a breadcrumb for a page that does not exist. In effect, the breadcrumb in question, relates to a section of a top-level page. We'...
- 1
0
votes
1
answer
6k
views
Which D3JS data chart is most similar to a scheduler?
I realize this is a borderline SO question. I am trying to figure out which of the examples on D3JS most closely resembles a scheduler or Gantt chart so I can use it in our app.
I think bullet ...
- 591
3
votes
1
answer
97
views
Name for JS UI Component
There's a text-dragging UI component I want to use, which can be seen in detail here (drag the cookies!).
This is a pretty common idea, and is used a lot in native production applications. I would ...
- 305
0
votes
1
answer
71
views
Disabled JavaScript notice, AFTER user signup?
My site relies heavily on JavaScript, and the site is based on user signup
If a user is logged in and has javascript disabled, it throws a notice and disables all major site functions
The question ...
- 274
0
votes
1
answer
678
views
Interface for selecting/defining multiple mutually exclusive ranges
I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
- 103
0
votes
1
answer
114
views
How to work with web designers pragmatically on my stateless browser app?
These days, lots of stuff is being done on the client. This includes full page rendering, data fetching, and much more. Right now, I am developing an API and also working on the client-side app which ...
- 111