Questions tagged [usability]

The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.

Filter by
Sorted by
Tagged with
0 votes
2 answers
148 views

Is Balloon popup for mobile apps common?

Our mobile app has a screen with a button that updates a price when the user takes a picture. In order to clarify any doubt that a user may have about the button, I want to add a description somewhere ...
rbhat's user avatar
  • 177
2 votes
2 answers
88 views

Design Decisions when User behaviour conflicts with Requirements

I currently have a component that is part of our design system, this component has some unusual behaviour - being that the entire element is a clickable link. The bounding box for the clickable area ...
Joshua Munn's user avatar
1 vote
4 answers
1k views

Check box and radio button - hover and focus states

I'm currently defining the hover and focus states for my Design System and looking at the major DSs (carbon, material, spectrum, eg) out there I see that the focus and hover definitions for these are ...
ananeto's user avatar
  • 1,327
0 votes
3 answers
211 views

Floating action button with two similar functions on different pages

We are designing an app and want to use a floating action button (FAB) in order to add an item to our list. Now this list can be either a "task" or a "reward" depending on what ...
Gene Lee's user avatar
  • 1,146
0 votes
1 answer
59 views

Is it better to show all options or let user add options in a form

So I'm designing a tool for system administrators and one thing I am having trouble with is the large amount of info that is required for certain tasks. There is a section where the user has 4 ...
Gene Lee's user avatar
  • 1,146
0 votes
0 answers
74 views

Usability disadvantages to an Opera-style menu as the standard navigation model for web sites?

Premises: (1) Opera-style menu refers to a navigation menu which shows or hides when you click anywhere on the left edge of the application window. It must have been introduced by the original Opera ...
drabsv's user avatar
  • 372
1 vote
3 answers
74 views

Placing a non working icon or menu option in an application

My CEO asks me to place in a MVP (alpha version of a product in production) icons for functionality that does not yet exist. Specifically a filter icon. This way he will be able to tell - when he ...
Iris Green's user avatar
0 votes
1 answer
691 views

Yes/No Button Toggle Design

