Màu nào đẹp nhất cho nút thanh toán trên website thương mại điện tử?

Nút thanh toán trên website thương mại điện tử của bạn có màu gì? Bây giờ đây là một câu hỏi khó hơn: màu tốt nhất cho nút thanh toán là gì?

Hỏi màu nút thanh toán nào phù hợp với website thương mại điện tử của bạn cũng giống như hỏi màu cà vạt nào phù hợp với bộ vest của bạn. Để trả lời câu hỏi, bạn phải nhìn vào bảng màu tổng thể, và sau đó chọn cà vạt / nút ấn tượng nhất.

Nhưng tôi nghĩ màu cam được cho là màu nút tốt nhất.

Đó là những gì nhiều infographic ( ở đâyở đây ) xuất hiện để chỉ ra, ít nhất là một vài năm trước đây. Các bài báo khác đã đề xuất màu xanh lam và xanh lục , trong khi những bài báo khác vẫn tỏ ra thích màu đỏ và vàng . Lý do cho những ý kiến ​​khác nhau này dường như dựa trên tâm lý học đại chúng. Dưới đây là tóm tắt nhanh về cảm xúc và hành vi thường được gán cho các màu phổ biến:

  • Màu vàng: trẻ trung, lanh lợi, lạc quan và mạnh mẽ. Màu vàng được cho là sẽ thu hút sự chú ý, đặc biệt là với những khách hàng trẻ tuổi.
  • Màu cam: đây được coi là hình ảnh thu nhỏ của những người gây chú ý. Đó là một cái đập mạnh vào mặt nói rằng “mua cho tôi ngay bây giờ!” điều này đôi khi được gọi là bob: nút màu cam lớn .
  • Màu hồng: thường gắn liền với sự nữ tính và lãng mạn, màu hồng được cho là đặc biệt hiệu quả trong việc tiếp thị đến phụ nữ.
  • Đỏ: nguy hiểm, căng thẳng, đừng tiếp tục mà không xem xét điều này. Điều này rút ra tầm quan trọng mà chúng ta thường quy định đối với các biển báo dừng, đèn dừng và biển báo ‘nguy hiểm’.
  • Màu xanh lá cây: màu xanh lá cây có thể liên quan đến tiền bạc hoặc môi trường. Điều này có lẽ phụ thuộc vào tư duy của người xem.
  • Màu xanh lam: màu xanh lam rất ít gây nghiện. Nó yên tĩnh và tạo cảm giác an toàn.
  • Màu tím: một màu khác được cho là nhẹ nhàng và dễ chịu.
  • Black: thật hay khi uber gọi dịch vụ chia sẻ xe cao cấp của mình là “uberblack”. Nói tóm lại, màu đen rất mạnh mẽ, nhưng không được đánh giá cao. Nó có kiểu dáng đẹp và mát mẻ và tinh vi.

Khi đọc các mô tả ở trên, rõ ràng bạn có thể tạo lý do để chọn bất kỳ màu nào cho nút thanh toán của mình. Và khi thị hiếu thay đổi — hoặc khi sở thích của những người có ảnh hưởng thay đổi, thì dù sao đi nữa — mặc định “tốt nhất” sẽ thay đổi. Điều này có nghĩa là nếu màu sắc tốt nhất cho nút thanh toán có thể thay đổi theo thời gian, thì nó chỉ do thời trang quy định. Đừng là nạn nhân của thời trang.

Thay vì lo lắng về màu sắc mà không có bất kỳ thứ gì khác, trước tiên hãy tập trung vào việc xem xét website của bạn và đảm bảo rằng nút của bạn đủ lớn để thu hút sự chú ý và được đặt ở vị trí có ý nghĩa. Ví dụ về các vị trí nút tốt bao gồm đối diện hoặc bên cạnh biểu trưng, ​​ở cuối hoặc (ở các nền văn hóa phương tây) dưới cùng bên phải của luồng quy trình thông tin hoặc ở trung tâm của một không gian gọn gàng khác. Đừng rắc các nút của bạn khắp nơi, vì điều này sẽ chỉ tạo ra sự phân tâm. Đặt các mẩu thông tin trấn an nhỏ (kính hiển vi) gần nút có thể hữu ích.

Ví dụ về màu sắc và vị trí của nút thanh toán và cta tốt.

Màu nút tải xuống Firefox

Hãy bắt đầu với nút tải xuống cho trình duyệt firefox của mozilla. Nút này rất dễ thấy so với cách phối màu nhẹ nhàng, dịu nhẹ của trang. Nó nằm chính giữa bên dưới hai phần thương hiệu có trên trang — logo firefox quen thuộc ở trên cùng bên trái và tên mozilla ở trên cùng bên phải. Trong khi màu xanh lá cây là một màu khá êm dịu, nó tương phản độc đáo so với phần còn lại của trang. Với vị trí của nó, bạn sẽ không bỏ lỡ nó.

