UX Knowledge to Follow [on hold]
Lets collectively have list UX Knowledge to Follow.
It may be Twitter, Facebook, Blogs or any other media.
Add list of Books, eBooks, Audio, Video, Webinars, Recordings..anything..!
What all you know?
This will be much valua…
How to tell users that they have to change the focus from the input to apply the change
In HTML, if you have an input with an onchange, it doesn’t register the change until you leave (or lose focus) that input. There’s an onKeyUp function as well which would have the function run as they type. In my case, this i…
Why is the best content to display on a sticky nav with a learning site?
So far, I have a sticky nav with a button to purchase the course, the price of the course and a Wish List button. These elements are very important for revenue purposes. However, I’m not sure what else I should put on the sti…
Facebook bot : should all the experience be in Facebook Messenger or not?
Me and my friend are working on a Facebook bot. We have a question where we have opposite viewpoints, so we made the choice to ask this community.
To me, if you provide a Facebook-bot user experience your user expects to st…
When to refresh data?
I’ve got a web application where the data is constantly changing. But when to refresh it?
There is a filtering tool (a sunburst chart) and a table that displays the data. So when the user selects a filter the data that show…
handling UI distortion caused by localization
We have a web client for our product with translations in 3 languages: English, French and German. This web client has a way to send emails to one of 3 different target groups: All connected users (currently logged in), all users, specific user group (all users in a freely selectable group). These are done through 3 radio buttons on the same line.
The problem is that our form looks nicely lined out when using English as the language, but when using French and to a lesser extent German, we run into problems with our radio button labels extending far beyond the right edge of our other controls, meaning a distorted form background. Apart from looking ugly, this also makes the UI look inconsistent when switching from one language to another. This is caused by the word for user being a lot longer in French (Utilisateur) and somewhat longer in German (Benützer).
All solutions I can think of either don’t fix distortion or impact usability:
- Editing the dimensions of the other fields to fit the French length just makes it so the other languages look weirder;
- Placing French and German on 2 lines is again not consistent, but for the line height;
- Placing all messages on 2 lines distorts the line height on the form. in addition, the horizontal width also remains inconsistent.
- Changing this to a dropdown would solve most dimension-related issues, but also leads to extra clicks to choose the right value.
What is the best way to handle this?
How to choose sign-up details for mobile apps?
I am working on an idea I have for a mobile app, and I’m trying to figure out the best sign-up process. I want the app to sync with the user’s contact list just as WhatsApp does: i.e. it identifies all the contacts in your ph…
Redundant behaviors in context menu
In the menu hierarchy tree of file managers such as Windows Explorer, why are redundant behaviors of “expand” “collapse” folders given in context menu when the user can anyways click the + or – icon beside the folder to expan…
Should non-uniformly updated live regions use the ARIA busy attribute?
I am facing an issue while testing for accessibility.
I have used role=”alert” for an error message [single level]. Do I need to use aria-busy=”true” / aria-atomic=”true” / aria-live=”polite”
<td><span role=”alert”…
Sharing link to software installer
When sharing a link to a software installer what is the preferred UX pattern, to share a link to a download page or a direct link to the downloadable executable?
Using GIMP as an example…
GIMP download page
GIMP tar file…