Trang chủ của bạn đóng vai trò giới thiệu thương hiệu của bạn và một bộ hướng dẫn được mã hóa nhằm giúp cả khách hàng mới và khách hàng hiện tại điều hướng doanh nghiệp của bạn để tìm thấy những gì họ cần.

Mọi chi tiết nên xây dựng để tạo ấn tượng mạnh mẽ đầu tiên và khuyến khích hành động dự định, cho dù mục tiêu của trang chủ của bạn là bán sản phẩm của bạn hay thu hút người đăng ký email.

Không có cách nào để thiết kế trang chủ. Tuy nhiên, dưới đây là một số mẹo cần lưu ý khi bạn lập kế hoạch trang chủ của mình từ trên xuống dưới, cho dù bạn đang xây dựng cửa hàng đầu tiên hay xem lại phần quan trọng này của trang web của bạn.

Các câu hỏi cần đặt ra khi thiết kế trang chủ của bạn

Trang chủ hoạt động hoàn hảo cho một doanh nghiệp có thể không hoạt động cho một doanh nghiệp khác.

Nếu bạn đang xem xét các tùy chọn thiết kế và không chắc chắn nên đi theo hướng nào, dưới đây là một vài câu hỏi để giúp hướng dẫn quyết định của bạn:

  1. Bạn muốn khách truy cập làm gì? (ví dụ: mua hàng, tham gia danh sách email của bạn, v.v.)
  2. Làm thế nào đơn giản là bạn làm cho nó cho họ để làm điều này?
  3. Có bao nhiêu bước để hoàn thành mục tiêu của bạn?
  4. Họ cần bao nhiêu thông tin để tiến hành bước tiếp theo?
  5. Có bất kỳ bước nào bạn có thể loại bỏ không?

Đôi khi, khách truy cập truy cập trang chủ biết những gì họ muốn và những lúc khác họ không muốn. Bạn phải thiết kế trang chủ của bạn với cả hai trong tâm trí trong khi đảm bảo rằng quyết định của bạn phù hợp với mục tiêu chính của bạn.

Thiết kế trang chủ của bạn hỗ trợ những kết quả gì?

Trung bình, khách truy cập sẽ dành 10-20 giây trên trang chủ của bạn. Điều này có nghĩa là từ quan điểm thiết kế là bạn cần phải làm cho luồng định hướng rõ ràng để khách truy cập có thể nhanh chóng chọn con đường tốt nhất cho bản thân (và cho doanh nghiệp của bạn).

Thêm vào sự khẩn cấp này là một hiện tượng tâm lý được gọi là “quyết định tránh”, đó là xu hướng của con người để ngăn chặn một quyết định mất quá nhiều thời gian để thực hiện.

Trên trang chủ, quyết định tránh có nghĩa là “nảy” bằng cách thoát khỏi trang hoặc nhấn nút quay lại. Để ngăn chặn điều này, nhiệm vụ đầu tiên của trang chủ của bạn phải là thuyết phục khách hàng tiềm năng bám sát.

Để làm được điều đó, bạn cần hiểu vai trò của bất động sản có giá trị nhất trên trang web của mình.

1. Nội dung “Trong màn hình đầu tiên” truyền cảm hứng cho hành động

Khi nhà thiết kế web nói về một khu vực của trang chủ là “trong màn hình đầu tiên”, họ đang đề cập đến những gì khách truy cập thấy trước khi họ quyết định cuộn.

Khi xem xét những gì nằm trong màn hình đầu tiên và đi kèm với phần còn lại của trang chủ, hãy tập trung vào các hành động bạn muốn khách truy cập thực hiện khi họ truy cập trang web của bạn lần đầu tiên, thông tin họ cần trước và cách bạn có thể giúp tạo điều kiện cho quyết định của họ.

