4 ms·
That's pretty interesting but also highly opinionated in places. One card that was weird for me in particular was reinforcing dark UI patterns by considering a
by munk-a 5y ago
That's pretty interesting but also highly opinionated in places.
One card that was weird for me in particular was reinforcing dark UI patterns by considering a strongly bold backed "Invite Friends" above a "Skip" lacking any background as "More correct".
- mastazi 5y agoI agree, in many cases I preferred the "wrong" one. In addition to that skip button (which doesn't even look like a button in the "right" example), I also preferred the 2px-thick separator which is "wrong" according to the site.
- teraflop 5y agoI like the part where it says that a classified ad showing the entire photo of the product being advertised is "wrong", and the version that crops the image and hides meaningful content is better because it has a "correct aspect ratio". That's when I decided to quit, because I really don't care about this person's opinion of what kind of design is "correct".
- duckmysick 5y agoThe entire scaled down photo also hides meaningful content since I can't see the details. Either way, it looks like a part of a grid with multiple product cards. The full photo would be on the product detail page.
- ehnto 5y agoYou can't see the details if they're cropped out, either. You would hope for a way to see the full and correct image in either case.
- duckmysick 5y agoYes, the full and correct image would be on the full product page. The cropped image is fine on a multiple product listing (for example search results) where users quickly scan for interesting products.
- dalmo3 5y agoIIRC none of the images showed the whole guitar. Both were cropped, but one was consistent with the card layout. I agree with the test authors on that one.
- red_trumpet 5y agoI also agree that the more cropped version looks better. However I'm not sure it's a matter of "aspect ratio", since both images have the same aspect ratio, just zoomed differently.
- pvorb 5y agoI think the widget that was used is simply a really bad choice for selling anything. The obviosly correct solution would be to show the full image next to the textual description including price or maybe text as a subtitle, if there are multiple columns. This kind of widget might be nice for sliding through things that are represented by some abstract image where details don't matter. But when buying a product, I want to see the whole thing, ideally from multiple perspectives.
- wruza 5y agoYep, neither of two is okay. If you sell guitars, make cards horizontal [1x3photo 7x3info] boxes, or figure out a good vertical arrangement. Test authors were picky on details, but missed an elephant in a scope.
- oceliker 5y agoI think that image is from Facebook Marketplace where you can sell anything, not just guitars.
- cosmotic 5y agoAlso the placeholder text contrast being higher makes it look like actual content in that textbox which is bad, and why placeholder text is discouraged altogether.
- trog 5y agoCame to post the exact same thing! The best thing I think we can get out of it is to give it to non-tech/non-design/non-UI people to show them the sorts of details that some people obsess over when making design decisions - it's not just all putting pretty pictures into pages and picking colours and fonts.
- calvinmorrison 5y agoThirded... All buttons should have at least the same basic buttonness. A default option can be presented in many ways, but obfuscating other buttons is a no go.
- saghm 5y agoI got them all right until that one, and then I had trouble motivating myself to keep clicking through after that
- xmprt 5y agoThat's definitely a dark pattern but I think it's a good idea to have different styling for different buttons and the one that's most commonly used is the one that should be more eye catching. In this case, skip should be the one with a background but the point stands that one should look different from the other.
- yarcob 5y agoThe problem is not which of the two is the default, the problem is that only one of them looks like a button. It's good to use different styles. Symmetry is bad when you want people to make a choice. But in this example it doesn't look like there is a choice at all. It's just a dark pattern that almost all companies (including Apple and Microsoft) have started to use, where they de-emphasize certain options to the point where people don't even realise that they have a choice.
- pndy 5y agoI think the good idea would be to give this "Skip" button at least a darker gray background (which once pressed changes into blue) upon interaction so less experienced user would know that it is still an option that can be selected. Without it, this screen suggest that only action is to press visible "Invite Friends" blue button and that is an example of dark pattern design. It might be the approved guideline in official design documentation but it doesn't mean it's a fair design for the user.
- Firadeoclus 5y agoAs a user I disagree they should look different. Maybe the designer wants to funnel users down a specific path, but these aren't my preferences. "Skip" is not a rare, exceptional choice here.
- blfr 5y agoAt this point, I think it's correct. Maybe it's a dark pattern but one so widespread that a link below is where I would look for "skip" and a full skip button would throw me off.