10 lời khuyên để thiết kế một cửa hàng web tuyệt vời

Các doanh nhân và nhà bán lẻ truyền thống đang tìm cách mở rộng sang mua sắm trực tuyến có nhiều lựa chọn hơn cho họ hơn bao giờ hết, nhưng họ cũng có nhiều cân nhắc về trang web và các tùy chọn kỹ thuật để giải mã. Xây dựng một cửa hàng web hiệu quả vẫn có các nhà cung cấp chìa khóa trao tay, chẳng hạn như Cửa hàng Wix, có thể làm cho sự hiện diện ban đầu của bạn trở nên nhanh chóng và đơn giản. Nhưng những người thực sự nghiêm túc về việc phát triển kinh doanh trực tuyến của họ sẽ thấy rằng nhu cầu của họ phát triển vượt xa các dịch vụ chìa khóa trao tay này khá nhanh.

Có rất nhiều câu hỏi để trả lời trước khi bất cứ điều gì thực sự xuất hiện trong không gian ảo và sau đó là nhiều hơn khi kinh doanh đáo hạn. Thu thập dữ liệu về khách hàng là một ví dụ tuyệt vời và là một câu hỏi lớn hiện nay, đặc biệt đối với bất kỳ cửa hàng nào muốn tiếp cận thị trường châu Âu. Chuyển đổi tiền tệ và luật thương mại điện tử khác nhau vẫn còn là vấn đề nhức nhối ở những thị trường đó, nhưng giờ đây bạn cũng sẽ cần phải đối phó với Quy định bảo vệ dữ liệu chung (GDPR), đòi hỏi quy trình xử lý dữ liệu khách hàng cẩn thận hơn nhiều.

Bảo mật giao dịch là một câu hỏi quan trọng khác bởi vì nó có nghĩa là cân bằng nhu cầu an toàn của khách hàng với số lượng hoops bạn sẽ yêu cầu họ nhảy qua trước khi họ có thể mua hàng. Và cho dù bạn đưa ra quyết định gì cho trang web tiêu chuẩn của mình, bạn sẽ cần có các cuộc thảo luận tương tự cho lần lặp di động của nó. Bởi vì, trong khi tính di động chắc chắn là một trong những từ thông dụng đáng yêu của năm ngoái, thì 12 tháng nữa không làm giảm tầm quan trọng của nó.

Tư duy hiện tại chỉ định rằng các nhà xây dựng web phải thiết kế trải nghiệm di động trước và sau đó điều chỉnh trải nghiệm máy tính để bàn khi cần.

"Mọi yếu tố, mọi phần nội dung, đều phải có chức năng trên thiết bị di động", ông Jimmy Rodriguez, Giám đốc điều hành (COO) tại 3dcart cho biết. "Nếu bạn đang bắt đầu từ đầu, bạn thiết kế cho thiết bị di động. Với thiết kế đáp ứng, bạn có thể xây dựng trang web để bắt đầu trên thiết bị di động và sau đó đưa nó lên máy tính để bàn."

Để giúp bạn thiết kế mặt tiền cửa hàng thương mại điện tử cho cả người dùng di động và máy tính để bàn, chúng tôi đã tổng hợp 10 mẹo quan trọng dưới đây. Tuy nhiên, Rodriguez khuyến nghị rằng, trước khi các doanh nghiệp kết hợp bất kỳ trong số họ vào mặt tiền cửa hàng của mình, họ nên thử nghiệm các tính năng này trên các trang sản phẩm cụ thể để xem cách họ làm trước khi đưa chúng lên toàn bộ trang web của họ.

1. Điều hướng tiêu đề dính

