Cách tạo giao diện hoàn hảo. Khả năng sử dụng - khái niệm chung. Nguyên tắc Gestalt về nhận thức hình thức
Ngày 12 tháng 5 năm 2011 lúc 5:03 chiềuTâm lý khả năng sử dụng: ảnh hưởng của sở thích người dùng đến nhận thức về giao diện
- Blog phần mềm ALEE
Cuộc tranh luận giữa những người theo chủ nghĩa duy lý và những người theo chủ nghĩa kinh nghiệm về nguồn gốc tri thức của con người là một trong những vấn đề trang thú vị nhất trong lịch sử triết học và tâm lý học. Ngày nay, những khám phá trong lĩnh vực khoa học đặc biệt (sinh lý thần kinh, tâm lý học nhận thức, ngôn ngữ học, nghiên cứu trí tuệ nhân tạo v.v.) buộc chúng ta phải xem lại các cuộc thảo luận này và xem xét các vấn đề truyền thống từ một góc độ không ngờ tới.
Chủ nghĩa kinh nghiệm đề cập đến quan điểm cho rằng nguồn kiến thức chính của con người là kinh nghiệm giác quan. Như triết gia người Anh thế kỷ 18 John Locke, một trong những người ủng hộ chủ nghĩa kinh nghiệm nổi tiếng nhất trong triết học và tâm lý học, đã nói, ý thức của con người là một “tảng trống” (tabula rasa) trên đó áp dụng các dấu hiệu của ấn tượng giác quan. Trí tuệ không có ảnh hưởng gì đến nhận thức giác quan; chức năng của nó chỉ được rút gọn thành việc khái quát hóa dữ liệu thu được từ trải nghiệm giác quan.
Ngược lại với chủ nghĩa kinh nghiệm chủ nghĩa duy lý Lý trí được coi là nguồn kiến thức chính. Các triết gia và nhà tâm lý học theo quan điểm của chủ nghĩa duy lý tin rằng tâm trí con người hoàn toàn không phải là một “tảng trống”: nhận thức của chúng ta về mọi thứ có thể bị ảnh hưởng bởi cả những thành phần bẩm sinh và kinh nghiệm trước đó. Tâm lý học thực nghiệm của thế kỷ XX đã chỉ ra rằng nhận thức giác quan của chúng ta luôn theo một cách nào đóđịnh hướng. Khi chúng ta tiếp nhận những điều mới mẻ, chúng ta luôn diễn giải chúng dựa trên toàn bộ hệ thống những thành kiến và định kiến. Ví dụ: để minh họa các luận điểm được trình bày, bạn có thể so sánh cách đưa tin về cùng một sự kiện trong các bản tin trên các kênh truyền hình khác nhau: được xếp chồng lên cùng một hình ảnh văn bản khác nhau, tạo cho khán giả một thái độ trên cơ sở đó việc giải thích những gì có thể nhìn thấy được thực hiện.
Những định kiến và định kiến đóng một vai trò rất lớn trong quá trình tương tác giữa con người và máy móc. Để tạo giao diện thân thiện với người dùng nhất có thể, cần phải tính đến tất cả các cài đặt và mong đợi của người dùng - nếu không, ứng dụng hoặc trang web có thể trở nên không thân thiện với người dùng hoặc nói cách khác là ngôn ngữ hiện đại, không sử dụng được.
Thông thường, bản thân các nhà phát triển, nhà thiết kế và chuyên gia về khả năng sử dụng quên rằng họ cũng phát triển một hệ thống định kiến và định kiến ảnh hưởng đến công việc của họ. Kết quả là, sản phẩm hoàn thiện thường nhận được sự đánh giá cao từ các lập trình viên và nhà thiết kế, nhưng không người dùng cuối. Tất nhiên, dựa trên nhiều nghiên cứu, bạn có thể hiểu rõ hơn hoặc ít hơn về nhu cầu của người dùng. Nhưng đây là cách một người được thiết kế để trong các hoạt động hàng ngày của mình, anh ta sẽ tính đến ý kiến của các đại diện của nhóm mà anh ta thường xuyên tham gia, thay vì ý kiến của một số người dùng trừu tượng. Dựa trên các tài liệu từ blog SixRevisions, chúng ta hãy xem xét một số điển hình cài đặt tùy chỉnh.
"Tôi biết nó nên ở đâu"
Người dùng Internet đã phát triển một hệ thống ý tưởng về vị trí của các thành phần trang web nhất định. Ví dụ: nhiều người dùng “tự động” bắt đầu tìm kiếm trường nhập thông tin đăng nhập và mật khẩu ở bên phải góc trên cùng màn hình.
Trường nhập thông tin đăng nhập và mật khẩu của bạn nằm ở góc trên bên phải trên trang web Mint.Com.
"Tôi biết nó sẽ trông như thế nào"
Người sử dụng có một hệ thống các thành kiến và định kiến gắn liền với vẻ bề ngoài các trang web. Ví dụ, yếu tố đồ họa với các cạnh vát hầu như luôn được họ coi là một cái nút bấm.
"Tôi biết nó phải hoạt động như thế nào"
Trong quá trình tương tác hàng ngày với mọi thứ (cả trực tuyến và ngoại tuyến), người dùng phát triển những thành kiến mà sau đó ảnh hưởng đến nhận thức của họ về giao diện. Ví dụ: khi nhấp vào một liên kết, hầu hết mọi người đều mong đợi nội dung mới xuất hiện trên màn hình ở cùng một vị trí và ở cùng định dạng. Nếu người dùng nhấp vào liên kết và không thấy văn bản mong đợi ở định dạng html mà là thông báo về việc bắt đầu tải xuống tệp pdf, điều này có thể gây nhầm lẫn. Do đó, điều rất mong muốn là trang web có các cảnh báo về những sai lệch có thể xảy ra so với mong đợi của người dùng.
Sự giới thiệu: Khi phát triển ứng dụng và trang web, bạn nên cân nhắc kỹ mọi thứ hành động có thể người dùng. Thật không may, điều thường xảy ra là người ta chú ý nhiều đến các vấn đề thiết kế hơn là xây dựng một logic thích hợp để trình bày thông tin. Các chiến lược hành vi người dùng khả thi có thể được khám phá bằng cách tiến hành kiểm tra khả năng sử dụng dựa trên các nguyên mẫu tương tác.
"Tôi biết nó nên được gọi là gì"
Được biết, người dùng không đọc kỹ các văn bản đăng trên trang web mà chỉ quét bằng mắt để tìm kiếm. thông tin cần thiết. Vì vậy, văn bản đăng trên website phải chứa đựng từ khóa, qua đó du khách có thể dễ dàng tìm thấy thứ họ cần. Ví dụ: khi nhấp vào liên kết “liên hệ” hoặc “liên hệ với chúng tôi”, người dùng sẽ thấy một trang có địa chỉ, số điện thoại và thông tin liên hệ khác.
Trên website Techi.Com đăng tin tức thế giới công nghệ cao, liên kết Liên hệ với chúng tôi hiện có ở cuối mỗi trang.
Sự giới thiệu: Gửi địa chỉ cho người dùng bằng ngôn ngữ họ hiểu. Giao diện phải rõ ràng và minh bạch cho người xem trang web. Tránh sự độc đáo vì sự độc đáo và không đặt những cái tên khoa trương cho các thành phần giao diện điển hình.
Từ những điều trên, chúng ta có thể rút ra kết luận sau: khi tạo một ứng dụng hoặc trang web, bạn cần có khả năng nhìn thấy “sự việc đang diễn ra” qua con mắt của người dùng. Khi tạo điều kiện thuận lợi cho người dùng làm việc, bạn cần chấp nhận con người thật của họ. Và phấn đấu để sản phẩm đã tạo rõ ràng nhất có thể đối với tất cả mọi người - cả đối với các chuyên gia và những người mới bắt đầu sử dụng máy tính trong hoạt động hàng ngày.
Sự hài lòng về sản phẩm được định nghĩa là “sự thoải mái và khả năng chấp nhận sử dụng”. Việc xác định sự hài lòng khá khó khăn vì trước hết nó là thành phần cảm xúc. Các ước tính sau đây đã được đưa ra:
Đánh giá theo thang đo mức độ hữu ích của sản phẩm hoặc dịch vụ.
Đánh giá theo thang điểm mức độ hài lòng về chức năng của sản phẩm.
Số lần người dùng cảm thấy tức giận hoặc không hài lòng với sản phẩm.
Đánh giá trên thang đo hiệu quả công nghệ của việc quản lý tác vụ mà không có sự tham gia của người dùng.
Đánh giá mức độ thực hiện công nghệ của một nhiệm vụ đáp ứng nhu cầu của người dùng.
Quy tắc và nguyên tắc sử dụng
Có một số cơ bản quy tắc và nguyên tắc của khả năng sử dụng, điều mà bạn nên chú ý khi phát triển thiết kế trang web hoặc thay đổi cấu trúc của nó.
Những điểm chính cần kiểm tra ở giai đoạn này như sau:
hiển thị chính xác của trang web trong các trình duyệt khác nhau Tại cài đặt khác nhau màn hình điều khiển;
sự liên quan Thông tin mấu chốt và thông tin về các ưu đãi đặc biệt;
dễ dàng điều hướng trang web;
dễ dàng tìm kiếm và đặt mua hàng hóa (dịch vụ).
mức độ hài lòng của người dùng khi sử dụng trang web ( kiểm tra khả năng sử dụng với sự tham gia của người dùng từ khán giả mục tiêuđịa điểm)
Các quy tắc và nguyên tắc cơ bảnkhả năng sử dụng được đăng trên tạp chí Smashing Magazine, ngày 31 tháng 10 năm 2007.
Sau đây là một đoạn trích từ bài viết:
“Một nhà phát triển web chuyên nghiệp phải là người ủng hộ khách truy cập trang web, bảo vệ lợi ích của anh ta và đảm bảo rằng bất kể trang web có phức tạp đến đâu, người dùng sẽ luôn có thể tìm thấy thứ mình cần. Để thực hiện thành công những nhiệm vụ này, bạn phải có khả năng bảo vệ hiệu quả các ý tưởng và giải pháp của mình trong các cuộc thảo luận với khách hàng và đồng nghiệp. Công việc của bạn là sửa chữa những ý tưởng tồi và quan niệm sai lầm, chứ không phải mù quáng chạy theo chúng.
Tất nhiên, sự hiểu biết sâu sắc về các nguyên tắc cơ bản của khả năng sử dụng là điều quan trọng đối với điều này, nhưng để đề cập đến chúng trong một cuộc thảo luận, điều quan trọng không kém là phải biết những khái niệm này được gọi là gì. Hơn nữa, việc sử dụng các định nghĩa chính xác có thể giúp bạn bảo vệ quan điểm của mình trong một cuộc thảo luận.”
^ Quy tắc 7±2
Khả năng xử lý thông tin của não không phải là vô hạn, theo kết quả nghiên cứu của George Miller, trí nhớ ngắn hạn có thể chứa cùng lúc từ 5 đến 9 thực thể. Thực tế này thường được sử dụng để biện minh cho sự cần thiết phải giảm số lượng phần tử trong menu điều hướngđến 7, điều này gây ra cuộc tranh luận sôi nổi, vì vẫn chưa hoàn toàn rõ ràng về cách áp dụng quy tắc này trên web. [ Nghiên cứu của Miller ]
quy tắc 2 giây
Vấn đề là người dùng không nên đợi quá 2 giây cho bất kỳ phản ứng nào của hệ thống, chẳng hạn như khởi chạy hoặc chuyển đổi một ứng dụng. Giá trị 2 giây là tùy ý, nhưng có vẻ đủ phù hợp. TRONG trường hợp chung, người dùng càng ít chờ đợi thì càng tốt.
^ Quy tắc 3 lần nhấp
Người dùng sẽ không hài lòng khi sử dụng một trang web nếu anh ta không thể tìm thấy thông tin mình cần sau ba lần nhấp chuột. Nói cách khác, quy tắc này nhấn mạnh tầm quan trọng của việc điều hướng rõ ràng và đơn giản. Trong nhiều trường hợp, điều quan trọng không phải là số lần nhấp chuột cần thiết mà là mức độ dễ hiểu tổng thể của hệ thống; thậm chí 10 lần nhấp chuột cũng không phải là vấn đề nếu ở mỗi giai đoạn, người dùng hiểu rõ mình đang ở đâu và nên di chuyển tiếp theo ở đâu. .
^ Quy luật 80/20 (Nguyên tắc Pareto)
Ý tưởng là 80% hiệu quả đến từ 20% hành động. Trong kinh doanh, quy luật này thường được áp dụng dưới dạng: “80% doanh thu đến từ 20% khách hàng”. Trong thiết kế web và khả năng sử dụng, quy tắc này hoạt động không kém phần hiệu quả. Ví dụ: bạn có thể cải thiện đáng kể tác động của một trang web bằng cách xác định 20% người dùng, khách hàng, hành động, sản phẩm hoặc quy trình tạo ra 80% lợi nhuận và đặc biệt chú ý đến họ trong quá trình phát triển.
^ Tám quy tắc vàng dành cho lập trình viên front-end
Là kết quả nghiên cứu của mình về sự tương tác giữa con người và máy tính, Ben Shneiderman đã biên soạn một bộ quy tắc có thể được sử dụng để thiết kế nhiều loại giao diện. Những nguyên tắc này phù hợp với cả nhà phát triển giao diện và nhà thiết kế web.
Phấn đấu logic
Đối với người dùng nâng cao nên có đường tắt(viết tắt, phím nóng, macro)
Cần có những thông tin phản hồi hữu ích
Cuộc đối thoại phải được hoàn thành
Xử lý lỗi phải đơn giản
Phải có một cách dễ dàng để hoàn tác các hành động
Người dùng sẽ cảm thấy rằng mọi thứ đều nằm trong tầm kiểm soát của mình
Giữ trí nhớ ngắn hạn của bạn ở mức thấp nhất có thể
Một mô hình chuyển động của con người do Paul Fitts công bố năm 1954 xác định thời gian cần thiết để du lịch nhanhđến khu vực mục tiêu dưới dạng hàm của khoảng cách đến mục tiêu và kích thước mục tiêu. Thông thường, quy tắc này được sử dụng khi xem xét chuyển động của chuột từ điểm A đến điểm B. Điều này có thể quan trọng khi đặt các phần tử mà bạn muốn tăng số lần nhấp chuột vào.
^ Kim tự tháp ngược
Kim tự tháp ngược là lối viết trong đó ý chính được trình bày ở phần đầu của bài viết. Bài viết bắt đầu bằng một kết luận, tiếp theo là những điểm chính, và hoàn thành ít nhất Thông tin quan trọng. Người dùng muốn nhận thông tin nhanh nhất có thể, vì vậy kim tự tháp ngược là sự lựa chọn hoàn hảo cho web. Chuyên gia về khả năng sử dụng Jakob Nielsen cũng có cùng quan điểm. .
Sự hài lòng
Người dùng không chọn được đường dẫn tối ưu khi tìm kiếm thông tin cần thiết. Họ không cần giải pháp tốt nhất và đáng tin cậy nhất, trái lại, họ thường sẵn sàng hài lòng với những giải pháp nhanh chóng chứ không phải nhất. giải pháp tốt nhất, điều này sẽ “khá chấp nhận được”. Liên quan đến web, sự hài lòng được mô tả chính xác trong trường hợp này: người dùng đã nhận được giải pháp “hoàn toàn chấp nhận được” cho vấn đề - ngay cả khi các giải pháp thay thếđáp ứng đầy đủ hơn các yêu cầu dài hạn của nó.
^ Tâm lý trong khả năng sử dụng
Hội chứng vịt con
Người dùng thường gắn bó với thiết kế đầu tiên họ tìm hiểu và đánh giá người khác dựa trên mức độ giống nhau của họ với thiết kế đó. Kết quả là, người dùng thích những hệ thống tương tự với những hệ thống mà họ biết và không thích những hệ thống khác. Vấn đề này thường xảy ra trong quá trình thiết kế lại, người dùng đã quen với phiên bản trước thiết kế, họ không cảm thấy thoải mái với cấu trúc trang web mới.
^ Biểu ngữ mù
Người dùng bỏ qua bất cứ điều gì trông giống như quảng cáo và điều thú vị là họ làm điều đó khá hiệu quả. Mặc dù mọi người chú ý đến quảng cáo, cô ấy vẫn luôn bị phớt lờ. Người dùng đã phát triển các mô hình khá rõ ràng mà họ tuân theo khi thực hiện các hành động khác nhau trên web: để tìm kiếm thông tin cần thiết, họ tập trung vào những phần của trang nơi có thể tìm thấy thông tin này - trên văn bản chính và các siêu liên kết. Các biểu ngữ hoạt hình lớn, đầy màu sắc hoàn toàn bị bỏ qua trong trường hợp này.
^
Hiệu ứng không chắc chắn (hiệu ứng Zeigarnik)
Con người không thể chịu đựng được sự không chắc chắn - chúng tôi cố gắng tìm câu trả lời cho những câu hỏi đang nổi lên càng nhanh càng tốt. Hiệu ứng không chắc chắn dựa chính xác vào đặc điểm này của hành vi con người. Các video, bài viết và câu chuyện sử dụng hiệu ứng không chắc chắn thường kết thúc đột ngột mà không giải quyết được một tình huống khó khăn hoặc trả lời các câu hỏi nảy sinh. Hiệu ứng này thường được sử dụng trong quảng cáo: hỏi du khách một cách thú vị và câu hỏi khiêu khích, các nhà quảng cáo thường buộc bạn phải đọc tài liệu hoặc nhấp vào liên kết.
Được phát hiện bởi Bluma Zeigarnik vào năm 1927, hiệu ứng này giúp thiết lập mối liên hệ cảm xúc với người đọc và cực kỳ hiệu quả trong tiếp thị. Người đọc sẽ nhớ rõ hơn nội dung của quảng cáo và thậm chí bộ phận nhỏ sẽ được ghi nhớ rõ ràng và chính xác hơn. Hiệu ứng Zeigarnik cũng được sử dụng khi viết văn bản cho web để thu hút và quan tâm đến khách truy cập.
^
Nguyên tắc Gestalt về nhận thức hình thức
Đây là những quy tắc cơ bản của tâm lý con người trong bối cảnh thiết kế giao diện người-máy tính.
^ Luật tiệm cận nói rằng khi chúng ta nhìn thấy một tập hợp các đồ vật, chúng ta nhận ra những đồ vật ở gần nhau hơn là một nhóm. 
Một ví dụ thực tế về quy luật tiệm cận từ Giải thưởng Âm nhạc MTV 2002.
^ Luật tương tự nói rằng một người vô thức nhóm các đối tượng tương tự.
Luật Prägnanz tuyên bố rằng cùng một vật thể có thể đóng một vai trò quan trọng trong một trường thị giác và là một phần nền trong một trường khác.
Trong logo Macintosh, bạn có thể thấy cả khuôn mặt vui vẻ bình thường và khuôn mặt vui vẻ trong phần nhìn nghiêng.
^ Định luật đối xứng nói rằng chúng ta có xu hướng nhận thức các vật thể đối xứng như một vật thể duy nhất.
Luật đóng cửa nói rằng mọi người có xu hướng kết hợp các đối tượng không thực sự thống nhất. 
^
Hiệu ứng tự tham khảo
Hiệu ứng này đặc biệt quan trọng khi tạo văn bản cho web vì nó có thể cải thiện đáng kể kết nối giữa tác giả và người đọc. Những điều liên quan đến chúng tôi trải nghiệm riêng, chúng ta nhớ rõ hơn những người không gắn bó với chúng ta. Ví dụ, sau khi đọc một bài báo, mọi người sẽ nhớ tốt hơn các nhân vật, câu chuyện hoặc sự kiện có liên quan đến chúng bằng cách nào đó.
Bộ não của chúng ta có xu hướng tìm kiếm logic, cấu trúc và khuôn mẫu trong mọi thứ xung quanh chúng ta. Ví dụ, bạn thấy gì khi nhìn vào hình ảnh dưới đây?
Đối với hầu hết mọi người, điều đầu tiên đập vào mắt họ là hình tam giác màu đen. Nhưng trên thực tế, ở đây chỉ có bốn hình thức hoàn chỉnh - đây là ba Pac-Men màu trắng đối lập với một hình màu đen. Chúng ta nhìn thấy một hình tam giác bởi vì bộ não của chúng ta đọc được những điều mơ hồ thông tin trực quan, sắp xếp nó thành thứ gì đó có ý nghĩa đối với chúng ta - quen thuộc, đối xứng, gọn gàng, v.v. Nếu loại bỏ quá trình này, chúng ta sẽ nhận thức các yếu tố mà không đọc được mối liên hệ giữa chúng và sẽ không nhìn thấy “khu rừng dành cho cây cối”.
Để có một minh họa khác về quy trình, hãy xem ảnh GIF bên dưới:
Bạn có thể nhìn thấy một con chó đang chạy. Có lẽ họ thậm chí còn nhận ra giống của cô ấy :) Nhưng trên thực tế, đây chẳng qua là một chuỗi các dấu chấm chuyển động. Những ví dụ đơn giản này thể hiện một cách hoàn hảo các đặc điểm của bộ não chúng ta, bộ não không ngừng cố gắng cấu trúc thế giới xung quanh chúng ta. Hiện tượng này được gọi là nguyên tắc Gestalt của nhận thức thị giác, giải thích quá trình mà bộ não của chúng ta “mặc định” hình thành một cấu trúc cứng nhắc từ tất cả thông tin đến. Nhưng tại sao điều này lại quan trọng đối với các nhà tiếp thị và thiết kế web?
Tại sao điều quan trọng đối với các nhà thiết kế là phải xem xét các nguyên tắc Gestalt?
Các nhà thiết kế xuất sắc nhận thức rõ vai trò to lớn của tâm lý học về nhận thức thị giác. Điều gì xảy ra khi mắt người đọc bố cục của bạn? Tâm trí người đọc phản ứng thế nào với thông điệp bạn đang cố gắng truyền tải? Chỉ cần nghĩ về cảm giác của mọi người khi họ nhìn thấy dự án của bạn lần đầu tiên. Để hiểu được nguyên tắc tạo nên sự nổi bật giao diện người dùng, rất đáng để nghiên cứu tâm lý nhận thức của con người.
Quy luật cơ bản chi phối các nguyên tắc Gestalt là thế này: chúng ta thường mong đợi những trải nghiệm của mình là bình thường và dễ nhận biết. Nó là một công cụ cho phép chúng ta hình thành ý nghĩa trong một thế giới phức tạp và hỗn loạn. Sự hiểu biết rõ ràng về cách thức hoạt động của những nguyên tắc này sẽ giúp bạn theo ba cách:
1. Chúng sẽ giúp bạn xác định yếu tố thiết kế nào hiệu quả nhất trong một tình huống nhất định. Ví dụ: khi nào nên sử dụng hệ thống phân cấp trực quan, tô nền, chuyển màu, cách nhóm các phần tử giống nhau và làm nổi bật các phần tử khác nhau thì tốt hơn.
2. Những nguyên tắc này ảnh hưởng đến nhận thức trực quan của chúng ta, cho phép các nhà thiết kế hướng sự chú ý đến khu vực nhất định bố cục, thúc đẩy chúng ta nhắm mục tiêu hành động, cũng như điều chỉnh hành vi của mình.
3. Cuối cùng, cấp độ cao nhất. Nguyên tắc Gestalt sẽ cho phép bạn phát triển một sản phẩm người giải quyết vấn đề và đáp ứng nhu cầu của khách hàng, đồng thời thực hiện việc đó một cách đẹp mắt, dễ chịu và trực quan.
Trong bài viết này chúng ta sẽ thảo luận về 7 nguyên tắc Gestalt áp dụng trực tiếp cho thiết kế hiện đại. Tất nhiên, đây không phải là danh sách đầy đủ, nhưng bạn sẽ nhanh chóng nhận thấy rằng một số nguyên tắc trùng lặp với nhau, tạo ra những hiệu ứng mới.
Nguyên tắc nêu rõ rằng mọi người theo bản năng tách biệt các đối tượng tiền cảnh và hậu cảnh của một hình ảnh. Nghĩa là, sự chú ý tập trung vào các đối tượng ở tiền cảnh (hình vẽ) hoặc ở hậu cảnh (nền).
Ví dụ, trong hình trên, chúng ta đọc ngay táo trắng trên nền đen.
“Nhân tố quyết định này hành động nhanh chóng và vô thức trong hầu hết các trường hợp. Hình nền cho phép bạn hiểu những gì cần chú ý và những gì cần bỏ qua trong bố cục,” Steven Bradley, nhà thiết kế web.
Khi sử dụng trang web hoặc ứng dụng di động, một trong những quá trình đầu tiên được kích hoạt trong tâm trí mọi người là nhu cầu tìm ra đâu là hậu cảnh và đâu là các vật thể ở tiền cảnh.
Ví dụ
Trang chủ Basecamp chứa nhiều đồ họa, văn bản, biểu mẫu khách hàng tiềm năng, yếu tố CTA và thông tin khác. Và nhờ nguyên tắc hình vẽ, bạn hiểu ngay rằng điểm nhấn chính phải là các vùng màu trắng.
AngelList áp dụng nguyên tắc này hai lối. Đầu tiên, tiêu đề và logo rõ ràng nằm ở nền trước vì chúng chồng lên nền. Thứ hai, màu trắng phông chữ trong menu bên phải cũng làm nổi bật phần tử phía trên nền.
Nguyên tắc tương đồng hay tương đồng nói rằng chúng ta nhóm những thứ có vẻ giống chúng ta lại với nhau. Chúng ta cũng có xu hướng nghĩ rằng những đồ vật/đồ vật này có chức năng tương tự nhau. Ví dụ: trong hình ảnh bên dưới, chúng ta có xu hướng chú ý đến hai nhóm hình dạng: hình tròn và hình tam giác, nhưng không phải là mẫu của những hình dạng này.
Và nhiều phương pháp thiết kế khác nhau, chẳng hạn như màu sắc và cách tổ chức các phần tử, có thể được sử dụng để tạo các nhóm như vậy. Ví dụ, trong hình ảnh bên dưới, mặc dù tất cả các hình dạng đều giống nhau nhưng chúng ta có thể thấy rõ rằng mỗi cột được sắp xếp thành một nhóm riêng biệt.
Ví dụ
GitHub sử dụng nguyên tắc tương tự theo hai cách trên trang bên dưới. Thứ nhất, đây là cách các nhà tiếp thị tách biệt các phần khác nhau. Bạn có thể thấy ngay rằng khối màu xám ở trên phục vụ một mục đích khác với phần màu đen chính, khối này cũng được tách biệt trực quan với phần màu xanh lam.
Thứ hai, các nhà tiếp thị sử dụng Màu xanh, để làm nổi bật các liên kết trong văn bản và thông báo rằng tất cả các phần tử màu xanh lam đều có chức năng kêu gọi hành động tương tự.
Nguyên lý lân cận phát biểu rằng các phần tử ở gần nhau sẽ có liên quan chặt chẽ hơn các phần tử ở xa hơn.
Nguyên tắc này mạnh đến mức nó chồng lên các hình dạng có màu sắc, hình dạng tương tự và các yếu tố khác cho phép các phần tử được xác định là một nhóm các vật thể đồng nhất.
Hãy nhìn vào hình ảnh trên. Khoảng cách tương đối của các vật thể đóng vai trò lớn hơn màu sắc và hình dạng tương tự.
Ví dụ
Các đồ vật ở gần có nhãn tương ứng trong danh mục cửa hàng trực tuyến cho chúng ta biết rằng các mặt hàng đã được kết hợp với nhau.
Vice cũng sử dụng nguyên tắc này để sắp xếp hình ảnh, tiêu đề và chú thích cho từng câu chuyện của mình.
Nguyên tắc Khu vực chung có quan hệ chặt chẽ với hệ số tiệm cận. Nó nói rằng khi các vật thể ở trong cùng một không gian kín, chúng ta cảm nhận chúng được nhóm lại với nhau.
Thêm đường viền hoặc các rào cản trực quan khác - cách tuyệt vời tạo ra sự tách biệt nhận thức giữa các nhóm đồ vật, ngay cả khi chúng có chung hình dạng, màu sắc, v.v.
Ví dụ
Thiết kế của Pinterest sử dụng nguyên tắc vùng chung để phân tách từng Ghim: ảnh, tiêu đề, mô tả, ghi công và các chi tiết khác được nhóm lại với nhau và tách biệt khỏi các chi tiết tương tự trong các thẻ khác.
Facebook cũng áp dụng nguyên tắc để truyền đạt rằng các bình luận, lượt thích và lượt chia sẻ dành riêng cho bài đăng cụ thể đó chứ không phải cho các yếu tố khác xung quanh nó - bình luận, v.v.
5. Tính liên tục
Nguyên tắc liên tục phát biểu rằng các phần tử nằm trên một đường thẳng hoặc đường cong có tính kết nối cao hơn các phần tử không nằm trên một đường thẳng hoặc đường cong.
Ví dụ: trong hình ảnh trên, có vẻ như các chấm đỏ trên đường cong có liên quan nhiều đến các chấm đen trên đường cong hơn là các chấm đỏ trên đường thẳng đường chân trời. Điều này là do mắt bạn nhìn theo đường nét một cách tự nhiên, nhận được nhiều hơn tín hiệu mạnh về sự gắn kết của các yếu tố chứ không phải từ yếu tố màu sắc chung.
Ví dụ
Amazon sử dụng nguyên tắc này để cho chúng ta biết rằng mỗi yếu tố bên dưới đều có liên quan với những yếu tố khác và có những đặc tính chung.
Sprig áp dụng nguyên tắc này để làm rõ quy trình ba bước khi sử dụng ứng dụng.
Và Credit Karma sử dụng nguyên tắc này để minh họa lợi ích từ dịch vụ của mình.
Nguyên tắc khép kín nói rằng khi chúng ta nhìn vào các phần tử phức tạp, chúng ta có xu hướng nhìn thấy một khuôn mẫu duy nhất, dễ nhận biết. Nói cách khác, nhìn thấy một hình ảnh còn thiếu những phần, chúng ta “hoàn thiện” những phần đó để đạt được hiệu quả tối đa biến thể có thể, dựa trên kinh nghiệm trước đây của chúng tôi.
Ví dụ: ở trên rất có thể bạn đã nhìn thấy một con ngựa vằn, ngay cả khi trên thực tế, hình ảnh bao gồm các hình màu đen có hình dạng khác nhau.
Ví dụ
Nguyên tắc được sử dụng rộng rãi trong thiết kế logo nhiều công ty khác nhau, bao gồm IBM, NBC, Zendesk và Funding Circle.
Nguyên tắc tiêu điểm nêu rõ rằng bất cứ điều gì nổi bật sẽ thu hút và thu hút sự chú ý của người xem trước tiên.
Trong hình ảnh trên, thứ có thể khiến bạn chú ý đầu tiên là hình vuông màu đỏ vì nó nổi bật so với các vòng tròn màu đen (mặc dù nó không ở phía trước). Từ hình vuông, sự chú ý của bạn sẽ chuyển sang phần còn lại của hình ảnh.
Ví dụ
Twilio sử dụng nguyên tắc để thu hút sự chú ý đến các yếu tố CTA.
Instacart kết hợp nguyên tắc tiêu điểm với nguyên tắc hình nền, thu hút sự chú ý của bạn trước tiên vào nền trước màu trắng, sau đó đến Nút màu xanh lá cây"tìm cửa hàng".
Bằng cách hiểu cách thức hoạt động của tâm trí con người, bạn có nhiều khả năng tập trung sự chú ý của mọi người vào hành động mục tiêu hơn. Sử dụng các nguyên tắc trên sẽ giúp bạn thu hút người dùng tham gia vào quá trình thiết kế và tương tác trong thời gian dài.
Về khả năng sử dụng" url="http://marketnotes.ru/about-usability/usability-principls/">Khi đọc về các phương pháp phỏng đoán để đánh giá thiết kế và khả năng sử dụng, tôi nhận thấy rằng mọi người đều đề cập đến một số nguyên tắc về khả năng sử dụng được chấp nhận rộng rãi, tuy nhiên, không ai viết ra nguyên tắc nào. Có hai lựa chọn: hoặc chúng rõ ràng và tự nhiên đến mức không đáng nói đến, hoặc không ai thực sự biết những nguyên tắc này là gì. Sau khi phân tích các bài viết liên kết đến chúng và chỉ nghĩ về cả hai công cụ tìm kiếm, Tôi đi đến một kết luận đáng thất vọng: không ai thực sự biết gì cả, và tất cả các bài báo đều là bản sao không chính xác của một trong những bài báo của Jacob Nelson. Một số thậm chí còn để lại liên kết đến những nguyên tắc được chấp nhận rộng rãi nhất này.
Than ôi, tôi không tìm thấy một bài báo nào bằng tiếng Nga (hoặc tiếng Ukraine) nơi chúng được tiết lộ. Vì vậy, tôi quyết định rằng việc dịch và giải mã những nguyên tắc tương tự này một chút là điều đáng làm.
Vì vậy, 10 nguyên tắc về khả năng sử dụng được chấp nhận chung. Chúng ta hãy xem xét chúng chi tiết hơn.
1. Hiển thị trạng thái hệ thống.
Nguyên tắc này có nghĩa là người dùng LUÔN phải biết điều gì đang xảy ra và nơi mình dừng lại trên đường đi. Nếu điều này đăng ký phức tạp, cho biết đây là bước 2 trên 3. Nếu nội dung nào đó đang được tải xuống hoặc tập lệnh nào đó đang chạy, hãy hiển thị % đã xử lý. Vân vân.
Một ví dụ đơn giản - Tôi chắc rằng mọi người đều đã gặp phải tình huống bạn nhấp vào biểu tượng nào đó nhưng không có gì xảy ra. Đánh giá xem vít đang quay tích cực như thế nào và màn hình nhấp nháy, có điều gì đó vẫn đang xảy ra và sau vài phút, một cửa sổ chương trình sẽ mở ra chẳng hạn (tôi vẫn mở IE theo cách này). Phải làm gì trên Internet khi mọi thứ được tải không phải trên máy tính của bạn mà trên máy chủ ở quốc gia khác. Hầu hết người dùng chỉ cần nhấp vào nút “gửi” nhiều lần, tải lên cùng một tệp nhiều lần, v.v. Và tất cả là do không có sự kết nối giữa người dùng và hệ thống.
Cần cẩn thận để đảm bảo rằng hệ thống luôn phản hồi rõ ràng và rõ ràng trước các hành động của người dùng. Có một khoảnh khắc như vậy - giữa hành động và phản ứng nên có tối đa 1 giây - đây không phải là điều khó hiểu đối với các chuyên gia về khả năng sử dụng. Khoa học đã phát hiện ra rằng đây chính xác là thời điểm mà bộ não của chúng ta duy trì mối quan hệ nhân quả, chẳng hạn như hoàn thành-nhận được. Nếu phản ứng với hành động của bạn xảy ra muộn hơn một giây, bộ não sẽ coi đó là một hành động riêng biệt, chỉ liên quan rất xa đến hành động trước đó.
Và một con số giới hạn nữa - 10 giây. Người dùng phải đạt được thứ mình muốn trong vòng 10 giây sau hành động của mình (ví dụ: trong khi xem kết quả tìm kiếm, người dùng đã mở cửa sổ 5. Sau đó, anh ta nhanh chóng xem qua từng cửa sổ. Nếu sau khi mở cửa sổ trong vòng 10 giây, anh ta đã không nhận được thứ mình muốn quay lại đó - coi như nó đã mất vào tay bạn).
(Tôi không tự mình kiểm tra hay bịa ra các con số, chúng được lấy từ sách).
(đây là ví dụ từ Liên hệ. Khi tải ảnh lên, bạn sẽ xem quy trình và ước tính thời gian còn lại để chờ đợi).
Nguyên tắc tiếp theo cho chúng tôi biết rằng trang web của bạn phải được tạo cho một đối tượng cụ thể và bạn nên giao tiếp với họ bằng ngôn ngữ của họ, sử dụng tên gọi và mức độ chuẩn bị của họ.
Chỉ vài ngày trước tôi đã xem hai trang web chủ đề máy tính với cấu trúc và thiết kế khá giống nhau. NHƯNG! Một cái được dành riêng cho các tính năng cấu hình hệ điều hành, và thứ hai - Các khóa học máy tính cho những người mới bắt đầu.
Như bạn hiểu, đây là hai đối tượng hoàn toàn khác nhau và cụm từ “nhấp vào dòng 35 trong sổ đăng ký” sẽ dễ hiểu hơn đối với khán giả của trang đầu tiên, nhưng sẽ gây sốc cho 99% người dùng trang thứ hai.
Vì vậy, hãy luôn tính đến đối tượng của bạn và luôn tạo một trang web cho họ. Điều này không chỉ áp dụng cho văn bản mà còn áp dụng cho cấu trúc, trợ giúp, thiết kế, nhận thức trực quan về thông tin, v.v.
(Thoạt nhìn có thể thấy rõ thông tin trên trang web này nhắm đến ai. Người mới bắt đầu thậm chí sẽ không đọc những gì ở đó. Chỉ cần nhìn vào thiết kế thì rõ ràng là nó dành cho các lập trình viên).
3. Kiểm soát người dùng (tự do lựa chọn)
Người dùng phải luôn kiểm soát được tình hình, có thể nói, hãy luôn theo dõi nhịp đập của ngón tay (hoặc ít nhất anh ta phải có ấn tượng như vậy). Điều này có ý nghĩa gì trong thực tế? Ví dụ: khi điền biểu mẫu phải có nút “xóa biểu mẫu”. Nếu biểu mẫu có nhiều bước, người dùng phải quay lại bước trước hoặc ngược lại, nếu có thể, bỏ qua một số bước để quay lại bước sau.
Tình huống này sẽ tạo cho người dùng ấn tượng rằng anh ta là người “chịu trách nhiệm”; không ai đang cố lừa dối hay làm anh ta bối rối. Và sự phức tạp ngay từ cái nhìn đầu tiên về giao diện khi cách tiếp cận đúng đắn sẽ trở thành một sự đơn giản hóa. Xét cho cùng, mọi người thực hiện 2-3 hành động đơn giản sẽ dễ dàng hơn nhiều so với một hành động phức tạp (vấn đề ở đây là trong khi người dùng đang điền bước thứ hai, anh ta vẫn nghĩ rằng mình có thể hủy bước đầu tiên, nhưng thực ra họ đã suy nghĩ rồi). về thứ ba).
(khi tạo một dự án trong Seolib, bạn sẽ thấy mình đang ở giai đoạn nào, còn lại bao nhiêu. Bạn cũng có thể quay lại bước trước hoặc tiến xa hơn bằng cách bỏ qua bước này).
4. Tính nhất quán và tiêu chuẩn.
Một nguyên tắc khác có vẻ hiển nhiên nhưng than ôi lại hiếm khi được sử dụng trong thực tế. Nói cho tôi biết, bạn có thể dễ dàng sử dụng bất kỳ giao diện nào Chương trình văn phòng Microsoft có thể tạo tài liệu mới? Lưu nó? Văn bản trung tâm? Nhưng đây không phải lúc nào cũng là những thao tác đơn giản như vậy...
Vấn đề là chiến dịch của Microsoft tuân thủ nguyên tắc này trong các sản phẩm của mình (mặc dù nó thường vi phạm nhiều nguyên tắc khác). Trong tất cả các sản phẩm của họ, các biểu tượng giống nhau đều ở cùng một vị trí và trông giống nhau.
Internet đã có một số chỉ định và tiêu chuẩn nhất định (ví dụ: loại giỏ hàng, địa chỉ liên hệ ở góc trên, v.v.). Tuy nhiên, nếu bạn nhìn vào bao nhiêu các loại khác nhau giỏ (sử dụng hình ảnh Yandex hoặc Google), bạn sẽ hiểu rằng Không người dùng cao cấp có thể bị lạc một cách nghiêm trọng giữa tất cả những chiếc xe đẩy, giỏ điện tử, túi cực kỳ thời trang, v.v.).
Về tính nhất quán, đã chọn một phong cách cụ thể, hãy tuân theo nó ở mọi nơi. Điều này áp dụng cho phông chữ, hình ảnh, văn bản và bố cục.
Tôi đã nhiều lần thấy bố cục sản phẩm và bố cục trang khác nhau như thế nào ở các phần khác nhau. Những người tạo ra trang web coi đây là một "tính năng sáng tạo". Nếu họ làm cho chính họ thì bạn có thể để như vậy, còn nếu bạn làm cho người dùng thì bạn giải thích cho họ tại sao thiết kế của trang khi chọn máy in lại khác với thiết kế như vậy của trang lựa chọn bộ nhớ truy cập tạm thời(trong cùng một cửa hàng)?
(như bạn có thể thấy trong ví dụ này, tất cả các biểu tượng đều giống hệt nhau trong Word, Excel và PP. Nắm vững bất kỳ biểu tượng nào Sản phẩm mới Công ty Microsoft, ít nhất một nửa số chức năng sẽ được hiểu rõ ngay lập tức đối với bạn).
5. Phòng ngừa sai sót.
Nguyên tắc này phát biểu rằng việc ngăn chặn một sai sót thì dễ hơn là sửa chữa nó. Bất cứ nơi nào bạn có thể đơn giản hóa sự lựa chọn và loại bỏ các hành động ngẫu nhiên, không cần thiết, bạn nên loại bỏ chúng.
Trong thực tế, đây có thể là: một gợi ý khi nhập bất cứ thứ gì từ bàn phím (ví dụ: thành phố/quốc gia).
Điều này cũng áp dụng cho các nút. Ví dụ: ACCEPT thường được làm lớn hơn và sáng hơn Clear Form. Nếu bạn biết điều gì đó về thông tin đang được nhập, hãy nhắc thông tin đó cho người dùng (định dạng điện thoại hoặc mã vùng), v.v.
(V trong trường hợp này, người dùng không thể tiến xa hơn cho đến khi hiểu được các cài đặt này và chọn ít nhất một tùy chọn để phân tích trang web. Điều này thuận tiện hơn nhiều so với việc yêu cầu người dùng điều gì đó như “chọn ít nhất một tùy chọn hoặc các tham số được đặt không chính xác.)
Đơn giản hóa cuộc sống của người dùng nhiều nhất có thể, đưa ra gợi ý cho anh ta, ghi nhớ những thông tin anh ta đã nhập trước đó (không chỉ trên trang trước, mà còn từ những lần truy cập trước đây của anh ấy vào trang web).
Ví dụ: nếu bạn lại có biểu mẫu đăng ký gồm nhiều bước, hãy cho anh ấy xem các trường đã được điền nếu chúng có thể cần thiết trong tương lai.
Ngoài ra, hãy cố gắng giảm thiểu số lượng trường văn bản mà người dùng phải tự nhập nội dung nào đó. Đưa cho anh ấy các lựa chọn (gợi ý) để anh ấy có thể chọn trong số các phương án đã có sẵn.
(gợi ý khu vực sẽ bật lên khi bạn nhập ít nhất một chữ cái. Và nếu người dùng không biết cách đánh vần chính xác thành phố, họ chỉ cần nhấp vào một trong các tùy chọn được đề xuất).
7. Tính linh hoạt và hiệu quả sử dụng.
Một trong những điều nhất vấn đề lớn– làm thế nào để kết hợp sự đơn giản của giao diện và chức năng của nó? Làm cách nào để làm cho cùng một giao diện rõ ràng và thuận tiện cho cả người dùng chuyên nghiệp và người mới bắt đầu?
Nguyên tắc này nêu rõ rằng giao diện phải linh hoạt, có thể tùy chỉnh và phù hợp với đối tượng chiếm ưu thế. Tập trung vào sự đơn giản nhằm người dùng đơn giản. Các phần tử dành cho người dùng nâng cao có thể được làm nhỏ hơn nhiều và được đặt ở những phần ít được chú ý hơn trên màn hình, bởi vì anh ấy sẽ tìm thấy chúng ở khắp mọi nơi.
Một ví dụ nổi bật là Sơ đồ trang web. Đồng ý rằng người mới bắt đầu sẽ không đến đó, nhưng người dùng có kinh nghiệm sẽ tìm thấy “bản đồ trang web” này ở dạng in nhỏ ở cuối màn hình hoặc một biểu tượng nhỏ ở đâu đó bên cạnh.
Một ví dụ khác là clicker/typers. Những thứ kia. Mỗi trang có thể được truy cập từ menu bằng cách nhấp vào điều hướng hoặc bằng cách tìm kiếm trên trang web. Cả hai tùy chọn đều phải được hỗ trợ và cuối cùng dẫn đến cùng một kết quả.
(chúng tôi thấy một tìm kiếm đơn giản cho hầu hết người dùng, cũng như một tìm kiếm nâng cao cho những người nâng cao. Đồng thời, các chức năng tìm kiếm nâng cao bị ẩn khá xa và chỉ người dùng có kinh nghiệm mới có thể tìm thấy chúng, tức là trên thực tế, chỉ có một ai có nhu cầu).
8. Thiết kế thẩm mỹ và tối giản
Nguyên tắc này nêu rõ rằng giao diện không được chứa thông tin mà người dùng không cần hoặc có thể cần trong một số trường hợp hiếm hoi. Tương tự trong các biểu mẫu: bạn không nên hỏi người dùng những thông tin mà bạn không cần hoặc cần trong một số trường hợp ngoại lệ.
Thật không may, hầu như không ai sử dụng nguyên tắc này. Trong 90% trường hợp khi đăng ký bạn được yêu cầu và điện thoại nhà và số điện thoại di động, địa chỉ, e-mail và thậm chí cả ngày sinh. Và tất cả để chúc mừng bạn vào năm mới và sinh nhật.
Bạn có thể làm rõ tất cả thông tin bổ sung sau, nếu cần. Và ban đầu, chẳng hạn như khi đăng ký hoặc khi đặt hàng, chỉ yêu cầu những thông tin bạn thực sự cần.
Tương tự như vậy, trên một trang web (hoặc trong một chương trình, những nguyên tắc này là phổ biến), bạn không nên hiển thị cho người dùng những thông tin mà một ngày nào đó họ có thể cần. Ví dụ: hãy lấy Microsoft Word tương tự. Hãy cho tôi biết, bạn có thường xuyên sử dụng chức năng “điều hướng” hoặc chèn Ngày-Giờ không? Chưa hết, các nút này luôn hiển thị trên thanh công cụ (tùy theo phiên bản, các nút có thể khác nhau, nhưng tôi chắc chắn rằng nếu nhìn vào chúng, bạn sẽ tìm thấy ít nhất 40% các biểu tượng mà bạn CHƯA BAO GIỜ sử dụng và thậm chí không biết họ làm gì).
(Đây ví dụ điển hình. Khi đăng ký, Ozone hỏi tôi cả Họ và Tên. Đồng thời, nơi duy nhất tên tôi được sử dụng là tiêu đề của bức thư. Tôi chưa bao giờ thấy họ được sử dụng cả. Và câu hỏi đặt ra: tại sao họ cần dữ liệu này? Rốt cuộc, có một biệt danh. Những thứ kia. hình dạng có thể được giảm đi một nửa một cách dễ dàng...).
9. Giúp người dùng hiểu và sửa lỗi.
Hãy cho tôi biết lỗi cơ sở dữ liệu trên dòng 433 nghĩa là gì? Hoặc những lỗi dài đáng sợ trong dòng bộ nhớ LXR-XXX-5438645?
Tất cả những điều này tin nhắn hệ thống phải được lưu trữ trong nhật ký dành cho quản trị viên hệ thống/trang web. Viết cho người dùng bằng ngôn ngữ bình thường chính xác lỗi là gì. Hơn nữa, về cơ bản người dùng chỉ quan tâm đến một điều: đó là lỗi của anh ta hay hệ thống? Và có điều gì có thể làm được không?
Tôi chắc rằng bạn đã gặp phải trường hợp điền vào biểu mẫu, nhấp vào gửi và phản hồi lại là bạn gặp phải một số loại lỗi cơ sở dữ liệu. Và bạn ngồi và đau khổ với hai câu hỏi chính: ai là người có lỗi và phải làm gì? Biểu mẫu đã biến mất? Nếu có, đây có phải là tất cả thông tin không? Hoặc thử gửi lại?
Tuy nhiên, những lỗi nghiêm trọng như vậy ngày càng ít phổ biến hơn. Nhưng tùy chọn khác thậm chí còn khó chịu hơn - bạn điền vào một biểu mẫu khá dài, nhấp vào gửi và xem một dòng chữ màu đỏ (hoặc cửa sổ bật lên) - cẩn thận điền vào tất cả các trường được đánh dấu hoa thị.
Và một lần nữa bạn ngồi và suy nghĩ - lĩnh vực nào? Dấu hoa thị gì? Có vẻ như tôi đã điền mọi thứ, xem xét kỹ lưỡng... và sau đó hóa ra số điện thoại nên được viết ở đó bằng dấu cách chứ không phải dấu gạch nối.
Các nguyên tắc chính của Khả năng sử dụng là gì? Bạn sẽ tìm thấy câu trả lời cho câu hỏi này và nhiều câu hỏi khác trong bài viết. Nguyên tắc về khả năng sử dụng là những quan điểm được chấp nhận rộng rãi về sự tương tác với thiết kế, được giới thiệu bởi Nelsen Jacob (người sáng lập Khả năng sử dụng). Những quan điểm này là một bộ quy tắc hơn là những hướng dẫn cứng nhắc, đó là lý do tại sao chúng được gọi là “Heuristics”. Tổng cộng có mười nguyên tắc như vậy.
Hiển thị trạng thái
Đầu tiên Nguyên tắc sử dụng- khả năng hiển thị trạng thái hệ thống. Vị trí này nói lên rằng người dùng nên biết mình đã dừng lại ở đâu và điều gì đang xảy ra. Nếu đây là bước đăng ký phức tạp, bạn cần cho biết đây là bước thứ hai hoặc thứ ba.
Hiệu quả
Nguyên tắc tiếp theo của Khả năng sử dụng là tính hiệu quả. Trên thực tế, điều đó có nghĩa là phải có sự kết nối giữa mỗi người dùng và hệ thống. Trang web của bạn phải được điều chỉnh cho phù hợp với một đối tượng cụ thể, bạn cần nói chuyện với họ bằng ngôn ngữ của họ, sử dụng mức độ sẵn sàng và chỉ định của họ. Vì vậy, một trang web phải luôn được thiết kế cho khán giả của nó. Điều này không chỉ áp dụng cho cấu trúc mà còn cho văn bản, thiết kế, trợ giúp, nhận thức trực quan về thông tin, v.v.
Tự do lựa chọn
Nguyên tắc thứ ba của Khả năng sử dụng là gì? Kiểm soát người dùng, điều này là cần thiết để khách hàng luôn có thể kiểm soát được tình hình. Ví dụ: nếu một người điền vào biểu mẫu, họ sẽ luôn thấy nút “xóa biểu mẫu”. Nếu nó chứa nhiều bước thì sao? Người dùng phải luôn có thể quay lại đoạn trước hoặc bỏ qua bất kỳ thao tác nào trong số chúng để lặp lại hành động sau đó một chút.
Nhờ tình huống này, người dùng sẽ có ấn tượng rằng anh ta đang kiểm soát mọi thứ, không ai đang cố gắng gây nhầm lẫn hoặc lừa dối anh ta. Và giao diện thoạt nhìn có vẻ phức tạp sẽ trở nên bình thường nếu có cách tiếp cận phù hợp. Rốt cuộc, một người sẽ dễ dàng hơn nhiều để hoàn thành một số hành động đơn giản hơn một cái phức tạp.
Tiêu chuẩn
Nguyên tắc thứ tư của Khả năng sử dụng là tính nhất quán và tiêu chuẩn. Đã có một số khuôn mẫu nhất định được thiết lập trên Internet (địa chỉ liên hệ ở góc trên, loại giỏ, v.v.). Tuy nhiên, một chỉ định có thể có một số loại, vì vậy người dùng thiếu kinh nghiệm có thể dễ dàng bị nhầm lẫn giữa chúng. Ví dụ: giỏ điện tử giống hệt xe đẩy, giỏ thông thường, túi thời trang, v.v. Và để sự nhất quán xuất hiện, bạn cần chọn một phong cách cụ thể mà mọi nơi phải tuân theo. Điều này áp dụng cho bố cục, phông chữ, văn bản và hình ảnh.
Ngăn chặn lỗi
Nguyên tắc thứ năm của Khả năng sử dụng là ngăn ngừa lỗi. Quy tắc này nói rằng một lỗi không nên được sửa chữa mà phải được ngăn chặn. Bạn luôn cần phải loại bỏ những cái ngẫu nhiên, hành động không cần thiết và bất cứ khi nào có thể, hãy đơn giản hóa sự lựa chọn. Đây có thể là gợi ý thường xuyên khi gõ nội dung nào đó trên bàn phím.
Điều này cũng áp dụng cho các nút. Ví dụ: ưu đãi “Chấp nhận” thường được làm sáng hơn và lớn hơn yêu cầu “Xóa biểu mẫu”. Bạn nên cung cấp thông tin bạn biết về thông tin bạn đang nhập (mã vùng, định dạng điện thoại, v.v.).
Đơn giản hóa
Nguyên tắc thứ sáu là quy tắc “Tìm thì dễ hơn là nhớ”. Làm cho cuộc sống của người dùng trở nên dễ dàng nhất có thể, ghi nhớ thông tin họ đã nhập trước đó (thậm chí từ những lần họ truy cập trang web trước đó), đưa ra gợi ý cho họ. Ví dụ: nếu bạn sử dụng hệ thống đăng ký nhiều bước, hãy cho người đó biết các trường đã điền liệu chúng có hữu ích cho anh ta trong tương lai hay không.
Uyển chuyển
Nguyên tắc thứ bảy của Khả năng sử dụng là tính linh hoạt trong sử dụng. Theo quy tắc này, giao diện phải linh hoạt, phải phù hợp với đối tượng hiện tại. Ở đây nhấn mạnh cơ bản vào sự đơn giản, có tính đến Người sử dụng thường xuyên. Các phần nâng cao nên nhỏ. Chúng có thể được đặt ở những phần ít được chú ý hơn trên màn hình, vì những người như vậy sẽ tìm thấy chúng ở khắp mọi nơi.
Thiết kế
Nguyên tắc thiết kế Khả năng sử dụng là nguyên tắc thứ tám liên tiếp. Nó nằm ở tính thẩm mỹ và sự tối giản. Theo quy tắc này, giao diện không được chứa thông tin mà người dùng không cần. Nó cũng không được chứa thông tin mà một người sẽ cần trong những trường hợp hiếm hoi.
Bạn cần tạo biểu mẫu theo cách tương tự: bạn không thể yêu cầu người dùng cung cấp dữ liệu mà bạn không cần. Thật không may, hầu như không ai sử dụng vị trí này. Để chúc mừng họ vào ngày tên hoặc năm mới, trong 90% trường hợp khách hàng được yêu cầu cung cấp cả ngày sinh và số nhàđiện thoại, điện thoại di động, e-mail và thậm chí cả địa chỉ.
Giúp đỡ
Mọi quản trị viên web nên biết các nguyên tắc chính về Khả năng sử dụng. Tầm nhìn thứ chín của bộ môn khoa học và ứng dụng này là giúp người dùng hiểu và sửa lỗi. Mọi người cần được thông báo về tất cả các lỗi bằng ngôn ngữ thông thường, “con người” chứ không phải bằng ngôn ngữ máy tính. Nếu liên kết được tạo không chính xác, bạn không cần chỉ viết 404. Hãy báo cáo như sau: “Đã xảy ra lỗi khi vào trang”. Nếu trong khi điền biểu mẫu, người dùng quên cho biết số điện thoại của mình, hãy viết rằng đã xảy ra lỗi khi nhập dữ liệu chứ không chỉ là “lỗi biểu mẫu”.
Ủng hộ
Tại sao các nguyên tắc cốt lõi của Khả năng sử dụng lại quan trọng đến vậy? Hãy xem xét nguyên tắc thứ mười, được gọi là Tài liệu và Hỗ trợ. Tài liệu và hỗ trợ phải đơn giản và rõ ràng, dễ tiếp cận và phù hợp với mục tiêu của người dùng. Ngoài ra, tài liệu không nên đồ sộ. Nó phải chứa bước rõ ràng. Nếu tài liệu quá lớn, bạn có thể thực hiện điều hướng ngắn để chuyển nhanh qua các phần cũng như tìm kiếm hỗ trợ.
"Khả năng sử dụng"
Vì vậy, chúng tôi đã xem xét các nguyên tắc chính của Khả năng sử dụng. Nhưng đây là loại kỷ luật gì vậy? “Tính khả dụng” là thước đo chất lượng Kinh nghiệm người dùng do sự tương tác với một hệ thống hoặc sản phẩm. Ví dụ, nó có thể là ứng dụng phần mềm, trang web hoặc bất cứ thứ gì khác.
Các chuyên gia Kỹ thuật Giao diện Người dùng xác định rằng trong 60% trường hợp, mọi người không thể tìm thấy thông tin họ cần trên Internet. Kết quả là năng suất của họ giảm. Họ không muốn quay lại trang web, vì điều đó họ buộc phải lãng phí thời gian quý báu.
Người ta cũng biết rằng Forrester Research đã nhận được một số số liệu cho thấy mức độ thiệt hại do “khả năng sử dụng” chất lượng kém của các trang web. Chuỗi cửa hàng mất khoảng 50% lượng khách hàng không tìm được sản phẩm mình cần. Khoảng 40% người dùng không muốn quay lại trang web mà họ không thích làm việc.
Jakob Nelsen lập luận rằng nghiên cứu về hành vi truy cập web của mọi người đã chỉ ra rằng họ có nhận thức kém về các trang web phức tạp và các trang web chậm. Ông nói người dùng không muốn chờ đợi. Họ cũng không muốn phải tìm ra cách sử dụng trang chủ. Không có hướng dẫn trang web hoặc đào tạo cho các dự án web ở bất cứ đâu. Jacob biết rằng mọi người muốn xem nhanh các trang và hiểu ngay chức năng của trang web.
Sự sáng tạo
Phát triển khả năng sử dụng là gì? Nguyên tắc của nó nằm ở cách tiếp cận có phương pháp để tạo một trang web hoặc bất kỳ giao diện người dùng nào khác. Sự phát triển này bao gồm một số phương pháp được sử dụng tuần tự trong quy trình:
- thu thập yêu cầu;
- tạo và phân tích nguyên mẫu;
- đánh giá các phương án thiết kế đối lập;
- nghiên cứu câu hỏi của người dùng;
- đề xuất giải pháp và phân tích trang web (hoặc bất kỳ giao diện nào khác).
Kiểm tra
Nó là gì Kiểm tra khả năng sử dụng? Không phải ai cũng biết nguyên tắc của sắc thái này. Nói chung, nó là một phần của quá trình tạo ra “Khả năng sử dụng”. Một bài kiểm tra điển hình yêu cầu một người thực hiện một số nhiệm vụ bằng cách sử dụng nguyên mẫu (hoặc hệ thống khác). Trong quá trình hoạt động, người quan sát ghi lại những gì người dùng nói và làm. Thông thường, thử nghiệm như vậy được thực hiện với một hoặc hai người cùng hành động.
Phân tích có thể thu thập dữ liệu như lỗi người dùng mắc phải, chuỗi hành động mà một người thực hiện để đạt được mục tiêu, thời điểm và địa điểm khán giả gặp khó khăn, mức độ mọi người thích sản phẩm và tốc độ họ hoàn thành nhiệm vụ. Hầu hết các bài kiểm tra được sử dụng để xác định và giải quyết mọi vấn đề xuất hiện trước công chúng.
Các bước kỷ luật
Các bước của Khả năng sử dụng là gì? Để lập kế hoạch cho một trang web, trước tiên bạn cần hiểu lý do tại sao bạn phát triển nó, cho ai, tại sao và khi nào độc giả sẽ truy cập tài nguyên của bạn. Nếu bạn trả lời những câu hỏi này, bạn sẽ khám phá ra mục đích của trang web của bạn. Các mục tiêu cụ thể phụ thuộc vào đối tượng của trang web và tổ chức của bạn.
Ngoài ra, bạn phải xác định mục tiêu Khả năng sử dụng của trang web. Phù hợp với mục tiêu tổng thể của bạn, tài nguyên của bạn phải sử dụng hiệu quả, dễ học và dễ nhớ khi truy cập lại. Nó cũng cần phải làm hài lòng người dùng.
Mỗi mục tiêu Khả năng sử dụng đều quan trọng đối với hầu hết các trang web, nhưng bạn có thể muốn xem xét các mục tiêu khác cho các đối tượng và tình huống khác nhau. Được biết, thiết kế dựa trên nhu cầu của mọi người, vì vậy bạn cần thu thập thông tin không chỉ về họ mà còn về mức độ mà trang web hiện tại đáp ứng được họ. Có một số phương pháp để thu thập dữ liệu, bao gồm nhật ký máy chủ, biểu mẫu nhận xét, Kiểm tra khả năng sử dụng của một trang web hiện có.
Mọi người dễ dàng tương tác hơn ví dụ thực tế hơn là tranh luận điều gì sẽ hiệu quả nhất. Luôn có thể thu được kết quả hữu ích bằng cách sử dụng nguyên mẫu trang web có nội dung tối thiểu và không có đồ họa. Nguyên mẫu cơ bản như vậy phù hợp cho vòng thử nghiệm đầu tiên.
Nội dung chỉ nên được đăng khi cần thiết cho người dùng trang web. Nếu bạn có cả núi thông tin, hãy chọn những thông tin hữu ích và thú vị cho khán giả của bạn. Tất cả thông tin nên được chia thành các phần nhỏ với các tiêu đề phụ, vì mọi người muốn đọc nhanh những gì họ quan tâm. Bạn cần loại bỏ những từ không cần thiết khỏi văn bản, sử dụng bảng và danh sách.
Tiếp theo, một quy trình tương tác được thực hiện - Kiểm tra khả năng sử dụng mà chúng tôi đã viết ở trên. Đôi khi bạn cần kiểm tra một giao diện đã được thiết kế phù hợp với tất cả các quy tắc. Nhân tiện, các nhóm tập trung là nhóm tốt nhất một cách dễ tiếp cậnđể phân tích "của riêng bạn".
Các thành phần
Vì vậy, bằng cách sử dụng các quy tắc và nguyên tắc Khả năng sử dụng, bạn có thể tạo ra một tài nguyên mà bạn sẽ tự hào. Sự hiện diện của vật phẩm tuyệt vời này là một dấu hiệu định tính quyết định mức độ dễ sử dụng của nó. Từ "khả năng sử dụng" cũng đề cập đến một tập hợp các kỹ thuật giúp cải thiện trang web trong quá trình tạo.
Khả năng sử dụng có năm thành phần định lượng:
- Hiệu quả: Sau khi giới thiệu cho người dùng thiết kế, họ sẽ hoàn thành nhiệm vụ tương tự trong bao lâu?
- Khả năng học hỏi: Mọi người có thể thực hiện các tác vụ cơ bản dễ dàng như thế nào khi sử dụng một giao diện lạ lần đầu tiên?
- Sai lầm: một người mắc bao nhiêu lỗi, mức độ nghiêm trọng như thế nào, người đó có dễ dàng sửa chữa không?
- Khả năng ghi nhớ: nếu người dùng quay lại giao diện thông qua Thời kỳ nhất định Theo thời gian, liệu anh ấy có thể lấy lại được kỹ năng làm việc với nó không?
- Sự hài lòng: một người hài lòng ở mức độ nào khi sử dụng giao diện này?
Ngoài “Khả năng sử dụng”, còn có nhiều tính năng chất lượng quan trọng khác của thiết kế. Một trong những điều quan trọng là tính hữu ích. Thuộc tính này mô tả chức năng giải pháp kỹ thuật và xác định tính hữu ích của giao diện đối với người dùng. Tính khả dụng và tính thực tiễn đều quan trọng như nhau: tại sao nên sử dụng chương trình tiện lợi, nếu nó không cho kết quả bạn cần? Một chương trình theo giả thuyết hoạt động theo cách bạn cần nhưng bạn không thích giao diện phức tạp của nó cũng bị coi là xấu. Để phân tích tính hữu ích của một dự án, bạn có thể sử dụng các công cụ tương tự như khi nghiên cứu chất lượng “Khả năng sử dụng” của nó.
Trong Web-e “Khả năng sử dụng” được xem xét một điều kiện cần thiết sống sót. Nếu trang web khó sử dụng, khách truy cập sẽ rời khỏi nó rất nhanh. Nếu bật trang chủ website không nêu rõ công ty làm gì, tài nguyên cho phép thực hiện những nhiệm vụ gì, người dùng sẽ tìm website khác. Mọi người cũng sẽ rời đi nếu trang web khó hiểu, có thông tin khó hiểu và không trả lời các câu hỏi chính của họ.
Không có khách truy cập nào dành thời gian để làm chủ giao diện trang web hoặc nghiên cứu kỹ hướng dẫn làm việc với nó. Có rất nhiều tài nguyên khác trên Web, vì vậy nếu khách truy cập gặp sự cố, bạn sẽ mất anh ta.
