Ví dụ điều hướng website cho doanh nghiệp nhỏ (có chú thích)

Ví dụ điều hướng website có chú thích cho doanh nghiệp nhỏ: sáu kiểu menu, nhu cầu khách hàng, điểm mạnh và giới hạn, bảng so sánh cùng brief điều hướng có thể sao chép. Tất cả là thiết kế mẫu We.Inc được ghi rõ là ví dụ.

Điều hướng tốt cho doanh nghiệp nhỏ cần ngắn gọn, dùng từ ngữ khách hàng quen thuộc và luôn cho thấy hành động chính. Các ví dụ dưới đây là thiết kế mẫu We.Inc, không phải website khách hàng; chúng được chọn vì mỗi mẫu thể hiện một kiểu điều hướng khác nhau. Với từng ví dụ, chúng tôi nêu nhu cầu khách hàng, lựa chọn thiết kế quan sát được trong ảnh chụp và giới hạn của kiểu đó.

Cách chọn ví dụ và đối tượng

Chúng tôi chọn thiết kế trong showcase We.Inc dành cho doanh nghiệp dịch vụ địa phương và bán lẻ, nơi khách thường dùng điện thoại để gọi, đặt lịch hoặc xem giá. Mỗi mẫu được đánh giá qua ba câu hỏi: khách có thấy hành động chính mà không cần mở menu không, nhãn có khớp với từ khách tìm kiếm không và menu có dùng được trên màn hình điện thoại không. Ảnh chụp là màn hình đầu trên máy tính; hãy tự kiểm tra bản điện thoại trước khi xuất bản.

Ví dụ có chú thích

1. Menu chữ ngắn, hành động chính ở hero (thợ sửa ống nước)

Ví dụ website thợ sửa ống nước làm bằng We.Inc với bốn liên kết menu và nút Đặt ngay
Thiết kế ví dụ We.Inc cho thợ sửa ống nước (mẫu, không phải website khách hàng).

Nhu cầu: khách bị rò nước muốn được giúp ngay. Lựa chọn: bốn liên kết đơn giản (Dịch vụ, Giới thiệu, Lắp đặt, Liên hệ) và nút “Đặt ngay” ở màn hình đầu. Giới hạn: đầu trang không có số điện thoại hay nút; khi cuộn qua hero thì hành động chính biến mất. Với dịch vụ khẩn cấp, hãy thêm nút gọi vào đầu trang.

2. Menu ba từ trên video toàn màn hình (nhà hàng)

Ví dụ website nhà hàng We.Inc có menu Nhà hàng, Không gian và Đặt chỗ
Thiết kế ví dụ cho nhà hàng (mẫu, không phải website khách hàng).

Nhu cầu: xem thực đơn và đặt bàn. Lựa chọn: chỉ có “Thực đơn”, “Không gian” và “Đặt chỗ”, cùng địa điểm và giờ mở cửa ở cuối màn hình đầu. Giới hạn: liên kết nhỏ, chữ sáng đặt trên video chuyển động nên khó đọc và khó chạm trên điện thoại. Kiểm tra bằng công cụ kiểm tra độ tương phản màu và biến “Đặt chỗ” thành nút rõ ràng.

3. Menu ngắn cùng biểu tượng điện thoại và nút (kế toán)

Ví dụ website công ty kế toán We.Inc có biểu tượng điện thoại và nút Bắt đầu hôm nay ở đầu trang
Thiết kế ví dụ dịch vụ kế toán (mẫu, không phải website khách hàng).

Nhu cầu: tìm hiểu công ty có nhận loại công việc của tôi không rồi liên hệ. Lựa chọn: bốn liên kết (Dịch vụ, Ngành nghề, Quy trình, Giới thiệu), biểu tượng điện thoại và nút nổi bật “Bắt đầu hôm nay” bên phải. Đây là kiểu đầy đủ nhất trong sáu mẫu. Giới hạn: biểu tượng điện thoại không có số hay nhãn hiển thị; người dùng trình đọc màn hình cần tên trợ năng, và một số khách muốn nhìn thấy số điện thoại.

4. Đầu trang cửa hàng tối giản (trang sức)

Ví dụ website cửa hàng trang sức We.Inc chỉ có liên kết Giới thiệu và Túi hàng
Thiết kế ví dụ cửa hàng trang sức (mẫu, không phải website khách hàng).