Tất cả chúng ta đã ở đó: Chúng tôi đã cuộn xuống cuối trang sản phẩm để đọc đánh giá của người dùng hoặc chi tiết sản phẩm và bây giờ chúng tôi đã sẵn sàng rời khỏi trang để quay lại menu để tiếp tục hành trình mua sắm của mình. Thật không may, để quay lại menu, chúng tôi thường phải nhấp vào nút "Page Up" trên bàn phím máy tính để bàn hoặc nhấn vào phía trên màn hình trên thiết bị di động của chúng tôi.

Với Tiêu đề dính, khi bạn cuộn xuống, menu sẽ thay đổi kích thước và điều chỉnh. Menu sẽ theo bạn trên hành trình của bạn để giữ điều hướng trên màn hình nếu bạn cần nhanh chóng nhảy trang. Bạn có thể thấy điều này có hiệu lực trên Bose.com. Mặc dù đang ở giữa trang, bạn vẫn có thể truy cập điều hướng chính của trang mà không cần phải quay lại đầu màn hình.

2. Thực đơn Hamburger

Mặc dù Hamburger Menus có vẻ như là một tính năng phù hợp nhất cho các nhà hàng thức ăn nhanh, nhưng chúng nhanh chóng trở thành một thứ bắt buộc phải có đối với các công ty kinh doanh nhiều thiết bị di động. Bạn đã từng nhìn thấy chúng trước đây: Hamburger Menu đã trở thành biểu tượng di động tiêu chuẩn cho điều hướng và menu di động.

Chúng có ba đường kẻ ngang, khi được nhấn, cung cấp menu thả xuống của điều hướng của trang web. Chúng đặc biệt hữu ích trên các thiết bị di động có màn hình bất động sản ở mức cao. Nhưng chúng tôi cũng bắt đầu thấy chúng trên các trang web máy tính để bàn, vì vậy người tiêu dùng có trải nghiệm tương tự trên các trang web của công ty bất kể họ đang sử dụng thiết bị nào.

"Rất nhiều người nhìn thấy Hamburger Menus và họ biết ý nghĩa của nó, nhưng về cơ bản họ không biết đó là tiêu chuẩn mới", Rodriguez nói. "Khách truy cập di động đã tìm hiểu ý nghĩa của biểu tượng này và các trang web nên chấp nhận nó như một tiêu chuẩn cho điều hướng di động."

Bạn có thể thấy Menu Hamburger ở góc trên bên phải của Target.com và trên trang web di động của Target. Bạn cũng có thể thấy nó trong hình dưới đây.

3. Cuộn Parallax

Ít tính năng chức năng và nhiều cách để cải thiện tính thẩm mỹ của trang web của bạn, Parallax Scrolling tận dụng các biểu ngữ lớn chứa đầy hình ảnh độ phân giải cao để thêm sự tinh tế nghệ thuật cho trang web của bạn. Bằng cách tận dụng các hình ảnh lớn, toàn chiều rộng, bạn có thể tạo hiệu ứng dịch chuyển giữa hình nền của trang web của bạn và hình ảnh trực tiếp trước mặt người tiêu dùng của bạn.

Như bạn có thể thấy trong hình ảnh dưới đây từ RimmelLondon.com, khi bạn cuộn xuống trang, hình nền của trang web sẽ thay đổi. Tuy nhiên, sự thay đổi xảy ra một cách tinh tế khi hình ảnh nền và tiền cảnh hòa trộn với nhau. Ảnh chụp màn hình bên dưới hiển thị trang web ngay tại thời điểm hình ảnh nền chuyển từ màu tím sang màu hồng.

4. Cuộn vô hạn

Infinite Scrolling nghe giống như một kỹ thuật tra tấn hơn là một tính năng thương mại điện tử. Tuy nhiên, công cụ tiện lợi này cho phép người dùng của bạn liên tục xem các sản phẩm mới mà không cần phải nhấp vào và tải một trang mới. Đây là cách nó hoạt động: Khi bạn cuộn xuống cuối trang thương mại điện tử, trang sẽ tự động tải thêm các mục ở cuối trang. Chúng vẫn được phân loại thành các trang ở mặt sau nhưng khách truy cập không biết điều đó.

