we designed a few versions of quick views for a fashion e-commerce experience, but eventually got rid of it. The numbers and the research revealed that users sometimes use it, but before they bought it they would go to the full product detail view in order to make the decision to buy it. This is true especially for high-priced items like electronics with ...
Yes, you can. It's recommended practicing according to Google's material design. It's called Side Sheet.
Side sheets should be placed on the opposite side of a side navigation drawer to avoid obstructing the UI or causing confusion about the sheet’s functionality.
With wider screen you can anchor it to ...
I might consider which value would bring to your website this kind of feature, and use the most relevant information for the user inside the pop-up.
Personally, I had experienced this pattern using a plug-in for Shopware (CMS). It generated navigation and technical issues. After fixing them, we tested it on production with the real users but unfortunately, ...
I wouldn't normally post an answer just to say "I agree", but as there are other answers that are trying to lead you away from your current design, I think it's worth an answer.
I think your current design is great as it stands. Allowing the users to see the layout of the available/claimed spots allows the user to easily visual exactly where ...
You can omit the claimed spots to reduce visual clutter, but use the Scarcity principle to induce action.
Assuming the product (and offer) is ethical, this can help focus users towards a decision.
It seems like the spot #s are not too significant, other than the idea that there were (in your case) 6 spots, now there are 2.
You can use some visuals, and ...
I don't see any inconvenience in showing the other spots, but I would do it in a separate field from the one purchased.
Reading the question I see the system very similar to the list of "Costumers also bought" used by Amazon. In this case the field title will be "Other available spots".
Personally I have always seen very confusing:
The empty option
The action as title
Following an order of priorities it should be:
Title: the name of the option group to choose from
First option: the action to do
This is a good question that makes ink flow.
As it always depend on the context of your form, I would answer with some advices and reading, like:
Avoid a reset button on the form, even if you didn't mention this, just as reminder
You can make this specific entry resettable,
You can offer a default choice that will be always available for the user.
Your observation that it's easier to read columns of information when they're left-aligned is correct. However, flipping the box order in a picker pattern breaks one of the usability heuristics: match between the system and the real world. System patterns should match patterns that are already understood in the real world, including those in use in other ...
I think everything in a site of this sort would fall into one of three categories:
User acting as a "Host" = Selling
User acting as a "Guest" = Buying
Configuration - username/password/security, banking information, dark/light mode, etc.
When you are in "Host" mode, you are dealing with "what rates should I offer", &...
The website/app needs to have navigation and labels that are self-explanatory. One such good example is Uber.com. The navigation has a products section that has links like Ride, Drive, Eat, and so on. These sections are the 2 sides of the marketplace (or technically a platform). Once the user goes inside a product, the user can sign in/up to use the service.
I think you're on a bad footing if there's any confusion over the role the user is in when viewing a page. It's generally a good idea to use a non-overlapping language appropriate to the role, and set the tone and context so that the user simply cannot be confused.
As a host, you might see phrases like
Of course you should display the Purchased instead of hiding it. Maybe they want to reffer the course to someone or would like the satisfaction of seeing that they bought all the courses in any case there are no real benefits in hiding it.
For further experience somewhere inside the product page instead of the Buy course button it could have a button that ...
There's no concrete number to provide.
One somewhat relevant number here is the "magical number" 7 +- 2, which serves a rough estimate of how many items a person can generally hold in short-term memory.
However, it's not necessary to limit yourself to that number. Just know that not being able to keep all the items in short-term memory could ...
The X button to close a dialog is probably about the most consistent thing users will see across all dialogs, windows, popups, overlays, etc. It's synonymous with the 'get me out of here' sentiment. I don't even have to read any of the content in the dialog, nor any of the buttons to know that the X button will help me escape without doing something unwanted....
It depends on the goal of the user:
Does the user want to see a list of videos an scroll through it to search for inspiration (as you would do on a video portal)?
Is the goal to see the newest uploaded videos to keep track on the new content?
I assume the first is true. In this case the user should not be bothered with the list changing (updating). The ...
We could talk about mental models
Users project their knowledges from another softwares, platforms, with this in mind we understand users sometimes prefer the X button instead the cancel, for many reasons, more faster, they don't need or understand another buttons bar, and will spend more trust.
When we see a notification popup asking for user accept or ...
Using the same animation from the main tab (Scan) in the secondary tab (Manual) could make clear that the SCAN is still active. It can be smaller to make place for the list of nearby hardware. I've seen something similar in Android with Google Pay NFC using a small animation in different tabs.
Renaming the secondary tab to "Scan and manual" could ...