Ngoài ra, văn bản nút là thông tin. Nó không chỉ nói “tải xuống”. Nó nói “tải xuống miễn phí.” giải thích hai từ ngắn gọn đó loại bỏ bất kỳ sự e ngại nào bạn có thể có khi nhấp vào nó. “mất gì? Không có rủi ro. “

Nhưng đó là một sản phẩm miễn phí. Điều gì sẽ xảy ra nếu ai đó đang cố gắng bán cho bạn thứ gì đó? Hãy dành một chút thời gian để xem nội dung trang đầu hiện tại của netflix:

Nút tham gia Netflix miễn phí

Phản ứng ban đầu của tôi là, “ôi trời, bận quá.” nhưng sau đó mắt của bạn bắt đầu đi lang thang và nhận ra rằng đây là một mẫu nội dung có sẵn chỉ với vài đô la một tháng. Nó cho bạn thời gian để bắt đầu suy nghĩ khi não của bạn bắt đầu khám phá trang: “đó là rất nhiều thứ. Và hóa đơn truyền hình cáp của tôi đang bắt đầu đắt đỏ. Bạn nhìn thấy câu nói lớn màu trắng “xem tiếp theo” ở khóe mắt, điều này nhắc bạn rằng đây chỉ là phần nổi của tảng băng nội dung.

Và ngay khi bạn nghĩ rằng bạn không muốn chi tiêu thêm vài đô la mỗi tháng, mắt bạn cuối cùng cũng chú ý vào nút màu đỏ tươi đau đớn đó với dòng chữ viết hoa toàn bộ: “tham gia miễn phí trong một tháng . ”

Văn bản trên nút đó khiến bạn bị loại bỏ bằng cách loại bỏ lý lẽ thực sự duy nhất của bạn chống lại việc thử netflix: tiêu tiền. Nó miễn phí trong cả tháng . Mất gì? Bạn luôn có thể hủy bỏ. Tất nhiên, bạn sẽ không bao giờ…

Tiếp theo, hãy xem nút “thêm vào giỏ hàng” của amazon.

Nút Thêm vào giỏ hàng của Amazon

Trước hết, có rất nhiều đang diễn ra ở đây. Giữa menu, thanh tìm kiếm, hình ảnh bộ sưu tập, liên kết đến các sản phẩm liên quan và thông tin sản phẩm, sẽ rất dễ dàng để mất dấu nút “thêm vào giỏ hàng”.

Những gì amazon đã chọn làm là tận dụng xu hướng phương tây để di chuyển từ trái sang phải. Bạn nhìn lướt qua đầu để tìm tiêu đề, sau đó bắt đầu chải từ trái sang phải và từ trên xuống dưới cho từng phần: hình ảnh sản phẩm, giá cả, các biến thể, thông tin về dấu đầu dòng, và sau đó chúng khiến bạn mất cảnh giác bằng cách đóng giao dịch : bạn muốn bao nhiêu, bạn có muốn miễn phí vận chuyển trong hai ngày miễn phí không (tất nhiên là in đậm), và sau đó là nút màu vàng cam hấp dẫn.

Lưu ý năm trường hợp màu cam trên trang. Mỗi khi họ sử dụng màu cam, họ sử dụng nó theo những cách rất cụ thể, có thể hành động được:

  • Mũi tên trong logo amazon ở trên cùng bên trái. Lưu ý rằng họ sử dụng mũi tên để trỏ tới lời đề nghị “dùng thử prime”. Họ không chỉ để logo treo lơ lửng và chiếm không gian mà không phải trả tiền thuê. Họ làm cho nó hoạt động bằng cách quảng cáo sản phẩm.
  • Nút tìm kiếm ở bên phải của thanh tìm kiếm. Chấm màu cam nhỏ với kính lúp đó nói rằng, “đừng chỉ dừng lại với sản phẩm này. Tìm thêm thứ để mua. Bất kể bạn muốn gì, chúng tôi đều có ”.
  • Xếp hạng sao. Ngày nay, khách hàng được thúc đẩy mạnh mẽ bởi xếp hạng ngang hàng. Đây là lý do tại sao ngay cả google cũng cung cấp tiện ích xếp hạng người bán cho các trang thương mại điện tử .
  • Biểu ngữ nhỏ “người bán chạy nhất số 1” bên dưới xếp hạng.
  • Và tất nhiên, phần màu cam lớn nhất trên trang, nút “thêm vào giỏ hàng”.