Bạn có thể thấy một tính năng tương tự trên UnderArmour.com. Thật không may, Under Armour yêu cầu bạn nhấp vào nút "Tải thêm" để xem nội dung bổ sung. Một số trang web được trang bị cơ chế tự động mở sẽ hiển thị cho bạn nhiều nội dung hơn mà không cần nhấp chuột.

5. Nút "Thêm vào giỏ hàng"

Tương tự như công cụ Điều hướng dính, các nút "Thêm vào giỏ hàng" nổi cho phép người tiêu dùng của bạn thêm sản phẩm vào giỏ hàng của họ bất kể họ ở đâu trên trang sản phẩm. Trước đây, người dùng sẽ cuộn xuống đánh giá của người dùng, chi tiết sản phẩm và các yếu tố trang thấp khác và để thêm sản phẩm vào giỏ hàng của họ, họ sẽ phải cuộn trở lại đầu trang. Giờ đây, các công ty như Diesel.com cho phép bạn xem giá, số lượng, tùy chọn màu sắc và hình ảnh của sản phẩm cũng như nút "Thêm vào giỏ hàng", bất kể bạn đang ở đâu trên trang sản phẩm.

6. Sử dụng Luật Fitts

Chúng tôi sẽ không làm bạn nhàm chán với toán học đằng sau Định luật Fitts, nhưng về cơ bản, đó là một lý thuyết cho rằng một đối tượng càng lớn và càng gần chúng ta, chúng ta càng có khả năng tương tác với nó. Nguyên tắc cơ bản tương tự có thể được áp dụng cho thương mại điện tử. Nếu bạn muốn hướng dẫn người dùng đến các trang sản phẩm, giỏ hàng và chương trình khuyến mãi, thì bạn nên làm cho các nút đó lớn, nhiều màu sắc và càng gần giữa trang càng tốt.

Nếu bạn bỏ qua Định luật Fitts và bạn đặt các nút nhỏ, đen trắng dọc theo đường ray hoặc ở cuối trang, thì bạn có thể mất người mua tiềm năng. Đừng phạm sai lầm này.

7. Hiển thị đánh giá và lời chứng thực của khách hàng

Bạn không muốn khách hàng đến trang web của mình, xem sản phẩm của mình và sau đó truy cập Amazon.com để kiểm tra đánh giá của người dùng. Rốt cuộc, Amazon.com có ​​thể bán sản phẩm rẻ hơn hoặc khách hàng có thể thích trải nghiệm mua sắm của Amazon.com cho trang web của bạn.

Nếu bạn cung cấp cho khách hàng của mình khả năng xếp hạng và đánh giá sản phẩm, thì bạn sẽ có thể chống đỡ những khách hàng thận trọng, những người cần sự đảm bảo về ý kiến ​​của người tiêu dùng khác trước khi mua hàng. Hầu hết các công cụ thương mại điện tử làm cho xếp hạng và đánh giá dễ thực hiện vì vậy đừng ngại thực hiện thực hành này.

8. Bàn dịch vụ khách hàng hiệu quả

Tương tác với khách hàng của bạn là rất quan trọng đối với thành công trong bán lẻ, và không nơi nào dễ dàng hay hiệu quả hơn ở bàn dịch vụ khách hàng. Chăm sóc đúng cách cho một khách hàng giận dữ, không hài lòng hoặc thậm chí chỉ là nhầm lẫn là một trong những con đường chắc chắn nhất để lặp lại kinh doanh. Bàn dịch vụ và các ứng dụng trợ giúp ngày nay làm cho nó dễ dàng hơn bao giờ hết. Sử dụng một trong những ứng dụng này không chỉ tổ chức các yêu cầu của khách hàng, nó còn cho phép bạn lấy khách hàng và phản hồi dữ liệu mà những cuộc gặp gỡ này tạo ra và đưa chúng đến quản lý quan hệ khách hàng (CRM), tiếp thị và phân tích kinh doanh của bạn. Làm điều này cho phép bạn theo dõi chặt chẽ hơn những gì khách hàng nghĩ về cửa hàng và sản phẩm của bạn.

