Khả năng sử dụng là gì và cách kiểm tra khả năng sử dụng. Nguyên tắc sử dụng: rõ ràng, thuận tiện, thoải mái. Nói ngắn gọn về điều chính

Xác định mục tiêu chuyển đổi của khách truy cập và tạo điều kiện thuận lợi cho việc đạt được mục tiêu đó thông qua tương tác với giao diện web - không quan trọng đó là trên trang đích tạo khách hàng tiềm năng độc lập, trang đích sản phẩm cho cửa hàng trực tuyến hay giải pháp SaaS chính thức - đây là mục tiêu chính của các nhà tiếp thị và thiết kế web, những người phát triển và đặt mạng lưới toàn cầu cho các sản phẩm và dịch vụ của bạn.

Có nhiều yếu tố khác nhau kiến trúc thông tin, ảnh hưởng đến khả năng sử dụng, tức là khả năng sử dụng, mức độ mong muốn và độ tin cậy của tài nguyên. Các tham số (khái niệm) được nghe phổ biến nhất là “ giao diện người dùng"(Giao diện người dùng, UI) và " Kinh nghiệm người dùng"(Trải nghiệm người dùng, UX).

Hai yếu tố liên quan đến bất kỳ tài nguyên web nào không có nghĩa là tương đương nhau. Huyền thoại cho rằng “UI = UX” đánh lừa cả hai phía của tương tác kỹ thuật số: khách truy cập vào trang đích và trang web, nhà tiếp thị và doanh nhân Internet

Trong bài đăng này, chúng tôi sẽ tiết lộ một bí mật khác về khả năng sử dụng của tiếp thị internet hiệu quả.

Nhà thiết kế giao diện người dùng và nhà thiết kế UX là hai nghề khác nhau

Những người tìm việc và các chuyên gia thiết kế web hiện nay trên khắp thế giới đang phải đối mặt với nhiều vấn đề khác nhau xuất phát từ sự phổ biến rộng rãi của huyền thoại nói trên.

Người thiết kế giao diện người dùng phải có khả năng thực hiện nghiên cứu người dùng(nghiên cứu người dùng) và tất nhiên là biết các nguyên tắc thiết kế giao diện người dùng, thiết kế hình ảnh và kiểu chữ, cũng như những kiến ​​​​thức cơ bản về kiến ​​trúc thông tin.

Yêu cầu tương tự - thiết kế đồ họa, kiến ​​trúc thông tin - yêu cầu của các nhà thiết kế UX. Thiết kế giao diện chắc chắn là về trải nghiệm người dùng và có sự chồng chéo giữa các kỹ năng chuyên môn, nhưng đây là những gì bạn cần hiểu rõ và ghi nhớ chắc chắn:

Biết cách thiết kế giao diện người dùng không giải quyết được tất cả các vấn đề về UX.

Bây giờ chúng ta đã hiểu sự khác biệt giữa UI và UX, chúng ta có thể kết luận rằng sẽ khôn ngoan hơn nếu cố gắng tạo ra trải nghiệm người dùng tích cực hoàn chỉnh thay vì chỉ phát triển một giao diện web đẹp mắt. Thiết kế bên ngoài tốt không giải quyết được vấn đề chuyển đổi (mặc dù điều này chắc chắn quan trọng): các nhà tiếp thị và thiết kế web nên cố gắng làm cho trải nghiệm tương tác với trang đích/trang web của họ ít gây chấn thương tâm lý cho người dùng nhất có thể.

Chính cách tiếp cận này đưa chúng ta đến gần hơn với việc giải quyết vấn đề chuyển đổi.

Một nhà thiết kế UX có tên Useagility gần đây đã đăng một tweet tuyên bố sự thật không thể phủ nhận:

“Trang web của bạn có thể rất đẹp, nhưng khách truy cập sẽ nhanh chóng rời khỏi nó nếu họ không hiểu mục tiêu chuyển đổi là gì và cách điều hướng nó.”

Dễ dàng điều hướng qua nội dung, mục tiêu chuyển đổi được xác định rõ ràng và giá trị ưu đãi dành cho người dùng được nêu rõ ràng - đây là những yếu tố không thể thiếu của trải nghiệm người dùng tốt. Giao diện trang web cần phải được thiết kế có tính đến thực tế này.

Có rất nhiều ví dụ về các sản phẩm web kỹ thuật số có giao diện người dùng tốt và UX kém nằm rải rác trên Internet. Phổ biến nhất là các biểu mẫu dài có nhiều trường để điền vào. Vâng, một số trong số chúng trông rất đẹp: bố cục trường và văn bản thông minh, sử dụng khoảng trắng đẹp mắt, phông chữ hoàn hảo về mặt thẩm mỹ, v.v. Chúng chỉ có một nhược điểm - chúng dài đến khó chịu.

Phiên bản phù hợp của biểu mẫu khách hàng tiềm năng góp phần hình thành UX tích cực

Khi nhà tiếp thị yêu cầu người dùng điền vào biểu mẫu, họ thực sự đang bắt đầu cuộc đối thoại với khách hàng tiềm năng hoặc thậm chí là khách hàng. Hãy đối mặt với sự thật phũ phàng: khi ở ngoài đời, chúng ta bắt đầu cuộc trò chuyện với người lạ lần đầu tiên, chúng tôi không yêu cầu anh ấy cung cấp cho chúng tôi dữ liệu cá nhân của anh ấy, chẳng hạn như: trình độ học vấn nhận được, mức thu nhập hoặc địa chỉ nhà. Nó chỉ không xảy ra theo cách đó.

Vậy tại sao chúng ta - những nhà tiếp thị và thiết kế web, giống như tất cả những con người có khả năng đồng cảm - đôi khi lại khiến người dùng tâm lý khó chịu khi phải điền vào những mẫu đăng ký dài dòng?

Nhưng thật dễ dàng để tạo UX tích cực cho khách truy cập: chúng tôi để lại các trường cần thiết nhất, nhóm chúng gần với tiêu đề biểu mẫu, làm cho nó nhỏ hơn về mặt trực quan và kết quả là chúng tôi thay đổi phản ứng hành vi từ “Ôi, Chúa ơi! Thật là một hình thức khổng lồ! thành “Vì vậy, đầu tiên là tên tôi, sau đó là email của tôi, rất đơn giản.” Đơn giản là một trong những nguyên tắc chính của thiết kế giao diện người dùng.

Thật kỳ lạ, nhưng vì lý do nào đó, điều đó không bao giờ xảy ra với những nhà thiết kế web cẩn thận chọn phông chữ và màu sắc cho biểu mẫu khách hàng tiềm năng để đơn giản hóa cuộc sống của người dùng nhiều nhất có thể, thậm chí phải trả giá bằng vẻ đẹp của giao diện người dùng.

Đây ví dụ rõ ràng một thiết bị quen thuộc tạo ra trải nghiệm tích cực cho người dùng với giao diện người dùng không mấy ấn tượng. Đừng ngạc nhiên, Chúng ta đang nói về về... máy ATM.

Tương tác của người dùng với chúng cực kỳ đơn giản và đến một mức độ lớn tương tự cho bất kỳ vị trí địa lý nào trên thế giới: bạn chèn Thẻ ngân hàng, nhập mã pin của bạn, chọn một nhiệm vụ (loại mục tiêu chuyển đổi), giả sử rút tiền mặt, hoàn thành nhiệm vụ (nhận tiền mặt), rút ​​thẻ và rời đi, hài lòng: nhìn chung, bạn đã nhận được UX tích cực. Thiết kế giao diện và thiết kế của máy ATM có vẻ là một việc lạ lùng: ai để ý đến nó? Nó có chức năng, cho phép bạn thực hiện các tương tác mà bạn muốn và người dùng không quan tâm đến vẻ đẹp của nó.

Và khi nói đến thiết kế giao diện người dùng ATM, ai đã chú ý đến nó? Nó có chức năng, cho phép bạn thực hiện các tương tác mà bạn muốn và người dùng không quan tâm đến vẻ đẹp của nó.

Bây giờ chúng ta hãy đưa ra một tuyên bố rất quan trọng:

Từ góc độ tiếp thị, một tài nguyên web có UX tốt và giao diện người dùng kém sẽ luôn hoạt động tốt hơn một sản phẩm kỹ thuật số có giao diện người dùng tuyệt vời nhưng lại mang lại cho người dùng trải nghiệm tiêu cực.

Hãy xem một số ví dụ để minh họa thực tế rằng giao diện người dùng kém có thể dẫn đến trải nghiệm tích cực khi tương tác với tài nguyên web và ngược lại: thiết kế giao diện người dùng sang trọng có thể tạo ra cảm giác thất vọng khi hoàn thành tác vụ chuyển đổi.

Các vấn đề về UX: UI xấu và UX tốt

Thật kỳ lạ, một số tài nguyên cung cấp thông tin có giá trị về thiết kế giao diện UX, UI, gần như có những giao diện tệ nhất mà chúng ta từng thấy. Những trang web này không theo dõi xu hướng hiện nayđang trong quá trình phát triển và tạo ấn tượng rằng chúng hoàn toàn không bị ảnh hưởng bởi tất cả các xu hướng thiết kế web mới nhất. Chúng không đẹp mắt chút nào: rõ ràng là chúng đang bị mắc kẹt trong “Thời Trung Cổ của Internet”.

Tuy nhiên, liệu khách truy cập có thể dễ dàng tìm thấy những gì mình đang tìm kiếm trên trang web này không? Điều hướng trên tài nguyên web có rõ ràng không? Nó có hữu ích như một nguồn nội dung có giá trị không?

Trả lời tất cả các câu hỏi: Đúng.

Ví dụ từ thế giới di động— Giao diện Emotion UI, một shell dành cho Android do Huawei phát triển. Nó mang tính tối giản và nguyên tắc chính hướng dẫn các nhà phát triển nó là tính phẳng và đơn giản.

Nếu một người tò mò (không phải nhà tiếp thị, không phải nhà thiết kế) muốn tận mắt chứng kiến ​​“UI xấu, UX tốt” là gì, thì anh ta cần phải xem trang web của ngân hàng. Hầu như bất kỳ ngân hàng nào. Các lập trình viên và nhà thiết kế web đã phát triển các giao diện web này dường như không biết về sự tồn tại của Cascading Style Sheets (CSS).

Hãy nhìn vào giao diện người dùng của trang web Ngân hàng Ấn Độ. Các trang được trình bày cẩu thả, các nút được làm dưới dạng các yếu tố đồ họa (có nghĩa là robot tìm kiếm không lập chỉ mục chúng), mọi thứ đều bị chà đạp nguyên tắc cơ bản kiểu chữ (ngay cả sau khi Google cung cấp cho các nhà thiết kế Phông chữ của Google!), nội dung không được căn chỉnh trực quan theo “lưới” (một trong những cách tiếp cận chính về bố cục của trang đích/trang web hiện đại bị vi phạm), màu sắc được chọn một cách kỳ lạ (ý chúng tôi là - thực sự kỳ lạ) vân vân.

