Trang chủ » UI / UX » Cách kiểm tra điều hướng web với phân loại thẻ và kiểm tra cây

    Cách kiểm tra điều hướng web với phân loại thẻ và kiểm tra cây

    Trang web, ứng dụng, phần mềm, bất kỳ sản phẩm nào có menu đều cần một cách để di chuyển. Mặc dù điều hướng của bạn có thể thú vị, sáng tạo hoặc đôi khi không chính thống, nó luôn cần phải có chức năng đầu tiên. Khi thảo luận về kiểm tra khả năng sử dụng cho kiến ​​trúc thông tin, bạn sẽ thường nghe về hai thử nghiệm hiệu quả nhất: phân loại thẻ và kiểm tra cây.

    Cả hai bài kiểm tra đều đơn giản và dễ thực hiện, và cả hai bài kiểm tra mang lại dữ liệu quan trọng để tối đa hóa việc tổ chức trang web của bạn. Sắp xếp thẻ xuất hiện trước khi bạn tạo cấu trúc của mình, vì vậy bạn có thể hiểu cách người dùng tổ chức trang web của bạn một cách tự nhiên. Thử nghiệm cây đến sau, như một cách để xác nhận thành công của bạn hoặc chỉ ra chỗ để cải thiện.

    Thêm thông tin về Hongkiat:

    • Kiểm tra khả năng sử dụng: Những gì bạn cần biết?
    • 7 bước để phản hồi trang web tốt hơn
    • Kết quả kiểm tra A / B và nghiên cứu điển hình cho thiết kế trải nghiệm người dùng

    Sắp xếp thẻ

    Vẻ đẹp của việc sắp xếp thẻ là ở sự đơn giản của nó. Tất cả những gì bạn làm là ghi các yếu tố khác nhau của sản phẩm vào thẻ ghi chú hoặc ghi chú sau đó, sau đó yêu cầu những người tham gia của bạn sắp xếp chúng theo cách có ý nghĩa nhất đối với họ.

    Nếu đó là quá nhiều để xử lý, bạn cũng có thể đi với một công cụ kiểm tra khả năng sử dụng như OptimalSort, có thể phân tích dữ liệu cho bạn. Dù bằng cách nào, kết quả mang đến cho bạn một sự hiểu biết vững chắc về cách người dùng mục tiêu của bạn sẽ bằng trực giác điều hướng sản phẩm của bạn.

    HÌNH ẢNH: Tạp chí Đập

    Biến thể sắp xếp thẻ

    Có một vài chiến lược khác nhau để sắp xếp thẻ, tùy thuộc vào nhu cầu của bạn. Donna Spencer, chuyên gia phân loại thẻ và người sáng lập Maadmob, chia sẻ kinh nghiệm cá nhân của cô trong một bài viết cho Hộp và Mũi tên. Đối với một hoạt động đơn giản như vậy, có rất nhiều biến thể và kiểm soát sẽ ảnh hưởng đến loại và tính hợp lệ của dữ liệu bạn nhận được.

    Sự khác biệt ban đầu để thực hiện là mở hoặc là đóng cửa, giải thích dưới đây:

    Sắp xếp mở - Người dùng chỉ được cung cấp thẻ yếu tố và sau đó được nhóm lại theo cách họ thấy phù hợp. Sau khi được nhóm, người dùng được yêu cầu đặt tên cho chính các nhóm. Điều này được khuyến nghị để tạo ý tưởng mới vì bạn có thể làm việc ngược từ quy trình suy nghĩ tự nhiên của người dùng.

    Sắp xếp kín - Như với phân loại mở, người dùng được cấp thẻ yếu tố; tuy nhiên, họ được yêu cầu phân loại chúng thành các nhóm được xác định trước. Điều này được khuyến nghị nếu bạn đang làm việc trong giới hạn của các danh mục có sẵn, như với việc cập nhật cấu trúc trang web đã được phát triển.

    Mở so với đóng là quyết định chính, nhưng có các phương pháp khác để thay đổi kết quả của bạn:

    Nhóm so với cá nhân - Các nhóm cho phép người dùng hợp tác làm việc, tốt hơn hoặc tồi tệ hơn và có thể giúp bạn tìm hiểu về nhiều người dùng cùng một lúc; tuy nhiên, động lực nhóm có thể ảnh hưởng đến kết quả của bạn.

    Từ xa so với tại chỗ - Các công cụ phần mềm trực tuyến cho phép bạn kiểm tra nhiều người dùng hơn trong thời gian nhanh hơn, nhưng bạn không thể trực tiếp quan sát quá trình ra quyết định của họ. On-location cung cấp cho bạn sự hiểu biết đầy đủ hơn về cách người dùng của bạn đưa ra quyết định của họ, nhưng yêu cầu lập kế hoạch và lên lịch nhiều hơn.

    Hướng dẫn sắp xếp thẻ

    Tất nhiên có chỗ để tùy chỉnh sắp xếp thẻ của bạn, nhưng William Hudson, Nhà tư vấn và chiến lược gia UX, liệt kê một số điểm chuẩn chung có thể áp dụng cho bất kỳ phương pháp nào bạn chọn. Hữu ích nhất, anh ta liệt kê thời gian gần đúng mà bạn có thể mong đợi mọi người sắp xếp một số yếu tố nhất định:

    • ~ 20 phút cho 30 yếu tố
    • ~ 30 phút cho 50 yếu tố
    • ~ 60 phút cho 100 yếu tố

    Sử dụng cấu trúc thời gian này, bạn có thể lên kế hoạch trước về việc kiểm tra sẽ mất bao lâu để quản lý, sau khi thẻ được viết hoặc phần mềm được thiết lập. Tuy nhiên, theo kinh nghiệm cá nhân của chúng tôi, những hướng dẫn này hơi hào phóng - một trong những loại thẻ đóng của chúng tôi liên quan đến 47 thẻ và bốn loại, nhưng chỉ yêu cầu trung bình là ba phút hoàn thành.

    Một quy tắc phổ quát khác là tránh ngôn ngữ phức tạp trên thẻ. Những từ lớn - ít nhất là những từ có nhiều âm tiết - và biệt ngữ kỹ thuật có nguy cơ gây nhầm lẫn cho người làm bài kiểm tra, hoặc họ giải thích sai ý nghĩa. Mặc dù từ ngữ đơn giản là lời khuyên tốt nói chung cho việc sử dụng ngôn ngữ của sản phẩm, nhưng nó rất cần thiết cho việc phân loại thẻ vì việc dán nhãn quá phức tạp sẽ phá vỡ các quá trình suy nghĩ tự nhiên.

    Rất nhiều chuyên gia đồng ý về giá trị của việc phân loại thẻ. Pierre Croft, chuyên gia về IA và UX của Decibel Digital khuyến khích việc sắp xếp thẻ vì nó có thể giúp làm chệch hướng những ý tưởng tồi của HIPPOS (những người được trả lương cao nhất trong phòng), những người có thể không biết cách xây dựng một trang web tốt. Ông cũng liệt kê ra một số gợi ý cần lưu ý khi chuẩn bị bài kiểm tra của bạn:

    (1) Không trộn lẫn các loại cha mẹ và con - Nói cách khác, sử dụng các danh mục từ cùng cấp hoặc nếu không bạn sẽ nhầm lẫn người tham gia của mình.

    (2) Có thẻ trống và bút tiện dụng - Mặc dù đây là quy trình chuẩn để phân loại thẻ mở, nhưng nó cũng khá hữu ích cho việc phân loại thẻ kín. Sau khi thử nghiệm chính thức được thực hiện, bạn có thể cung cấp một vài thẻ trống để người tham gia viết ra các danh mục bổ sung. Trong khi thông tin có thể là “ngoài kỷ lục,” nó có thể đưa ra ánh sáng một số hiểu biết hữu ích.

    (3) Đừng can thiệp - Can thiệp sẽ che khuất dữ liệu, vì vậy tránh sự cám dỗ. Tất nhiên cung cấp cho người làm bài kiểm tra một số hướng dẫn nếu họ bối rối, nhưng chỉ đối với các vấn đề không liên quan đến kết quả.

    (4) Không sao nếu người dùng không nhóm mọi thứ - Việc thiếu nhóm có thể giống như nói như một hoàn chỉnh đầy đủ. Nếu điều này xảy ra, hãy chắc chắn rằng bạn hỏi người dùng tại sao. Nếu bạn đang chạy một loại sắp xếp kín và không phải mọi thứ đều được sắp xếp, bạn cũng có thể cung cấp thẻ trống để xem tại sao các danh mục hiện tại không được chọn.

    (5) Đặt giới hạn thời gian trước - Điều này làm cho việc lên lịch nói chung dễ dàng hơn và cung cấp cho người tham gia ý tưởng về việc dành bao nhiêu thời gian cho nhiệm vụ của họ.

    (6) Giới hạn thẻ của bạn - Nếu trang web của bạn có hàng trăm hoặc thậm chí hàng nghìn trang, bạn chỉ có thể chọn các trang cấp một và cấp hai để giữ cho mọi thứ có thể quản lý được. Ví dụ, “Liên hệ chúng tôi,” “Khoản của thỏa thuận,” và các trang tiện ích khác có thể được bỏ qua vì chúng có thể được tìm thấy trên hầu hết các trang web ngoài đó (vì vậy bạn sẽ không thực sự kiểm tra bất cứ điều gì độc đáo cho trang web của mình).

    Kiểm tra cây

    Trên phổ đối diện của phân loại thẻ, kiểm tra cây cho phép bạn kiểm tra kiến ​​trúc thông tin sau khi được thiết kế. Cây thử nghiệm hoạt động bởi tước bỏ các yếu tố trực quan của hệ thống điều hướng của bạn để xem cấu trúc cơ bản giá vé như thế nào. Với một bài kiểm tra cây, bạn chỉ kiểm tra ghi nhãnhệ thống cấp bậc nội dung của bạn.

    Martin Rosenmejer của Webcredible gọi thử nghiệm cây là một trong những bước quan trọng nhất trong quá trình thiết kế. Tóm lại, một bài kiểm tra cây bao gồm những người tham gia tìm thông tin khác nhau trên sơ đồ trang web có thể nhấp (hoặc là “cây”).

    Sử dụng một công cụ kiểm tra khả năng sử dụng như Treejack, sau đó bạn ghi lại nhiệm vụ thành công (nhấp vào đích chính xác) và chỉ đạo nhiệm vụ (sự chắc chắn của người dùng rằng họ đã tìm thấy những gì cần thiết). Đây là một phương pháp hoàn hảo để xem người dùng của bạn tốt như thế nào có thể tìm đường đi xung quanh sản phẩm của bạn.

    Như được hiển thị ở trên, khi chúng tôi thiết kế lại trang web của Yelp, chúng tôi đã cung cấp một cây đại diện cho trang web hỗ trợ và sau đó cung cấp cho người dùng 10 nhiệm vụ (ví dụ: tìm thông tin về những việc cần làm với các đánh giá xấu). Bởi vì tỷ lệ thành công nhiệm vụ tổng thể là 53% và tính trực tiếp là 46%, chúng tôi biết rằng IA cần thay đổi - nhưng chúng tôi biết chính xác nơi để thực hiện những thay đổi.

    Nói một cách đơn giản, một thanh tìm kiếm trang web (hoặc menu hamburger ba dòng) là không đủ nếu điều hướng kém vì người dùng sẽ không biết những gì có sẵn để tìm kiếm. Nguyên tắc chung cho thiết kế web là làm cho người dùng suy nghĩ ít nhất có thể, bởi vì tìm kiếm yêu cầu người dùng nhớ lại từ bộ nhớ, nó ảnh hưởng tiêu cực đến UX.

    Nếu chúng tôi đã bán ý tưởng thử nghiệm cây cho bạn, Jeff Sauro, Hiệu trưởng sáng lập của đoU, sẽ đi vào chi tiết về cách chạy chúng đúng cách. Ông giải thích rằng thử nghiệm cây được sử dụng chủ yếu vì hai lý do:

    (1) Xác định khả năng tìm kiếm của sản phẩm - Người dùng có thể điều hướng trang web tốt đến mức nào và khu vực nào gây ra nhiều vấn đề nhất với điều hướng?

    (2) Xác thực thay đổi - Có phải một bản cập nhật gần đây đã khắc phục chính xác sự cố hoặc cần sửa đổi thêm?

    Kiểm tra cây là, trái tim, một thử nghiệm thống kê. Cũng như các thử nghiệm định lượng khác, dữ liệu sẽ chính xác hơn với nhiều người tham gia hơn. Làm thế nào chính xác? Kiểm tra biểu đồ này để tìm ra lỗi sai nhỏ nhất trong phương tiện của bạn; chúng tôi khuyên bạn nên nhắm đến lỗi 20% hoặc tốt hơn.

    Phần kết luận

    Chúng ta không thể nhấn mạnh đủ tầm quan trọng của kiến ​​trúc thông tin - nếu nội dung không được cấu trúc logic với một luồng đơn giản, thì nó cũng có thể không tồn tại. Đó là lý do tại sao những bài kiểm tra đầu tiên này có thể giúp xác định và giải quyết các vấn đề trước khi chúng thực sự trở thành vấn đề.

    Điểm mạnh của các thử nghiệm như thế này là dữ liệu được mô hình hóa theo hành vi tự nhiên của người dùng và khi nói đến thử nghiệm IA của bạn, không có thử nghiệm nào làm tốt hơn hai thử nghiệm này.

    Ghi chú của biên tập viên: Điều này được viết cho Hongkiat.com bởi Jerry Cao. Jerry là một chiến lược gia nội dung tại UXPin, nơi ông phát triển nội dung trong ứng dụng và trực tuyến cho nền tảng tạo mẫu và tạo mẫu. Để được tư vấn và nghiên cứu trường hợp về 30 loại kiểm tra khả năng sử dụng khác nhau, hãy xem Hướng dẫn kiểm tra khả năng sử dụng.

    Đọc ngay: 7 bước để phản hồi trang web tốt hơn