Nhu cầu: xem các sản phẩm. Lựa chọn: đầu trang chỉ có “Giới thiệu” và “Túi hàng”; việc xem sản phẩm bắt đầu từ liên kết “Khám phá bộ sưu tập” giữa trang. Giới hạn: khách không tìm thấy đặt làm riêng, sửa chữa hay đặt lịch từ menu. Tiệm kim hoàn có doanh thu từ dịch vụ nên thêm chúng làm mục menu.

5. Tập trung vào dự án, gần như không có menu (kiến trúc)

Ví dụ website công ty kiến trúc We.Inc có điều khiển Dự án tiếp theo
Thiết kế ví dụ cho kiến trúc (mẫu, không phải website khách hàng).

Nhu cầu: đánh giá chất lượng công việc trước đây. Lựa chọn: màn hình đầu là trình xem dự án với nút “Dự án tiếp theo” và “Xem dự án” thay cho menu. Giới hạn: màn hình đầu không thấy liên kết liên hệ hay gửi yêu cầu. Website portfolio vẫn cần cách bắt đầu cuộc trò chuyện.

6. Menu có khu vực và đánh giá, thêm nút gọi (chăm sóc sân vườn)

Ví dụ website chăm sóc sân vườn We.Inc có mục Khu vực phục vụ, Đánh giá và nút điện thoại
Thiết kế ví dụ dịch vụ chăm sóc sân vườn (mẫu, không phải website khách hàng).

Nhu cầu: kiểm tra họ có phục vụ khu phố tôi và khách khác có hài lòng không. Lựa chọn: Dịch vụ, Portfolio, Khu vực phục vụ, Đánh giá cùng nút điện thoại và nút “Nhận báo giá” trong hero. Giới hạn: số liệu trong thiết kế là nội dung giữ chỗ; thay bằng dữ kiện thật có thể kiểm chứng hoặc xóa trước khi xuất bản.

So sánh kiểu điều hướng

KiểuVí dụPhù hợp nhất vớiLưu ý
Menu ngắn, hành động trong heroThợ sửa ống nướcWebsite dịch vụ đơn giảnHành động chính biến mất khi cuộn
Menu ba từ trên videoNhà hàngĐịa điểm cần tạo không khíĐộ tương phản và vùng chạm
Menu + điện thoại + nútKế toánHầu hết doanh nghiệp nhỏĐặt nhãn cho nút chỉ có biểu tượng
Đầu trang cửa hàng tối giảnTrang sứcCửa hàng chỉ bán sản phẩmKhông tìm được dịch vụ
Tập trung vào dự ánKiến trúc sưDoanh nghiệp portfolioThiếu cách gửi yêu cầu
Khu vực + đánh giá + gọiChăm sóc sân vườnDịch vụ theo khu vựcSố liệu giữ chỗ

Brief điều hướng có thể sao chép

Hành động chính (luôn hiển thị, cả trên điện thoại):
Mục cấp cao nhất (tối đa 5-6), dùng từ ngữ khách hàng:
  1.
  2.
  3.
  4.
Mục để ở chân trang (quyền riêng tư, việc làm, FAQ):
Menu điện thoại: nhãn nút “Menu”; hành động chính đặt ngoài menu
Đánh dấu trang hiện tại: có
Bàn phím: mở menu bằng Enter/Space, đóng bằng Escape

Nên điều chỉnh điều gì và không nên sao chép điều gì

Bắt đầu từ mẫu phù hợp

Chọn mẫu có kiểu phù hợp trong mẫu doanh nghiệp rồi chỉnh bằng công cụ tạo website We.Inc. Gói Free có tối đa 3 website mẫu trên địa chỉ we.inc (không có lượt dùng AI, không có tên miền riêng); Starter $20/month thêm tính năng xây dựng bằng AI và tên miền riêng (bảng giá). Kiểm tra kết quả bằng công cụ đánh giá website và lập ngân sách bằng công cụ tính chi phí website.

Bắt đầu xây dựng website doanh nghiệp

Câu hỏi thường gặp

Menu website nên có bao nhiêu mục?

Với doanh nghiệp nhỏ, thường nên có bốn đến sáu mục cấp cao nhất và một hành động chính hiển thị như nút gọi hoặc đặt lịch.

Số điện thoại có nên nằm trong điều hướng không?

Có nếu khách thường gọi. Hãy để số hiển thị trên điện thoại thay vì giấu trong menu.

Đây có phải website doanh nghiệp thật không?

Không. Đây là thiết kế mẫu We.Inc dùng để minh họa các kiểu điều hướng.

Bắt đầu miễn phí · Không cần thẻ tín dụng

Product

Who It's For

Features

Resources

Company

View Sitemap