Danh sách những sai lầm của các nhà thiết kế web Ấn Độ vẫn tiếp tục lặp đi lặp lại, nhưng thông qua giao diện người dùng kém hấp dẫn này, người dùng có thể khá dễ dàng thực hiện các giao dịch trực tuyến, đạt được trải nghiệm người dùng tích cực. Trang web của Ngân hàng Ấn Độ hoàn toàn phù hợp với cụm từ “Giao diện người dùng xấu, UX tốt”.

Glassdoor: UI tốt và UX kém

Có những tài nguyên web cung cấp cho khách truy cập một số ý tưởng về nội dung kỹ thuật số được đăng trên chúng (ví dụ: Sách điện tử) với yêu cầu đăng ký sau đó để xem toàn bộ nội dung của sách điện tử, tạp chí, bài báo. Tại sao? Có thực sự có khả năng là sau khi đọc 5-6 dòng trong bài viết, người dùng sẽ thấy rõ rằng nội dung này sẽ hữu ích cho mình?

Một số trang đích này thực sự có thiết kế trực quan tuyệt vời theo xu hướng thiết kế giao diện người dùng mới nhất. Nhưng trải nghiệm họ cung cấp cho người dùng chỉ có thể được mô tả là tiêu cực, ghê tởm và đáng thất vọng.

Nhu cầu đăng ký để đọc ngay cả sách/bài báo điện tử miễn phí dường như là một sự ép buộc không lịch sự. Một cách tiếp cận tương tự, bỏ qua ý chí tự do của khách truy cập, chẳng hạn như được thực hiện trên Glassdoor: bạn sẽ không bao giờ biết trang thứ hai của Sách điện tử có gì nếu không tạo tài khoản trên tài nguyên này.

Một ví dụ tuyệt vời khác về giao diện người dùng tốt và UX tệ: đây là một cửa hàng trực tuyến có giao diện tuyệt vời (rõ ràng là các sản phẩm giống nhau), nhưng khách truy cập sẽ phải nhấp vào khối hình ảnh của một số ưu đãi nhất định để đi đến một trang khác và chỉ ở đó mới có tìm ra giá của USP quan tâm.

Bạn cần sang trang khác để tìm hiểu giá sản phẩm mình thích

Một trò đùa khác nằm ở chỗ quá trình chuyển đổi được thực hiện thông qua nút “Mua ngay”: có vẻ như người mua tiềm năng thực sự được đề nghị mua “một con lợn trong cuộc chọc ghẹo với mức giá không xác định”. Tại sao không đặt giá cho những ưu đãi cụ thể này trên trang danh mục sản phẩm, giống như bạn làm với tất cả những ưu đãi khác?

Giao diện và trình bày giao diện người dùng: Hướng dẫn nhanh để triển khai UX và giao diện người dùng tốt

Trang đích của bạn sẽ nổi bật so với các đối thủ cạnh tranh, có giao diện tốt và tạo trải nghiệm tích cực cho người dùng. Dưới đây là một số mẹo để triển khai hai yếu tố quan trọng nhất này vào kiến ​​trúc thông tin của tài nguyên web của bạn:

  • Cung cấp thông tin theo tầm quan trọng của nó, tức là đặt nội dung trên trang đích sao cho nội dung chính và hơn thế nữa Thông tin quan trọng nổi bật về mặt trực quan. Ví dụ: Sử dụng cửa sổ bật lên để hiển thị thông báo tương tác thành công (“Đã xóa” hoặc “Đã thêm vào giỏ hàng”) ở đầu phần nội dung văn bản chính.
  • Sử dụng hấp dẫn trực quan yếu tố đồ họa. Hãy thử sử dụng đồ họa động (mẹo này, giống như tất cả các mẹo khác, cần được kiểm tra bằng thử nghiệm phân tách). Ví dụ: Làm cho menu thả xuống trên trang web của bạn hấp dẫn hơn bằng cách tạo hiệu ứng mờ dần/chuyển tiếp cho nó.
  • Giảm số lượng nhấp chuột cần thiết để hoàn thành mục tiêu chuyển đổi của bạn xuống mức tối thiểu. Ví dụ: Nếu bạn đang bán giải pháp SaaS để đơn giản hóa và tạo điều kiện thuận lợi cho mọi hoạt động tiếp thị, ví dụ: danh sách gửi thư, thì ưu đãi của bạn sẽ tải nhanh chóng và dễ dàng: các liên kết tích cực sẽ góp phần tạo nên một trải nghiệm người dùng tốt.
  • Sử dụng khoảng trắng như một phương tiện để loại bỏ những thông tin không cần thiết. Ví dụ: Luôn chỉ bao gồm nội dung quan trọng về chuyển đổi trên trang của bạn (lợi ích, mô tả, bằng chứng xã hội, v.v.). Không cần thiết phải đặt văn bản “cuối chân” chỉ để thể hiện rằng bạn biết nhiều từ thông dụng và thuật ngữ kỹ thuật (mặc dù, tất nhiên, có những trường hợp chỉ trên một trang đích dài bằng giải thích chi tiết bạn có thể diễn đạt bản chất của lời đề nghị).
  • Giảm số lượng nhấp chuột cần thiết để hoàn thành mục tiêu chuyển đổi của bạn xuống mức tối thiểu. Ví dụ: Bạn đang bán giải pháp SaaS để đơn giản hóa và tạo điều kiện thuận lợi cho một số loại hoạt động tiếp thị, chẳng hạn như thư trực tiếp. Sẽ rất hợp lý nếu ưu đãi của bạn có thể được tải xuống một cách đơn giản và nhanh chóng - các liên kết tích cực góp phần tạo ra một UX tốt.
  • Làm cho việc điều hướng nội dung dễ dàng hơn. Ví dụ: Sử dụng liên kết nội bộ trên trang web để hiển thị thêm thông tin về một chủ đề cụ thể Tối ưu hóa kiến ​​trúc thông tin của tài nguyên web của bạn.
  • Và hãy luôn ghi nhớ câu nói khôn ngoan của nhà văn người Đức Thomas Mann: “Hành vi của con người sẽ có ý nghĩa nếu bạn nghĩ về nó dưới góc độ mục tiêu, nhu cầu và động cơ”. Cụm từ này cũng áp dụng cho thiết kế. Tiếp cận nhu cầu của khách hàng tiềm năng/khách hàng tiềm năng về mặt khả thi về mặt kỹ thuật và khả năng kinh tế giải pháp thiết kế. Hãy nhớ: “thiết kế cho người dùng chứ không phải người dùng thiết kế”.

Tiến hành kiểm tra khả năng sử dụng, theo dõi phản ứng hành vi của người dùng đối với từng thành phần của kiến ​​trúc thông tin trong giải pháp web của bạn và chỉ triển khai những giải pháp tốt nhất góp phần hình thành UX tích cực trong phiên bản cuối cùng của nó.

Thay vì một kết luận

Chúng tôi hy vọng rằng chúng tôi đã tiết lộ bản chất thực sự của điều đó khái niệm phức tạp, như giao diện người dùng và trải nghiệm người dùng, đồng thời đã góp phần vạch trần quan niệm sai lầm có hại rằng “UI = UX”.

Vấn đề mà các nhà tiếp thị và thiết kế web phải giải quyết là tối ưu hóa UX. Tối ưu hóa giao diện người dùng là một hoạt động quan trọng nhưng nó không trực tiếp dẫn đến tăng tỷ lệ chuyển đổi. Mục tiêu cuối cùng là tạo ra trải nghiệm người dùng tích cực.

Từ tác giả: Xin chào các bạn! Trong bài viết của tôi, tôi sẽ cho bạn biết khả năng sử dụng của trang web là gì và làm thế nào để làm cho tài nguyên trở nên hấp dẫn và được truy cập. Trong quá trình phát triển tài nguyên Internet, điều rất quan trọng không chỉ là chú ý đến nội dung và thiết kế mà còn phải chú ý đến tính dễ sử dụng. Ngay cả trang web được tùy chỉnh nhiều nhất, với hình ảnh từ các nhiếp ảnh gia và nút thiết kế nổi tiếng, cũng có thể thất bại hoàn toàn nếu người dùng không hiểu phải nhấp vào đâu để thực hiện điều đó. Yêu cầu hành động. Để tránh lãng phí thời gian tạo các trang Internet vô dụng và không được truy cập, đây là một số mẹo để thiết kế và phân tích khả năng sử dụng.

Thuật ngữ “khả năng sử dụng” đến từ đâu?

Khái niệm “khả năng sử dụng” xuất hiện trong tai chúng ta tương đối gần đây, tuy nhiên, nó đã trở nên phổ biến trong nhiều lĩnh vực. Đối với những người chưa bao giờ biết đến thuật ngữ “khả năng sử dụng” và đang thắc mắc từ này có nghĩa là gì, tôi sẽ kể cho bạn nghe một chút về lịch sử nguồn gốc của nó.

Dịch từ tiếng Anh, “khả năng sử dụng” có nghĩa là khả năng sử dụng, nhưng nếu nói về khả năng sử dụng của các trang Internet thì có một số cách hiểu khác nhau. Ban đầu, đây là cái tên được đặt cho sự dễ sử dụng của một trang web hoặc như nhiều người nói, sự dễ dàng tương tác của người dùng với giao diện của một tài nguyên Internet. Ngày nay, khả năng sử dụng đã trở thành một môn khoa học hoàn chỉnh, bởi vì mức độ thoải mái của khách truy cập trên trang web của bạn sẽ trực tiếp quyết định lưu lượng truy cập của nó và theo đó, lợi nhuận từ dự án.

Những nguyên tắc “vàng” cho sự thành công của website

Chúng tôi đã tìm ra khả năng sử dụng của giao diện trang web là gì, bây giờ bạn cần làm quen với các thông số chính của nó - hình ảnh và chức năng. Khả năng sử dụng trực quan ảnh hưởng đến nhận thức của khách truy cập về tài nguyên, do đó, khi phát triển trang web của bạn, hãy sử dụng dịch vụ của một nhà thiết kế web có kinh nghiệm hoặc tự dạy mình bằng các khóa học video và tài liệu chuyên ngành. Những kiến ​​thức như vậy chắc chắn sẽ không thừa.

JavaScript. Bắt đầu nhanh

ĐẾN thông số chức năng Chúng bao gồm cấu trúc, điều hướng và nội dung. , qua quá trình thử và sai, tôi đã nghĩ ra 8 quy tắc “vàng” để có một nguồn tài nguyên Internet thành công và hữu ích.

Quy tắc 1. Thông tin phải có cấu trúc rõ ràng. Mỗi khách truy cập vào tài nguyên của bạn đều muốn tìm thấy thông tin cần thiết (dịch vụ, sản phẩm) với mức tiêu tốn thời gian và tinh thần tối thiểu, vì vậy trước khi lấp đầy tài nguyên Internet bằng nội dung, bạn nên phát triển cấu trúc rõ ràng của nó.

Cấu trúc đề cập đến thứ bậc của vật liệu được đặt trên nó. Nếu bạn “sắp xếp mọi thứ theo thứ tự”, thì không chỉ khách truy cập tài nguyên mà còn cả quản trị viên web sẽ cảm ơn bạn vì anh ta sẽ dễ dàng cập nhật và bổ sung thông tin hơn. Phát triển cấu trúc của một nguồn tài nguyên Internet. Hãy chắc chắn nhắm mục tiêu một nhóm mục tiêu cụ thể.