Ví dụ như trang chủ của Take Morning Recovery. Morning Recovery bán một phương thuốc nôn nao như là sản phẩm duy nhất của họ. Vì mục tiêu là hướng khách hàng tiềm năng mua sản phẩm chủ lực của họ, hình ảnh có màu sắc rực rỡ và tập trung vào sản phẩm tô điểm cho phần trong màn hình đầu tiên với lời gọi hành động rõ ràng dẫn khách truy cập thực hiện mua hàng.

Trên trang chủ này, có hai quyết định nhanh chóng mà người dùng có thể thực hiện:

  1. Tiến hành mua hàng
  2. Hoặc cuộn xuống để biết thêm thông tin dưới màn hình đầu tiên — đánh giá, video và thông tin về các thành phần của sản phẩm.

Hầu hết các tiêu đề trang web sử dụng kết hợp tiêu đề thu hút sự chú ý, phụ đề thuyết phục và thu hút hình ảnh trong màn hình đầu tiên để giữ khách truy cập mới tại chỗ và làm quen với thương hiệu.

Tuy nhiên, có nhiều cách khác để bạn có thể thu hút sự quan tâm của khách hàng ngay từ đầu, chẳng hạn như làm nổi bật biểu ngữ quảng cáo phía trên điều hướng của bạn để quảng cáo ưu đãi đặc biệt hoặc giao hàng miễn phí.

2. Tối giản thanh điều hướng

Sức mạnh điều hướng của trang web dựa trên sự đơn giản của nó. Điều này có vẻ mâu thuẫn khi bạn muốn chứa các loại khách truy cập khác nhau, nhưng điều đó có ý nghĩa khi bạn xem xét mọi người di chuyển nhanh như thế nào từ trang này sang trang khác.

Điều hướng tiêu đề phải đơn giản nhất có thể, ưu tiên các đường dẫn quan trọng nhất đối với hầu hết khách truy cập. Andy Crestodina, giám đốc chiến lược của Orbit Media Studios, khuyến cáo không nên có hơn bảy liên kết điều hướng trên trang chủ của bạn.

Con người sử dụng một phương pháp ghi nhớ tổ chức được gọi là “chunking” trong đó thông tin được chia nhỏ thành các đơn vị tinh thần nhỏ hơn được gọi là “khối”.

Ít “khối” có, việc lưu giữ bộ nhớ trở nên dễ dàng hơn. Trong một bài báo có ảnh hưởng được xuất bản vào năm 1956, giáo sư tâm lý học George Miller kết luận rằng trí nhớ ngắn hạn của chúng ta thường chỉ có thể giữ được 7 vật phẩm cùng một lúc.

Các trang web có quá nhiều tùy chọn điều hướng có thể cảm thấy lộn xộn và tràn ngập, làm tăng khả năng khách truy cập sẽ bỏ hoặc đi sai đường dẫn. Thực hành tốt là ưu tiên các liên kết điều hướng của bạn từ trái sang phải với các trang quan trọng nhất ở bên trái.

Nếu bạn có nhiều sản phẩm và bộ sưu tập, hãy tập trung vào các bộ sưu tập cấp cao nhất trong điều hướng trang chủ của bạn và sử dụng “menu lớn” hoặc trình đơn thả xuống để tạo điều hướng phụ.

Điều hướng phụ là một cách tuyệt vời để tổ chức các sản phẩm và trang của bạn để dễ dàng khám phá mà không cần áp đảo khách hàng với quá nhiều tùy chọn từ đường đi.

Ví dụ: trang chủ của UNCONDITIONAL cân bằng điều hướng tối thiểu và khoảng không quảng cáo rộng rãi với menu thả xuống được tổ chức tốt.

Một số trang web cũng có liên kết đến trang giới thiệu về chúng tôi, liên hệ với trang của chúng tôi, trang Câu hỏi thường gặp hoặc các trang khác trong điều hướng tiêu đề của họ vì chúng hỗ trợ mục tiêu chính của chúng.

