Bạn đã bao giá» thắc mắc tại sao các cá»a hà ng tạp hóa lại đặt sữa ở phÃa sau cá»a hà ng và sôcôla gần quầy tÃnh tiá»n chưa?
ÄÆ¡n giản: việc đặt những thứ cần thiết ở phÃa sau cá»a hà ng sẽ khuyến khÃch ngưá»i mua hà ng Ä‘i dạo xung quanh và xem các sản phẩm khác. Äặt những món đồ nhá» (như sôcôla) gần quầy thanh toán sẽ khuyến khÃch việc mua sắm bốc đồng.
Äây là má»™t phần cá»§a khoa há»c thiết kế cá»a hà ng. các bố trà cá»a hà ng phù hợp có thể thúc đẩy doanh số bán hà ng, cải thiện lòng trung thà nh và giúp khách hà ng tìm thấy thứ há» muốn nhanh hÆ¡n.
Cá»a hà ng trá»±c tuyến cá»§a bạn cÅ©ng không có gì khác biệt. Việc tổ chức và bố trà sản phẩm cá»§a bạn có tác động lá»›n đến những gì (và cách thức) khách hà ng mua từ bạn.
Trong bà i viết nà y, chúng tôi sẽ hướng dẫn bạn cách bố trà sản phẩm để tối đa hóa doanh số bán hà ng và chuyển đổi.
3 Ä‘iá»u cần cân nhắc khi chá»n bố cục sản phẩm
Bố cục sản phẩm có vẻ như là má»™t vấn đỠđơn giản khi bạn tiếp cáºn nó lần đầu tiên. Tuy nhiên, giống như hầu hết má»i thứ trong
1. Sá»± lá»±a chá»n
Lá»±a chá»n là má»™t
Bố cục sản phẩm hiệu quả vá» cÆ¡ bản là má»™t quá trình cân bằng tÃnh hai mặt nà y. Äó là : tạo ấn tượng vá» sá»± lá»±a chá»n phong phú trong khi vẫn giữ cho trang web dá»… sá» dụng và điá»u hướng.
việc đưa ra quyết định đó là sá»± đánh thuế vá» mặt tinh thần. Khi bạn đối mặt vá»›i ngưá»i mua hà ng vá»›i quá nhiá»u sá»± lá»±a chá»n, há» có thể sẽ không đưa ra lá»±a chá»n nà o cả.
Váºy là m thế nà o để bạn khắc phục vấn đỠnà y trong cách bố trà cá»a hà ng cá»§a mình?
Má»™t giải pháp là sá» dụng những hình ảnh nổi báºt dẫn đến các sản phẩm bổ sung. Và dụ, hãy chú ý cách sá» dụng hình ảnh riêng biệt cho toà n bá»™ danh mục sản phẩm (chẳng hạn như “ná»™i thất sân vưá»nâ€):
Hãy coi đây như má»™t lá»i trêu ghẹo để thu hút ngưá»i mua hà ng.
Lý tưởng nhất là bạn sẽ muốn giữ
Vì váºy, trước khi bạn bắt đầu quá trình bố trÃ, liệt kê các ná»™i dung sau:
- Toà n bộ dòng sản phẩm của bạn cũng như các danh mục và danh mục phụ tương ứng của chúng
- Các danh mục chức năng như “sản phẩm bán chạy nhấtâ€, “sản phẩm nổi báºtâ€, v.v. và các sản phẩm trong đó.
Bước tiếp theo là sỠdụng thông tin nà y để xây dựng một
Là m như váºy sẽ giúp ngưá»i mua hà ng tìm được thứ mình muốn mà không khiến há» choáng ngợp trước quá nhiá»u sá»± lá»±a chá»n.
Nếu cá»a hà ng 51ÊÓÆµ cá»§a bạn được thêm và o má»™t trang web, bạn có thể thêm menu Ä‘iá»u hướng bằng cách thêm má»™t Ä‘oạn mã:
- để bố trà theo chiá»u dá»c.
Dưới đây là hướng dẫn dà nh cho các cá»a hà ng 51ÊÓÆµ được thêm và o ±¹Ã &²Ô²ú²õ±è; các trang web cÅ©ng váºy. Trên trang web tức thì cá»§a 51ÊÓÆµ, menu ngang chỉ khả dụng.
2. Thông tin sản phẩm
Äây là má»™t hà nh động cân bằng khác mà bạn nên thá»±c hiện khi chá»n cách bố trà cá»a hà ng: hiển thị thông tin sản phẩm.
Bạn muốn cung cấp cho khách hà ng thông tin há» cần để nhấp qua và mua hà ng. Äồng thá»i, bạn không muốn khiến há» choáng ngợp vá»›i quá nhiá»u chi tiết — Ãt nhất là trước khi chúng xuất hiện trên trang sản phẩm thá»±c tế.
Mô hình tinh thần cá»§a bạn trong tình huống nà y phải là giúp bạn dá»… dà ng đưa ra quyết định và khÆ¡i gợi sá»± quan tâm cá»§a khách hà ng. Hãy tá»± há»i: cái gì thông tin tối thiểu khách hà ng cá»§a tôi có cần nhấp qua má»™t sản phẩm không?
Bạn sẽ thấy rằng câu trả lá»i nà y khác nhau tùy theo từng cá»a hà ng và từng sản phẩm.
Và dụ: hãy chú ý cách Amazon chỉ cung cấp cho bạn bốn Ä‘iểm thông tin trên trang danh mục: tên sản phẩm, giá (bao gồm giảm giá), xếp hạng và tÃnh sẵn có cá»§a Prime:
Trong 51ÊÓÆµ, bạn có thể thêm xếp hạng và đánh giá tương tá»± vá»›i sá»± trợ giúp cá»§a ứng dụng Stampled.io.
Mặc dù thông tin nà y là cần thiết đối vá»›i má»™t nhà bán lẻ lá»›n như Amazon nhưng đối vá»›i các doanh nghiệp nhá» hÆ¡n như , xếp hạng không quan trá»ng bằng. Do đó, các trang danh mục chỉ hiển thị tên sản phẩm và giá cả.
Bạn rất dá»… rÆ¡i và o cái bẫy cung cấp quá Ãt thông tin trong các trang chuyên mục. Cách tốt nhất để tránh Ä‘iá»u nà y là phá»ng vấn khách hà ng cá»§a bạn và há»i há» xem há» sá» dụng thông tin gì để đưa ra quyết định mua hà ng.
3. Thiết kế cá»a hà ng
Cách bạn thiết kế cá»a hà ng sẽ có tác động lá»›n đến cách bố trà sản phẩm cá»§a bạn.
An
- Trang chá»§
- Trang chuyên mục và tìm kiếm
- Trang sản phẩm riêng lẻ
Những sản phẩm bạn chá»n để giá»›i thiệu trên má»—i sản phẩm
Và dụ: hãy lưu ý cách Amazon quảng bá sản phẩm cá»§a chÃnh há» trên trang chá»§ nếu bạn chưa đăng nháºp:
Việc các cá»a hà ng quảng cáo các ưu đãi má»›i nhất trên trang chá»§ là điá»u bình thưá»ng. Hãy đảm bảo Ä‘iá»u chỉnh những ưu đãi nà y phù hợp vá»›i đối tượng mục tiêu cá»§a bạn. Và dụ: BestMadeCo Ä‘ang thá»±c hiện chương trình khuyến mãi Ngà y cá»§a Cha nhằm hướng tá»›i nhóm khách hà ng chá»§ yếu là nam giá»›i.
Táºp trung và o:
- Tìm hiểu những sản phẩm bạn muốn khách hà ng mua (lý tưởng nhất là sản phẩm bán chạy nhất và /hoặc lợi nhuáºn cao nhất cá»§a bạn)
- Duy trì tÃnh đồng nhất cá»§a thiết kế trên các thiết kế khác nhau
các loại trang.
Cho dù bạn quyết định là m nổi báºt những mặt hà ng bán chạy nhất hay những mặt hà ng má»›i xuất hiện, 51ÊÓÆµ Ä‘á»u cho phép bạn tạo má»™t danh mục cho sản phẩm nổi báºt trên trang chá»§ và đặt tên theo nhu cầu cá»§a bạn.
6 phương pháp hay nhất dà nh cho Thương mại điện tỠBố trà sản phẩm
Mặc dù bạn chắc chắn có thể tạo một sơ đồ bố cục độc đáo cho
1. Äẩy các sản phẩm và ưu đãi hà ng đầu lên mà n hình đầu tiên
Khu vá»±c “trong mà n hình đầu tiên†là vùng mà n hình hiển thị khi khách hà ng truy cáºp trang web cá»§a bạn lần đầu tiên. Trên thá»±c tế, khu vá»±c nà y chiếm .
Vá»›i mức độ chú ý mà không gian nà y nháºn được, bạn nên đặt các sản phẩm hà ng đầu cá»§a mình trong mà n hình đầu tiên. Äiá»u nà y có thể bao gồm:
- Ưu đãi, bán hà ng và giảm giá mới nhất
- Sản phẩm hoặc danh mục sản phẩm bán chạy nhất
- Các sản phẩm mới ra mắt gần đây (hoạt động tốt nhất khi bắt đầu mùa mua sắm)
On , và dụ: bạn sẽ thấy các ưu đãi mới nhất ở đầu trang:
Nếu bạn có nhiá»u ưu đãi, hãy cân nhắc thêm thanh trượt, như và dụ nà y từ Walmart. CÅ©ng lưu ý các chương trình khuyến mãi chạy bên dưới menu Ä‘iá»u hướng:
Má»™t số nhà bán lẻ thá»i trang tránh các cách bố trà thông thưá»ng để quảng bá hình ảnh thương hiệu. TRÊN , chẳng hạn, bạn có được hình ảnh thương hiệu vá»›i tùy chá»n “Mua sắm cho nam giá»›i†hoặc “Mua sắm cho phụ nữâ€.
Chiến thuáºt nà y hiệu quả khi bạn Ä‘ang cố gắng quảng bá tầm nhìn thương hiệu bằng lookbook. Tuy nhiên, hầu hết các nhà bán lẻ sẽ là m tốt hÆ¡n vá»›i cách thức truyá»n thống.
Thực hiện theo ý tưởng tương tự trên các trang danh mục: đẩy
2. Trá»™n bố cục ngang và dá»c
Vá» cÆ¡ bản có hai cách bạn có thể bố trà sản phẩm cá»§a mình trên bất kỳ trang nà o: theo chiá»u ngang hoặc chiá»u dá»c.
Bố cục ngang vẫn tĩnh. Có một nút ở cạnh trang để cuộn danh sách sâu hơn.
Và dụ nà y từ Amazon minh há»a má»i thứ tốt hÆ¡n:
Ở 51ÊÓÆµ, sản phẩm đã xem gần đây cÅ©ng được hiển thị theo chiá»u ngang. Bạn có thể chá»n số lượng mặt hà ng để hiển thị chúng ở trên cùng hoặc ở dưới cùng cá»§a mặt tiá»n cá»a hà ng.
là một cái khác
Ngược lại, bố cục dá»c không có các nút cuá»™n nà y. Thay và o đó, bạn sẽ thấy ngà y cà ng nhiá»u sản phẩm trong má»™t
Tốt nhất, bạn nên sỠdụng kết hợp cả hai bố cục sau:
- Bố cục theo chiá»u ngang khi bạn muốn hiển thị má»™t số sản phẩm từ nhiá»u danh mục, chẳng hạn như trong Sản phẩm đã xem gần đây
- Bố cục dá»c khi bạn muốn hiển thị nhiá»u sản phẩm từ cùng má»™t danh mục, chẳng hạn như má»™t trang tìm kiếm và danh mục
3. Tuân theo quy ước và mong đợi cá»§a ngưá»i dùng
Có những tình huống khi bạn muốn thiết kế của mình trở nên độc đáo. Bố cục sản phẩm không phải là một trong số đó.
Bố cục sản phẩm cá»§a bạn nhằm mục Ä‘Ãch định hướng ngưá»i dùng khi há» truy cáºp trang web cá»§a bạn. Cách bố trà thông thưá»ng đảm bảo rằng há» tìm thấy những gì há» muốn và không bị mất phương hướng.
Tất nhiên, các công ước có sá»± khác nhau giữa các ngà nh. Tuy nhiên, có má»™t số Ä‘iá»u bạn phải xem xét:
SỠdụng bố cục lưới
Trong bố cục dạng lưới, các sản phẩm được sắp xếp theo
Cách bố trà nà y từ lâu đã trở thà nh quy ước cho
Khi sá» dụng bố cục nà y, hãy đảm bảo giữ các há»™p có kÃch thước bằng nhau. , việc sá» dụng các há»™p có kÃch thước bằng nhau có thể tăng doanh thu trên má»—i khách truy cáºp lên tá»›i 17%.
Nếu bạn bán hà ng vá»›i 51ÊÓÆµ, đó không phải là vấn đỠvá»›i bạn - 51ÊÓÆµ có má»™t lưới có kÃch thước bằng nhau tá»± động thÃch ứng vá»›i các mà n hình khác nhau.
Hiển thị Ä‘iá»u hướng ở đầu danh sách sản phẩm
Má»™t quy ước khác bạn nên tuân theo là đặt các tùy chá»n sắp xếp ở đầu trang.
Khách hà ng đã mong đợi vị trà nà y và sẽ tá»± nhiên nhìn và o đây khi há» truy cáºp và o má»™t trang danh mục.
Äịnh hướng khách hà ng bằng đưá»ng dẫn
Breadcrumb là thà nh phần Ä‘iá»u hướng hiển thị cho ngưá»i dùng đưá»ng dẫn cá»§a há» từ trang chá»§, như sau:
Việc thêm chúng và o đầu trang giúp định hướng cho ngưá»i truy cáºp. Nó cho há» biết há» Ä‘ang ở trang hoặc danh mục nà o và cách há» có thể quay lại trang chá»§.
4. Táºp trung và o hình ảnh nhưng đừng quên văn bản trên trang sản phẩm
Trá»±c tuyến, cách duy nhất để hiển thị sản phẩm cá»§a bạn là thông qua hình ảnh. Äây là lý do tại sao hình ảnh sản phẩm lá»›n được biết là có tác dụng tăng cưá»ng
Tuy nhiên, mặc dù hình ảnh rất quan trá»ng nhưng bố cục cá»§a bạn cÅ©ng phải có chá»— cho văn bản mô tả. Bản sao tốt không chỉ mô tả sản phẩm mà còn giúp bán sản phẩm và thương hiệu cá»§a bạn.
Và dụ: hãy xem xét cách BestMadeCo sỠdụng bản sao mạnh mẽ trên trang chủ của mình để bán một sản phẩm mới ra mắt gần đây. Bố cục giúp văn bản tương phản với hình ảnh một cách hoà n hảo.
Bản sao sản phẩm đặc biệt quan trá»ng trên các trang sản phẩm. Bố cục cá»§a bạn phải cung cấp cho khách hà ng tất cả thông tin quan trá»ng mà há» cần để đưa ra quyết định ngay trong mà n hình đầu tiên. Äiá»u nà y nên bao gồm:
- Giá (bao gồm giảm giá, được thể hiện trực quan)
- Äánh giá sản phẩm và số lượng đánh giá
- Tên sản phẩm và thương hiệu
- Sản phẩm còn hà ng hay không (và liệu hà ng có sắp hết hay không)
- Chi tiết giao hà ng
2-3 chi tiết sản phẩm chÃnh
Äây là má»™t và dụ vá» cách không bố trà sản phẩm. Trang sản phẩm hoà n toà n không có bản sao — tháºt khó để đưa ra quyết định.
Giống như hầu hết má»i thứ, cách bố trà cá»§a Amazon ở đây rất hoà n hảo, cung cấp cho khách hà ng má»i thứ há» cần để đưa ra quyết định.
5. Thêm đỠxuất sản phẩm và các sản phẩm liên quan
Trên các trang sản phẩm, bạn có hai mục tiêu:
- ÄÆ°a khách hà ng đến trang thanh toán, hoặc
- Má»i khách hà ng xem sản phẩm khác
Äối vá»›i cái sau, bạn nên có . Bạn có thể đặt thông tin nà y sau hoặc trước thông tin sản phẩm.
Amazon thá»±c hiện Ä‘iá»u nà y đặc biệt tốt. Lưu ý các sản phẩm có liên quan và danh sách “cÅ©ng đã xem†bên dưới mà n hình đầu tiên:
Nếu bạn có nhiá»u sản phẩm trong cùng má»™t bá»™ sưu táºp, hãy đảm bảo hiển thị chúng. Äây là má»™t và dụ Ä‘iển hình từ WorldMarket:
Danh sách sản phẩm liên quan không phải lúc nà o cũng phải trực quan. Bạn cũng có thể hiển thị các tìm kiếm có liên quan để hướng khách hà ng đến các mặt hà ng mà hỠcó thể quan tâm.
Thá» nghiệm các bố cục khác nhau cho các sản phẩm liên quan/được đỠxuất. Hãy thỠđặt chúng phÃa trên chân trang, bên dưới mô tả sản phẩm, v.v.
6. ThỠnghiệm chi tiết di chuột trên các trang danh mục
Một cách để cải thiện
Và dụ, hiển thị chi tiết sản phẩm và nút thêm và o giỠhà ng khi di chuột:
Mục Ä‘Ãch cá»§a chiến thuáºt nà y là cung cấp cho ngưá»i dùng những thông tin quan trá»ng trong nháy mắt. Nó hoạt động tốt nhất khi bạn mong đợi ngưá»i dùng duyệt qua má»™t số lượng lá»›n sản phẩm má»™t cách nhanh chóng, chẳng hạn như trong các cá»a hà ng quần áo. Nó có thể không hoạt động đối vá»›i các danh mục khác nhưng bạn vẫn có thể chạy má»™t và i thá» nghiệm phân tách và xem kết quả.
Trong 51ÊÓÆµ, bạn có thể báºt nút “Mua ngay†trên danh sách sản phẩm để giúp khách hà ng nhanh chóng duyệt qua (và mua) sản phẩm cá»§a bạn.
Khi khách hà ng nhấp và o nút như váºy, cá»a hà ng cá»§a bạn sẽ không mở toà n bá»™ trang sản phẩm. Thay và o đó, khách hà ng cá»§a bạn sẽ thấy má»™t cá»a sổ báºt lên có các tùy chá»n sản phẩm:
Nếu sản phẩm cá»§a bạn không có tùy chá»n, sản phẩm sẽ được chuyển thẳng và o giá» hà ng.
Kết luáºn
Khi nói đến cách bố trà sản phẩm, tốt nhất bạn nên tuân theo quy ước và là m theo những gì ngưá»i dẫn đầu thị trưá»ng Ä‘ang là m. Láºp danh mục chi tiết các sản phẩm cá»§a bạn, phân loại chúng má»™t cách kỹ lưỡng, sau đó sắp xếp chúng theo bố cục lưới tiêu chuẩn.
Các phương pháp hay nhất được chia sẻ ở trên sẽ có hiệu quả vá»›i hầu hết các cá»a hà ng thuá»™c các lÄ©nh vá»±c. Hãy thá» chúng tại cá»a hà ng cá»§a riêng bạn!
- Cách khắc phục Ä‘iá»u hướng cá»a hà ng cá»§a bạn
- Má»i Ä‘iá»u bạn cần biết vá» buôn bán sản phẩm
- µþá²Ô hà ng trá»±c tuyến: Cách bố trà sản phẩm trong cá»a hà ng trá»±c tuyến
- Kinh doanh thá»i trang là gì và tại sao nó lại quan trá»ng?
- 10 sai lầm trong thiết kế cá»a hà ng trá»±c tuyến
- 15 cặp phông chữ hoà n hảo cho trang web thương mại điện tỠcủa bạn
- Lý thuyết mà u sắc: Má»i Ä‘iá»u bạn cần biết vá» chá»§ đỠmà u sắc
- 7 ý tưởng sáng tạo cho trang sản phẩm thương mại điện tỠcủa bạn
- Sức mạnh của hình ảnh anh hùng trong thiết kế web
Phải có Nguyên tắc UX cần tuân theo trong cá»a hà ng trá»±c tuyến- Kiểm tra thiết kế trang web
- Khai phá sức mạnh cá»§a thiết kế UX cho thương mại Ä‘iện tá»
- Sự khác biệt giữa UI và UX trong Thương mại điện tỠlà gì?