Quy tắc 2. Đăng thông tin phù hợp với chủ đề tài nguyên của bạn.

Quy tắc 3: Đặt thanh điều hướng chính ở vị trí dễ thấy nhất trên trang. Nó phải dễ sử dụng và phản ánh cấu trúc thông tin của tài nguyên. Khách truy cập vào bất kỳ trang web nào trước tiên hãy làm quen với hệ thống điều hướng và cố gắng tìm ra cách điều hướng tài nguyên. Không ai trong số họ muốn căng não và lãng phí thời gian để tìm kiếm phần này hay phần kia.

Nếu người dùng không hiểu trực quan việc điều hướng tài nguyên trong vài giây thì anh ta sẽ nhanh chóng rời bỏ nó. Do đó, lợi ích tốt nhất của bạn là làm cho thanh điều hướng và menu có thể truy cập được đối với cả người dùng nâng cao Mạng toàn cầu, và cho người giả.

Quy tắc 4. Mỗi trang của trang web phải chứa một liên kết đến trang chính. Liên kết tới trang chính có thể là liên kết dọc hoặc menu ngang hoặc logo công ty nằm ở tiêu đề.

Quy tắc 5. Đây không còn là quy tắc nữa mà là lời khuyên. Cài đặt phần tử điều hướng đường dẫn trên tài nguyên của bạn (còn được gọi là “ vụn bánh mì»). Vật phẩm này trông giống như một thanh ở đầu trang Internet (Trang chủ => Mục => Danh mục => Trang hiện tại). Mỗi phần tử của chuỗi này chứa một siêu liên kết nội bộ, nhờ đó người dùng có thể nỗ lực đặc biệtđi đến danh mục hoặc phần mong muốn và tìm hiểu. anh ấy đang ở đâu khoảnh khắc này xác định vị trí. Đây là những “mẩu bánh mì” hữu ích và đầy chức năng.

Quy tắc 6. Tất cả các trang của tài nguyên Internet phải có cùng hệ thống điều hướng.

Quy tắc 7. Sơ đồ trang web là điều bắt buộc. Dành cho những ai chưa biết, bản đồ là một trang chứa mô hình cấu trúc của trang web (giống như mục lục trong sách). Nó phải có thể truy cập được từ mọi trang của tài nguyên, vì nhờ có nó, khách truy cập sẽ có thể dễ dàng điều hướng nó. Điều hướng được thiết kế tốt là một trong những thông số chính của khả năng sử dụng hiệu quả.

Quy tắc 8. Làm cho trang web của bạn hoạt động nhanh chóng. . Nghe có vẻ là chuyện nhỏ nhưng trên thực tế, nếu một tài nguyên mất hơn 3 giây để tải thì 40% khách truy cập tiềm năng sẽ rời khỏi tài nguyên đó ngay lập tức.

JavaScript. Bắt đầu nhanh

Khám phá Khái niệm cơ bản về JavaScript TRÊN ví dụ thực tế về việc tạo một ứng dụng web

Làm thế nào để hiểu liệu trang web của bạn có thuận tiện cho khách truy cập hay không?

Làm việc với khả năng sử dụng, có nghĩa là làm việc dựa trên sự thuận tiện, luôn nhằm mục đích tăng sự thoải mái khi khách truy cập lưu trú trên trang web và được liên kết chặt chẽ với các khía cạnh như:

thiết kế tài nguyên;

sắp xếp các yếu tố chức năng;

nội dung văn bản;

chỉnh sửa và định dạng văn bản;

logic hoạt động của các phần tử chức năng, v.v.

Để bạn có thể hiểu dự án của mình hứa hẹn như thế nào, hãy bắt đầu đánh giá khả năng sử dụng ngay trong quá trình tạo trang web, suy nghĩ thấu đáo từng yếu tố đến từng chi tiết nhỏ nhất. Nếu tài nguyên Internet của bạn đã hoạt động được lâu nhưng bạn không hài lòng với hiệu suất của nó thì hãy tiến hành phân tích khả năng sử dụng.

Tôi trình bày cho bạn chú ý 5 cách hiệu quả phân tích sự tiện lợi của tài nguyên của bạn đối với khách truy cập. Chọn cái nào, hãy tự quyết định.

Phân tích thống kê ( Google Analytics, Bitrix, Yandex.Metrics, v.v.). Hầu hết mọi trang web đều được cài đặt bộ đếm, dữ liệu được cung cấp hoàn toàn miễn phí. Vì vậy, phương pháp này trở thành phương pháp dễ tiếp cận nhất đối với chủ sở hữu tài nguyên Internet. Bạn có thể thực hiện phân tích so sánh số liệu thống kê của các trang web tương tự, nếu có quyền truy cập được cấp. Nhược điểm chính của phương pháp là tính hời hợt của kết luận và lượng dữ liệu không đủ.

Làm việc với các đánh giá từ khách truy cập tài nguyên web. Có điều gì có thể đơn giản hơn việc tự hỏi khách truy cập xem họ muốn thấy gì trên tài nguyên web của bạn không? Nhiều nhà phát triển đăng các biểu mẫu phản hồi và biểu quyết đặc biệt cho mục đích này.

Nếu bất kỳ yếu tố nào trên tài nguyên của bạn gây ra sự phẫn nộ của người dùng, hãy yên tâm, họ sẽ vui vẻ bày tỏ “cảm xúc” của mình. Việc triển khai phản hồi trên trang web và xử lý các đánh giá đến không hề khó khăn, điều quan trọng chính là thực hiện việc đó không chỉ một lần mà là định kỳ.

Kiểm tra khả năng sử dụng của một tài nguyên Internet. Các dịch vụ trực tuyến được thiết kế cho loại công việc này sẽ giúp bạn thử nghiệm.

Giám sát hành động của khách truy cập trang web. Đối với phương pháp này, bạn cũng có thể sử dụng Yandex.Metrica hoặc Webvisor. Họ sẽ ghi lại mọi hành động và bước đi của khách truy cập tài nguyên web. Phương pháp này có rất nhiều ưu điểm: nhiều lựa chọn đầu ra, lượng dữ liệu lớn, phân tích miễn phí, một nhóm mục tiêu rõ ràng, v.v. Phương pháp này sẽ cho phép bạn tìm ra chính xác điều gì đang ngăn cản người dùng đạt được mục tiêu trên tài nguyên của bạn.

Đang thực hiện một cuộc kiểm tra. Nếu muốn đạt kết quả cao, bạn có thể yêu cầu kiểm tra từ các chuyên gia. Phương pháp này Tất nhiên, nó phải trả phí, nhưng tôi đảm bảo với bạn, đó là một trong những cách hiệu quả nhất.

Và cuối cùng, tôi muốn nói rằng khả năng sử dụng chủ yếu dựa vào thói quen và tâm lý của con người. Khi tạo một tài nguyên Internet mới, hãy cố gắng làm cho nó thuận tiện và đơn giản nhất có thể, đây sẽ là chìa khóa thành công của bạn.

Nếu bạn chưa đăng ký nhận tin tức blog của chúng tôi, tôi khuyên bạn đừng ngần ngại và hãy làm như vậy ngay bây giờ. Mỗi ngày chúng tôi bổ sung thêm các bài viết mới, hữu ích và thú vị về phát triển web và quảng bá trang web. Đừng bỏ lỡ Hẹn gặp lại bạn sớm!

JavaScript. Bắt đầu nhanh

Tìm hiểu kiến ​​thức cơ bản về JavaScript với ví dụ thực tế về cách tạo ứng dụng web.

Tại sao một số trang web mang lại nhiều khách hàng hơn những trang khác? Một số phổ biến và được đánh giá cao, trong khi một số khác gây khó chịu khi sử dụng, có chuyển đổi thấp và tỷ lệ thoát cao? Câu trả lời có khả năng nhất và đặc điểm chính Trang web ảnh hưởng đến sở thích của người dùng là khả năng sử dụng, tức là tính dễ sử dụng.

Sự tiện lợi khi nói đến một trang web là gì? Đây là tốc độ, hiệu quả và sự hài lòng mà người dùng của bạn có thể giải quyết một số vấn đề nhất định (mua sản phẩm, tìm thông tin liên hệ của bạn, nhận thông tin về dịch vụ của bạn, v.v.) trên trang web. Khả năng sử dụng đo lường mức độ dễ dàng và đầy đủ mà người dùng mục tiêu của bạn có thể đáp ứng mong đợi của họ và nhận được những gì họ đang tìm kiếm khi truy cập trang web của bạn. Nếu bạn làm cho cuộc sống của người dùng dễ dàng hơn, bạn sẽ đạt được điều đó. Nếu không, anh ấy sẽ rời đi.

Khả năng sử dụng ảnh hưởng trực tiếp đến chuyển đổi trang web và lòng trung thành của người dùng.

Hãy tưởng tượng rằng bạn rất mệt và bạn có 5 phút để nghỉ ngơi. Trước mặt bạn có 2 chiếc ghế sofa: một chiếc ở không gian mở và chiếc thứ hai nằm ở trung tâm mê cung. Để đạt được mục tiêu (nghỉ ngơi), trong trường hợp đầu tiên cần có 1 hành động: ngồi xuống; và trong phần thứ hai - 2 (đi qua mê cung và ngồi xuống). Bạn sẽ ngồi trên ghế sofa nào? Ghế sofa đầu tiên là nơi có khả năng sử dụng cao, chiếc thứ hai - có khả năng sử dụng thấp. Sự lựa chọn của bạn là chuyển đổi.

Luật cơ bản của khả năng sử dụng

Đừng buộc người dùng phải suy nghĩ về điều gì đó hiển nhiên và trực quan!

Ví dụ: nơi nhấp vào để mua sản phẩm, cách truy cập trang chính của trang web hoặc cách liên hệ với bạn. Người dùng không cần phải mất một phần nghìn giây để cố gắng tìm ra mình đang ở đâu, nên bắt đầu từ đâu và nên đi đâu tiếp theo. Nói cách khác, để các trang web hoạt động hiệu quả, chúng cần được thiết kế đơn giản và dễ hiểu.

Quy tắc tám giây

Người ta thường chấp nhận rằng bạn chỉ có 8 giây để thu hút sự chú ý của người dùng - trong thời gian này, anh ta sẽ đưa ra quyết định nên ở lại trang web hay rời khỏi trang web. Tất nhiên, trên thực tế, thời gian này phụ thuộc vào nhiều yếu tố. Nhưng ý tưởng chính là bất biến: liệu khách truy cập vào trang web của bạn có thể hiểu được sau vài giây: bạn là ai? Bạn làm nghề gì? Bạn đang yêu cầu gì? Tại sao anh ta cần phải có mặt trên trang web của bạn?

Điều gì tạo nên khả năng sử dụng?