Nhưng nếu bạn thấy rằng khách truy cập vào các trang này không chuyển đổi theo mục tiêu của bạn, có khả năng những liên kết này đang đưa họ ra khỏi đường dẫn đến chuyển đổi. Nếu đúng như vậy, tốt nhất bạn nên thêm các liên kết này vào chân trang thay thế.

3. Hình ảnh bắt mắt

Việc hủy quyết định không chỉ áp dụng cho điều hướng của bạn mà còn áp dụng cho tất cả các yếu tố khác trên trang chủ của bạn. Đánh giá cao giới hạn của sự chú ý của người dùng sẽ giúp bạn nhấn mạnh những gì quan trọng nhất khi thiết kế trang chủ của bạn.

Cho dù bạn quảng bá sản phẩm hay bộ sưu tập hay cố gắng nắm bắt khách hàng tiềm năng, mục đích của hình ảnh của bạn là thu hút sự chú ý của người dùng ngay lập tức khi họ đến trang web của bạn.

Dưới đây là một số cách để kết hợp hình ảnh vào phần trong màn hình đầu tiên của trang chủ của bạn:

Kiểu hình ảnh trong màn hình đầu tiên này thường pha trộn với nhau một hình ảnh đơn, mạnh mẽ, bản sao trực tiếp và lời gọi hành động. Nó hoạt động tốt nhất cho các thương gia muốn tập trung vào ưu đãi hàng đầu trong màn hình đầu tiên, chẳng hạn như bán thời gian giới hạn, sản phẩm hàng đầu hoặc bộ sưu tập theo mùa.

Bạn có thể chọn bao gồm trình chiếu với mỗi trang trình bày quảng cáo bán hàng, nhóm sản phẩm cụ thể hoặc ảnh sản phẩm chất lượng cao.

Chủ cửa hàng bán nhiều sản phẩm trên một số danh mục thường chọn tham gia phương pháp này khi có một vài bộ sưu tập hoặc trang họ muốn quảng bá cho khách truy cập.

Bạn sẽ muốn đặt hàng các trang trình bày dựa trên mức độ ưu tiên, với trang trình bày ưu tiên cao nhất trước tiên. Tốt nhất là nên giới hạn bản thân với khoảng ba trang trình bày vì người dùng sẽ không xem xét một trang trình bày lâu dài trước khi chuyển sang bước tiếp theo.

Video

Một số thương hiệu nhất định được hưởng lợi từ hình ảnh trang chủ kể câu chuyện của họ. Đối với một số sản phẩm, đặc biệt là các sản phẩm sáng tạo hoặc phức tạp, có thể cần minh họa cách sử dụng sản phẩm trước khi bạn có thể thu hút khách truy cập.

Lấy trang chủ của Bottle Cutting Inc chẳng hạn. Nhiều khách truy cập có thể sẽ không biết họ cần sản phẩm, vì vậy trang chủ tạo ra sự phấn khích xung quanh nó thông qua trình diễn video — bước đầu tiên tự nhiên trong quá trình chuyển đổi.

Vì hình ảnh có tác động ngay lập tức và đáng kể nên điều quan trọng là đảm bảo chúng có chất lượng cao và thực sự đại diện cho thương hiệu của bạn.

4. Các nút gọi hành động

Hãy nghĩ đến lời kêu gọi hành động như một dấu hiệu thoát trên đường cao tốc; nó phải ngắn, khó để bỏ lỡ, và chỉ các trình điều khiển bên phải xuống con đường mà họ cần phải thực hiện.

Lời gọi hành động của bạn và những gì họ liên kết phải phù hợp với các bước tiếp theo mà khách hàng có thể thực hiện theo các mục tiêu chính của trang chủ của bạn. Điều đó có thể có nghĩa là liên kết đến bộ sưu tập mới nhất của bạn hoặc khiến người dùng xem video giải thích để tìm hiểu thêm.