So, 2 design options for how to style the toggle button for Y/N answers. There could be anywhere from 4-12 questions on a single page. Which one is better and why? (I have a few thoughts on this ...
BGraphix's user avatar
0 votes
2 answers
80 views

Letting user know that button is for picture and update data?

We have a mobile app where the information is updated when the user takes a picture. I'm attaching the screen. As you can see there's a huge button that says "Update Information (by just taking a ...
rbhat's user avatar
  • 177
0 votes
3 answers
141 views

Single input multiple choice UI

I am working on small project(web page) where a user can have two options to get results. But only one can be used at a time. Being a noob with UI and stuff, I would like to know how to work on such ...
Alan's user avatar
  • 1
3 votes
3 answers
160 views

Anti-pattern where UX too closely mimics API/DB/etc. structure?

I'm researching a solution for a UX design issue that has plagued me for a while: when an experience closely mirrors the underlying API/database structure/etc. rather than aligning with what the user ...
BrianY's user avatar
  • 31
1 vote
1 answer
63 views

What WCAG criteria addresses hearing-impaired users and the use of audio instructions?

We are working on a product for Kindergarten to Grade 2/3 level students learning to read that displays an activity with various mechanisms to students. The instructions for these activities are not ...
rikil's user avatar
  • 33
2 votes
2 answers
641 views

Table with a column of toggles and the ability to select or deselect all at once

I have a a table with a column represent with a toggle. I need to let the customer an ability to select or deselect them all at once. Did someone tackle this use case? I try some ideas, like toggle ...
Ronent's user avatar
  • 21
0 votes
2 answers
114 views

Any alternative to bad UX when changing color styles in Figma?

Figma works fine until you need to change a color styles in your designs. It's absolute nightmare. You have to select an element, click on color style on the right panel, click on «edit style» icon ...
Vitaliy V's user avatar
0 votes
2 answers
84 views

Show Related Items

What is a good user experience for a single web page that allows the user to add and manage 3 related things? In my case I want the user to see this in the UI: Property 1 Building 1 Apartment ...
J_Strauton's user avatar
0 votes
1 answer
78 views

How to differ two different items on the same list (base of contents)

I've content bases that can be exported and imported into other environments. **A content base is a set of specific files. When I import a content base from another environment, my source files are ...
Hideki san's user avatar
9 votes
6 answers
3k views

Why is there no "closing sidebar button" in the mobile world

When I'm using a google product, I'm always wondering why there is no "closing sidebar button". For example in gmail I have to swipe the sidebar or click outside it's area to close it. More ...
johannchopin's user avatar
0 votes
2 answers
856 views

Better UX to avoid Multiple Dialog Box or Multiple Pop-ups

So, recently I have encounter a UX challenge. There was a screen I was designing where I need to show some options in a dialog box. When we were handing over the screens to the developers they raised ...
B L Λ C K's user avatar
1 vote
2 answers
200 views

How should you organize 3 charts when two of them are the same type? (i.e. 2 bar graph, 1 line graph)

so I am designing a dashboard and on this dashboard there are going to be 3 graphs, 2 of them are bar graphs and one of them is a line graph. The bar graphs have similar x axis, but different y axis. ...
Gene Lee's user avatar
  • 1,146
0 votes
2 answers
46 views

Space in-between font and icon on links

Is it good to have too much space in-between typography and icon (arrow) on a link? For instance, when looking at the Adidas website on tablet and mobile you notice that there is a lot of space in-...
Estela Gaspar's user avatar
1 vote
2 answers
136 views

Is it OK to show the side navigation when the users are filling long forms in web app?

I am building a web application where my design always shows the sticky side navigation on the left. Now I am wondering: is it good for usability to always show it, especially when users have to fill ...
Kazi's user avatar
  • 13
1 vote
3 answers
337 views

Permanently disabled checkbox?

Suppose I have a GPS assistant function that the user can turn on/off. When enabled, the function has a few options related to it. The user can turn these on or off too, except for the Suggested route ...
Chris's user avatar
  • 430
1 vote
1 answer
198 views

How can I design this toggle button to make more sense?

I have this toggle button that toggles whether "trails" are on or not. Currently, I have one button that changes it's own text to toggle the state from "ON" to "OFF". I'...
itsisaac19's user avatar
1 vote
0 answers
52 views

whats the best way to approach multiple optional forms [closed]

so I am designing a form that has multiple optional forms, where users will very rare use all of the options. I have so far thought about two different ways I could go about this. The first would be ...
Gene Lee's user avatar
  • 1,146
1 vote
1 answer
189 views

Best practice for optional date

The user must be able to set a date, in which case a certain event will happen on that date. Or don't set anything and the event won't happen. A couple of ideas: I prefer 1 for compactness but I'm ...
user8884's user avatar
1 vote
1 answer
332 views

How to properly expand/collapse the top level of a side navbar while using the second level nav bar?

so I am designing a device manager with a two-level side navbar, where the second level is constantly showing while the top level is hidden. I am having trouble deciding on how to design the expand/...
Gene Lee's user avatar
  • 1,146
0 votes
2 answers
193 views

Measuring UX in a data visualization application

We design and maintain a web app for projects monitoring and data visualization. The product is used in an intranet with 500+ users. The main feature of the product is using a dashboard with metrics ...
gusans's user avatar
  • 1
0 votes
1 answer
93 views

How to make sure the user knows interactivity of this widget

I want to keep the interface as clean as possible, but I want the user to know, that they can edit the exercise (eg. the list tiles with the not-so-dark background), where I then display the exercise ...
Jacob Aschenwald's user avatar
3 votes
2 answers
251 views

How can I better organize this table data, where rows are repeated since metrics have both a 'lights on' and 'lights off' value

I have a web app where a user needs to set a lot of values within a table like this: metric lights target max min hum on 50 70 30 hum off 40 70 25 temp on 23 26 21 temp off 21 25 18 In my app ...
jl8n's user avatar
  • 33
1 vote
1 answer
78 views

How to make selecting fields behavior obvious in a conditional fields configurator?

Application is a document editor with the ability to add text, images, blocks, and fields. Users can assign fields to recipients and send a document. I'm currently working on an interface where users ...
Alexei Pashkevich's user avatar
0 votes
1 answer
69 views

How do I design a state machine?

I am trying to design a data catalogue page that shows the state of the data (draft, pending publish, published, pending archive, archived). When users add their data to the catalogue via a form, they ...
YVRbean's user avatar
0 votes
1 answer
39 views

Hiding certain elements from unqualified users

Our product is heavily influenced by local and state laws. Therefore some designs are not relevant to users who live in these unqualified areas. We will broadcast this new feature on the homepage with ...
Lina's user avatar
  • 1
0 votes
1 answer
80 views

How to communicate that an item can no longer be deleted

Scenario: Imagine a kanban system and some tickets in it (Like Jira, Trello, etc.) The user can add various information to a ticket, such as assignment, description, checklists, etc. There is a time ...
UXguest's user avatar
1 vote
1 answer
143 views

Allow user to select between 1 minute and 1 year, best ux

For one of my inputs I want the user to be able to select a duration, which can be between 1 minute and 1 year If they're working in the minute area it should be easy to select 1 vs 10 minutes. Easy ...
Joshua Ohana's user avatar
0 votes
4 answers
152 views

What to report when conducting a usability testing with a small sample (5 participants)?

We are going to conduct a usability testing with a small sample (5 participants) as part of an iterative design process meaning we understand that the whole idea of 5 participants is to gather ...
Orange Juice's user avatar
0 votes
2 answers
1k views

How to display failed records on a table

I’m designing a screen that contains a table which displays files that have been imported into the system automatically. There is a possibility that the entire file will fail (for various reasons) ...
Jonathan's user avatar
0 votes
1 answer
87 views

Can there be 3CTAs at one place with equal weightage?

On the checkout screen there are 3 CTAs, simple checkout Payment with debit card Buy now pay later All three with equal weightage of primary CTA. Is it the right way?
Manoj Nimburkar's user avatar
0 votes
3 answers
2k views

Accessibility of Icon Buttons?

I have a challenge: I'm working on a project and I used icon buttons. Someone said icon buttons are not accessible because they don't have labels. ARIA and some HTML techniques can achieve ...
Daniel Vianna's user avatar
0 votes
1 answer
127 views

Rethinking the header - its visual weight and its navigation purposes

Introduction: A web site's navigation menus usually get placed at: a) the top area of a web page - filling the header, that is; b) the top (the header), on demand - by means of a hamburger menu button;...
drabsv's user avatar
  • 372
2 votes
2 answers
178 views

Complex, multi-step filter vs "dumbed" down filter

This is my first post here. I was going to ask in meta if it's appropriate, but I need 5 posts before doing that. So I'll just ask and hope it's on-topic enough. I am designing a search form that has ...
brisdeveloper's user avatar
2 votes
2 answers
159 views

Bad wizard navigation?

I'm working on an installation guide, or "wizard", for a web application. The installation guide will be quite complex, with many different steps, each taking up around a minute or two for ...
Chris's user avatar
  • 430
0 votes
1 answer
180 views

Study showing it's better to have images in their own row on a text/news article page, rather than in a column with text wrapping around it

I'm remembering a usability study I once saw that demonstrated it's better for scanning or readability on a website's news article or text-heavy page to have any photos as their own row by themselves, ...
dan00binator's user avatar
0 votes
1 answer
72 views

What would entail hiding the price for some products on Amazon?

I've noticed that when I search on Amazon for a product, there usually will be some results where the price will not be visible until you click on the product and then again click on "See all ...
asprin's user avatar
  • 191
0 votes
1 answer
39 views

How do I create a UX review for a website? Never done one before

Pls can I get a guidance as to how to create a UX review for a website? I'm a total noob on this. What do I look for?
Ibrahim Balogun's user avatar
0 votes
1 answer
282 views

How to make an accessible RWD multi-level main navigation without hamburger menu?

I am currently working on a project to redesign a website for a large government organization. Therefore, meeting WCAG Level AA criteria is essential. I make it a point to use fewer labels on the main ...
user avatar
1 vote
3 answers
72 views

How to properly test hierarchy and order of the toolbar?

We are improving our toolbar in our web app. We are planning a tree test or similar to test the tools out. A bit stuck on how to properly test the hierarchy and order of it. Any available methods or ...
yellingbytes's user avatar
2 votes
1 answer
110 views

How could I recruit neurodiverse participants on a user testing platform?

I already test designs for accessibility with users of screen readers, magnifiers and switch navigation. We recruit for this through a platform called Fable, which is specific to testers who use ...
Abbie's user avatar
  • 213
0 votes
3 answers
410 views

Proper UX to combine dropdown and segmented control?

Is it good UX to combine dropdown and segmented control? Something like this:
rbhat's user avatar
  • 177
1 vote
2 answers
881 views

When/how to use skeleton loaders

I am on a project where we have different views in terms of medical data (user list, forms, vital signs, documents, graphs etc.). I read about skeletons and when to use them but when in practice, it ...
CookieWookie's user avatar
0 votes
3 answers
230 views

Filtering: Input-fields or buttons?

I'm currently working on new tables for our web platform. I came to a point when I need to design some filtering options as part of the design. One of our developers told me to use a text field that ...
Uzi Cohen's user avatar

1 2 3
4
5
72