Khả năng sử dụng thường hoạt động trong tiềm thức: người dùng thường không nghĩ về điều gì khiến họ khó chịu trên trang web của bạn. Anh ta chỉ đơn giản rời bỏ anh ta mà không giải thích lý do. Bạn không thể buộc anh ấy ở lại, nhưng bạn có thể cải thiện trang web để dễ sử dụng hơn:

  • Việc sắp xếp các thành phần của trang web phải như mong đợi: logo, thông tin liên hệ, menu điều hướng, các nút, khối thông tin, v.v.
  • Cấu trúc trang web phải hợp lý, điều hướng phải đơn giản và có thể dự đoán được.
  • Sự xuất hiện của các nút và siêu liên kết phải chỉ rõ rằng chúng có thể được nhấp vào.
  • Định dạng văn bản: phông chữ, tiêu đề, khối văn bản, dấu - phải dễ đọc.
  • Thiết kế của các trang và các thành phần của chúng phải tạo điều kiện thuận lợi cho việc nhận thức thông tin và không cản trở nó.
  • Các biểu tượng và hình ảnh phải tương ứng với văn bản mà chúng minh họa.

Chúng tôi đã quan tâm đến sự tiện lợi của giao diện trên dịch vụ trang web: tất cả các mẫu đều được thiết kế cẩn thận có tính đến quy luật sử dụng. Bằng cách tạo một trang web và điền thông tin vào đó, bạn sẽ có được một sản phẩm ban đầu dễ sử dụng. Tuy nhiên, ngay cả trên một trang web làm sẵn cũng có những yếu tố chỉ phụ thuộc vào bạn. Chúng tôi hy vọng rằng doanh nghiệp của bạn sẽ phát triển thành công và trang web của bạn cũng vậy. Và khi đó việc hiểu rõ các nguyên tắc về khả năng sử dụng sẽ giúp bạn đạt được kết quả tốt hơn.

Cách tự đo lường khả năng sử dụng

Đây là tin xấu: đừng cố đưa ra kết luận về khả năng sử dụng trang web của bạn dựa trên kinh nghiệm cá nhân và dựa vào logic của riêng bạn. Rất có thể, giao diện sẽ có vẻ thuận tiện với bạn vì tầm nhìn của bạn bị “mờ” và bạn biết quá nhiều về nó. Hãy tin tôi, không phải tất cả mọi người đều nghĩ giống bạn, biết giống bạn hoặc sử dụng Internet giống bạn.

Và nó đây Tin tốt: Có một số cách để tự mình có được dữ liệu thực sự khách quan.

1. Tự kiểm tra

Lập danh sách các tình huống người dùng chính dựa trên mục tiêu trang web của bạn.

Ví dụ: đối với một cửa hàng trực tuyến, kịch bản có thể như sau:

  • bắt đầu bằng trang chủ, tìm sản phẩm "A"
  • so sánh giá cả và đặc điểm của nó “N” với sản phẩm “B”
  • tìm hiểu chi phí và thời gian giao hàng
  • đặt hàng sản phẩm có giá thấp hơn và đặc tính “N” lớn hơn.

Tình huống sau đây thường gặp đối với một trang web của công ty:

  • tìm hiểu xem công ty có cung cấp dịch vụ “X” không
  • tên của công ty là gì
  • công ty đã có mặt trên thị trường được bao nhiêu năm?
  • Có văn phòng nào ở thành phố “Y” không
  • tìm số điện thoại của công ty.

Yêu cầu một số người tự hoàn thành những nhiệm vụ này (nghĩa là không đặt câu hỏi khi thực hiện).

Bị đơn có thể là bất kỳ ai, miễn là người đó:

  1. Không tham gia vào việc tạo ra trang web
  2. Gần với chân dung của đối tượng mục tiêu của bạn

Thật tuyệt nếu bạn có thể ghi lại trên video tất cả hành động và phản ứng của người trả lời trong quá trình thử nghiệm: chuyển động chuột và nhấp chuột trên màn hình, nét mặt, giọng nói - điều này sẽ cung cấp cho bạn thông tin vô giá để phân tích khả năng sử dụng của trang web. Điều này có thể được thực hiện bằng cách sử dụng chương trình đặc biệt, ví dụ: Silverback (chương trình tiếng Anh cho Mac OS, giá khoảng 30 USD, thời gian miễn phí 30 ngày).

Trong quá trình thử nghiệm, hãy đo lường thời gian và số lần nhấp chuột của người trả lời để hoàn thành nhiệm vụ. Sẽ rất hữu ích nếu tiến hành thử nghiệm tương tự trên các trang web của đối thủ cạnh tranh hoặc các trang web thành công trong phân khúc của bạn và so sánh kết quả.

2. Phân tích trang web

Các dịch vụ thu thập số liệu thống kê, chẳng hạn như Google Analytics và Yandex.Metrica, sẽ giúp bạn hiểu trang web của bạn thuận tiện như thế nào đối với người dùng. Với sự trợ giúp của họ, bạn sẽ nhận được dữ liệu về số lần nhấp chuột, lộ trình di chuyển (bao gồm cả độ lệch và điểm quay lại), điểm vào và ra của người dùng, các hành động dẫn đến việc hoàn thành mục tiêu của bạn (ví dụ: đặt hàng hoặc tải xuống tệp) trên trang web của bạn , mức độ hấp dẫn của các trang, nội dung, liên kết và nút khác nhau - và rất nhiều dữ liệu khác. Bạn sẽ biết điều gì đang thách thức người dùng của mình, điều gì đang cản trở họ đạt được mục tiêu của bạn và những yếu tố nào trên trang web của bạn cần được cải thiện.

Để bắt đầu thu thập dữ liệu, hãy đăng ký dịch vụ thống kê, lấy mã truy cập và dán vào cuối trang web ().

Tài liệu được sử dụng trong bài viết:

MIEM, khoa EVA.

Mátxcơva, 2004.

Từ khóa:

khả năng sử dụng, HCI, UI, khả năng sử dụng, công thái học, giao diện người dùng, tương tác giữa người và máy, danh sách kiểm tra, giao diện cửa sổ, chất lượng phần mềm, nút, danh sách, trường nhập, biểu tượng, cửa sổ, tab, con trỏ.

Tóm tắt khóa học

Khóa học này chứa thông tin về các chủ đề như: tương tác thông tin, các khía cạnh tâm lý của sự tương tác giữa người và máy, môi trường công cụ để phát triển giao diện người dùng, công thái học và khả năng sử dụng giao diện người dùng của phần mềm và trang web, thiết kế và phát triển giao diện người dùng.

Mục đích và mục đích của khóa học

Khóa học được thiết kế nhằm cung cấp cho sinh viên sự hiểu biết toàn diện về tiêu chuẩn hiện có và các quy tắc xây dựng giao diện người dùng cho phần mềm, về cơ sở tâm lý của việc nhận thức thông tin và phương pháp sử dụng các thuộc tính tâm lý con người trong việc xây dựng giao diện người dùng.

Sau khi học khóa học, sinh viên sẽ có thể đánh giá phần mềm được tạo ra từ quan điểm khả năng sử dụng và thúc đẩy các quyết định hoặc nhận xét của mình trong lĩnh vực giao diện người dùng.

Giới thiệu

Xác định giao diện người dùng

Giao diện là một hệ thống các quy tắc và công cụ điều chỉnh và đảm bảo sự tương tác của một số quy trình hoặc đối tượng.

Giao diện người dùng (UI) là một hệ thống các quy tắc và công cụ điều chỉnh và đảm bảo sự tương tác của chương trình với người dùng.

Giao diện người dùng thường chỉ được hiểu là hình thức bên ngoài của chương trình. Tuy nhiên, trên thực tế, người dùng cảm nhận toàn bộ chương trình thông qua giao diện người dùng, điều đó có nghĩa là sự hiểu biết về giao diện người dùng như vậy là quá hẹp. Trên thực tế, giao diện người dùng kết hợp tất cả các yếu tố và thành phần của chương trình có thể ảnh hưởng đến sự tương tác của người dùng với phần mềm(QUA). Đó không chỉ là màn hình mà người dùng nhìn thấy. Những yếu tố này bao gồm:

    một tập hợp các nhiệm vụ của người dùng mà anh ta giải quyết bằng hệ thống; phép ẩn dụ được hệ thống sử dụng (ví dụ: máy tính để bàn trong MS Windows); điều khiển hệ thống; điều hướng giữa các khối hệ thống; thiết kế trực quan (và không chỉ) của màn hình chương trình; phương tiện hiển thị thông tin, thông tin hiển thị và hình thức; thiết bị và công nghệ nhập dữ liệu; đối thoại, tương tác và giao dịch giữa người dùng và máy tính; phản hồi của người dùng; hỗ trợ quyết định cụ thể lĩnh vực chủ đề; quy trình sử dụng chương trình và tài liệu hướng dẫn sử dụng chương trình đó.

Định nghĩa công thái học

Công thái học (từ công trình ergon và luật nomos của Hy Lạp) là một ngành khoa học và ứng dụng liên quan đến nghiên cứu và sáng tạo hệ thống hiệu quảđược kiểm soát bởi con người.

Công thái học là một nhánh khoa học nghiên cứu một người (hoặc một nhóm người) và hoạt động của người đó (của họ) trong điều kiện sản xuất nhằm mục đích cải thiện công cụ, điều kiện và quy trình lao động.
Đối tượng chính của nghiên cứu công thái học là các hệ thống “người-máy”, bao gồm và cái gọi là. hệ thống ergatic; phương pháp nghiên cứu -- phương pháp tiếp cận hệ thống. (Bách khoa toàn thư “Cyril và Methodius”)

Định nghĩa về khả năng sử dụng

khả năng sử dụng (khả năng sử dụng) : mức độ mà một sản phẩm có thể được sử dụng người dùng nhất địnhđể đạt được mục tiêu của bạn một cách hiệu quả, tiết kiệm và hài lòng trong bối cảnh sử dụng nhất định. (Điều 3.1 của ISO 9241-11)

Tình hình thị trường phần mềm toàn cầu

Sự phát triển của hệ thống thông tin cho thấy sự cạnh tranh giữa các sản phẩm đang chuyển từ lĩnh vực chức năng sang lĩnh vực tiện lợi và thoải mái cho người dùng. Các nhà phát triển đang phải đối mặt với vấn đề thiết kế phần mềm để đảm bảo việc sử dụng phần mềm hiệu quả và tiết kiệm. Trong những điều kiện này, phương pháp thiết kế công thái học trở thành công nghệ đảm bảo sự thành công trên thị trường của dự án.

Các công nghệ đã tồn tại từ lâu có thể cải thiện đáng kể PI. Tuy nhiên, họ không tự sản xuất ra các giao diện công thái học. Ví dụ, GUI bản thân nó không tiện dụng hơn giao diện văn bản và, như kinh nghiệm cho thấy, có thể ít hữu dụng hơn nếu không được thiết kế chính xác.

Trong hầu hết các trường hợp, việc phát triển giao diện người dùng tiêu tốn một phần đáng kể ngân sách và nỗ lực của lập trình viên. Các nghiên cứu được tiến hành cho thấy:

    PI chiếm 47 đến 60 phần trăm mã chương trình; Việc phát triển giao diện người dùng tiêu tốn ít nhất 29% ngân sách dự án và trung bình 40% nỗ lực của nhà phát triển để tạo ra hệ thống.

Tình hình thị trường phần mềm Nga