Người dùng nên hiểu ngay lập tức nơi nhấp vào bởi vì nút gọi hành động của bạn nên nổi bật so với thiết kế xung quanh. Người dùng càng mất nhiều thời gian để tìm lời gọi hành động thì càng có nhiều khả năng họ sẽ bị nhầm lẫn hoặc nhấp vào.

Trang chủ PopSockets, nổi bật ở trên, thực hiện công việc tuyệt vời khi di chuyển người dùng xuống đường dẫn chuyển đổi lý tưởng của họ. Hình ảnh sản phẩm rực rỡ được sử dụng để thu hút sự chú ý của người dùng, trong khi lời gọi hành động ở phía trước và chính giữa màu đen và trắng (ngược lại với nền đầy màu sắc).

Không có gì trong màn hình đầu tiên phân tâm từ mục tiêu chính của trang chủ: để hướng người dùng duyệt qua dòng sản phẩm mới nhất của họ. Khi bạn cuộn xuống, bạn sẽ thấy nhiều CTA hơn để mua các sản phẩm khác.

5. Giỏ hàng dễ truy cập

Giỏ hàng là một phần không thể tách rời của trang chủ cho hầu hết các trang web thương mại điện tử.

Một phần của việc điều hướng trực quan cho khách hàng của bạn là đảm bảo giỏ hàng của họ dễ tìm. Một giỏ hàng “dính” (đôi khi được gọi là “trượt”, có sẵn trong một số chủ đề Shopify nhất định) là một giỏ hàng hiện diện và có sẵn trên màn hình trong suốt toàn bộ trải nghiệm duyệt web, thường ở góc trên cùng bên phải.

Thậm chí tốt hơn, bạn cũng có thể hiển thị số lượng mặt hàng hiện có trong giỏ hàng của khách hàng. Thông báo rõ ràng, bắt mắt của giỏ hàng, cho biết số lượng mặt hàng hiện được thêm vào, nhắc nhở khách hàng rằng giao dịch mua của họ vẫn đang được tiến hành và khuyến khích họ hoàn tất việc thanh toán của họ.

Tóm lại: Làm rõ cho khách hàng khi các mặt hàng trong giỏ hàng của họ và cách truy cập nó.

Trang chủ Chubbies có thông báo màu đỏ làm nổi bật số lượng mặt hàng trong giỏ hàng của người dùng cũng như giỏ hàng trượt cho phép người dùng dễ dàng tiếp tục mua sắm hoặc tiến hành thanh toán.

6. Một thanh tìm kiếm (cho các bộ sưu tập lớn các sản phẩm)

Cùng với điều hướng tối thiểu và giỏ dính, nhiều cửa hàng trực tuyến bao gồm thanh tìm kiếm để giúp khách truy cập biết chính xác những gì họ đang tìm kiếm — đặc biệt nếu họ có nhiều sản phẩm khác nhau hoặc nhiều nội dung để khám phá.

Morphe, ví dụ, có một bộ sưu tập rộng lớn các sản phẩm trang điểm khác nhau. Để giúp khách hàng dễ dàng tìm thấy những gì họ đang tìm kiếm, Morphe đã thêm thanh tìm kiếm thông minh tự động hoàn thành truy vấn tìm kiếm của khách truy cập với các sản phẩm, bộ sưu tập và trang được đề xuất. Điều này tạo đường dẫn trực tiếp đến trang mà người dùng đang tìm kiếm từ trang chủ.

Nói chung, người dùng hoàn thành tìm kiếm có nhiều khả năng chuyển đổi hơn. Nếu thương hiệu của bạn đang bán rất nhiều sản phẩm, một thanh tìm kiếm dễ tìm sẽ cung cấp một giải pháp thay thế cho điều hướng phức tạp có khả năng khiến khách hàng mất đi.

Ngoài màn hình đầu tiên: Các yếu tố trang chủ khác cần xem xét

