- McMaster-Carr là công ty cung cấp linh kiện công nghiệp, bán đai ốc, bu lông, vòng bi, v.v.
- Làm sao một trang web công nghiệp như vậy lại trở thành trang mua sắm tốt nhất? Vì nó chỉ làm đúng những gì cần thiết.
- Thiết kế tối giản, chủ yếu là thang độ xám và chỉ nhấn nhẹ bằng màu xanh lá cùng màu vàng.
- Hoàn toàn không có popup, animation, banner, carousel hay video.
- Mục tiêu của người dùng khi truy cập là tìm được linh kiện mình cần nhanh nhất có thể. Trang này được thiết kế hoàn toàn để phục vụ điều đó.
- Đây không phải nơi để lướt xem, nên không có thuật toán gợi ý AI, không có sản phẩm nổi bật, cũng không có giới thiệu hàng mới.
- Giả sử bạn đang tìm một “bolt”
- Nhập
bolt vào ô tìm kiếm.
- McMaster sẽ hiển thị một vài danh mục con, như
hex head, socket head, set screws tùy theo hình dạng. Chọn Socket Head.
- Ở thanh điều hướng bên trái, bạn sẽ thấy một số tùy chọn lọc. Bu lông thường được phân loại theo kích thước ren (
Thread Size) và chiều dài. Tôi đang tìm bu lông 1/4"-20 x 1" (nghĩa là đường kính bu lông là 1/4" và chiều dài là 1").
- Ngoài ra còn có các bộ lọc khác như vật liệu/độ bền/kích thước đầu bu lông, v.v. Sau khi chọn bộ lọc, khu vực tìm kiếm chính sẽ hiển thị trực tiếp từng mặt hàng (chứ không phải danh mục con).
- Giao diện tìm kiếm của McMaster thực sự xuất sắc. Mọi tính năng trên trang này đều được thiết kế để giúp bạn tìm linh kiện mình muốn nhanh nhất có thể.
- Phần bộ lọc đơn giản, tinh tế, và khi cần sẽ hiển thị hình minh họa giải thích cấu trúc.
- Các hình minh họa được lược giản để chỉ hiển thị thông tin liên quan, giúp quá trình tìm kiếm không bị rối.
- Trang kết quả cũng cung cấp các menu thả xuống hữu ích để giải thích về loại linh kiện bạn đang tìm.
- Nó giống như sự kết hợp giữa sổ tay kỹ sư và catalog.
- Kỹ sư thường tìm kiếm trực tiếp bằng các thuật ngữ này, nên việc đưa sẵn những thông tin đó giúp tiết kiệm thời gian quý giá.
- Bộ lọc của McMaster không chỉ hữu ích cho việc tìm kiếm chính xác, mà còn giúp tôi quyết định mình thực sự cần gì.
- Đôi khi tôi chỉ có ý tưởng chung chung về linh kiện cần tìm, và lúc đó phần mô tả danh mục con giúp tôi chốt các chi tiết.
- Ví dụ, tôi biết mình cần
Lock Washer (vòng đệm chống tự tháo), nhưng không rõ loại nào phù hợp; khi đó tôi có thể quyết định dựa trên hình ảnh và mô tả.
- McMaster có thể cung cấp trải nghiệm tìm kiếm trực quan vì mọi thứ họ bán đều được định nghĩa bằng thông số kỹ thuật.
- Hoàn toàn không có chuyện dựa vào thương hiệu, ảnh sản phẩm hay các yếu tố marketing.
- Nhưng họ lại cung cấp trải nghiệm tốt hơn hẳn những trang như Grainger, DigiKey hay Home Depot.
- So sánh ra thì Amazon lọc mặt hàng thực sự rất kém.
- Tất nhiên Amazon có nhiều sản phẩm hơn rất nhiều nên bài toán khó hơn, nhưng ngay từ các chức năng tìm kiếm cơ bản như giá cả cũng đã rất tệ.
- Ô chọn giá của Amazon chỉ là hai hộp văn bản. Sao không dùng một thanh trượt?
- Hơn nữa, các tùy chọn chọn giá đều giống hệt nhau bất kể sản phẩm là gì. Tìm một cây bút rất rẻ hay một tấm bạt nhún đắt tiền thì cũng y như nhau.
- Một trong những điểm mạnh của McMaster là họ cung cấp file CAD cho gần như mọi linh kiện, để bạn có thể tải về và thêm vào mô hình 3D của mình.
- McMaster còn cung cấp extension cho các phần mềm CAD phổ biến để có thể import trực tiếp file,
và điều đó khiến cuộc sống của kỹ sư trở nên dễ dàng hơn gấp 10 lần (đương nhiên việc mua hàng trên McMaster cũng nhờ vậy mà tăng lên).
- McMaster - https://www.mcmaster.com/ gần như hoàn hảo. Sẽ tốt hơn một chút nếu thanh tìm kiếm nổi bật hơn, nhưng...
- McMaster là một “dịch vụ thấu hiểu người dùng”
8 bình luận
Việc cung cấp dữ liệu chi tiết về thiết kế cũng là một phần lý do.
Nhiều trang mua sắm thông thường thường không thể cung cấp được thông tin bạn muốn ngay cả trên trang chi tiết sản phẩm.
Tôi chia sẻ liên kết này cho những ai có thể sẽ cần; nghe nói đây là một nơi đã tồn tại hàng chục năm. Người ta còn nói rằng 20 năm trước họ từng phát hành một cuốn catalog dày gấp đôi danh bạ điện thoại..!
Họ hoàn toàn không hỗ trợ web di động, và việc dẫn thẳng sang tải ứng dụng cũng khá mới lạ.
Ủa? Tôi vào bằng iPhone thì thấy hiện ra mục mở bằng App Clip, bấm vào thì App Clip chạy ngay mà không cần quy trình cài app! Tôi mới chỉ xem qua video WWDC thôi nên đây là lần đầu tiên trải nghiệm App Clip thực tế, mà chuyển sang mượt một cách tự nhiên ghê.
À, tôi không biết vì máy tôi đã cài sẵn rồi, có vẻ như họ cũng đã làm cả phần đó.
Ứng dụng di động cũng được làm khá tốt. Chỉ lướt xem thôi cũng thấy vui nữa haha
Đây là một tài liệu tham khảo rất hay để tham khảo khi xây dựng một trang thương mại điện tử chuyên biệt theo từng lĩnh vực.
Có rất nhiều danh mục như vậy mà vẫn gọn gàng, không rườm rà, và không có thứ gì vô ích chiếm tài nguyên một cách không cần thiết.
Các hình minh họa với tông điềm tĩnh và đồng nhất cũng dễ nhìn, và có vẻ là một UX hữu ích cả trong những lúc kiểu như “cái đó tên là gì nhỉ”.
Cảm giác rất trung thành với những điều cơ bản haha