Hầu hết các doanh nghiệp Nga gần đây mới bắt đầu giải quyết những thách thức trong việc tự động hóa hoạt động của mình và thị trường phần mềm doanh nghiệp vẫn có đặc điểm là tăng trưởng nhanh và cạnh tranh yếu. Trong những điều kiện như vậy, các phương pháp công thái học để thiết kế PI đương nhiên vẫn nằm trong bóng tối. Các nhà phát triển không muốn chi tiền cho việc thiết kế phần mềm thành thạo và kiểm tra khả năng sử dụng phần mềm sau đó. Nhưng tình hình đang thay đổi trước mắt chúng ta.

Sự phát triển của công thái học phần mềm ở Nga có một số điều kiện tiên quyết:

Cạnh tranh vẫn ngày càng gay gắt buộc chúng tôi phải không ngừng nâng cao chất lượng sản phẩm. Giai đoạn chín muồi của thị trường nội địa sản phẩm phần mềm(PP). Bất kỳ phần mềm nào tại thời điểm xuất hiện đều có tương đối ít chức năng và giao diện tương đối đơn giản. Theo thời gian, chức năng sẽ tăng lên và giao diện tương ứng sẽ trở nên phức tạp hơn. Sớm hay muộn, sản phẩm sẽ trưởng thành; ở giai đoạn này, việc thêm chức năng mới hoặc thay đổi chức năng hiện có đòi hỏi các bước song song để tối ưu hóa giao diện, nếu không thì không thể đạt được hiệu quả của chức năng này. Sự gia tăng số lượng người dùng không có kỹ năng máy tính. Chỉ vài năm trước, quyền truy cập vào máy tính chủ yếu dành cho những người dùng khá sành sỏi, nhưng hiện tại, tình hình đã thay đổi. Số người không có khuynh hướng hiểu sự phức tạp của việc cài đặt phần mềm đã tăng lên nhiều lần và hiện chiếm một tỷ lệ rất lớn. Tổng số người dùng. Tuy nhiên, việc sử dụng máy tính trong công việc hàng ngày là điều cần thiết đối với họ. Đó là lý do tại sao sự đơn giản và tiện lợi của giao diện trở thành tiêu chí quan trọng khi lựa chọn phần mềm.

Lợi ích của một IP tốt

Các hệ thống được thiết kế chú trọng đến khả năng sử dụng là tiện dụng. Chúng hoạt động chính xác như người dùng mong đợi và cho phép người dùng tập trung vào các nhiệm vụ thực tế thay vì vào các chi tiết cụ thể khi tương tác với hệ thống. Giao diện hiệu quả là kết quả của việc nhà phát triển không chỉ chú ý đến dữ liệu mà người dùng làm việc mà còn chú ý đến bản thân người dùng, các nhiệm vụ và hoạt động của họ.

Bản thân các phương pháp thiết kế UI lấy người dùng làm trung tâm đều có những ưu điểm nhất định. Rõ ràng là việc xác định và loại bỏ các lỗi trong giai đoạn đầu của thiết kế hệ thống sẽ giúp giảm đáng kể chi phí. Ví dụ: các phương pháp như tạo nguyên mẫu giấy của UI cùng với người dùng cuối dẫn đến sự hiểu biết đầy đủ hơn giữa nhà phát triển và khách hàng phần mềm, từ đó làm giảm khả năng phải làm lại sau đó. Một định nghĩa đầy đủ và rõ ràng hơn về các nhiệm vụ và thỏa thuận về các nguyên tắc xây dựng PI sẽ dẫn đến sự đánh giá đầy đủ hơn về nhiệm vụ của cả khách hàng và nhà thầu, đồng thời cho phép khách hàng tin chắc rằng nhà thầu thực sự quan tâm đến nhu cầu của mình.

Dưới đây là một số lợi ích đáng kể của giao diện người dùng tốt:

1. Tăng khả năng cạnh tranh.

Các nhà phát triển chú ý đến giao diện sản phẩm của họ có thể bỏ xa đối thủ cạnh tranh bằng cách làm cho sản phẩm của họ trở nên đơn giản và dễ sử dụng. Có những ví dụ khi việc phát triển phần mềm được thực hiện tuân thủ các yêu cầu về khả năng sử dụng đã làm tăng thu nhập của nhà sản xuất lên 80%. Đồng thời, người dùng luôn đánh giá tính dễ sử dụng của phần mềm là đặc điểm quan trọng nhất.

2. Giảm chi phí phát triển.

Theo quy luật, chi phí thực tế của phần mềm cao hơn đáng kể so với chi phí phát triển chúng. Chi phí tăng lên do triển khai và hỗ trợ sản phẩm và có thể tăng 80% chi phí phát triển. Điều này là do người lập trình không hiểu rõ mục tiêu và kỳ vọng người dùng cuối sản phẩm, và sự thiếu hiểu biết này bộc lộ ngay sau khi sản phẩm được đưa vào sử dụng. Bằng cách sớm tách biệt các vấn đề về giao diện người dùng trong quá trình phát triển, bạn hầu như luôn có thể giảm chi phí từ 60-90%.

3. Tăng lượng khán giả của sản phẩm.

Ví dụ: Internet có đầy đủ các trang web mà không tính đến nhu cầu của khách truy cập sẽ đẩy lùi khán giả tiềm năng - chúng khó sử dụng, khó tìm thấy thông tin cần thiết về chúng và chúng không truyền tải được thông điệp của chủ sở hữu đến người khách. Bằng cách áp dụng cách tiếp cận lấy người dùng làm trung tâm, bạn có thể tin tưởng rằng tài nguyên sẽ đáp ứng nhu cầu của khách truy cập, điều này sẽ giúp bạn điều hành doanh nghiệp thành công.

Một vi dụ khac. Đội quân người dùng liên tục được bổ sung bởi những người chưa sẵn sàng sử dụng máy tính, chẳng hạn như những người ở độ tuổi trước khi nghỉ hưu, những người trước khi công nghệ máy tính ra đời đã giải quyết khá thành công các vấn đề nghề nghiệp của họ. Với sự ra đời của máy tính tại nơi làm việc, những người này đang gặp phải căng thẳng tinh thần rất lớn. Trước khi có máy tính, họ hiểu rõ bức tranh toàn cảnh về công việc văn phòng nhưng giờ đây họ đã mất đi khả năng này. Hơn nữa, do khả năng học tập bị suy giảm theo tuổi tác, các em thường không thể học cách sử dụng ngay cả những hệ thống rất đơn giản.

Đồng thời, việc thực hiện kiểm tra người dùng và phân tích dân tộc học đối tượng tương lai của hệ thống có thể giảm đáng kể các yêu cầu về kỹ năng máy tính, nhờ đó có thể duy trì Quy trình sản xuất một lượng lớn dân số trong độ tuổi lao động (và có kinh nghiệm).

4. Giảm chi phí đào tạo và hỗ trợ người dùng.

Sử dụng các phương pháp khả năng sử dụng trong thiết kế phần mềm giúp giảm đáng kể thời gian cần thiết cho việc đào tạo người dùng cũng như các nguồn lực hỗ trợ kỹ thuật. Trung bình, sử dụng các phương pháp như vậy trong thiết kế sản phẩm giúp giảm 25% thời gian đào tạo và giảm 60% số cuộc gọi hỗ trợ kỹ thuật.

5. Giảm tổn thất về năng suất của nhân viên khi triển khai hệ thống và hơn thế nữa chóng hồi phục mất năng suất.

Người ta biết rằng thường sau khi đưa hệ thống mới vào doanh nghiệp, năng suất của người lao động giảm đáng kể và có trường hợp công việc bị dừng hoàn toàn. Càng thuận tiện và giao diện đơn giản hơn, càng dễ học và làm quen hệ thống mới, và theo đó, hệ thống này bắt đầu thanh toán nhanh hơn và kiếm được lợi nhuận.

6. Tính khả dụng của chức năng hệ thống đối với số lượng tối đa người dùng.

Vì, theo quan điểm của người dùng, giao diện người dùng là yếu tố quan trọng để hiểu chức năng của chương trình, giao diện được thiết kế kém sẽ hạn chế nghiêm trọng chức năng của toàn bộ hệ thống.

7. Giảm thiểu rủi ro thiên tai.

Theo báo cáo từ nhiều ủy ban điều tra thảm họa độc lập và chính phủ, một trong những nguyên nhân phổ biến nhất gây ra tai nạn là cái gọi là. " nhân tố con người" Thuật ngữ này đề cập đến tình huống trong đó một người trong tình huống nào đó đã chấp nhận cái sai hoặc không chấp nhận. quyết định đúng đắn. Trên thực tế, có thể tránh được một tỷ lệ đáng kể các vụ tai nạn do lỗi của con người nếu giao diện của các hệ thống gây ra thảm họa ngăn cản người vận hành thực hiện những hành động sai trái và giúp họ làm những việc đúng đắn. Xem xét số lượng sinh mạng con người mà thảm họa cướp đi với mức độ thường xuyên đáng buồn, việc tạo ra những giao diện như vậy là một nghĩa vụ đạo đức đối với các nhà phát triển.

Do đó, các chương trình có giao diện người dùng tốt sẽ cải thiện năng suất của người dùng, giảm thiểu lỗi của con người và tăng sự hài lòng chủ quan của người dùng.

Đào tạo chuyên gia phát triển sở hữu trí tuệ

Hiện tại (2003), ở nước ta chưa có ai đào tạo chuyên gia về lĩnh vực thiết kế phần mềm, công thái học và khả năng sử dụng phần mềm. Theo một số nguồn tin có thẩm quyền, hiện có khoảng 20 chuyên gia trong lĩnh vực này. Hầu hết trong số họ đã tham gia vào lĩnh vực công thái học từ thời "Liên Xô", số còn lại đã học với người trước đây hoặc tự học trong nhiều năm. Ngoài nhóm chuyên gia này, còn có một lớp các nhà phát triển khá có trình độ, ít nhất, nhận thấy sự cần thiết phải đi theo hướng phát triển phần mềm có tính đến các yêu cầu về khả năng sử dụng và đang cố gắng làm điều gì đó trong lĩnh vực này. Tuy nhiên, họ chưa có đủ kinh nghiệm.

Tình trạng này chủ yếu là do cho đến nay vẫn chưa có nhu cầu về những dịch vụ như vậy. Bây giờ tình hình đã thay đổi, có hai lựa chọn được đưa ra: hoặc ra nước ngoài và học ở đó, hoặc tự học ở Nga. Nếu chúng tôi loại bỏ tùy chọn đầu tiên vì đắt tiền, thì sơ đồ của tùy chọn thứ hai khá đơn giản: một người nghiên cứu các tài liệu liên quan, chủ yếu bằng tiếng Anh. Trên thực tế, lựa chọn này chỉ khả thi nếu công ty phát triển hiểu được sự cần thiết của một chuyên gia như vậy và quyết định phát triển anh ta từ một nhân viên đã làm việc. Trong trường hợp này, một người có cơ hội củng cố kiến ​​​​thức của mình trong các dự án thực tế, đó là một điều kiện cần thiếtđể phát triển nhân viên thành một người chuyên nghiệp.

Công thái học