Các yếu tố mà bạn mô tả dưới màn hình đầu tiên (tức là sau khi người dùng cuộn) không nhất thiết là ít quan trọng hơn – chúng thường củng cố và mở rộng trên thông tin bạn đã giới thiệu, cung cấp các đường dẫn khác cho cùng một mục tiêu chuyển đổi và cung cấp các trang khác cho khách hàng cần họ.

Dưới đây là danh sách ngắn các yếu tố bạn có thể đưa vào như một phần của thiết kế trang chủ hoặc chân trang của bạn, tùy thuộc vào mức độ quan trọng của chúng đối với mục tiêu của bạn.

1. Blog, video và nội dung khác

Nội dung blog và video có thể tuyệt vời cho SEO, nhưng nội dung trong màn hình đầu tiên có tiềm năng làm xao lãng khách hàng và thu hút họ khỏi các sản phẩm của bạn. Nói chung, bạn muốn nội dung của mình hướng người dùng đến sản phẩm của mình chứ không phải theo cách khác.

Cân nhắc đặt liên kết tới nội dung của bạn dưới màn hình đầu tiên hoặc thậm chí ở chân trang, đặc biệt nếu nội dung không phải là khía cạnh cốt lõi của doanh nghiệp của bạn và cho phép người dùng chọn khám phá trang web của bạn để tìm kiếm.

Nếu bạn muốn quảng bá nội dung của mình, bạn có thể thêm liên kết trong điều hướng hàng đầu, nhưng tốt nhất nên làm điều này trên phương tiện truyền thông xã hội, qua email và trang web của bên thứ ba để có thể thúc đẩy lưu lượng truy cập bên ngoài vào trang web của riêng bạn.

Ví dụ, BioLite Energy bán các thiết bị nấu ăn và nấu ăn bền vững. Nội dung video trang chủ, thông tin của họ được giấu dưới màn hình đầu tiên và phía trên chân trang để tránh làm sao lãng người dùng khỏi đề xuất giá trị cốt lõi của họ. Mọi thứ khác — từ blog của họ tới kênh YouTube của họ — có sẵn bên dưới nếu khách truy cập đang tìm kiếm.

2. Bằng chứng xã hội: Đánh giá của khách hàng

Bằng chứng xã hội là sự chứng thực cho thương hiệu của bạn nhằm tận dụng niềm tin hiện có từ khách hàng / chuyên gia để kiếm được sự tin tưởng của khách truy cập mới. Điều này có thể bao gồm các đề cập nhấn, bài đánh giá, bài đăng trên phương tiện truyền thông xã hội, thư viện Instagram hoặc xác nhận từ những người có ảnh hưởng hoặc chuyên gia.

Nếu bạn có bằng chứng xã hội thuyết phục mà bạn có thể tận dụng, trang chủ của bạn có thể là một nơi tốt cho nó.

Trang chủ ErgoDox dưới đây cung cấp các trích dẫn được lấy từ các phương tiện truyền thông xã hội và những lời chào từ các nhân viên tại các công ty nổi tiếng như một minh chứng cho chất lượng sản phẩm của họ. Tuy nhiên, điều này được giới thiệu ở phía dưới sau khi thiết lập sản phẩm của họ.

3. Ưu tiên thấp và các sản phẩm bổ trợ

Các sản phẩm cũ hơn và các sản phẩm bổ trợ như dây đeo đồng hồ có thể có giá trị dịch chuyển về phía dưới cùng của trang chủ của bạn. Bạn muốn dẫn đầu với các sản phẩm hàng đầu của bạn hoặc thu hút sự chú ý đến các dòng sản phẩm mới nhất của bạn, sau khi tất cả.

Các sản phẩm ít tốn kém khen ngợi các sản phẩm chính của bạn hoạt động tốt nhất khi mua hàng xung quanh được sử dụng để bán hàng, nhưng chúng cũng có thể được đưa vào trang chủ dưới màn hình đầu tiên để làm cho khách truy cập biết về chúng — nếu bạn đang bán sản phẩm yêu cầu các bộ phận thay thế hoặc nạp lại.