Không ai trong số này là sản phẩm của sự trùng hợp. Màu cam là màu hành động của chúng, cho bạn biết những điều quan trọng nhất về sản phẩm bạn đang xem (xếp hạng đánh giá của sản phẩm đó và thực tế là nó là sản phẩm bán chạy nhất), kêu gọi sự chú ý đến các sản phẩm khác để xem (ưu đãi amazon prime và thanh tìm kiếm), hoặc nút “thêm vào giỏ hàng” đầy khiêu khích. Lưu ý ngôn ngữ của nút. Bạn không bị khóa. Bạn chỉ cần đặt nó vào giỏ hàng của mình. Bạn luôn có thể xóa nó.

Tất nhiên, đối với những người có vấn đề về kiểm soát xung động, họ đã đặt một liên kết nhỏ bên dưới nút một cách thuận tiện cho biết rằng bạn có thể bật “đặt hàng với 1-nhấp chuột. ”

Thanh toán bằng 1 lần nhấp trên Amazon

Cũng lưu ý các phụ kiện mà họ đã bao gồm trong hộp nhỏ có đường viền bao quanh nút giỏ hàng. Bạn thậm chí không cần phải rời khỏi trang để xem chúng. Bạn có thể chỉ cần đánh dấu vào các ô bên cạnh mỗi tùy chọn, sau đó quay lại và cho vào bài hát còi báo động của amazon bằng cách nhấp vào nút giỏ hàng. Amazon đã cẩn thận thiết kế dải màu cam nhỏ đó để kéo rất nhiều trọng lượng trên trang. Và nếu amazon đang làm điều đó, bạn biết nó hiệu quả.

Bây giờ, chúng ta hãy xem xét một trong 10 website thương mại điện tử phổ biến nhất, ebay:

eBay Thêm vào giỏ hàng và nút mua ngay

Thành thật mà nói, tôi nghĩ rằng cách bố trí của ebay hơi quá bận rộn. Tuy nhiên, họ đã tạo ra một phần lớn bất động sản nằm ngay phần trung tâm chết trên màn hình cho các nút mua hàng của họ. Lưu ý rằng ở bên trái của các nút, chúng có bao gồm thông tin về số tiền bạn đang tiết kiệm nếu bạn mua ngay bây giờ , trong khi sản phẩm đang được giảm giá.

Họ muốn xem mức giá ưu đãi hấp dẫn đó, và sau đó cho phép nhãn cầu (và chuột) của bạn được thu hút một cách dễ dàng về phía các nút cta hấp dẫn đó. Lưu ý rằng họ đã sao chép cách tiếp cận của amazon đối với giỏ hàng và nút “mua ngay bây giờ”, nhưng lần này là màu xanh lam. “thêm vào giỏ hàng” có màu xanh lam nhạt, trong khi nút “mua ngay” có màu xanh lam đậm và bão hòa hơn nhiều.

Như bạn đã thấy, các nút cta hiệu quả phụ thuộc nhiều hơn vào sự lựa chọn màu sắc.

Một nút cta hiệu quả dựa vào nhiều biến số, bao gồm thiết kế trang tổng thể , vị trí liên quan đến các phần tử trang khác, văn bản nút và tất nhiên là màu nút (và cách màu đó tương phản và liên kết với các phần tử trang khác).

Tất nhiên, bạn không thể biết điều gì sẽ hoạt động tốt nhất nếu chỉ dựa vào bài đăng trên blog này. Không có gì thay thế cho việc thử nghiệm các lựa chọn thiết kế của bạn. Tạo một vài biến thể cho các trang sản phẩm của bạn và thử nghiệm chúng trên người dùng. Bạn có thể sử dụng giải pháp google analytics , optimizely hoặc các dịch vụ tương tự cho mục đích thử nghiệm.

Khi bạn có một số dữ liệu về những gì hoạt động tốt nhất, thì bạn có thể chọn thiết kế phù hợp nhất với mình. Nhưng đừng ngại thỉnh thoảng tiếp tục thử nghiệm . Khẩu vị thay đổi theo thời gian. Những gì hoạt động trong năm 2018 có thể không hoạt động vào năm 2019 hoặc 2021. Hãy loại bỏ những thử nghiệm không hoạt động và kết hợp những thử nghiệm có hiệu quả.Với việc kiểm tra, thu thập dữ liệu và quan sát cẩn thận, bạn có thể tạo ra lời kêu gọi hành động cực kỳ hiệu quả để hướng dẫn khách hàng của bạn đến những lựa chọn mong muốn.