Có bốn tiêu chí chính (tất cả những tiêu chí khác đều là phái sinh) về công thái học (chất lượng) của bất kỳ giao diện nào, đó là:

    1. Tốc độ của người dùng 2. Số lỗi do con người 3. Tốc độ học hỏi 4. Sự hài lòng chủ quan của người dùng

Hàm ý rằng sự liên quan của giao diện với các tác vụ của người dùng là một thuộc tính vốn có của giao diện.

1. Hiệu suất người dùng

Có hai hiệu suất khác nhau- Hiệu suất máy tính và hiệu suất con người. Hiệu suất máy tính là một khái niệm kỹ thuật nổi tiếng và có nhiều phương pháp để nâng cao nó. Tăng hiệu suất máy tính sẽ tăng tốc tất cả các quy trình, tăng hiệu quả của chúng và giảm chi phí cho một thao tác.

Tăng hiệu suất máy tính thường dẫn đến tăng năng suất của con người, nhưng vẫn có những trường hợp ngoại lệ. Thứ nhất, điều này đòi hỏi phải tăng hiệu suất của toàn bộ máy tính chứ không chỉ một phần của nó. Trong 20 năm qua, một tình huống kỳ lạ đã phát triển - trong khi sức mạnh của máy tính đã tăng lên vài nghìn lần, tốc độ của người dùng trong một số trường hợp thậm chí còn chậm lại do hệ điều hành và chương trình quá cồng kềnh.

May mắn thay, có nhiều cách để cải thiện năng suất làm việc của con người mà không ảnh hưởng đến phần cứng máy tính. Năng suất phụ thuộc trực tiếp vào thời gian làm việc của người dùng. Thời gian làm việc của người dùng bao gồm

    1.1. Thời gian tiếp nhận thông tin ban đầu 1.2. Thời gian lao động trí tuệ 1.3. Thời lượng các hành động vật lý của người dùng Thời lượng phản ứng của hệ thống

1.2. Thời gian lao động trí tuệ

Sự tương tác của người dùng với một hệ thống (không chỉ hệ thống máy tính) bao gồm bảy bước:

Hình thành mục tiêu hành động; sự định nghĩa định hướng chung hành động; xác định hành động cụ thể; thực hiện hành động; nhận thức về trạng thái mới của hệ thống; giải thích trạng thái hệ thống; đánh giá kết quả.

Từ danh sách này, có thể thấy rõ rằng quá trình tư duy chiếm gần như toàn bộ thời gian mà người dùng làm việc với máy tính trong mọi trường hợp, sáu trong số bảy giai đoạn hoàn toàn bị chiếm giữ bởi hoạt động trí óc; Theo đó, việc tăng tốc độ của những suy nghĩ này sẽ dẫn đến tốc độ làm việc được cải thiện đáng kể. Thật không may, không thể tăng đáng kể tốc độ suy nghĩ thực tế của người dùng. Tuy nhiên, có thể giảm bớt ảnh hưởng của các yếu tố làm phức tạp (và theo đó, làm chậm lại) quá trình tư duy.

    1.2.1. Thao tác trực tiếp 1.2.2. Mất tập trung (gián đoạn) 1.2.3. Hạn chế của việc ra quyết định 1.2.4. định luật Hick

Thông thường, thời gian phản hồi của hệ thống là yếu tố ít quan trọng nhất.

1.2.1. Thao tác trực tiếp

Có những giai đoạn nhất định mà một người thực hiện một công việc phải trải qua. Anh ấy nên biết:

Anh ấy muốn đạt được điều gì từ nó? ít nhất một chuỗi hành động dẫn đến kết quả thành công; anh ta có thể tìm thấy tất cả các đối tượng tham gia thủ tục ở đâu; cách xác định sự phù hợp của đối tượng sử dụng; cách thao tác với đồ vật.

Có một cách để tăng tốc các bước này. Nó được gọi là thao túng trực tiếp. Ý nghĩa của phương pháp này rất đơn giản. Người dùng không đưa ra lệnh cho hệ thống mà thao tác với các đối tượng. Đây là một cách tự nhiên hơn nhiều đối với con người.

Việc sử dụng phổ biến đầu tiên của phương pháp này là Thùng rác để xóa các tệp trên Macintosh (bắt đầu với Windows 95, Thùng rác như vậy đã trở thành tiêu chuẩn trong thế giới Windows, mặc dù nó đã có trước đó). Ý nghĩa của hành động này là nếu bạn kéo biểu tượng file vào thùng rác thì thực tế file này sẽ bị xóa. Để đánh giá rõ hơn ưu điểm của phương pháp này, hãy so sánh ba tùy chọn cho hành động của người dùng bằng cách sử dụng tính năng xóa này làm ví dụ:

Chọn lệnh từ menu

Sử dụng phím nóng

Sử dụng một mục trên thanh công cụ

Thao tác trực tiếp

Hình thành mục đích hành động và kế hoạch tổng thể

Xác định các hành động cần thiết và trình tự của chúng

Lựa chọn tập tin

Tìm menu chịu trách nhiệm xóa

Tìm kiếm lệnh xóa bộ nhớ

Tìm kiếm biểu tượng tương ứng trên màn hình

Tìm kiếm giỏ hàng

Tìm mục menu khiến tập tin bị xóa

Tìm phím Xóa trên bàn phím của bạn

Bấm vào biểu tượng

Di chuyển một tập tin vào thùng rác

Chọn mục menu mong muốn

Nhấn phím Xóa

Từ bảng, có thể thấy ngay rằng phương pháp chọn lệnh từ menu không tốt ở chỗ nó bao gồm số lượng lớn nguyên tử. Mặt khác, nó có ưu điểm là người dùng không biết gì về hệ thống chỉ có thể tìm hiểu bằng cách quét menu rằng các tập tin có thể bị xóa hoàn toàn (trên thực tế, chức năng đào tạo này là ưu điểm chính của menu như một phương thức tương tác của người dùng với hệ thống). Nhưng vì lợi thế này không liên quan trực tiếp đến tốc độ nên chúng ta có thể nói một cách an toàn rằng phương pháp chọn lệnh từ menu không phải là lựa chọn tốt nhất

Số phần tử của phương pháp thứ hai sử dụng phím nóng, cũng lớn nhưng nó có những ưu điểm nhất định. Với mức độ tự động vừa đủ, bạn không cần phải tìm phím trên bàn phím hoặc suy nghĩ xem nên nhấn phím nào. Vì vậy cho người dùng có kinh nghiệm phương pháp này rất tốt vì trong trường hợp này nó bao gồm một và một hành động.

Phương pháp thứ ba, nhấp vào một nút trên thanh công cụ, không bao gồm quá nhiều phần tử nên về mặt hình thức thì tốt. Thật không may, nó không linh hoạt lắm. Số lượng phần tử trong bất kỳ thanh công cụ nào đều bị giới hạn, do đó bạn sẽ không thể linh hoạt với phương pháp này. Chưa kể nhiều thao tác không thể chọn được biểu tượng.

Và cuối cùng, phương pháp thứ tư là thao tác trực tiếp. Ngoài thực tế là bản thân nó bao gồm một số lượng nhỏ nguyên tử, trong một số trường hợp nhất định, nó thậm chí còn ngắn hơn. Thực tế là khi người dùng biết vị trí của thùng rác (thậm chí theo thuật ngữ chung), quá trình xóa tệp bắt đầu bao gồm một hành động duy nhất, tức là người dùng chọn tệp, tìm kiếm thùng rác và kéo tệp vào đó bằng một chuyển động (tính năng chính của một hành động).

Nhân tiện, để phương pháp này hoạt động tốt, giỏ phải liên tục “nổi” phía trên các cửa sổ khác. Gắn Thùng rác vào màn hình nền là một trở ngại cho sử dụng đầy đủ phương pháp thao tác trực tiếp.

Mặc dù ví dụ về chiếc giỏ là nổi tiếng nhất nhưng nó không thể được gọi là ví dụ duy nhất. Ví dụ: cùng một hành động (kéo và thả) hoạt động cả khi xóa và di chuyển tệp. Hơn nữa, nếu bạn kéo một tập tin vào cửa sổ email mà người dùng hiện đang viết, tập tin đó sẽ được chèn vào email dưới dạng tệp đính kèm. Điều này có nghĩa là thao tác trực tiếp có thể làm giảm nghiêm trọng cả số lượng lệnh trong hệ thống lẫn thời gian huấn luyện.

Một lợi ích khác của thao tác trực tiếp trùng lặp với các kỹ thuật giảm lỗi của người dùng. Giả sử rằng người dùng sắp xóa một thông tin quan trọng tập tin hệ thống, không thể giặt được. Ở đây sẽ hoạt động ở đây các phương pháp chọn lệnh trong menu và trên thanh công cụ, cũng như phương pháp thao tác trực tiếp - phần tử có thể bị chặn một cách phòng ngừa. Nếu người dùng cố gắng xóa tệp bằng cách nhấp vào Xóa, hệ thống sẽ không thể hiển thị bằng cách nào đó tính trái phép của hành động của anh ta (ngoại trừ có thể bằng tiếng rít hoặc thông báo lỗi, điều này thường không được chấp nhận). Bây giờ giả sử người dùng sắp xóa tập tin quan trọng, không nên giặt. Không có phương pháp nào ngoài thao tác trực tiếp (bạn có thể thay đổi biểu tượng thùng rác trong khi con trỏ, với tệp được nhấn vào, ở trên nó) sẽ hoạt động ở đây, tức là phương pháp này khác với các phương pháp khác ở tính linh hoạt của nó.

1.2.2. Mất tập trung (gián đoạn)

Đại đa số nhân viên văn phòng liên tục phải đối mặt với sự gián đoạn trong hoạt động của họ. Tới nơi e-mail, gọi điện, một câu chuyện cười được đồng nghiệp kể, hút thuốc - tất cả đều là ví dụ về sự gián đoạn. Hơn nữa, có khá nhiều loại hoạt động mà sự hiện diện của sự gián đoạn là một thuộc tính không thể thiếu, chẳng hạn như công việc của người điều hành bộ phận trợ giúp hoặc hoạt động của người quản lý dành phần lớn thời gian trong ngày để giải quyết các vấn đề hiện tại. vấn đề.

Do đó, sự gián đoạn có tác động đáng kể đến hoạt động của những người dùng đó và tác động này nên được coi là tiêu cực. Thứ nhất, việc phục hồi sau khi bị gián đoạn cần một khoảng thời gian nhất định, thời gian này được trừ vào thời gian làm việc (chưa kể đến thực tế là bản thân sự gián đoạn thường gây lãng phí thời gian). Thứ hai, sự gián đoạn đe dọa đến sai sót của con người, nguyên nhân là tại thời điểm bị gián đoạn, một người quên mất mình đang làm gì. Cũng cần lưu ý rằng sự thay đổi sự chú ý do bị gián đoạn có xu hướng gây mệt mỏi đáng kể và do đó làm giảm năng suất của người lao động.

Thực tế là một người chỉ có một trọng tâm chú ý duy nhất, vì vậy với bất kỳ sự phân tâm nào (không gì khác hơn là chuyển sang một nhiệm vụ khác), trọng tâm chú ý cũ sẽ bị mất. Sẽ không sao nếu việc lấy nét trở lại chỉ cần thay đổi hướng nhìn của bạn. Nhưng khi bị phân tâm, các kích thích mới sẽ thay thế nội dung của trí nhớ ngắn hạn, do đó người dùng buộc phải lưu trữ lại thông tin mong muốn để quay lại làm việc.

