All Questions

Imagine a simple messenger app. Where to place the first message(s) in a chat? See examples below. E.g. Slack, Facebook's Messenger does it the A way. Snapchat, WhatsApp does it the B way. I'd argue ...

When the web browsers first came into existence, it was possible to override the intent of the web designer. There weren't too many settings. You could locally control the color and font of text, ...

I'm trying to decide if popover panels should include an arrow pointing to the component that triggered it, or if this is an unnecessary element. Others' Approach Here are some of my research on this ...

From what I've understood, hover() is a combination of mouseenter and mouseleave events. These events are different from mouseover and mouseout. But is it possible to trigger mouseover and mouseout ...

I never thought about it before, but by having to validate a user's description (on both sides), I've faced a problem. My users can write a short description about them, really short. In fact, the ...

I'm looking for a clear way to show a lot of case notes for teaching staff. Context is: this is for a page that teachers view when in class with their students. There is a Case note section that ...

Context I am designing a setting panel for users to create gauge charts. A gauge can either have a handle (left), a progress bar (middle), or both* (right)… but obviously need at least one of them. ...

Q1. What's the best way to handover the prototype to the developers? Q2. What's the right stage to interact with developers? During requirements stage along with PM, or during Ideation stage or when ...

I have a situation where we allow our users to select multiple items and apply tags to them as a group. But there is an 8 tag limit. The problem comes when I pick (e.g.) 3 items. Item A has 8 tags ...

There is a page, displaying various information referring to one product. Information is divided into tabs - and within the tabs, user can filter data - but not always. Some tabs contain information ...

I'm looking for a clear way of presenting "import jpg", "import svg", "export jpg" and "export svg" actions. I want to make it clear by icon look, what is ...

I'm trying to figure it out for couple of days, google best ux practices for building apps for kids, but none of them says "you should make your app in landscape mode". Tried to search for ...

When navigating an HTML form using Tab, a properly designed form will allow that all interactive elements are accessible and focusable, but how does one break out of the focus using the keyboard? ...

I have a pretty complex financial app that allows users to add their accounts and then use various tools, calculations, reports and graphs with these accounts. The more accounts they add the better, ...

In https://www.w3.org/TR/WCAG20-TECHS/G17.html they used a few constants but I can't find where they're derived from

How dark does a grey background have to be, before white text is easier to read against that background than black text? Suppose you start off with a white background. Clearly, black text is easier ...

My company’s app currently doesn’t have a dark mode and we’d like to support that. When I was reviewing my dark mode palette with my fellow designers, they weren’t so keen on using a dark gray ...

I'm working on a product that manage workers certificates, and so we have a table with ALL certificates where you can find cards for each one Each card has: Certificate name, Next due date (29 days ...

I’m working on a project that would make it easier for healthcare providers to report on their patients and read reports from colleagues. Target audience: Care providers working in long-term ...

I have an issue where data point lines are overlapping labels. You can see this below: With multiple lines passing over labels it currently gets quite messy. In terms of user behaviour, would the ...

I'm looking for a good UI suggestion in creating this page. From the above picture, as you can see there are two rows with same Model No:( B2FR150-150CF8Q1 ) others are different. I want to select ...

I am using a content management system (CMS) to add, edit, and publish pages. Question: If I create a page or make changes to an existing page, and save as a draft without publishing, then return to ...

I have a mobile calendar app First I want to say that my app is not a normal calendar app, because users may sometimes need to add a lot of events at once, not like google calendar where people ...

I recently was given the opportunity to design an SSRS report tracking disciplinary actions. Our organization decided an employee is allowed 3 infractions per rolling 12 weeks. At the end of 6 months, ...

In the admin panel, I have the ability to create a game using a multi-step form. There is one game type that gives the user the ability to place tasks on the map and create a routes from these points. ...

I am a webdeveloper and am looking for a better solution in a private project of mine, which is a wiki-like webpage for a Dungeon's and Dragons campaign. I have a list collapsible panels, each ...

I'm working on an interface for an industrial application. It's a portable touch screen that controls an industrial machine. Like any interface we have buttons which triggers various behaviour when ...

Is it incorrect or confusing to use different labels in a set of ranking questions on a survey? (1 always being the least favorable, and 5 being the most favorable.) Note that this survey is intended ...

I'm planning and moderating a series of remote focus groups with people around the world whose native language is not English. Their English speaking abilities will vary. I'm looking for advice ...

I guess this question could be quite subjective, with many dependencies (frequency of use, literacy, data complexity, use cases etc). But let's step back and question what research/ evidence exists to ...

My UX team has always utilized SUS Scoring after our usability tests. We work with Student Information System Software and after testing a new feature, we follow up with a SUS Scoring survey. The ...

What icon would you use to represent the VAT number of an EU company? That is, one that would fit nicely with @ for e-mail, map for physical address, etc., for example on a contact page.

Some recent number plates of Dutch trucks have a gap in the top left part of the 'zero'. Example: (source: cbr.nl) I assume this is done to increase readability; I can't think of any other reason. It ...

I asked this in context of eBay which originally had a garish yellow background that was just straining on my eyes as well when I saw how the old site looked like. And I know their strategy was to ...

Principal Element Our learning webpage / application will display various information organized in different structures. All of those information bits are displayed as cards. We are currently trying ...

Context I'm in the process of designing/implementing a filterable object creation palette with categorized results for a visual content creation application. I'm trying to decide how to handle ...

Table, which enables users to configure items within. User can select "active" items (checkboxes) and among them he/she needs to select just one "best one" item (radio button). I ...

I'm designing an mobile app. There are 4 input fields that users must fill all to complete the registration. Those are full name, email address, password and username. First, I thought placing all in ...

I develop a dashboard for telecommunications service monitoring. In a couple of tables there is an Outage column, which shows the outage in days. In most cases the outage is longer than 1 day, but ...

I'm designing a web management software that requires users to indicate their work days. These users do not have regular work days and hence we decided to allow them to just pick their work days from ...

I am creating an image slider for a site, and I am confused on how to successfully meet wcag requirements. Below is an example that conveys the idea of what I am creating. I have read a couple ...

Let's say I'm creating a tree test to validate my IA for a grocery shopping website. When I'm creating the tree, I'm wondering if I should include the target in the tree, or stop the tree at the next ...

In the image below, you can see below the blue line 4 options. I am creating a step by step wizard where I try to minimize the amount of user typing required by adding in clickable buttons to collect ...

I'm having an issue with displaying a list in an overlay when there are a few elements on it. The business owner prefers to have the list shrink as the content is less. Here is my example : First ...

I am developing a website in two languages (English and Italian) and I use a flag icon to switch between them. What is the common/best practice if I am viewing the Italian page? Show the Italian flag,...

I have a request from a user to remove the link from the text and ONLY have the "open new window" icon be what is clickable for that link. The reason is that the text is something he wants ...

The user has completed a form in a set of forms. Or made some option choices. The button, bottom right, loads the next form. What's the correct generic name for this button? (I called it the 'Go' ...

Reading a recent article about HSL colour pickers being more user-friendly, I thought about the reason why the RGB and HEX colour pickers exist and who they are catering for, and it seems quite ...

I have a language-learning app that shows the user a sentence with an extraneous word added that doesn't make sense in the context, and they have to choose which word doesn't belong: When they tap a ...

Two of my colleagues think, in iOS apps, vertical scrolling (irrespective of whether the screen has UI elements or content like pictures etc..) should always be enabled on iOS screens. Even when there ...