Đồng hồ LIV, ví dụ, tự nhiên tập trung vào đồng hồ, nhưng quảng cáo các sản phẩm bổ sung cao cấp của họ như dây đai về phía dưới cùng của trang chủ của họ.

4. Trang ưu tiên thấp hơn

Các trang mà bạn coi là mức độ ưu tiên thấp có thể khác nhau tùy thuộc vào mô hình kinh doanh của bạn.

Nói chung, các trang như Điều khoản dịch vụ, Chính sách bảo mật hoặc Chính sách trả lại của bạn hoạt động tốt nhất ở chân trang. Vì các liên kết đến các trang này thường được lưu giữ ở chân trang, nên nhiều khách truy cập nên xem trực giác nếu họ cần truy cập vào các trang này.

Những người khác, như trang về chúng tôi, thông tin liên hệ, vị trí cửa hàng hoặc các trang theo dõi đơn đặt hàng của bạn cũng có thể được thêm vào chân trang của bạn. Nhưng nếu họ thực sự giúp khách hàng tiềm năng mua từ bạn hoặc giúp bạn hoàn thành một mục tiêu quan trọng khác, thì bạn có thể cân nhắc ưu tiên cho họ trong điều hướng hàng đầu hoặc thậm chí thiết kế trang chủ của bạn.

Ví dụ: một người bán bán dịch vụ đăng ký có thể có thể hạn chế đáng kể vé hỗ trợ của họ bằng cách thêm liên kết Câu hỏi thường gặp nổi bật trong điều hướng trang chủ của họ. Hoặc, như trong trường hợp của Bellroy nơi sản phẩm của họ thường được mua trực tiếp, bạn có thể giúp khách truy cập khám phá vị trí bán lẻ thực tế gần nhất thông qua liên kết Cửa hàng định vị nổi bật hơn.

Khi cố gắng quyết định xem trang có ưu tiên thấp hay không, hãy tự hỏi bạn có bao nhiêu lợi ích nếu bạn hướng khách truy cập đến trang đó ngay lập tức và liệu nó có phân tâm họ hay thu hút họ tới kết quả mong muốn của bạn hay không.

Lưu ý thiết kế trang chủ trên điện thoại di động

Hầu hết tất cả giao diện website ngày nay, sẽ điều chỉnh dựa trên kích thước màn hình. Tuy nhiên, hãy nhớ rằng hình ảnh trông tuyệt đẹp trên màn hình rộng có thể bị cắt hoặc cắt theo những cách khác thường trên màn hình thiết bị di động. Các nút gọi hành động có thể khó tìm hoặc di chuyển theo cách khiến khách truy cập nhấp chuột xa hơn.

Bạn có thể dễ dàng xem trước thiết kế trang chủ của mình trên các thiết bị khác nhau trong trình chỉnh sửa giao diện bằng cách sử dụng các tùy chọn chuyển đổi chế độ xem ở đầu bản xem trước của bạn.

Cải thiện thiết kế trang chủ của bạn theo thời gian

Như bạn có thể đã biết bây giờ, không có cách nào tốt nhất để thiết kế trang chủ của bạn. Các yếu tố như nhân khẩu học người dùng, xây dựng thương hiệu, số lượng sản phẩm, kênh tiếp thị và hơn thế nữa có thể ảnh hưởng đến hành vi của người dùng của bạn theo nhiều cách.

Đó là lý do tại sao việc luôn xem trang chủ của bạn là một công việc đang tiến triển, sử dụng lưu lượng truy cập và doanh thu bạn tạo để đo lường tác động của trang chủ và thực hiện điều chỉnh theo thời gian.

Nguồn: Shopify (https://www.shopify.com/blog/homepage-design)