Vì vậy, việc giảm tác động của sự gián đoạn đối với hoạt động của người lao động có thể nâng cao hiệu quả của các hoạt động này. Đồng thời, tính đặc thù của tình huống nằm ở chỗ, theo quy luật, rất khó hoặc không thể tự mình thoát khỏi sự gián đoạn. Trong những điều kiện như vậy, ảnh hưởng của họ chỉ có thể giảm đi bằng cách tạo điều kiện cho người lao động quay trở lại hoạt động bị gián đoạn.

Vì vậy, để tiếp tục làm việc, người dùng phải biết:

Anh ta dừng lại ở bước nào? những lệnh và tham số nào anh ta đã đưa ra cho hệ thống; chính xác thì anh ta nên làm gì ở bước hiện tại; nơi sự chú ý của anh ấy hướng vào thời điểm mất tập trung.

Chúng tôi có thể đề xuất như sau cách tiếp cận chung, có thể được các nhà phát triển giao diện sử dụng khi thiết kế các hệ thống hướng tới sự gián đoạn thường xuyên:

Hệ thống phải được trang bị khả năng “đóng băng” trạng thái hiện tại.
Ở trạng thái này, hệ thống sẽ không phản hồi với bất kỳ hành động nào của người dùng (nhấn phím, di chuyển chuột, v.v.). Hơn nữa, việc thoát khỏi chế độ như vậy phải được thực hiện sao cho loại trừ hoàn toàn khả năng thoát khỏi chế độ không tự nguyện. Đương nhiên, khi hệ thống ở trạng thái như vậy, người dùng sẽ được cung cấp các hướng dẫn đơn giản và rõ ràng giải thích cách thoát khỏi trạng thái như vậy (nhiều người đã biết đến giải pháp tương tự từ các trò chơi trong đó bất cứ lúc nào bạn có thể nhấn nút Nút “Tạm dừng”, “hít thở” và tiếp tục trò chơi) Cần phải cung cấp cơ chế kết hợp thoạt động kết hợp điển hình.
Vì vậy, ví dụ, một chuỗi các hành động khác nhau phải được chuyển đổi thành các quy trình tương tác, nhưng được thống nhất bởi một logic chung (Bậc thầy hoặc thứ gì đó tương tự). Điều này sẽ cho phép người dùng hiểu rõ họ đang ở giai đoạn nào của hành động tại một thời điểm nhất định. Cần phải hình dung đầy đủ các đối tượng làm việc của thao tác.
Khi sao chép văn bản từ bảng ghi tạm, người dùng hầu như không biết có gì trên bảng tạm (hoặc có gì ở đó không) cho đến khi họ dán nội dung của bảng ghi tạm vào tài liệu. Nếu nội dung của bảng tạm luôn hiển thị thì vấn đề này sẽ không tồn tại và tải bộ nhớ sẽ ở mức tối thiểu. Cần phải cho người dùng thấythông tin nào đã được nhập từ lâu và thông tin nào đã được nhập gần đây.
Nếu sử dụng phép ẩn dụ “làm khô mực” thì số lượng vấn đề của người dùng (thời gian sử dụng, lỗi) sẽ ít hơn đáng kể. Sử dụng phép ẩn dụ như vậy sẽ hiển thị một cách trực quan sự khác biệt giữa những thay đổi được thực hiện gần đây và những thay đổi được thực hiện từ lâu. Bản chất của phép ẩn dụ là màu sắc của các đối tượng thao tác thực tế (ví dụ: các từ được đánh máy) thay đổi theo một thời gian nhất định trôi qua kể từ thời điểm làm việc trực tiếp với chúng. Đương nhiên, trong trường hợp này, người dùng sẽ có cơ hội điều chỉnh độc lập các thông số như “tốc độ sấy” và độ rời rạc của sự thay đổi màu sắc.

1.2.3. Hạn chế việc ra quyết định

Đừng buộc người dùng chỉ báo cáo các quyết định.

Phần lớn những gì thường bị nhầm lẫn trong việc ra quyết định thực chất là việc truyền đạt một quyết định. Hầu hết các hoạt động thuộc loại này có thể được thay thế bằng máy móc, loại bỏ hoàn toàn người vận hành khỏi quy trình.

Cung cấp cho người dùng thông tin họ cần để đưa ra quyết định một cách nhanh chóng và chính xác.

Đảm bảo rằng người dùng được cung cấp tất cả thông tin cần thiếtđưa ra quyết định. Bạn sẽ thường thấy một chương trình hỏi người dùng một câu hỏi mà họ không thể trả lời nếu không tìm kiếm thông tin ở nơi khác. Một chương trình như vậy rất có thể chưa bao giờ được thử nghiệm trên người dùng; các nhà phát triển nhận ra rằng vì họ biết câu trả lời nên những người khác cũng biết.

Loại bỏ những thông tin không cần thiết.

Người dùng có kinh nghiệm cuối cùng sẽ học cách phân biệt tín hiệu với nhiễu, bất kể giao diện có trở nên lộn xộn đến mức nào. Họ sẽ làm việc chậm hơn, nhưng sẽ không dừng lại. Tuy nhiên, trong các chương trình một lần, tình huống này có thể rất nghiêm trọng.

Đánh dấu trực quan các tùy chọn trả lời có khả năng nhất.

Người dùng có thể dễ dàng nhận ra câu trả lời có khả năng xảy ra nhất. Thông thường, những người tạo chương trình đưa ra cho chúng ta những câu hỏi không rõ ràng với hai phương án trả lời trông giống hệt nhau, mặc dù hầu hết các phương án trả lời đều không chính xác.

Đừng hỏi người dùng về cài đặt mà ý nghĩa của nó không rõ ràng.

Để trả lời câu hỏi này và quyết định xem có cần cài đặt này hay không, người dùng sẽ phải tìm hiểu mọi thứ về nó. Ẩn cài đặt này trong phần “nâng cao”.

1.2.4. định luật Hick

Định luật Hick định lượng quan sát rằng Làm sao số lượng nhiều hơn Bạn càng cung cấp nhiều tùy chọn cho một loại nhất định thì càng mất nhiều thời gian để lựa chọn.

Trước khi di chuyển con trỏ đến mục tiêu hoặc thực hiện bất kỳ hành động nào khác từ một tập hợp các tùy chọn, người dùng phải chọn đối tượng hoặc hành động đó. Định luật Hick phát biểu rằng khi có n phương án để chọn thì thời gian để chọn một phương án sẽ tỉ lệ với logarit cơ số 2 của số phương án cộng 1, với điều kiện là tất cả các phương án đều có khả năng xảy ra như nhau. Ở dạng này, định luật Hick rất giống với định luật Fitts

Nếu xác suất của phương án thứ i là p(i), thì thay vì hệ số logarit, hãy sử dụng

Việc cung cấp cho người dùng nhiều tùy chọn cùng một lúc thường hiệu quả hơn việc tổ chức các tùy chọn giống nhau thành các nhóm phân cấp. Việc chọn từ một menu gồm 8 mục sẽ nhanh hơn việc chọn từ hai menu gồm 4 mục. Nếu tất cả các mục có thể được chọn với xác suất như nhau và không tính đến thời gian cần thiết để mở menu thứ hai (điều này tất nhiên sẽ làm tăng thời gian hơn nữa đối với giao diện bao gồm hai menu), thì hãy so sánh thời gian để chọn một mục trong số tám (a + b log 8) với thời gian gấp đôi để chọn một phần tử từ bốn phần tử 2 (a + b log 4) sẽ cho thấy rằng

a+3b< 2 (a + 2b)

vì log 8 = 3, log 4 = 2, và cũng vì a< 2а и 3b < 4b.

Điều này phù hợp với dữ liệu thu được từ các thử nghiệm với cấu trúc menu.

1.3. Thời lượng các hành động thể chất của người dùng

Bất kỳ hành động thể chất nào được thực hiện với sự trợ giúp của cơ bắp đều có thể chính xác hoặc nhanh chóng. Độ chính xác và tốc độ cùng nhau là cực kỳ hiếm, vì điều này đòi hỏi phải phát triển mức độ tự động hóa đáng kể. Điều này được giải thích bởi các yếu tố sinh lý thuần túy: với một chuyển động đột ngột thì không thể dừng lại nhanh chóng, chuyển động càng chính xác thì càng mượt mà và chậm hơn; Do đó, để hành động vật lý của người dùng diễn ra nhanh chóng thì không nhất thiết phải chính xác.

Người dùng thường điều khiển máy tính theo hai cách, đó là chuột và bàn phím. Bàn phím không yêu cầu độ chính xác đặc biệt của chuyển động - không quan trọng phím được nhấn nhanh hay chậm, mạnh hay yếu. Ngược lại, con chuột có quán tính - có sự khác biệt giữa chuyển động chậm của nó và lực tác dụng nhanh, mạnh và lực tác dụng yếu. Đây là lý do tại sao việc tối ưu hóa việc sử dụng chuột trong hệ thống có thể cải thiện đáng kể tốc độ tổng thể công việc.

Chuột không phải là một công cụ chính xác. Rất dễ dàng để kiểm tra điều này - hãy thử vẽ một vòng tròn đều bằng chuột. Theo đó, chuột không được thiết kế để thực hiện các thao tác rất chính xác, 1 hoặc 2 pixel, chẳng hạn như trong chương trình đồ họa Luôn có tùy chọn di chuyển đối tượng bằng các phím mũi tên. Đây là lý do tại sao bất kỳ thành phần giao diện nhỏ nào cũng sẽ luôn gây ra vấn đề cho người dùng.

Tóm tắt: Định nghĩa về khả năng sử dụng. Cài đặt giao diện người dùng (UI) này có thể được cải thiện bằng cách nào, khi nào và ở đâu? Tại sao nó lại quan trọng đối với một nhà tiếp thị cũng như một nhà thiết kế web?

Bài đăng này trình bày một bài viết của cơ quan có thẩm quyền lớn nhất thế giới trong lĩnh vực này, Jakob Nielsen, được điều chỉnh cho phù hợp với các chi tiết cụ thể của tiếp thị trên web.

Dưới đây là các thuật ngữ và thông số chính mô tả thiết kế và khả năng sử dụng của trang web bán hàng, đồng thời cung cấp câu trả lời cho các câu hỏi chính mà cả nhà tiếp thị và nhà thiết kế web có thể có.

Sự định nghĩa

Khả năng sử dụng là thước đo định tính để đánh giá mức độ dễ sử dụng của giao diện người dùng. Tính từ “chất lượng” trong định nghĩa của thuật ngữ này có nghĩa là nó không thể được biểu thị dưới dạng các thông số định lượng, không giống như tỷ lệ nhấp (CTR), lợi tức đầu tư (ROI) hoặc chi phí cho mỗi khách hàng tiềm năng (CPL). Nói cách khác, chúng ta sẽ không thể tính giá trị chính xác của tham số này và viết nó ra bằng số. Bản dịch ngữ nghĩa của Khả năng sử dụng là “dễ sử dụng”.

