I find it is useful to imagine what the options would be if they were numbers instead of words. Let's say your question is: "On a scale of 1-5, how likely are you to buy this product again?" Now, you would never even think to question which order to use. The answer would always be start with "1" on the left, and "5" on the right (assuming a left-to-right language). So the trick is, don't let "words" convince your that it should be any different. If I change the question: "How likely are you to buy this product again?" Imagine them as numbers. It would seem fairly obvious that "very low" should equal 1, and "very high" should equal 5. And there you have your answer. In addition, as a rule of thumb: if you can't see an obvious reason to chose one order over the other, then there is a good chance that the order doesn't matter anyway.

Basically as a typical UX person you can't. Some business models are aligned perfectly with user needs. For example when my software powers a business that sells to customers and I get a commission from every transaction (e.g. a payment processing software, an online marketplace or any other aggregator/mediator type of business). When the customer wins, I win. Other businesses are "neutral" to customer needs, to varying degrees. For example Microsoft Outlook. If I send more emails, Microsoft doesn't get more profit, they only want me to buy the software once every few years or to renew my subscription once in a while (although if email were abandoned altogether I'd stop renewing of course). Other businesses have a model that's directly opposed to client needs. For example any direct ecommerce website - the business wants to set higher prices and the customer wants to spend less. Or any online news outlet - the customer wants to get the content for free and without disruptions, but the business wants to set up a paywall and to display ads. In most cases both the customer needs and the business model are out of the UX person's control, unless there's a UX person really high up the chain who can affect either the business model, or the type of customers the business is serving. The exception is systems where you manage to create internal motivation drivers, and then you can create "artificial" user needs that are aligned with your business goals. An example is this website, where the reputation system provides much of the motivation, and motivates users to improve the content on the website, which aligns with StackExchange's business goals to create high-quality content (from which to profit via different means).

In this autopay scenario, the ideal behaviour would be to show the form with the current populated fields based on what the user had set previously. This way the user can just make changes to the fields that they would like to change, instead of filling in all the details again. Here are some additional references that might be helpful: https://mikeknoop.com/ux-analysis-credit-card-form-ui-ideas/

There are several possibilities. I would try making a separated working zone at the same screen. Horizontal split-screen to get a working area in the lower half Color difference between the image of the working area and the real one A button to move the partition boundary vertically A button with the option to see a working grid in both partitions Possibility of zooming in the work area, with or without repercussion on the real image. For example: Zoom in both with the usual two-finger gesture Zoom in on just one image with three fingers (or vice-versa) The user paints in the work area, the lower part, and visualizes the result in the real image, the upper part.

Your description seems to contradict itself. If 5 is the "ideal" score, then a higher score can't be "even better".. If the middle is indeed the optimal point and the extremes are to be avoided, you can use a chart that has the optimum in the middle, e.g. like this gauge: If one of the extremes is indeed "even better" and 5 is actually just "good enough", then @Danielillo's suggestions above works. If this is a situation like a school test, where an "A" grade is the highest score achievable by "conditional means", but there might be extra points (an "A+" grade) for outstanding performance, I would stop the chart at the highest "conventional" score, and provide additional means of encouragement that's outside the chart, like a badge or trophy or some "bonus points", but I would not make it part of the same scale.

The primary goal is to have them repurchase. Can you drop the other asks of them? Don't distract them from the purchase process. So you have 2 things you're asking of the customer here, all while you're getting them to do the main thing: hit that BUY AGAIN button. The first (thumbs up, thumbs down) seems unnecessary because if they like the wine, they'd just buy it again. The second (tasting notes) is really for your company to sell more wine by building up some kind of (recommendation engine?). Could you do that after the purchase in some way? The main thing is to separate the purchase process from the review process. Even from just a graphic design perspective, the Tasting Notes bar is bigger than the BUY AGAIN button. They don't need to live together. If you must have them together, try putting the review subordinate to any purchase call-to-action, or near the purchase history. They can follow the link to leave a review. You might also try to deemphasize the 'Complete' green. Since the purchase was completed, do you need to have this here? At the very least you can lessen the emphasis Try making the CTA button more noticeable. I know it's the brand color, but perhaps it can stand out more. Right now the 50% off and the Complete lozenge are more colorful.

I personally see idea A much more complete, with some adjustments. – should the query be cleared as soon as they make a selection? – The problem I see in this design is that the query and the chips share the same field and the result is very confusing for the user. The logic would be a text editing field and the chip's area. The text inside a chip is not editable, while the query is. There is a possibility that the user wants to add one more character to those already written, I would keep the query but in a separate field and the chips in a clearly non-editable area. – Once the user selects a category, since they must only select one, should other Categories not be shown anymore – Pretty much EVERY TIME I have to select a checkbox, I always select the wrong one the first time. The only way to not start the search process over again in the event of an error is to keep all possibilities clearly visible. Ultimately, it would be useful to continue showing all possible categories and hide the subcategories of the unselected ones. – Once the user selects a category, should the rest of its child Subcategories appear automatically – I would let the user decide if he/she wants to see all the subcategories with a View all option. At this point, I think the most important action is the immediate search with the typed characters than displaying all the subcategories of an item. If there are three subcategories, it would not be a problem, but if there are more than ten, I would let the user choose if they want to momentarily abandon the search and use vertical scrolling to see all the content of the results field.

Is a light theme necessary? No. It's not required. Provided your default (or only) theme complies with https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html - meaning the contrast between foreground and background colours is sufficient, and contrasts between separate components on the page is also sufficient to be able to tell them apart) then you're meeting all the requirements as far as usability standards go. However. Just because it meets accessibility standards that doesn't necessarily mean it meets with user expectations. Just because you don't like light mode that doesn't mean everyone else feels the same. The type of product you're building, the types of users, the devices it's going to be used on should all be considered when deciding on colours and styles. So don't just make an assumption and leave it there. Follow up your assumption with some research into your actual target audience.

The fact that the site is similar to eBay or the design of the homepage is inspired by Google, doesn't mean the company you are working for has the same level of popularity. In other words, opening a page with a search engine without knowing for sure what to search for or what the page is about can generate uncertainty in the user to the point of wanting to leave the site immediately. Every company in its beginnings has (or should have) a corporate image project that supports all its communication pieces. Regarding the logo, it usually comes with its corresponding tagline: Nike → Just do it Adidas → Impossible is Nothing Pepsi → That's What I Like Apple → Think Different In consolidated and highly popular companies, the tagline usually refers to the quality of their products or the company's philosophy (See some https://medium.com/the-juice/the-5-most-effective-types-of-taglines-d8513e8d03b0 ). None of these companies have their tagline as the title of the website because they have other mass media to promote it. But they all have a tagline, even Google and eBay (Google search: "company name + tagline") There are others that do have it on the web, following the corporate guidelines: Source https://www.penguin.com/ Or adapted to the web page layout: Source https://www.michelin.com/en/ In recently created companies or those that do not have massive popularity, the tagline usually indicates the type of product: descriptive tagline and it's shown in all media until, if possible, creating collective knowledge. The exception is the type of company whose product is implied: a pizzeria. The example in the question has a very good descriptive tagline at marketing level, personally I would not hesitate a single second to include it on the homepage and give it the corresponding importance. My question is only about the location. As it stands now and from the type of design, it looks more like a search field warning. I would consult the corporate designer, if he or she doesn't exist, I would first work on the graphic relationship between the company logo and its tagline and then I would see its adaptation to other media, such as the web.

Short answer: the meaning of "up" and "down" are affected by the context in which they appear. Numerical context "Up" is one expression of an increase, so when we "count up," we add to the value. For example, one "counts up" from 1 to 10. A real-world example can be seen on a digital thermostat, where one would make it warmer by pressing an up-pointing arrow. Clicking through channels would also be a numerical context, as you are on channel 4 and would like to watch channel 12. Linguistic context When you discuss this in context of reading order, however, we start at page 1, and continue to page 2. If this is a vertical-scrolling document, page 2 will appear below. You see this same pattern... with numbered lists ...where increased numbers occur below. If you're reading through the TV listings, then the ordered list above seems like a more natural ordering, because we commonly organize lists in this way.

If the online store already has a side column with filters so the user can immediately search for the product they are looking for, I don't think it's necessary to show one of each type. An online store should have the same philosophy as a real one and the main page is the sales showcase. If it's a supermarket, instead of placing each type of product that it sells, it would put the best sale options and suggestions. A good marketing plan would say that it's perhaps more important to show products by type of sale, such as "best sellers", "featured offers", "latest news" ... I would implement a recommended list of products in addition to the filter. Example store: https://www.levi.com/GB/en_GB/promo/c/levi_men_promo_north

There's a third situation much more current and successful than those described in the question where the user always remains on the main product page and only interacts with the variations in it without page breaks or clicking on the browser buttons See the example at https://www.aussiebum.com/mens/clothing

You can certainly dedicate areas within a large drag-and-drop surface to do specific things, such as expanding a panel. This can be helped with a visual indicator on hover/ mouse-over: However, as I've shown above, you might have to think about the panel behaviour once it is expanded. Some designers choose to isolate interactions until done (for example, using a modal), and then hand control back to the drag-and-drop functionality.

It depends on what will likely happen next. If the user will want to keep working on the newly added item (let's say they're writing an article, and want to keep editing a draft), they'll stay on the Newly Added Item page. If they're more likely to want to add more new items, they should be taken back to the All Items page so they can click the Create New button again. Either way, they'll need a little confirmation message telling them that their newest item has been created.

You can add a toast notification when launching the app that fade out after a few seconds. Original image from https://dribbble.com/shots/5673516-Day-32

I think an obvious one that's missing would be another common accessibility theme but for colour blindness. Another one that I know about is a theme that makes it easier to read in high intensity light (e.g. outdoors in the sun) for readability. Actually, with the new https://material.io/blog/material-theme-builder for dynamic colours, there should be more flexibility and response to different contexts.

The reason the Size column is shown in your examples is because in some cases, there will be items with sizes. A user might drop a file into the folder, which would have a size. If the Size column were hidden sometimes, the user might wonder, "Is this because there are no items with sizes, or because the system has a bug?" If there will never, ever be a value in the Size column (for example: a user preference to not show size) then hiding it would make sense.

When you enter an email on the "forgot password" page, there should be a message saying something like "Thanks! If there's an account associated with this email, we'll send the password reset instructions immediately." Then, your receive an email with a text explaining the you used social login. Example form Optimal Workshop: "You recently requested your password to be reset. You used your Google account to sign up to Optimal Workshop. This means you didn't need to set a password when you first signed up. To sign in to your account, all you need to do is click "Log in with Google" on the log in page. Still having trouble logging in? Contact support" Hope this solves your problem!

I think the main reason is to leave free space to work with the application. An extreme example is https://discord.com/ . On the home screen, the lower left position for the avatar looks like a random decision: But when starting to work on the application, the position of the avatar, an element that is not used as often except to define basic work preferences, makes more sense, since it leaves room for all the other working components more complex and frequently used: Perceptually the isolated user avatar in the lower left corner allows it to be viewed easily for access if necessary. In applications with screen changes, each menu component, tools, panels, etc., tend to vary in position according to the number of items, as happens in discord. The lower left location can be set as a fixed position. If I had to highlight main reasons: Clear differentiation between work area and personal area Fixed position Isolation Ease and immediacy access

The negative effect of using opposite colors on different pages is caused by the complementary colors induction or afterimage. Chromatic induction The chromatic induction occurs when the retina becomes fatigued due to the excessive concentration of a color and loses its sensitivity to it, perceiving, due to the balance of the nervous centers of the eye, its complementary. A major research area associated with complementary colors is complementary https://en.wikipedia.org/wiki/Afterimage . A complementary afterimage is defined as the negative afterimage whose hue is approximately complementary to the hue of the original color stimulus. The image below shows this effect, keeping the eyes in the center of the image for a few seconds and then shifting to a light background will cause the brain to induce to see the complementary colors for a short time. Such what happens in the visual effects of https://en.wikipedia.org/wiki/Akiyoshi_Kitaoka . But this effect or illusion, sometimes unpleasant, happens mostly when it comes to long exposures in fixed images and the negative feeling lasts for seconds. In fact, many web pages use the effects caused by complementary colors precisely to attract the attention of the receiver. Consequently, creating a background colors jump in web pages will be distracting? Yes, for the fraction of a second it takes to go from one page to the next or the time that afterimages takes (always depending on the age and characteristics of the reader's vision). What's the best way to avoid it: Avoid maximum contrasts between page backgrounds. If changing backgrounds of opposite colors is unavoidable, reduce the percentage of the area that the lightest or brighter color occupies by using wide margins or frames with the darker color. Place medium/dark gray wide margins or frames; the gray as color has the ability to neutralize the perceptual power of any other color Put quality content so the user is more aware of the content and not distracted by a simple effect produced by a background color changing during an extremely short period of time.