Input of sequential data

I am currently working on a dialog where the user inputs a sequence of names. This sequence is simulated in the underlying code as the user types, and “issues” with the sequence are printed below the input field. Alternativel…
Samsung Android phone rendering chess unicode as Emoji?

I’m developing a javascript implementation of Singularity Chess and I’m having a really weird issue with rendering on Samsung phones. Samsung phones render unicode chess characters as what appear to be a custom Emoji represen…
How to facilitate the perception of the uniqueness?

Often my user fill two password fields in a form.
The computation of the two fields generates a unique sha1 (ex: dba59b52c4d483e17cad109e7…).
I use the generated sha1 to generate something (with some other information…
What if table columns cannot fit on webpage?

If I’ve 12 – 14 columns in a table to show on a page but there’s not enough space to show all columns (let’s say, there’s only enough space to show 7 columns of the table), what is the solution for this?
I can make the page …
What’s the best practice for button alignment in responsive email templates?

I was looking for case studies or UX research to figure out what is the best practice for button alignment especially in email templates, but couldn’t find anything relevant.
Our practice:
We tend to align buttons to left…
Product design pattern library

I’m working internally with a large in-house team to establish an in-house pattern library for just UX designers at this stage.
I’m compiling a list of best practice examples that I have shared below.
Do you know of any other…
Design patterns for user dropdown on top right corner [on hold]
![Design patterns for user dropdown on top right corner [on hold]](https://uxsharelab.com/wp-content/themes/proxima/images/thumbnail-placeholder.gif)
Is there any design pattern for user drop-down which will be on top right corner of the application?
I want to know some best possible features of this control.
Please share some ideas.
Is a plus symbol without button text sufficient to denote adding of an item?

Let’s say I’m using Bootstrap panels and I have these two choices:
Option A)
Option B)
Which option is better from a UX perspective? Is a plus symbol without button text sufficient to denote adding of an Item?
Note tha…
Should nav items be hover or click to activate dropdown?

When theres a dropdown option, should users expect to hover on it or click on it?
I have seen this done either way.
I recently visited this lightspeed’s website. They have a dropdown menu for their Product page. I noticed…
Icon for selecting related data [on hold]
![Icon for selecting related data [on hold]](https://uxsharelab.com/wp-content/themes/proxima/images/thumbnail-placeholder.gif)
I am working on a web application that includes a feature to export some data.
When exporting this data, there are 2 types of entities that the user can select: Type A and Type B. Type A is its own thing, but owns 1 or more …