Tham số này cũng đề cập đến các cách đơn giản hóa việc sử dụng giao diện người dùng (UI, giao diện người dùng) được sử dụng trong quá trình thiết kế của nó.

Chúng tôi đề xuất xem xét thuật ngữ UI theo nghĩa thực tế hẹp theo quan điểm của nhà tiếp thị Internet - giao diện người dùng là hình ảnh trực quan của trang đích, trang web Thương mại điện tử hoặc giải pháp SaaS, được hiển thị trên màn hình của đại diện mục tiêu khán giả.

Đổi lại, tính dễ sử dụng được xác định bởi 5 thành phần chất lượng (tiêu chí cấp thấp hơn):

Khả năng học tập(Khả năng học hỏi): Người dùng có thể hoàn thành các tác vụ chuyển đổi dễ dàng như thế nào khi lần đầu tiên họ nhìn thấy thiết kế trang đích?

Hiệu quả(Hiệu quả): Khi người dùng đã xem thiết kế của tài nguyên web, họ có thể hoàn thành nhiệm vụ trước mắt nhanh như thế nào?

Khả năng ghi nhớ(Khả năng ghi nhớ): Nếu người dùng quay lại một trang web sau một thời gian dài vắng bóng, họ sẽ có thể ghi nhớ thuật toán hoàn thành tác vụ chuyển đổi dễ dàng đến mức nào?

Lỗi(Lỗi): người dùng sẽ mắc phải bao nhiêu lỗi khi tương tác với trang đích/trang web, những lỗi này nghiêm trọng đến mức nào và người dùng có thể khắc phục những lỗi này dễ dàng như thế nào (tức là liệu họ có thất vọng đến mức họ sẽ đơn giản rời khỏi tài nguyên web)?

Sự hài lòng(Hài lòng): Sử dụng giao diện người dùng này dễ chịu đến mức nào?

Đây chính là khả năng sử dụng hệ thống phần mềm và trang đích.

Có những thuộc tính thiết kế chất lượng quan trọng khác. Một tham số quan trọng liên quan đến chức năng của giao diện người dùng là tiện ích: thiết kế có đáp ứng được nhu cầu cơ bản của người dùng không?

Tính khả dụng và tính hữu dụng đều quan trọng như nhau và chỉ thông qua sự kết hợp của 2 thông số này, bạn mới có thể xác định được điều gì hữu ích cho người dùng: việc thực hiện một hành động có dễ dàng như thế nào không quan trọng nếu bạn không cần nó.

Tuy nhiên, điều đó cũng tệ không kém nếu khách truy cập truy cập trang đích sau truy vấn tìm kiếm, hiểu rằng về mặt lý thuyết anh ta có thể thực hiện hành động chuyển đổi mà anh ta mong muốn, nhưng trên thực tế, anh ta sẽ không thể thực hiện được mong muốn của mình, đơn giản vì giao diện người dùng quá phức tạp.

Để nghiên cứu tính hữu ích của thiết kế, các phương pháp tương tự được sử dụng như nghiên cứu khả năng sử dụng (chúng ta sẽ thảo luận về chúng dưới đây).

Vì vậy, hãy đưa ra 3 định nghĩa về thiết kế nhằm thúc đẩy khả năng sử dụng trong giao diện người dùng có điều kiện:

Sự hữu ích/tiện ích= liệu thiết kế có cung cấp cho người dùng những chức năng cần thiết hay không.

Khả năng sử dụng= thật dễ dàng và thú vị khi sử dụng các chức năng này.

Thiết kế hữu ích= dễ sử dụng + hữu ích.

Tại sao khả năng sử dụng lại quan trọng?

Trên Internet, tính dễ sử dụng là điều kiện tiên quyết, đặc biệt trong lĩnh vực thương mại điện tử bất kỳ định dạng nào. Nếu trang đích bán hàng hoặc giải pháp SaaS khó sử dụng, khách truy cập sẽ tìm đến đối thủ cạnh tranh.

Nếu như Trang chủ Không thể nêu rõ những gì công ty cung cấp và giải thích những gì các thành viên của đối tượng mục tiêu có thể làm trên tài nguyên web, người dùng “bỏ chạy để lấy mạng”. Phản ứng tương tự sẽ xảy ra do thiếu điều hướng rõ ràng, sự bất tiện khi đọc nội dung văn bản (“bức tường văn bản” khét tiếng), các câu trả lời lảng tránh, thiếu thuyết phục hoặc kém cỏi cho các câu hỏi chính.

Đây là mô hình hành vi cơ bản trong hành vi trực tuyến của một người: anh ta sẽ không đọc hướng dẫn sử dụng trang đích/trang web hoặc lãng phí thời gian để tìm hiểu cách cấu trúc và hoạt động của một giao diện web cụ thể. Có rất nhiều tài nguyên web khác có sẵn chỉ bằng một cú nhấp chuột. Rời đi là phản ứng phòng thủ đầu tiên của du khách khi gặp khó khăn.

Bây giờ chúng ta hãy nhớ lại “luật đầu tiên của thương mại điện tử”:

Nếu khách truy cập không tìm thấy sản phẩm, họ sẽ không mua sản phẩm đó.

Nielsen lập luận rằng cách tốt nhất hiện nay là dành 10% tổng ngân sách thiết kế cho việc tối ưu hóa khả năng sử dụng.

Cách tiếp cận này mang lại sự gia tăng chỉ số chất lượng tài nguyên web hơn 2 lần (Nielsen, như một tiêu chí gián tiếp để đánh giá mức độ dễ sử dụng, sử dụng ROI làm thông số có giá trị chính xác giá trị số và anh ấy đã nhiều lần theo dõi mối quan hệ giữa tính dễ sử dụng của giao diện và tỷ lệ lợi tức đầu tư trong quá trình thực hành lâu dài của mình).

Tăng gấp đôi doanh số bán hàng, tăng gấp đôi số lượng khách hàng tiềm năng đã đăng ký, tăng gấp đôi bất kỳ kết quả tiếp thị nào - chẳng phải đó là lý lẽ đủ thuyết phục để cuối cùng chú ý đến khả năng sử dụng của trang đích sao?

Làm thế nào để cải thiện khả năng sử dụng?

Có nhiều phương pháp nghiên cứu thông số này nhưng phương pháp chính và hữu ích nhất là kiểm tra người dùng, gồm 3 thao tác tuần tự:

  • Thu hút một số người dùng đại diện đại diện cho thị trường mục tiêu.
  • Người tham gia thử nghiệm thực hiện các tác vụ chuyển đổi điển hình.
  • Quan sát họ: họ làm gì, họ thành công ở đâu, họ gặp khó khăn gì khi tương tác với giao diện người dùng.

Các nhà tiếp thị không nên can thiệp vào cuộc thử nghiệm dưới bất kỳ hình thức nào, để người tham gia giải quyết mọi vấn đề một cách riêng lẻ. Bất kỳ gợi ý nào sẽ phủ nhận kết quả của thí nghiệm.

Để xác định những vấn đề quan trọng nhất, 5-10 người dùng là đủ. Không cần thiết phải thực hiện một nghiên cứu quy mô lớn tốn kém; một loạt thử nghiệm với số lượng người tham gia ít sẽ hiệu quả hơn nhiều, nhưng mỗi thử nghiệm nên được thực hiện sau mỗi lần thay đổi thiết kế để bạn có thể sửa các sai sót cho phù hợp. ngay khi chúng được phát hiện.

Chúng ta hãy nhớ lại rằng phương pháp này được gọi là thiết kế lặp và nó cũng được sử dụng trong quá trình thiết kế lại trang web để tăng chuyển đổi, mặc dù trong trường hợp thứ hai, tình huống đơn giản hơn nhiều: mỗi lần lặp lại kết thúc bằng một thử nghiệm phân tách thông thường.

Và tất nhiên, chúng ta có thể thử nghiệm càng nhiều phiên bản và ý tưởng thiết kế giao diện thì càng tốt.

Không nên nhầm lẫn việc kiểm tra người dùng với khảo sát nhóm tập trung - phương pháp này tốt cho việc nghiên cứu thị trường mục tiêu nhưng không phù hợp để đánh giá khả năng sử dụng. Nhà tiếp thị chỉ cần tiếp nhận và phân tích các ý kiến ​​nhận được từ nhóm tập trung; người thiết kế giao diện người dùng phải đích thân xem cách mỗi người dùng hoàn thành nhiệm vụ chuyển đổi bằng giao diện web được thiết kế.

Khi nào bắt đầu tối ưu hóa khả năng sử dụng?

Tham số này đóng vai trò ở mọi giai đoạn của quá trình phát triển thiết kế giao diện web. Do đó, cần có nhiều thử nghiệm, tuy nhiên, mỗi thử nghiệm đều có thể được thực hiện nhanh chóng và rẻ tiền.

Dưới đây là các bước cơ bản:

  • Trước khi bạn bắt đầu phát triển giao diện người dùng mới hoặc thiết kế lại nó, hãy kiểm tra phiên bản cũ để xác định tính tiện lợi và hữu ích cho người dùng những yếu tố có thể được sử dụng trong tương lai.
  • Tiến hành cái gọi là nghiên cứu thực địa - quan sát cách đại diện của đối tượng mục tiêu cư xử trong “môi trường sống tự nhiên” của họ, tức là trong một môi trường quen thuộc khi truy cập tài nguyên web ưa thích của họ: họ có sử dụng , họ cuộn trang bằng con lăn chuột hay một động cơ thanh cuộn dọc, v.v.
  • Đây là cách bạn có thể hình thành ý kiến ​​gần đúng về cách khách truy cập trong tương lai tưởng tượng về tính dễ sử dụng.
  • Tạo một vài bản phác thảo thô, đơn giản về các thiết kế mới và bắt đầu. kiểm tra người dùng sớm nhất có thể. Đừng lãng phí thời gian miệt mài nghiên cứu các ý tưởng thiết kế—bạn sẽ phải thay đổi tất cả chúng dựa trên kết quả thử nghiệm.
  • Dần dần chuyển từ một nguyên mẫu đáp ứng được nhiều nhất yêu câu chungđến thiết kế web được áp dụng trong lĩnh vực tiếp thị của bạn, đến bản trình bày máy tính chất lượng cao được tùy chỉnh cho trang đích/trang web của bạn. Đừng quên kiểm tra mỗi lần lặp lại!
  • Kiểm tra thiết kế xem có tuân thủ các quy tắc được chấp nhận chung không (ví dụ: có rất nhiều tác phẩm về chủ đề này, chẳng hạn như Jakob Nielsen).
  • Nếu bạn quyết định rằng cuối cùng bạn đã hoàn thành tùy chọn mới thiết kế, kiểm tra lại - các vấn đề nhỏ về khả năng sử dụng luôn “lộ ra ánh sáng” một cách chính xác trong quá trình triển khai giao diện mới trên tài nguyên web.

Đừng trì hoãn việc thử nghiệm người dùng cho đến khi thiết kế mới hoạt động đầy đủ. Nếu bạn làm điều này, sẽ không thể khắc phục được phần lớn các vấn đề quan trọng.