Nơi bạn đặt neo dịch vụ khách hàng và điểm tiếp xúc rất quan trọng đối với trải nghiệm khách hàng nói chung. Và việc tương tác này có ở dạng trang Liên hệ đơn giản hay đi xa hơn để mở cửa sổ trò chuyện với bất kỳ ai còn lại trên trang web trong hơn 60 giây, là điều phụ thuộc vào loại sản phẩm bạn đang bán và thống kê truy cập trang web trung bình cho cửa hàng của bạn.

Nhưng làm cho một bàn dịch vụ khách hàng thành công không chỉ là phần mềm. Bạn phải chắc chắn rằng có ai đó chuyên nghiệp ở đó để giải quyết những yêu cầu này hoặc đó là một khoản đầu tư lãng phí. Những khách hàng gặp rắc rối khi nhấp vào nút "Liên hệ với Dịch vụ khách hàng" sẽ nhận được sự giúp đỡ trực tiếp từ một con người thực tế. Bạn có thể quản lý việc này qua điện thoại hoặc qua trò chuyện tức thời, một tính năng trở nên phổ biến hơn với các nhà cung cấp dịch vụ trợ giúp. Và nếu bạn bị ràng buộc bởi đội ngũ nhân viên, bạn có thể điều hành hoạt động dịch vụ khách hàng của mình bằng các chatbot thông minh "âm thanh" của con người, trong khi có thể xử lý một loạt các yêu cầu đến ở mức cơ bản, chỉ cung cấp các yêu cầu phức tạp hơn cho homo thực tế sapiens.

9. Thanh toán bánh mì

Khi khách hàng ra khỏi cửa hàng của bạn, họ muốn biết họ đang ở đâu trong quá trình, hoàn thành bao xa và làm thế nào để dễ dàng quay lại mà không mất tất cả dữ liệu họ đã nhập. Breadcrumb Checkout cho khách hàng biết chính xác vị trí của họ trong quá trình bằng cách sử dụng thiết kế nút điều hướng tuyến tính cho phép người tiêu dùng nhấp tiến và lùi từ Đăng nhập, Tùy chọn thanh toán, Tùy chọn giao hàng, Đặt hàng hoặc Tiếp tục mua sắm. Nếu không có bố cục này, người tiêu dùng có thể nhấn nút Quay lại, thấy rằng thông tin của họ không được ghi lại, bị thất vọng và sau đó rời khỏi trang web.

10. Chế độ xem 360 độ

Bạn đã bao giờ mua một chiếc áo khoác có vẻ khiêm tốn trên mạng chỉ để nhận ra rằng nó có mặt sau bịt mắt? Chà, khi bạn trả lại sản phẩm đó, bạn đã lãng phí thời gian của chính mình và thời gian của nhà cung cấp, và bạn phải trả tiền cho công ty. Đừng lo lắng, đó không phải là lỗi của bạn. Nhiều khả năng, nhà cung cấp chỉ có hình ảnh mặt trước và mặt bên của áo khoác. Nếu nhà cung cấp cung cấp hình ảnh xem 360 độ, bạn sẽ phát hiện ra những viên kim cương đó và nhấp vào nút Hủy đơn hàng.

Đừng mắc lỗi tương tự trên trang web của riêng bạn. Ngoài việc cho phép khách hàng phóng to hình ảnh, hãy cung cấp cho họ tùy chọn xoay hoặc xem nhiều góc của hình ảnh, giống như Kenneth Cole.com. Bằng cách này, họ không ngạc nhiên khi họ mở hộp giao hàng và lấy ra một sản phẩm mà họ không mong đợi.