TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Best ecommerce UX practices from mcmaster.com

322 点作者 amoopa超过 2 年前

46 条评论

gumby超过 2 年前
Unmentioned is the origin of much of this value:<p>&gt; McMaster-Carr shoppers don’t encounter distractions; you can see proof of this on the homepage which jumps right into the action:<p>The web site is based on the paper catalogue (book), from layout, visual interface, and organization. The paper version was excellent and useful. Instead of trying all sorts of &quot;fun&quot; (for the designer) web capabilities, they focused on ohw the web could augment what they were already successfully doing. No redesign for design&#x27;s sake.<p>Some of the best paper catalogues like McMaster and Sigma had excellent, customer-centered design, which led to long term loyalty. Easy to find what you needed, and useful as references, not just as a place to buy. They have retained that philosophy into the web world.<p>Compare this to, say, Amazon where Amazon&#x27;s needs are prioritized over the customers&#x27;, with the obvious result of reduced loyalty and the need to shore that up with rewards (prime, discounts, advertising).
评论 #34002665 未加载
评论 #34003203 未加载
评论 #34002553 未加载
评论 #34005653 未加载
评论 #34007236 未加载
blamazon超过 2 年前
A huge advantage of McMaster I didn&#x27;t see enumerated is the 3D models - for nearly every fastener, and for certain other products, you can instantly grab a 3D model and bring it right into your CAD design. As far as I know no one else offers this, definitely not at the scale McMaster&#x27;s dataset offers.<p>An annoyance of McMaster I didn&#x27;t see enumerated is how they don&#x27;t show you the shipping cost until after transaction is complete. That&#x27;s fine for my day job when I&#x27;m not paying, but when I order stuff for home projects I generally would like to know how much it costs to ship say, an 8 foot piece of steel tubing, before I click submit order. EDIT: they updated this apparently! See user Certified&#x27;s comment below.
评论 #34001532 未加载
评论 #34001393 未加载
评论 #34001328 未加载
评论 #34001162 未加载
评论 #34001965 未加载
评论 #34003101 未加载
评论 #34001263 未加载
评论 #34001609 未加载
intrepidhero超过 2 年前
The article focuses on the UI, which is good, but the number one reason McMaster is the tops shopping experience (IMHO) is that they have a rock solid taxonomy. Every single product is meticulously categorized a dozen different ways, allowing me to drill down the feature tree to get exactly to the part I want. On Amazon even the product categories that have a few filters are hopelessly difficult to navigate. I&#x27;m stuck guessing at search terms and browsing &quot;related&quot; lists. If you want to build an Amazon killer, you can let UI, price and shipping slide, but nail your taxonomy and I&#x27;m in.<p>See also digikey, parts-tree and rock auto.
评论 #34007898 未加载
评论 #34002268 未加载
评论 #34002484 未加载
评论 #34002456 未加载
评论 #34002005 未加载
tobinfekkes超过 2 年前
This is more of a lead-gen ad for Medusa, tagging on the back of a deservedly-popular HN article.<p>The dissonance of this juxtaposition is comical. Are we going to ignore the elephant in the room? That Medusa&#x27;s very own site, and the stores built with it, are the exact opposite of McMaster.com? If you started with Medusa, you wouldn&#x27;t end up with McMaster.com. McMaster.com is as good as it is because it doesn&#x27;t use the latest flavor of a bloated JS framework.<p>The points made in the article (they have a search bar at the top, they have sidebar....on the side, a cart page, a checkout page) are basic ecommerce, and have been for 20+ years. That&#x27;s not what differentiates McMaster.<p>This comes off as a poor attempt to jump on the McMaster news cycle than to actually point out things that make it good.<p>It&#x27;s their service, their longevity, their dependability, the simplicity, the availability, and the specificity that make it good. They&#x27;re not good because of their ecommerce and web design choices. Their ecommerce and web design are good because they didn&#x27;t jump on the latest tech fad every other year for the past 10 years.
ericwood超过 2 年前
There&#x27;s many things to love about the design, but the fact that they use actual anchor tags and override the default behavior with JS is extremely frustrating and makes opening in a new tab impossible. When I&#x27;m looking for parts I tend to want to open up several categories or parts across a few tabs and they make it impossible. Horizontal scrolling is also remapped to scroll vertically as well, which breaks the trackpad swipe behavior for going forwards and backwards on MacOS.
评论 #34001485 未加载
评论 #34002344 未加载
评论 #34002068 未加载
MobileVet超过 2 年前
Oh McMaster... how I love thee. They pioneered same day delivery in 2001.<p>I worked at Idealab in Pasadena California. We ordered SO much from them that they would deliver to us (and others in the area) directly and daily. If you had your order in by 10am (11 if you were SUPER lucky and there were a lot of orders to process) the truck would show up at ~2ish. This was 2001... WAY before Amazon Prime 2 day deliver, let alone same day. It was EPIC to design something and have the parts show up hours later.<p>The other beauty of McMaster is the breadth of their inventory. You could order a safety vest, a billet of Al, a 4x8 sheet of plywood and some screws... all from the same place! One of the software engineers cooked up a web scraper tied to a randomization engine. It would randomly order $100 worth of things on our account each day. He was stopped before it was turned on... but it would have been really fun to see what random stuff showed up on a daily basis. We spent a few lunches laughing about the potential boxes that would have shown up.
评论 #34001896 未加载
评论 #34003167 未加载
ckemere超过 2 年前
Does anyone remember Small Parts? They had an awesome catalog somewhat akin to McMaster. When Amazon bought them out, for a year or two, Amazon search maintained the really detailed category stuff and was approaching McMaster utility for things like machine screws. But then, like much with Amazon, it died.<p>I&#x27;m very much confused about why there aren&#x27;t more Amazon competitors that do better with this sort of UI stuff and charge more. At this point, I&#x27;m happy to pay a 10% (or maybe even 50%) tax from McMaster or Digikey because of the time and effort it saves and the backend customer service if something goes wrong. When I started my university lab 10 years ago, I was so excited by what Amazon is doing. At this point, the only reason I still use them is that its hard to set up sales tax exemptions with all the small vendors. If someone could automate that process in checkout, I&#x27;d never use Amazon for work...
exhaze超过 2 年前
I think is article is written from an eng&#x2F;design perspective and thus fails to address business realities.<p>Example: “product pages are way too long”<p>Product pages are long because longer pages tend to perform better at SEO. Furthermore, at least in my experience, longer product pages don’t actually have a significantly negative impact for on-site conversion rates.<p>Sure, maybe a better global maximum exists, and every once in a while a startup finds it and achieves great success.<p>However, that kind of “bet the farm” mentality should be very intentional, not just based on design best practices, because in reality, companies live and die by their balance sheet, not by their UX best practices.<p>This got a bit rant’y, but I just wanted to provide this counterpoint. I’d love to hear what others have to say - I feel this is such a complex, nuanced topic…
评论 #34001369 未加载
评论 #34002634 未加载
评论 #34004005 未加载
评论 #34004112 未加载
SkyPuncher超过 2 年前
Don&#x27;t get me wrong, I love McMaster - but I feel like people attempt to over apply their patterns everywhere else.<p>I feel like all of the discussion misses a key point - when you shop on McMaster, you already have a very detailed idea of what you&#x27;re looking for. McMaster becomes rather difficult to use if you don&#x27;t know exactly what you&#x27;re looking for. Many of the product categories get rolled up as representative products. Many products have meaningful variations nested deep. It&#x27;s very hard to quickly scroll through a list of items to figure out what might be represent you needs.<p>Now, that&#x27;s not necessarily a problem McMaster should fix. They cater to the professional market. They cater to people who know exactly what they want. They can do this because their products are mostly derived off market standards.<p>There&#x27;s a _very_ good chance that your user base won&#x27;t be the same. There&#x27;s a very good chance that your user base won&#x27;t know they need a &quot;Surface-Mount Lift-Off Hinges with Holes made of stainless with XYZ dimensions&quot;.
trey-jones超过 2 年前
McMaster-Carr out-Amazons Amazon when it comes to specialty items that you can&#x27;t find online anywhere else. For a lot of product categories they have every conceivable variation that you might need. Specifically in the past I&#x27;ve used them for electric relays. I don&#x27;t know of a brick and mortar locally that has the selection that I want, and you won&#x27;t find these on Amazon. Next stop? McMaster.com.<p>One thing that annoyed me recently:<p>They don&#x27;t take Discover. This led to me attempting to pay with an old Visa debit card which appeared to be accepted at checkout. In fact, they even shipped my order, and <i>then</i> sent me an email about my card being declined. It was a small order, but it still surprised me that they shipped without confirming payment. So I have an outstanding invoice. Not a huge deal, and as others have mentioned they do actually answer the phone, and you can talk to a human being about whatever customer service issue you might have.
评论 #34001501 未加载
skilled超过 2 年前
This year&#x27;s UI&#x2F;UX trends have been an absolute disaster. Many brands are now using some kind of an amalgamation of animations + on-scroll effects that transition into this linear 3D experience. Replit is a good example of this, even though what they are doing is quite tame to what I have seen.<p>Now, the crazy thing about this trend is that I honestly just close the page whenever I encounter it. And I am 100% positive that many other people do this, too. So, unless your brand has outstanding reputation and you were introduced to their service through word of mouth, a lot of these bombastic landing pages are left to rot by themselves.<p>And lastly, these pages are supposed to leave you feeling something, or at the very least - fire up a neuron or two in your brain because the experience is refreshing. I have not experienced that a single time. And I bookmark quite a lot of random pages I am inspired by from a design perspective.
评论 #34006484 未加载
dieselgate超过 2 年前
I love mcmaster and it&#x27;s cool to see an article explaining their website design intent. Recently discovered Digikey and Mouser last night (via a random HN comment actually) and it was just what I was looking for (a more electronics focused Mcmaster basically) - but the websites have a similar filter&#x2F;taxonomy which was refreshing to see. No B.S.! I do have some business&#x2F;commercial reasons for shopping these vendors (which is how I&#x27;m familiar with mcmaster in the first place) but my life really started to change for the better when I started leveraging them for personal projects.<p>Had a kick to make biodiesel and mcmaster was still the best place I could find to buy methanol<p>Edit: mcmaster just exudes the essence of &quot;engineering&quot; to me - it&#x27;s amazing to be able to find parts by their size&#x2F;dimensions&#x2F;material&#x2F;finish rather than jumbling together things that &quot;work&quot;. Reminds me of the joke: &quot;a mathmagician calculates the volume of a ball by integral; a physicist calculates the volume of a ball by water displacement; an engineer just looks up the part number in {mcmaster}&quot;
mauvehaus超过 2 年前
It&#x27;s because they&#x27;ll have your order at your door next day for an extremely reasonable cost of shipping. Nobody excels at pick, pack, and ship like McMaster-Carr.<p>Where they can be a little tough is searching for things you don&#x27;t know the exact name for. I needed screws that have a smooth section to run through a bushing with a fairly tight tolerance. You know: turns freely but doesn&#x27;t rattle. I spent hours looking until I finally found what I was looking for (shoulder screws).
评论 #34001631 未加载
ipython超过 2 年前
I’m surprised nobody has mentioned information density yet. I find the modern practice of adding so much spacing and making the font size gigantic extremely annoying. Sometimes you need detail- and it’s harder to put together a well designed information dense way of displaying that detail. Instead it seems everyone decides to just ignore that detail and make you click everywhere and scroll all day to find what you need.
ckemere超过 2 年前
Unmentioned is the helpful explanation text in some categories, for example if you search for &quot;compressed air fittings&quot;, you get a small box labeled &quot;How to Identify and Measure Fittings&quot; at the top of the page that can be expanded. Included in this is a table of *all* the different kinds of fittings, including measurements. In my case, I had something that I didn&#x27;t know what was and this allowed me to identify it, then narrow my search for compatible parts.
bze12超过 2 年前
I wrote the original article they&#x27;re basing this on. I kinda wish they would&#x27;ve linked my article directly in their post (although they linked the original HN thread). Especially since this post basically just reskinned mine for SEO and missed some important substance IMO.<p><a href="https:&#x2F;&#x2F;www.bedelstein.com&#x2F;post&#x2F;mcmaster-carr" rel="nofollow">https:&#x2F;&#x2F;www.bedelstein.com&#x2F;post&#x2F;mcmaster-carr</a>
password4321超过 2 年前
Talk about free advertising!<p><i>Mcmaster.com is the best e-commerce site I&#x27;ve ever used</i><p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=32976978" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=32976978</a><p>(1402 points | 2022-09-25 | 494 comments)<p>iancmceachern &gt; <i>I&#x27;ll gladly pay 2, 3, 5, even 10x the price to get it from McMaster. The service, the CAD models, I have what I need the next day.</i>
danuker超过 2 年前
The website speed is also worthy of praise. When I visit McMaster.com, I get DOMContentLoaded: 348 ms. When I visit Amazon.com, I get 2.39 SECONDS, and this is with a 10-core monster of a CPU.
评论 #34003490 未加载
octagons超过 2 年前
This article touches on search a bit, but it doesn’t quite capture how useful I’ve found its capabilities as a hobbyist.<p>For example, I needed to replace a bent gear axle for my lathe during the height of supply chain issues in the past few years. The part was proprietary to the vendor, who did not have any spares on hand and was awaiting an order from their manufacturer in China.<p>The top search results on McMaster for “axle” yielded both axle stock and pre-fabricated axles that would likely be great solutions in other scenarios, but ultimately neither of those categories contained a part that would solve my issue.<p>However, third on the list of results was a category for “axle bolts”, which makes sense based on my use of one of those strings in my search. But “axle bolts” weren’t a category of things you can find by manually navigating the menus to barrow down your search. Following the link to that category actually presented you with a list of products under the category of “shoulder screws”. Within these, I found a part that fit the bill for a temporary fix!<p>I found it incredibly useful that it helped me navigate through industry terms that I wasn’t familiar with. It almost seemed akin to Netflix’s highly specific “shadow” categories such as “90s sitcoms with female leads” or similar.<p>Actually (and perhaps it already can), a ChatGPT model that could help me design projects with specific tolerances by recommending parts from sources like McMaster would be very useful.<p>For example, I want to build a simple hoist with a working maximum weight of 1 ton. Which grade of steel bolts should I buy that are most effective for that application? What thickness of steel square bar do I need?<p>There are fairly straightforward ways of calculating what a material is capable of and modeling its performance using simulation software, but a passing grade doesn’t tell me that my choice of grade 12.9 bolts is less cost effective than grade 10.9 bolts, which are significantly cheaper.
hprotagonist超过 2 年前
mcmaster, rockauto, digikey, ...<p>don&#x27;t tell anyone, they&#x27;ll &quot;modernise&quot; them and fuck it all up.
评论 #34001267 未加载
评论 #34001653 未加载
评论 #34001309 未加载
hedora超过 2 年前
It is strange that the article refers to McMaster as a B2B site. It works just as well for consumers.
评论 #34001731 未加载
评论 #34001324 未加载
评论 #34001246 未加载
评论 #34001149 未加载
评论 #34001258 未加载
giantg2超过 2 年前
I have a gripe about McMaster.<p>If I&#x27;m looking to buy some 316 stainless bolts, I&#x27;d like to see links to the applicable nuts for that size&#x2F;material&#x2F;threads&#x2F;etc. For certain sizes, the nut selection can be limited and might not meet my needs. Then, I have to start over with 304 or something else. In my most recent case, I had to order some of the components from a different store.
评论 #34002242 未加载
0cVlTeIATBs超过 2 年前
It is great, but one annoyance is it&#x27;s pretty easy to buy a small threaded coupler with one side blank instead of threaded like the other side--uncommonly needed parts like this will show up in my searches higher than the more common variant, and it takes careful reading of the specs to differentiate.<p>I like how rockauto puts heart symbols next to the commonly purchased parts.
评论 #34002183 未加载
bombcar超过 2 年前
One thing people overlook with McMaster is that the parts mostly stick around. If you found it there once, it&#x27;ll be there again later, and the same part number.<p>How many times have I found something on Amazon, bought it, loved it, and go to buy another and it&#x27;s just entirely gone, not even a suggestion of what a replacement might be.
the_other超过 2 年前
As soon as the homepage rendered, I felt my whole upper body relax slightly. What a remarkable experience from a web site. It was clear, the contrast felt right, the meaning and organisation were plain and comfortable. Nothing interrupted me, nothing shouted at me.<p>I couldn&#x27;t find the screws I wanted, tho&#x27;.
jameshart超过 2 年前
Just… astounded that the starting point for a discussion of e-commerce usability would ever be ‘let’s go gather some learnings from “a B2B site that recently made the top of HackerNews as the best e-commerce site”’<p>Are HN users even representative customers of McMaster Carr? Let alone of any other e-commerce site?
评论 #34002892 未加载
10xDev超过 2 年前
Sure, when you are a supplier of tools this is a great example. However, to point this as a shining example for all eCommerce sites is simply misunderstanding the difference in target audiences and products. For example, a person may visit a site looking for a gift. To such a customer it helps to have images and bold titles tell them why a product is worth their attention and money. Apple goes as far to lay out its specs in a long presentation with animated 3D models because their customer may not even understand what all the specs mean or just find it tedious and move on to see what Google has. One size does not fit all.
seltzered_超过 2 年前
Other discussion mentioned in article: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=32976978" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=32976978</a>
rkagerer超过 2 年前
Once you get the basics out of the way (e.g. clean interface) I personally find one of the biggest usability impacts comes from the fact the system know their products, and lets you filter by various properties (dimensions, material, etc) which are detailed and appropriate for the category.<p>I wish Amazon did the same and offered more useful and accurate filtering. +&#x2F;- operators would also be great (I know you can google site:amazon.ca +headset -bluetooth but it doesn&#x27;t always work well).
mihaic超过 2 年前
I always see McMaster-Carr praised on HN, but almost never does it seem to be acknowledged as website that can only exist for engineers.<p>Generalizing anything from it onto the general internet population seems like thinking about education starting from a great calculus course: some useful lessons can be learned, but you do need to acknowledge that the average problem is very different.<p>And in the end we&#x27;re left with: make a fast website, clean UI, intuitive flows.
评论 #34006419 未加载
imiric超过 2 年前
It&#x27;s probably been discussed already, and I&#x27;m sure I&#x27;ll get counterarguments about it, but I think having color images of their products wouldn&#x27;t be a distraction.<p>Sure, most of their products are black or metal, and grayscale works just as well in those cases, but in others, I&#x27;d like to use the millions of colors of my display to get a better sense of what I&#x27;m buying.<p>I love everything else about the site, though.
kensai超过 2 年前
Does it offer a &quot;I will know it when I see it&quot; function? Sometimes I have in mind a specific tool or accessory, but not its specs necessarily.
评论 #34001657 未加载
评论 #34001863 未加载
评论 #34001621 未加载
thedangler超过 2 年前
I&#x27;m confused about medusajs. It has an API but yet I can&#x27;t find anything about other SDK&#x27;s. Are you locked into only using JS?
评论 #34001511 未加载
xal超过 2 年前
Everything you need and highlight here can be done on a basic Shopify plan and via the liquid templating engine. It would run super fast, edge deployed globally.<p>The problem is that no one wants this, so we don&#x27;t even have templates like this anymore. We used to ~10-15y ago and those would still work perfectly.
taeric超过 2 年前
I don&#x27;t know. Fangamer and a few other small inventory sites work remarkably well for me, as well.
jeffreyrogers超过 2 年前
I hate how you can&#x27;t command click on a link to open a page in a new tab. I do this all the time when comparing products on other sites since it makes it easy to switch back and forth between two similar products. This workflow is completely broken on McMaster&#x27;s site.
评论 #34001795 未加载
mitthrowaway2超过 2 年前
Would be nice if it had better support for metric. Or even just to set everything to fractional inches. When I&#x27;m just looking for a metal bar, I hate having to work out how much bigger 13&#x2F;64&quot; is than 0.200&quot;, and how much bigger that is than 5 mm.
analognoise超过 2 年前
I wish I could take a &quot;Mechanical engineering with CAD and McMaster Carr&quot; class.<p>So speaking of - this is probably the best place on the internet to ask - does anyone know of something like that?
评论 #34002975 未加载
juddlyon超过 2 年前
One advantage is that they keep the same design for many years so each time you use it you get better&#x2F;faster. You know what to expect.
swah超过 2 年前
Went to the side again and it accepted both &#x27;a&#x27; and &#x27;-2&#x27; as quantities... illusion broken.
shadeslayer_超过 2 年前
Funny thing is that the site doesn&#x27;t even work right now. Kiss of death and all that..
annoyingnoob超过 2 年前
McMaster is the easiest web site to order from hands down. There is no friction.
newbieuser超过 2 年前
site owners: no more effort is needed for this site. that&#x27;s enough, don&#x27;t bother anymore.<p>hn: the most amazing site in the world!!
avmich超过 2 年前
The site doesn&#x27;t work without JavaScript - no graceful degradation. For this reason alone I wouldn&#x27;t consider it among the best.<p>With JavaScript it&#x27;s rather good though.
DrewADesign超过 2 年前
Yet another tech-focused writer speaking with misguided authority on design, assuming their usage requirements mirror everyone else&#x27;s when their perspective is pretty unique.<p>That&#x27;s not to say that the The McMaster site is in any way bad. It is visually simple, relatively free from distractions, and straightforward, and served its target demographic well. It frustrates me to no end when marketers (<i>not designers, generally</i>) insist on shoving crap in people&#x27;s faces because metrics show the hard sell works.<p>That said, their design was made for a specific type of shopper and is not remotely generalizable to everyone else.<p>People used to looking at screens of code all day, and those who know e-commerce platforms inside and out might not miss the abject lack of visual hierarchy and very obvious visual cues. The overwhelming majority of users would.<p>Also, if the color schema impedes usability, the problem is the design, not color. Having all of the images in grayscale is great for selling machine parts or technical equipment... And pretty much nothing else. Color is an incredibly important part of how most people choose products. Removing it creates a ton of work for the majority of users who need it. Trying to find one particular type of soap you forgot the name of but it has that green stripe across the label... Forget it. Also, I&#x27;m really not sure why so many people have such a hard time acknowledging that branding is an important and legitimate way for companies to communicate about the things they sell, and an important part of how most shoppers orient themselves in marketplaces.<p>Many people shop without knowing exactly what they need, and displays&#x2F;carousels&#x2F;suggestions help people figure it out. That&#x27;s why they&#x27;re there.<p>If visual flourish or whimsy impede usability, that&#x27;s also a problem with the design and not a problem with visual flourish.<p>Most people shop at grocery stores instead of discount clubs, and discount clubs instead of restaurant supply warehouses. Why? Most of the products are equivalent or better the further up you go, dramatically cheaper, and presented in a progressively less gussied-up and more information-focused buying experience. Most people in the US have the storage space, too. One big reason is the look and feel. It&#x27;s just a more pleasant overall experience. Seeing the colorful packages on the shelves, having a more intimate space to shop in with music playing rather than a utilitarian corrugated metal box. Perusing magazines during checkout. That&#x27;s why Piggly Wiggly easily snatched the market out of the hands of traditional counter service provisioners and small single-product vendors. As a chef, it is the opposite of what I need. Purveyors sold me goods using an interface even more straightforward than McMaster: a printed text list with a place where I could indicate the quantity I needed. Anything more complicated would have been an impediment. Regular shoppers probably wouldn&#x27;t even consider it.<p>So this article should be retitled to express why it has the best UX for information-only shoppers who know exactly what they want that are very used to looking at content without dead-obvious visual hierarchy and don&#x27;t care how anything looks as long as their bullet pointed requirements get met. Like it or not, that doesn&#x27;t describe the overwhelming majority of shoppers.
StayTrue超过 2 年前
The best e-commerce site would not insert a redirect when arriving via Google search results (which breaks the back button).
评论 #34001069 未加载
评论 #34003506 未加载
评论 #34001048 未加载
评论 #34001280 未加载