Cải thiện tài nguyên khả năng sử dụng và cải thiện. Nút điều hướng "Trở lại đầu trang". Chia các nhiệm vụ lớn, phức tạp thành các hoạt động nhỏ hơn
Ngày nay, nhiều nhà thiết kế coi hoạt hình là thứ giúp thiết kế đẹp hơn, sống động hơn và hiếm khi sử dụng nó để cải thiện khả năng sử dụng. Để cải thiện khả năng sử dụng của trang đích, hoạt ảnh phải yếu tố chức năng, và không chỉ là trang trí. Nếu bạn muốn tìm hiểu cách sử dụng hoạt ảnh để tạo ra một thiết kế vừa hấp dẫn vừa tiện lợi thì bài viết này là dành cho bạn.
1. Tạo ý tưởng
Mỗi nhà thiết kế là một người kể chuyện. Khi tạo một trang web, anh ấy kể một câu chuyện cho khách truy cập. Bằng cách sử dụng hoạt hình, chúng tôi có thể làm cho câu chuyện này trở nên thú vị hơn.
Hoạt hình thổi sức sống vào nội dung, khiến nội dung trở nên hấp dẫn và đáng nhớ hơn. Bạn có thể tìm thấy một ví dụ điển hình về hoạt ảnh như vậy trên trang web Ikonet. Hoạt ảnh thu hút người dùng ngay từ giây đầu tiên trên trang.
Hoạt ảnh cũng có thể đóng vai trò hướng dẫn, giải thích cho người dùng cách tương tác với giao diện hoặc trang web. Qua đó thu hút sự chú ý của người dùng đến những điều quan trọng. Ví dụ: nếu bạn cần nhấn mạnh một số thông tin hoặc hành động, hãy làm cho nó lọt ra từ đâu đó và khá dễ nhận thấy. Hãy xem ví dụ của Preston Zeller bên dưới. Các phần tử lần lượt xuất hiện trên các trang, từ đó thu hút sự chú ý của người dùng đến các khu vực nhất định trên trang.
2. Cung cấp phản hồi
Tương tác giữa người và máy tính dựa trên hai nguyên tắc chính: đầu vào của người dùng và đầu vào của hệ thống. Nhận xét. Tất cả đối tượng tương tác phải phản hồi đầu vào của người dùng bằng hình ảnh hoặc tín hiệu âm thanh. Do đó cung cấp thông tin phản hồi.
Dưới đây là hiệu ứng hộp kiểm tùy chỉnh được tạo bằng khung Trang trình bày. Hình ảnh động nảy tinh tế mà người dùng nhìn thấy khi sử dụng switch giúp nâng cao cảm giác tương tác.
Với các slide, bạn có thể tạo các hình ảnh động thú vị kích hoạt khi di chuột, từ đó khuyến khích người dùng tương tác với các đối tượng. Hãy nhìn vào Berry Visual. Khi bạn di chuột qua "Gửi tin nhắn" hoặc menu bên phải góc trên cùng, một hiệu ứng hoạt hình đẹp mắt xuất hiện. Điều này tạo ra cảm giác tương tác giữa các yếu tố.
Buf Antwerp là một ví dụ tuyệt vời khác về cách phản hồi sinh động có thể cải thiện Kinh nghiệm người dùng. Khi khách truy cập di chuột qua ô, lớp phủ bán trong suốt sẽ xuất hiện cùng với văn bản cung cấp Thông tin thêm về đối tượng.
3. Tạo kết nối
Nơi tuyệt vời để thêm hoạt ảnh vào trang đích của bạn là tại các điểm chuyển tiếp. Thông thường, quá trình chuyển đổi có vẻ đột ngột, chẳng hạn như khi người dùng nhấp vào liên kết và một cửa sổ mới xuất hiện. Những thay đổi như vậy thường dẫn đến mất ngữ cảnh, não cần quét trang mới để hiểu nó liên quan như thế nào với trang trước, vì vậy người dùng có thể khó nhận biết những chuyển đổi như vậy.
Hãy xem một ví dụ về sự chuyển đổi mạnh mẽ:
So sánh ví dụ này với ví dụ sau, trong đó chuyển tiếp hoạt ảnh mượt mà hướng người dùng đến phần khác nhau màn hình:
Quá trình chuyển đổi thứ hai nhẹ nhàng hơn. Nó thể hiện rõ ràng quá trình chuyển đổi giữa các phần, giúp người dùng hiểu được chuyện gì đang xảy ra và thấy được mối liên hệ giữa chúng.
Nó cũng được sử dụng khi tạo sự chuyển tiếp giữa các giai đoạn. Sự chuyển tiếp mượt mà giữa các trang chiếu trong ví dụ bên dưới tạo cảm giác nhất quán để thông tin trông không có vẻ gắn kết.
4. Biến những công việc nhàm chán trở nên thú vị
Có thể khó tưởng tượng làm thế nào bạn có thể thêm các yếu tố vui tươi vào thói quen hàng ngày của mình. Nhưng bằng cách thêm một chút bất ngờ vào hoạt ảnh, chúng ta có thể biến sự tương tác quen thuộc thành điều gì đó thú vị và đáng nhớ.
Nếu bạn mở trang web Triển lãm Phòng 3D của Tympanus, thoạt nhìn có vẻ như nó không khác gì các phòng trưng bày web khác. Nhưng ấn tượng của bạn sẽ thay đổi ngay sau khi tương tác với trang. Nếu bạn di chuyển con trỏ, bạn sẽ thấy trang di chuyển và hiệu ứng này sẽ tạo ra cảm giác không gian 3D. Cảm giác này càng tăng lên khi bạn chuyển từ trang này sang trang khác. Giống như bạn đang đi từ phòng này sang phòng khác trong không gian ba chiều.
Bây giờ chúng ta hãy nói về một thứ quen thuộc hơn hiệu ứng 3D - về hình dạng. Ai thích điền vào mẫu đơn? Có lẽ không có ai cả. Tuy nhiên, điền vào biểu mẫu là một trong những nhiệm vụ phổ biến nhất trên Internet. Làm thế nào bạn có thể làm cho hoạt động này trở nên thú vị?
Hãy nhìn vào bức hình bên dưới, yeti nhắm mắt lại khi người dùng bắt đầu nhập mật khẩu của họ. Hiệu ứng hoạt hình này gây ngạc nhiên và nâng cao tinh thần, đặc biệt nếu bạn nhìn thấy nó lần đầu tiên.
Cuối cùng nhưng không kém phần quan trọng, bạn có thể làm cho thao tác cuộn không chỉ thú vị về mặt hình ảnh mà còn hữu ích cho người đọc. Dưới đây là một hành trình tương tác trong đó tuyến đường trên bản đồ được làm động theo nội dung trên trang. Sự mạch lạc của ý tưởng hiệu ứng hình ảnh và vị trí cho phép người dùng đọc thông tin và xem chuyển động của họ trên bản đồ.
Xác định vị trí trên trang nơi hoạt ảnh sẽ hữu ích nhất chỉ là một nửa câu chuyện. Việc thực hiện hoạt hình cũng có tầm quan trọng lớn. Trong phần này, bạn sẽ học cách tạo hiệu ứng động cho các đối tượng một cách chính xác ở cấp độ chuyên nghiệp.
1. Không tạo hoạt ảnh cho nhiều đối tượng cùng một lúc
Khi nhiều vật thể di chuyển cùng lúc, người dùng khó tập trung. Bởi vì mắt của một người sẽ di chuyển từ vật này sang vật khác và não sẽ cần Thêm thời gianđể hiểu chuyện gì đang xảy ra (đặc biệt nếu chuyển động diễn ra rất nhanh). Vì vậy, việc triển khai hoạt ảnh một cách chính xác là rất quan trọng.
Điều quan trọng là phải hiểu khái niệm vũ đạo chuyển tiếp, là một chuỗi các chuyển động duy trì sự tập trung khi giao diện thay đổi. Giảm thiểu số lượng các phần tử chuyển động đồng thời. Sử dụng không quá hai hoặc ba bộ phận chuyển động cùng một lúc. Nếu bạn muốn đặt nhiều hơn ba đối tượng chuyển động, hãy nhóm chúng lại và tạo hoạt ảnh cho chúng như một tổng thể, thay vì các phần tử riêng lẻ.
Các slide cực kỳ hữu ích trong thiết kế web vì chúng cho phép bạn sử dụng ít chuyển động hơn. Mọi hiệu ứng hoạt hình có trong các slide đều được thiết kế cẩn thận để trình bày nội dung một cách hiệu quả.
2. Hoạt ảnh không được xung đột với các đặc điểm riêng của trang đích
Mỗi khi bạn thêm hoạt ảnh vào một thiết kế, bạn sẽ làm cho nó trở nên biểu cảm hơn. Sự xuất hiện của nó phần lớn sẽ phụ thuộc vào hiệu ứng hoạt hình mà bạn chọn.
Khi mọi người tương tác với một sản phẩm, họ có những kỳ vọng nhất định. Hãy tưởng tượng rằng khi tạo trang đích cho dịch vụ ngân hàng, bạn quyết định sử dụng hoạt ảnh nảy cho biểu mẫu thu thập dữ liệu của mình. Nhiều người dùng sẽ ngại cung cấp thông tin chi tiết của họ vì biểu mẫu trông không đủ nghiêm túc.
Khung slide cung cấp 10 kiểu hoạt hình như Stack, Zen, Film, Cards và Zoom. Thử nghiệm với các hiệu ứng khác nhau và chọn hiệu ứng phù hợp nhất với mọi tiêu chí của bạn.
3. Đặt thời gian của bạn
Khi nói đến việc tạo hoạt ảnh, thời gian là tất cả. Anh ấy thực sự quyết định số phận của hoạt hình. Khi làm việc với hoạt ảnh, bạn thường dành một phần ba thời gian để tìm các hiệu ứng hoạt hình phù hợp và thời gian còn lại chọn thời gian để làm cho hoạt ảnh trông duyên dáng.
Tốc độ hoạt ảnh UI tối ưu là từ 200 đến 500 mili giây. Hoạt ảnh kéo dài dưới 1 giây được coi là tức thời, trong khi hoạt ảnh kéo dài hơn 5 giây có thể có cảm giác bị kéo dài.
Khi nói đến việc tạo hiệu ứng hoạt hình, thời gian có tác động trực tiếp đến cách cảm nhận hoạt ảnh. Nó giúp các nhà thiết kế làm cho hoạt hình trở nên tự nhiên và tự nhiên hơn.
4. Đừng quên khả năng tiếp cận
Hoạt hình là con dao hai lưỡi. Nó có thể cải thiện khả năng sử dụng cho một nhóm người dùng trong khi lại gây ra vấn đề cho một nhóm khác. Giải phóng Apple iOS 7 đã trở thành một ví dụ về những điều không nên làm. Ngay sau khi phát hành hệ điều hành, người dùng iPhone báo cáo rằng quá trình chuyển đổi hoạt hình gây chóng mặt và mỏi mắt.
Bạn phải nhắm mục tiêu đến số đông và tính đến những khuyết tật như vấn đề về thị lực, v.v. Luôn kiểm tra xem thiết kế của bạn có tuân theo nguyên tắc WCAG hay không. Theo dõi yêu cầu và nhận xét của người dùng.
Một tính năng phương tiện CSS đặc biệt, “thích giảm chuyển động”, giúp theo dõi các tình huống mà người dùng yêu cầu giảm thiểu số lượng hoạt ảnh.
Ngoài ra, bạn nên tiến hành kiểm tra khả năng sử dụng để đảm bảo rằng tất cả người dùng, kể cả những người khiếm thị, không gặp vấn đề gì khi tương tác với thiết kế của bạn.
5. Kiểm tra giải pháp thiết kế của bạn
Dưới đây là một số mẹo cần ghi nhớ khi thử nghiệm:
- Kiểm tra trên các thiết bị khác nhau.
Nhiều thông số phần cứng như kích thước màn hình, mật độ màn hình, hiệu suất GPU v.v., có thể ảnh hưởng đáng kể đến hiệu suất hoạt ảnh. Kết quả là chủ sở hữu có nhiều màn hình chất lượng sẽ nhìn thấy một hình ảnh khác với hình ảnh của chủ sở hữu thiết bị cũ hơn. Hãy xem xét các yếu tố này và tối ưu hóa hoạt ảnh của bạn để hoạt ảnh trông đẹp mắt trên tất cả các thiết bị.
- Kiểm tra trên điện thoại di động.
Hầu hết các trang web được tạo và thử nghiệm trên PC. Thiếu kiểm tra cho thiêt bị di động có thể gây ra nhiều vấn đề cho người dùng vì một số kỹ thuật hoạt hình hoạt động tốt trên PC nhưng không hoạt động tốt trên thiết bị di động. Để ngăn người dùng có trải nghiệm tiêu cực, hãy đảm bảo thiết kế của bạn hoạt động tốt trên cả máy tính để bàn và thiết bị di động.
- Xem hoạt hình ở tốc độ chậm
Thật khó để nhận ra sai sót khi chạy hoạt ảnh (đặc biệt là những hoạt ảnh phức tạp) hết tốc độ. Nhưng khi bạn làm chậm hoạt ảnh (giả sử tốc độ bằng 1/10), những điểm không hoàn hảo đó sẽ trở nên rõ ràng. Bạn cũng có thể tạo một video quay chậm và cho bạn bè xem để lấy ý kiến của họ.
6. Animation nên được phát triển ngay từ đầu
Nhiều nhà thiết kế coi hoạt hình chức năng không cần thiết, vì nó làm quá tải giao diện người dùng và làm phức tạp nó. Trong hầu hết các trường hợp, điều này xảy ra nhưng chỉ vì các nhà thiết kế thêm hoạt ảnh vào cuối quá trình thiết kế. Việc di chuyển ngẫu nhiên không có mục đích sẽ không mang lại lợi ích gì cho du khách và rất có thể sẽ gây mất tập trung và khó chịu.
Để làm cho hoạt ảnh trở nên hữu ích và thiết thực, hãy dành thời gian cho nó ngay từ đầu trong thiết kế của bạn. Xác định vị trí hoạt ảnh sẽ trông hợp lý và tự nhiên là rất quan trọng.
Phần kết luận
Hoạt ảnh được thiết kế đẹp mắt và chất lượng cao giúp trang đích không chỉ hấp dẫn hơn mà còn thân thiện hơn với người dùng. Khi thực hiện đúng, hoạt ảnh có thể biến tương tác trên trang đích của bạn thành trải nghiệm đáng nhớ và hấp dẫn.
- Dịch
- Hướng dẫn
Bạn được chào đón bởi quần áo và được hộ tống bởi tâm trí của bạn. Câu nói cổ này nói lên tầm quan trọng của ấn tượng đầu tiên. Điều này đúng không chỉ với con người mà còn với cả sản phẩm phần mềm- các trang web và ứng dụng di động. Một trong những khoảnh khắc quan trọng nhất sự hình thành sức hấp dẫn dự án mạng là sự dễ sử dụng - khả năng sử dụng. Và khi một người lần đầu tiên làm quen với một trang web hoặc ứng dụng, ấn tượng đầu tiên của anh ta thường quyết định liệu anh ta có quay lại sản phẩm này nhiều lần hay không. Nói cách khác, khả năng sử dụng là một trong những đặc tính chính của trang web tạo ra (hoặc loại bỏ) khán giả. Hãy xem xét một số tình huống hành vi người dùng phổ biến và thường bị bỏ qua cũng như các cách để cải thiện khả năng sử dụng ở các giai đoạn quan trọng nhất trong trải nghiệm trang web hoặc ứng dụng di động của bạn.
Giao tiếp rõ ràng và đầy đủ thông tin
1. Chọn cỡ chữ
Ngày càng có nhiều người lướt web bằng thiết bị di động và đối với một số trang web phiên bản điện thoạiđã trở thành chính. Và điều này đặt ra các yêu cầu về kích thước phông chữ, vì màn hình của điện thoại thông minh và máy tính bảng nhỏ hơn nhiều so với màn hình của nó. màn hình thường xuyên và máy tính xách tay. Truyền bá thiết kế thích ứngđã đóng một vai trò lớn trong việc thu hút sự chú ý đến vấn đề phông chữ.Thông thường, người tạo trang web tập trung vào tính dễ sử dụng của các nút, biểu tượng, tab và các đối tượng có thể nhấp khác. Nhưng ít ai nhớ đến sự tiện lợi của việc nhấp vào siêu liên kết văn bản. Do đó, hãy luôn tiến hành các bài kiểm tra “trực tiếp” về mức độ thoải mái khi nhấp vào siêu liên kết bằng ngón tay của bạn.
2. Viết thông báo lỗi đầy thông tin
Nhiều người bỏ qua việc lựa chọn từ ngữ cho các thông báo lỗi, coi chúng là thứ yếu. Các nhà phát triển thường biết cách tránh những hành vi không đúng trong sản phẩm của mình và do đó hiếm khi gặp phải những thông báo như vậy.Nhưng người dùng thực sự không thể tự hào về điều này.
Nếu người dùng không hiểu rõ phải làm gì sau khi thông báo lỗi xuất hiện thì họ có thể từ bỏ sản phẩm của bạn hoàn toàn. Vì vậy, nội dung tin nhắn có thể vui tươi nhưng ít nhất phải giúp người dùng nhanh chóng tìm ra nguyên nhân và tránh những thất bại trong tương lai.
Cố gắng tránh những thuật ngữ chuyên ngành, viết tin nhắn bằng những thuật ngữ chung chung, bằng ngôn ngữ rõ ràng. Không cần phải đổ thông tin về người dùng mà anh ta không thể sử dụng. Nếu muốn, ngay cả các lỗi xác thực cũng có thể được diễn đạt lại để khiến chúng nghe thân thiện hơn. So sánh hai phiên bản của cùng một màn hình từ cùng một hệ điều hành phổ biến:
Sự tiện lợi của các hình thức đầu vào
3. Đơn giản hóa yêu cầu mật khẩu của bạn
Ngày nay người ta thường yêu cầu người dùng tạo mật khẩu phức tạp. Nhưng điều này cần phải được thực hiện một cách tích cực, với sự khuyến khích chứ không phải như một điều kiện khắc nghiệt không thể vượt qua. Nhiều hình thức nhập liệu trông rất đẹp nhưng lại hoàn toàn bất tiện. Mặc dù sự tiện lợi của yếu tố giao diện này có thể tác động quyết định đến sự thành công của toàn bộ sản phẩm. Những quyết định tồi tệ có thể khiến người dùng xa lánh ở giai đoạn nhập thông tin đăng nhập và mật khẩu hoặc trong quá trình thanh toán. Vì vậy, cần phải hết sức chú ý đến tính dễ sử dụng của các biểu mẫu.
Ví dụ: về mặt lịch sử, các hộp chọn lọc rất khó tạo kiểu. Trong hầu hết các trường hợp, các nhà phát triển cố gắng ẩn các đối tượng tiêu chuẩn và sao chép chúng thành các phần tử DOM phù hợp hơn. Trong trường hợp này, dữ liệu từ “bản sao” được chuyển sang đầu vào của các phần tử gốc.
Bạn cần phải dành rất nhiều thời gian chỉ để có thể kiểm soát việc thiết kế menu thả xuống thông thường. Nhưng trò chơi có đáng nến không? Chúng ta không được quên điều đó người dùng di động làm quen với nó rất nhanh vẻ bề ngoài và đặc điểm hành vi yếu tố tiêu chuẩn giao diện được sử dụng trong hệ điều hành của họ.
Ví dụ, người dùng Windows di động Họ mong đợi rằng khi bạn chọn menu thả xuống, danh sách các tùy chọn sẽ mở ra ở chế độ toàn màn hình, tách biệt với chính trường đó. Trong khi Người dùng Android mong đợi được nhìn thấy cửa sổ phương thức. Và nếu vì ý tưởng thiết kế của bạn mà bạn không đáp ứng được những kỳ vọng đó thì người dùng có thể không đánh giá cao giải pháp của bạn chút nào. Họ có thể sẽ gặp khó khăn hơn khi sử dụng sản phẩm của bạn, điều này sẽ tác động tiêu cực đến trải nghiệm của họ. Nói cách khác, bằng cách thay đổi thiết kế của các phần tử tiêu chuẩn, bạn sẽ tạo ra nhiều vấn đề hơn hơn bạn quyết định.
4. Sử dụng các hình thức nhập liệu chính xác
Nhiều người khuyên nên sử dụng định dạng dữ liệu trong các trường nhập. Ví dụ: nếu bạn thêm đầu vào, đầu vào thì bố cục sẽ tự động chuyển khi bạn nhập. Tuy nhiên, điều này có vẻ lạ và không giúp ích gì cả mà còn cản trở việc điền vào biểu mẫu.Nếu bạn có nhiều trường nhập, tốt hơn là chỉ định một loại dữ liệu cho chúng. Người dùng sẽ dễ dàng hơn nhiều khi sử dụng cùng một bố cục khi nhập và việc chuyển từ chữ cái sang số rồi quay lại chỉ làm tăng thêm sự nhầm lẫn.
Sử dụng các loại khác nhau Việc nhập bằng HTML 5 chỉ được khuyến khích khi có càng ít trường trên màn hình càng tốt. Một ví dụ điển hình là hai yếu tố xác thực của Google: Chỉ có một trường mà bạn chỉ có thể nhập số. Sẽ rất thích hợp đây chuyển mạch tự động sang bố cục kỹ thuật số.
Nhưng hơn thế các hình thức phức tạp Sự “hữu ích” và “sáng kiến” như vậy của bàn phím có thể gây khó chịu vì nó buộc người dùng phải chuyển đổi về mặt tinh thần và làm tăng tải nhận thức. Đặc biệt khi chuyển từ chữ sang số và ngược lại:
5. Tạo trải nghiệm lần đầu sống động và đáng nhớ
Nếu một người mới thất vọng với trang web hoặc ứng dụng của bạn ngay từ những giây đầu tiên, thì điều này giống như sự thô lỗ của người chủ khi gặp khách. Cho dù món ăn có ngon đến đâu thì cuộc họp cũng sẽ bị hủy hoại một cách vô vọng.Nhà phát triển có thể dễ dàng bỏ qua một số tình huống cho mục đích sử dụng chính của sản phẩm của mình. Ví dụ: thật khó để gọi một màn hình tràn ngập các biểu tượng hoặc phần trực quan. Bạn có thể làm dịu trải nghiệm sử dụng đầu tiên, chẳng hạn như bằng các gợi ý và thông báo cảnh báo hữu ích, có thể dễ dàng tắt đi.
6. Ma quỷ nằm ở chi tiết
Tất cả những điều nhỏ nhặt có thể giúp ích rất nhiều trong việc làm cho sản phẩm của bạn dễ học hơn. Ví dụ: con trỏ tiêu chuẩn quen thuộc trong trường nhập đầu tiên sẽ cho phép bạn đi sâu vào giao diện một cách nhanh chóng và dễ dàng. Tốt nhất, người dùng nên điều hướng trang web hoặc ứng dụng trên chế độ lái tự động.Người dùng mới chưa có kinh nghiệm với sản phẩm của bạn có nghĩa là một số chức năng có thể gây ra khó khăn nghiêm trọng. Nhớ cái kẹp giấy từ Microsoft Office, người đột nhiên bước ra và đề nghị giúp đỡ cô, điều này còn khó chịu hơn.
Định hướng trải nghiệm người dùng đầu tiên thành công cũng giống như đi trên dây - rất khó để làm mọi thứ đúng, nhưng nếu bạn thành công, bạn sẽ nhận được nhiều phần thưởng hơn là sự ghi nhận của người dùng. Ví dụ, dự án Stumbleupon rất thành công trong việc dạy những khả năng cơ bản cho người mới bắt đầu.
Một giải pháp tốt có thể là tích hợp quá trình đào tạo vào quy trình sử dụng sản phẩm thông thường. Ví dụ: khi lưu trữ thư ở ứng dụng thư bạn có thể hiển thị thông báo “Bạn có biết rằng bạn có thể bắt đầu lưu trữ bằng Ctrl + K không?” Cách tiếp cận này cho phép trải nghiệm đào tạo nhẹ nhàng hơn nhiều so với các bài học theo phong cách “tổng quan về toàn bộ ứng dụng” truyền thống.
7. Không nên sử dụng phương pháp vi mô.
“Sao chép vi mô” đề cập đến tất cả các hướng dẫn và xác nhận nhỏ được sử dụng trong các ứng dụng.- "Đừng lo lắng, chúng tôi sẽ không để địa chỉ gửi thư của bạn bị rò rỉ"
- “Bạn không cần thẻ ngân hàng để thanh toán”
Ví dụ, ràng buộc Thẻ ngân hàng hoặc việc cung cấp email còn khá nhiều tranh cãi đối với nhiều người dùng. Và trừ khi bạn đại diện cho một thương hiệu có uy tín, đã được kiểm chứng qua thời gian, mọi người sẽ luôn cảnh giác khi cung cấp cho bạn những thông tin như vậy. Bản sao vi mô có thể giúp giải quyết những nghi ngờ của người dùng
8. Luôn cung cấp ngữ cảnh
Người dùng ghét việc thiếu bối cảnh. Xem xét luồng thông tin mà họ liên tục phải đối phó, mọi người cố gắng loại bỏ mọi thứ không cần thiết trên màn hình và tập trung vào những thứ cụ thể. Khi tính năng cuộn vô hạn trở thành mốt, nhiều trang web phải đối mặt với một vấn đề: ngay khi người dùng nhấp nhầm vào đâu đó, vị trí hiện tại sẽ bị đặt lại. Điều này đặc biệt khó chịu trong trường hợp một người đã cuộn rất xa nội dung của trang web. Chỉ sau năm màn hình cuộn, một cú nhấp chuột vô tình có thể trở thành nguồn gây khó chịu.Hầu hết các trang web ngày nay đều giải quyết vấn đề này bằng cách sử dụng các phương thức và các sơ đồ khác điển hình của các ứng dụng một trang. Ví dụ: trên Pinterest, khi bạn nhấp vào một ô, nó không mở ra trang mới và phương thức. Điều này cho phép bạn kiểm tra chi tiết của một bài đăng cụ thể mà không làm mất vị trí hiện tại hoặc chờ tải trang mới.
Trên thiết bị di động ứng dụng Facebook Cách tiếp cận tương tự cũng được sử dụng: nếu bạn nhấp vào ảnh trong album, ảnh sẽ tải ở chế độ toàn màn hình. Nó trông hầu hết như thể một trang mới đã mở ra, nhưng khi bạn nhấn nút quay lại, bạn sẽ được đưa trở lại ngữ cảnh một cách nhẹ nhàng.
Người dùng, đặc biệt là người dùng di động không thích khi nội dung màn hình thay đổi đột ngột. Điều này chỉ nên được thực hiện để đáp lại hành động rõ ràng của người dùng. Ví dụ, nguồn cấp tin tức trên Twitter và Facebook được cập nhật một cách cưỡng bức. Nếu không, bạn sẽ gặp phải tình huống khó chịu khi đang đọc tin nhắn, đồng thời quá trình nền làm mới nguồn cấp dữ liệu và gửi cho bạn một loạt tin nhắn mới chôn vùi những gì bạn đã đọc trước đó. Nó giống như một cơn gió mạnh xé toạc tờ báo ra khỏi tay bạn.
May mắn thay, Twitter sẽ thông báo một cách tinh tế cho người dùng khi có tin nhắn mới xuất hiện và chờ người dùng đưa ra lệnh tải xuống. Nghĩa là, một người có toàn quyền kiểm soát việc thay đổi nội dung của màn hình và không bị nhầm lẫn.
15. Chia các nhiệm vụ lớn, phức tạp thành các hoạt động nhỏ hơn
Không ai thích điền vào mẫu đầy đủ trang. Do đó, tất cả các loại phần cài đặt, biểu mẫu đăng ký và hồ sơ sẽ chỉ được hưởng lợi từ sự tách biệt hợp lý thành các khối nhỏ hơn. Sử dụng thẻ, phần, tab, mặt bên. Một người sẽ dễ dàng nhận thấy sự cần thiết của nhiều miếng trám hơn, ngay cả khi có một số khối logic trên một trang.Việc chia thành các khối logic về mặt chủ quan giúp đơn giản hóa công việc thiết lập và điền vào nhiều trường và tránh cảm giác khó chịu khi làm việc. Điều này đặc biệt quan trọng đối với các ứng dụng di động và phiên bản trang web.
Ví dụ: Facebook đã dành vài năm để hoàn thiện nhóm cài đặt quyền riêng tư của mình để giúp chúng dễ cấu hình hơn. Nhưng ngày xưa nó đã như vậy nhiệm vụ không tầm thường mà nhiều người chỉ đơn giản là không chạm vào các cài đặt này. Bằng cách chia chúng thành các phần, tỷ lệ người dùng tương tác với các trang này thay vì tránh chúng đã tăng lên.
Khác ví dụ tốt chia một nhiệm vụ lớn thành các khối logic - quy trình đặt hàng. Đối với nhiều ứng dụng web, quy trình này trở thành một điểm quan trọng, một dấu hiệu cho thấy sự thành công của dự án. Khi đặt hàng được chia thành các giai đoạn, sau đó khi trải qua chúng, người dùng sẽ có cảm giác tiến bộ, tiến bộ, ngay cả khi không phải mọi thứ đều suôn sẻ.
Ngoài ra, việc chia thành các khối logic giúp phát hiện và giải quyết các vấn đề phát sinh dễ dàng hơn. Rốt cuộc, không ai muốn giải quyết một thông báo như “Bạn có thể vui lòng sửa bốn điểm sau đây không?”
Nếu bạn buộc người dùng điền vào tất cả các trường hoặc định cấu hình cài đặt trên một trang được tổ chức phức tạp thì bạn đang bỏ trứng vào một giỏ. Bất kỳ lỗi nào sẽ ngăn cản việc gửi tất cả các dữ liệu khác.
Điều tương tự cũng có thể nói về các hình thức quyên góp, đặc biệt là trong dự án di động. Bạn có thể muốn người dùng nghĩ: “Ồ, thật đơn giản làm sao” thay vì “Ừ, việc này cần có thời gian”. Cải thiện khả năng sử dụng của các biểu mẫu ảnh hưởng trực tiếp đến lợi nhuận của dự án.
Hầu hết các điểm trên khá đơn giản khi xem xét riêng lẻ. Nhưng nếu bạn làm việc này hàng ngày, mắt bạn thường bị mờ. Vì vậy, điều quan trọng là có thể lùi lại, trừu tượng và nhìn đứa con tinh thần của mình qua con mắt của một “người dùng mới”.
Thẻ: Thêm thẻ
Chúc một ngày tốt lành, các bạn thân mến! Hôm nay chúng tôi sẽ nói chuyện với bạn về một điều quan trọng như bạnsability (khả năng sử dụng) của trang web, về cách cải thiện yếu tố này, biết các nguyên tắc và quy tắc cơ bản của nó. Chà, tóm lại, chúng ta sẽ học cách thực hiện kiểm toán (phân tích) độc lập và miễn phí đối với dự án của bạn để xác định mức độ hấp dẫn của nó đối với khán giả. Vì vậy, có lẽ chúng ta hãy bắt đầu với định nghĩa của khái niệm khả năng sử dụng(khả năng sử dụng).
Khả năng sử dụng là gì và nguyên tắc của nó là gì?
Tính khả dụng - từ dịch nghĩa là thước đo sự tiện lợi, chất lượng, dễ sử dụng của một thứ gì đó. Trong trường hợp của chúng tôi, chúng tôi muốn nói đến chính trang web đó vì nó tương tác trực tiếp với người dùng Internet. Mức độ khả dụng của một dự án cụ thể sẽ trực tiếp quyết định CTR (phần trăm) doanh thu, vị trí của nó trong công cụ tìm kiếm và đương nhiên lượng lưu lượng truy cập (khách truy cập). Nếu bạn cải thiện được yếu tố này, thì bạn sẽ giết được nhiều con chim bằng một viên đá, điều này có thể tăng thu nhập của bạn lên gấp 2-3 lần! Đây là những gì bạn nhận được trong trường hợp cấp độ cao khả năng sử dụng:
— Tăng một điều rất quan trọng như chuyển đổi trang web (tỷ lệ phần trăm doanh thu) và do đó là lợi nhuận của chủ sở hữu trang web.
— Tăng vị trí của trang web, điều này cuối cùng sẽ dẫn đến sự gia tăng khách hàng tiềm năng hoặc, như đã đề cập trước đó, để tăng lợi nhuận.
— Giảm ngân sách (chi phí) cho quảng cáo theo ngữ cảnh và quảng cáo khác để thu hút khách truy cập. Tại sao phải trả tiền cho họ nếu họ đã tìm thấy bạn thông qua tìm kiếm?
- Thu hút được lượng khách hàng cốt lõi. Nếu một khách truy cập thực sự thích trang web của bạn và sản phẩm bạn bán, thì hãy chắc chắn rằng trong tương lai, khi anh ta muốn mua hàng lần nữa, anh ta chắc chắn sẽ nhìn bạn trước, sau đó mới nhìn vào đối thủ cạnh tranh.
- Giảm số lượng nhân viên cần phải trả lương. Như bạn đã biết, mọi dịch vụ tự trọng đều cần có hỗ trợ trực tuyến khách hàng. Vì vậy, nếu khách truy cập của bạn có thể tự mình tìm thấy câu trả lời cho câu hỏi của mình mà không cần bất kỳ sự trợ giúp nào, thì anh ta khó có thể làm phiền nhà tư vấn của bạn.
Như bạn có thể thấy, bạn có thể tăng doanh thu của mình một cách rất thông minh, nhưng để làm được điều này, bạn cần đảm bảo rằng khách truy cập hoặc khách hàng thực sự yêu thích trang web của bạn. Khi bước vào, họ không nên cảm thấy lúng túng, căng thẳng hay cảm nhận được thủ đoạn nào đó của bạn rằng họ sắp bị lừa. Những cảm giác khó chịu này thường được gây ra bởi giá quá cao, điều hướng không rõ ràng và toàn bộ trang web. Người dùng đơn giản Anh ấy thậm chí có thể bị xúc phạm nếu bạn không nói được ngôn ngữ của anh ấy!
Có thể nói, nhiều người, khi theo đuổi khách hàng, cố gắng nổi bật giữa đám đông đối thủ cạnh tranh, thể hiện sự “ngầu” và giàu có của họ. Thông thường, điều này có thể được nhìn thấy trong các văn bản sử dụng các thuật ngữ phức tạp để mô tả nhận thức mà chỉ một tầng lớp rất hẹp trong xã hội mới có thể hiểu được. Nhưng chúng ta đừng tự lừa dối mình, bởi vì hầu hết khách hàng của chúng ta thường là những ông bà bình thường và thậm chí đôi khi là những học sinh, có thể nói, không thể “hiểu được”, đây là thứ gì và tại sao tôi nên mua nó ở đây, nếu tôi thậm chí không có một mô tả về nó?Tôi có thể hiểu được?
Và đây chỉ là một phần nhỏ những điều cần phải tính đến khi phát triển một trang web sao cho hấp dẫn nhất có thể đối với người dùng. Khi tạo dự án của mình, ban đầu bạn phải tự hỏi mình những câu hỏi chính xác về khả năng sử dụng và trả lời chúng một cách chính xác nhất có thể, không có bất kỳ câu “Tôi nghĩ, tôi đoán, v.v.” để sau này bạn sẽ không ngạc nhiên tại sao có rất nhiều khách đến nhưng không bán được hàng.
Vì vậy, đây là một số câu hỏi cần được tính đến khi thiết kế một trang web:
— Trang web tiện lợi như thế nào, người dùng có thể tìm thấy những gì mình muốn khi sử dụng nó không (ở đây chúng tôi muốn nói đến cấu trúc và điều hướng của nó rõ ràng và dễ dàng như thế nào).
— Nội dung (bài viết, video) dễ đọc và hữu ích như thế nào đối với nhận thức? các nhóm khác nhau người theo độ tuổi và đặc điểm văn hóa.
— Người dùng có thể nhớ và tìm thấy trang web của bạn dễ dàng như thế nào (điều này có nghĩa là một thiết kế đẹp, độc đáo, địa chỉ trang web ngắn gọn và rõ ràng, tên, số điện thoại, v.v.).
— Khách hàng có hài lòng sau khi mua hàng không? Điều gì sẽ xảy ra nếu việc giao hàng bị trễ hoặc hàng hóa đến nơi bị hỏng nhưng bạn cũng giống như những người khác thì sao? tiền mặt họ không trở lại.
— Và cuối cùng, dự án của bạn hoàn thiện đến mức nào về mọi mặt? Bạn biết đấy, đây có lẽ là điều tồi tệ nhất có thể xảy ra khi khách hàng truy cập trang web của bạn và phát hiện ra một số lỗi trong chính trang web đó hoặc ở một nơi nào khác. Vì điều này, bạn sẽ mất niềm tin vào mình, điều này cuối cùng sẽ làm giảm doanh số bán hàng.
Vì vậy, khi bạn trả lời một số câu hỏi này, bạn có thể chắc chắn rằng bạn vẫn có khả năng cạnh tranh và có thể bán hàng thành công. Nhưng nếu bạn vẫn chưa có đủ lập luận cho điều này thì tôi khuyên bạn nên tự làm quen với danh sách của tôi bên dưới để cải thiện khả năng sử dụng của trang web.
Các quy tắc cơ bản để cải thiện khả năng sử dụng nội dung trang web (bài viết).
1 ) Chia bài viết của bạn thành các đoạn nhỏ, mỗi đoạn khoảng 5-7 câu. Ngày nay, người dùng không còn đọc các bài đăng trên các trang web như một loại sách nào đó mà chỉ cần quét qua và xác định xem có đáng đọc toàn bộ hay không. Vì vậy, nếu bạn viết những bài báo dài, như tôi, thì người dùng có thể cảm thấy sợ hãi khi nhìn thấy một văn bản khổng lồ không có phần cuối. Tôi nghĩ bạn cũng khó có thể đọc được bài viết này nếu nó không được chia thành các đoạn văn.
3 ) Ngay trong câu đầu tiên của bài viết, hãy luôn in đậm những từ khóa mà người dùng đang tìm kiếm. Hoạt động này sẽ cho người dùng biết rằng anh ta đã tìm thấy những gì mình đang tìm kiếm, bởi vì như tôi đã viết ở trên, người dùng thậm chí không đọc một nửa văn bản, họ chỉ cần quét nó để tìm mức độ liên quan của nó (mức độ mà bài viết trả lời câu hỏi).
Nói cách khác, nếu thiếu các từ khóa cần thiết ngay đầu bài viết thì người dùng có khả năng rời đi ngay lập tức. Kỹ thuật này cũng là một trong những điều cơ bản để tối ưu hóa bài viết cho công cụ tìm kiếm. Dù sao thì Google vẫn thích khi các phím được tô sáng chữ in đậm, đối với Yandex, điều này không còn quan trọng nữa.
4 ) Giải thích những thuật ngữ không rõ ràng, vì không phải ai cũng tiến bộ như một số người. Như bạn có thể đã nhận thấy, có khá nhiều định nghĩa không rõ ràng trong bài viết này mà tôi luôn giải thích trong ngoặc đơn và tôi khuyên bạn cũng nên làm như vậy.
5 ) Chèn vào ấn phẩm hình ảnh chất lượng cao hoặc . Điều này giúp cải thiện khả năng sử dụng của bài viết, vì không ai muốn đọc một văn bản nhàm chán. Nhân tiện, điều này đã trở nên rất phù hợp trong thời đại chúng ta, khi ngày càng có nhiều người bắt đầu mua truyện tranh nhỏ hơn những cuốn sách một kg.
6 ) Nếu bạn đang mô tả bất kỳ hướng dẫn nào, hãy chia nó thành các bước nhỏ và đánh số chúng để người dùng không bị nhầm lẫn và luôn có thể hiểu được trình tự các hành động cần thực hiện.
7 ) Nói chuyện với khách truy cập của bạn bằng ngôn ngữ của họ. Nếu đối tượng tiềm năng của bạn là người trẻ hoặc ngược lại là người lớn tuổi thì bạn cần sử dụng loại này lời nói thông tụcđó là đặc điểm của họ.
Làm thế nào để cải thiện khả năng sử dụng của trang web?
8
)
Trước khi tạo một trang web, bạn cần phân tích thị trường, đối tượng của mình, điều gì quen thuộc với họ và điều gì xa lạ, đồng thời hiểu được dòng suy nghĩ của họ. Thông thường, trong 90% trường hợp, công việc đảm bảo khả năng sử dụng của trang web bắt đầu khi nó đã được tạo, điều này cuối cùng khiến chủ sở hữu trang web chán nản khi anh ta bắt đầu nhận ra rằng mình sẽ phải tốn quá nhiều thời gian. hàng lớnđổi mới, rằng điều dễ dàng nhất là phá hủy hoàn toàn toàn bộ địa điểm và làm lại từ đầu.
Trong 10% trường hợp còn lại, khả năng sử dụng của trang web thường được xử lý bởi các nhà thiết kế hoặc lập trình viên không hiểu gì về nó. Theo quy luật, họ dựa vào trực giác, kinh nghiệm, quan điểm của mình, điều này không có gì chung với ý kiến của du khách.
9 ) Đừng tạo một trang web xa lạ mà chỉ bạn mới có thể điều hướng tốt. Quan điểm của tôi là cho dù bạn muốn nổi bật hơn so với đối thủ cạnh tranh đến mức nào thì giao diện và điều hướng dự án của bạn phải giống với hầu hết các trang web để người dùng có thể dễ dàng điều hướng qua nó.
10 ) Tạo một trang. Tất nhiên, bạn có thể ngạc nhiên: nó có thể ảnh hưởng đến doanh số bán hàng như thế nào? Như thế đấy. Cách đây rất lâu, một công ty đã lén lút viết một thông báo trên trang 404 rằng họ không thể xử lý mặt hàng đó và yêu cầu họ lặp lại quy trình mua hàng một lần nữa. Bằng cách này, họ đã tăng lợi nhuận lên thêm 380 USD mỗi tháng.
11 ) Làm điều đó trên trang web. Nếu ấn phẩm hoặc mô tả sản phẩm của bạn đủ lớn, người dùng có thể cảm thấy mệt mỏi khi phải cuộn lên một lúc lâu sau khi đọc.
12 ) Đừng tạo nhiều danh mục phụ, cho dù trang web của bạn lớn đến đâu (hai danh mục là đủ). Một số lượng lớn các danh mục phụ có thể dễ dàng gây nhầm lẫn cho người đọc của bạn và trong hầu hết các trường hợp sẽ không cho phép họ tìm được sản phẩm hoặc tài liệu phù hợp.
13 ) Hãy chắc chắn để thêm nó vào trang web thông tin liên lạc(điện thoại, email) hoặc ít nhất . Ngoài ra trên trang web phải có một trang về tổ chức hoặc tác giả của sáng tạo này. Hãy nhớ rằng, việc thiếu bất kỳ dữ liệu nào trong số này sẽ làm giảm đáng kể độ tin cậy của bạn và toàn bộ trang web.
14 ) Làm cho tiêu đề và mô tả trang web của bạn dễ đọc để người dùng ngay từ cái nhìn đầu tiên có thể hiểu trang web là gì và mục đích của nó là gì. Theo tôi, nhiều người cũng mắc phải một sai lầm nghiêm trọng tương tự: chèn tên công ty (đặc biệt bằng tiếng Anh) vào phần mô tả trang web của họ, khiến người dùng không thể hiểu được gì. Ví dụ: tôi vừa nhập truy vấn tìm kiếm “mua một chiếc váy” và nhấp vào truy vấn đầu tiên quảng cáo vào trang web và tôi thấy gì trong tiêu đề? Mondigo.ru. Vâng tôi đồng ý chào mừngđể người dùng ghi nhớ trang web nhưng khó có thể sử dụng nó.
15 ) Đính kèm tìm kiếm vào trang web của bạn, tốt nhất là ở một nơi quen thuộc với mọi người - ở góc trên bên phải. Nếu bạn có ít hơn 100 trang thì hiện tại bạn không phải lo lắng về điều này, vì bạn có thể thực hiện bằng một trang đơn giản, nhưng khi bạn có nhiều trang hơn, hãy nhớ thêm tìm kiếm. Nhân tiện, điều này cũng áp dụng cho Chương trình liên kết. Gần đây tôi đang tìm kiếm một cửa hàng trực tuyến có chương trình liên kết cho sản phẩm tôi cần.
Tôi đã tìm thấy một cái, đăng ký và dành một giờ để tự hỏi làm thế nào tôi có thể tìm thấy nó. liên kết liên kết dành riêng cho sản phẩm này chứ không phải cho toàn bộ trang web. Vấn đề là cửa hàng có hàng nghìn sản phẩm nhưng không có người tìm kiếm nên tôi phải viết thư cho bộ phận hỗ trợ của trang web.
16 ) Vì theo văn hóa của chúng tôi, chúng tôi đọc các bài đăng từ trái sang phải, nên bản thân trang web phải được thiết kế sao cho tất cả văn bản phải bắt đầu ở bên trái chứ không phải từ giữa, chẳng hạn như khi trang web có hai cột ở cả hai cột. các bên. Ngoài ra, nền phải có màu trắng và văn bản phải có màu đen, ít nhất là 12px.
Người dùng sẽ rất khó đọc tài liệu, chẳng hạn như nền đen và văn bản màu trắng, đồng thời nó cũng quá nhỏ nên sẽ phải kiểm tra dưới kính lúp. Ngoài ra, tôi không khuyên bạn nên sử dụng nhiều hơn bốn sắc thái màu trên trang web của mình, vì nhiều màu không kết hợp với nhau và khiến người dùng sợ hãi (hay đúng hơn là mắt của họ).
17 ) Làm điều đó trên trang web nếu bạn chỉ có một trang web thông tin. Nếu bạn có một cửa hàng trực tuyến, tốt hơn hết bạn nên xóa nó để người dùng không bị lạc vào trang web của bạn và đến nơi bạn cần đến, từ đó tăng chuyển đổi.
18 ) Loại bỏ biểu mẫu đăng ký bật lên, ngoài việc rất khó chịu mà còn làm chậm trang web gấp 10 lần. Ngoài ra, lâu nay trên nhiều trang tôi thấy có sức hấp dẫn khủng khiếp như vậy, khi bạn nhấp chuột vào đường ngang của trang đó, một biểu mẫu đăng ký khủng khiếp hiện ra với một câu hỏi ngu ngốc: bạn có chắc chắn muốn rời khỏi trang này không? Tôi khuyên bạn nên từ chối phương pháp này thu thập địa chỉ email vì điều này sẽ chỉ làm xấu đi địa chỉ email của bạn.
19 ) Biết giới hạn của bạn khi kiếm tiền từ trang web của bạn. Quá nhiều quảng cáo có thể khiến bạn sợ hãi hoặc khiến bạn không thể tìm thấy chúng vật liệu cần thiết tới người đọc.
20 ) Xóa hoặc cho phép bạn đăng nhập bằng nhiều cách khác nhau truyền thông xã hội. Ngoài ra, nếu bạn có cửa hàng trực tuyến, hãy xóa các trường không cần thiết để điền vào. Tin tôi đi, không ai muốn viết toàn bộ tiểu sử về bản thân mình ở những điểm như: bạn tìm thấy chúng tôi như thế nào, sở thích của bạn, v.v.
21 ) Nếu có thể, không sử dụng tập lệnh java và hoạt ảnh flash trong menu trang web, vì khách truy cập của bạn có thể đã tắt chúng trong cài đặt trình duyệt của họ. Kết quả là người dùng sẽ không thể sử dụng menu và do đó phải đặt hàng.
22 ) Đảm bảo rằng trang web của bạn hiển thị đúng cách trên thiết bị di động. Để làm điều này, bạn cần kiểm tra và làm sạch mã trang web nếu tìm thấy bất kỳ lỗi nào.
23) Sử dụng điều hướng rõ ràng. Người dùng phải tìm thấy những gì mình cần trong vòng ba cú nhấp chuột. Để thực hiện việc này, bạn có thể tạo hoặc đính kèm điều hướng từ các tệp .
24 ) Xóa trình phát khỏi trang web của bạn, khách truy cập đến để tìm tài liệu họ cần chứ không phải để nghe các tác phẩm kinh điển hoặc nhạc rock and roll. Tôi cũng khuyên bạn nên loại bỏ mọi thứ yếu tố không cần thiết trên trang web như: lịch, bình luận viên hàng đầu, v.v.
25 ) Và cuối cùng, hãy thân thiện và tích cực với khán giả của bạn, bởi vì mọi người đều đã có đủ những điều tiêu cực trong cuộc sống của mình rồi.
Làm cách nào để thực hiện kiểm tra (phân tích) chất lượng cao miễn phí của một trang web?
Để bắt đầu, hãy cài đặt bất kỳ bộ đếm điểm danh nào, qua đó bạn có thể tìm hiểu loại người đến thăm bạn: tuổi, giới tính, họ đến từ đâu (quốc gia), v.v. Tôi khuyên bạn nên cài đặt một bộ đếm từ Yandex, vì nó có một tính năng thú vị như “webvisor” qua đó bạn có thể xem cách mỗi người dùng cư xử trên trang web của mình. Ở giai đoạn này, bạn có thể tìm thấy một loạt lỗi (lỗi), cũng như những thiếu sót khác nhau trong thiết kế của trang web. Bạn cũng sẽ có thể thấy trên bản đồ nhiệt nơi người dùng nhấp vào thường xuyên nhất, điều này có thể rất hữu ích khi đặt quảng cáo.
Ngoài ra, để đánh giá khả năng sử dụng trang web của bạn, chỉ cần gọi điện cho tất cả người thân và bạn bè của bạn ở đâu, mọi người sẽ đánh giá nó riêng lẻ. Nhân tiện, ở đây tốt hơn hết bạn nên nói trước rằng trang web đó không phải của bạn, vì làm như vậy bạn sẽ không nhận được đánh giá thỏa đáng, vì họ sẽ thông cảm trước cho bạn. Trước khi thử nghiệm, bạn cần lắp camera phía trước màn hình để không chỉ quan sát cách một người cư xử trên trang web mà còn có thể nhìn thấy nét mặt và cảm xúc của người đó, điều này cũng rất quan trọng. Cuối cùng, yêu cầu họ viết ra một tờ giấy những điều họ thích và không thích về trang web cũng như những khó khăn mà họ gặp phải.
Bạn cũng có thể chỉ cần thực hiện một cuộc khảo sát hoặc bỏ phiếu trên trang web, nơi chính người dùng sẽ cung cấp cho bạn tất cả thông tin miễn phí. Chà, điều này kết thúc bài viết của tôi về việc cải thiện khả năng sử dụng của một trang web, tôi hy vọng nó hữu ích cho bạn. Tuy nhiên, nếu điều này vẫn chưa đủ đối với bạn và bạn muốn trở thành một chuyên gia giỏi trong lĩnh vực này, thì bạn có thể đọc một vài cuốn sách về chủ đề này, vì trong tương lai, với sự phát triển của Internet , chuyên ngành này có thể trở nên rất phổ biến.
Hôm nay chúng tôi mang đến cho bạn một bộ mẹo tối ưu hóa, tính hiệu quả của chúng được hỗ trợ bởi các trường hợp thực tế và rất đáng tin cậy.
Có thể bạn đã quen với kết quả của một số nghiên cứu, nhưng chúng tôi sẽ cố gắng xem xét chúng từ một góc độ hơi khác.
1. Hãy quên “quy tắc ba lần nhấp chuột”
Trong cuốn sách của anh ấy Đưa tài năng của bạn lên web(2001) Jeffrey Zeldman, một nhân vật nổi tiếng trong thế giới thiết kế web, đã đưa ra ý tưởng rằng “quy tắc ba lần nhấp chuột giúp tạo ra các trang web có cấu trúc phân cấp trực quan và hợp lý”. Nghĩa là, nếu người dùng cần thực hiện nhiều hơn ba lần nhấp để truy cập vào phần nội dung họ đang tìm kiếm, họ bắt đầu cảm thấy thất vọng vì việc đó đòi hỏi nhiều nỗ lực và bị coi là lãng phí thời gian.
Tuy nhiên, trên thực tế, hầu hết người dùng thực sự có động lực để hoàn thành một hành động được nhắm mục tiêu sẽ không nghĩ đến việc dừng lại chỉ vì họ đã thực hiện ba lần nhấp chuột mà không đạt được mục tiêu. Nếu nhìn vào những lý do chính khiến người dùng thất vọng, bạn sẽ thấy rằng việc nhấp chuột quá nhiều không đóng vai trò gì lớn.
Và khi đó câu hỏi được đặt ra: quy tắc ba lần nhấp chuột có cơ sở khoa học hay thực nghiệm nào không? Nói cách khác, có nghiên cứu nào chỉ ra rằng người dùng trở nên thất vọng sau ba lần nhấp chuột không?
Theo một nghiên cứu do nhà thiết kế web người Anh Joshua Porter thực hiện, những người dùng không tìm thấy nội dung họ đang tìm kiếm sau ba lần nhấp chuột sẽ ít có khả năng ngừng tìm kiếm hơn. Hơn nữa, trong quá trình nghiên cứu, một số đối tượng đã thực hiện tới 25 lần nhấp chuột.
Mối quan hệ giữa số lần nhấp và tỷ lệ phần trăm nhiệm vụ đã hoàn thành trong trường hợp thành công (màu xanh) và thất bại (màu đỏ)
Cuối cùng, vai trò chính không phải là số lần nhấp chuột mà là sự tiện lợi của giao diện. Nếu nó đơn giản và rõ ràng, một người sẽ hài lòng khi sử dụng nó, ngay cả khi phải mất 15 lần nhấp chuột để đạt được mục tiêu. Và nếu một trang web tuân theo quy tắc ba lần nhấp chuột nhưng được thiết kế và triển khai kém, một người có thể không muốn sử dụng nó.
2. Hãy nhớ mẫu chữ F
Jakob Nielsen đã thực hiện một nghiên cứu trong đó việc theo dõi mắt (chụp nhãn cầu) được thực hiện trên hơn 230 người dùng Internet khi họ xem các trang web khác nhau. Kết quả là, trong khi xem lướt qua, ánh mắt của người dùng sẽ di chuyển dọc theo một đường hình chữ F.
Bản đồ nhiệt về lượt xem trang trên trang web của Jakob Nielsen
Dụng cụ mắt, cùng với hai công ty tiếp thị, Did-It và Enquiro, đã thực hiện một nghiên cứu tương tự. 50 đối tượng đã tham gia, mỗi người được yêu cầu làm quen với kết quả tìm kiếm của Google. Kết quả là ánh nhìn của cả 50 đối tượng thường tập trung nhiều hơn vào góc trên bên trái và bản đồ nhiệt có hình chữ F.
Bản đồ nhiệt xem trang kết quả của Google
Các nhà thiết kế và người viết quảng cáo nên tính đến dữ liệu này khi tạo và bố trí nội dung. Vì vậy, nội dung chính của trang web nên được đặt gần phía bên trái của bố cục. Nếu để ý, bạn sẽ thấy rằng trên những tài liệu phổ biến nhất, ngay sau tiêu đề có một danh sách các điểm hoặc một tập hợp các đoạn văn ngắn có hình chữ F giống nhau. Điều này chắc chắn làm cho văn bản dễ đọc hơn khi đọc lướt nhanh.
3. Tốc độ tải rất quan trọng
Không ai thích chờ đợi. Người dùng Internet, tức là tất cả chúng ta, đều là những người cực kỳ thiếu kiên nhẫn, vì vậy bạn không nên bắt họ phải chờ đợi một cách không cần thiết. Khi làm việc trên trang web hoặc trang đích của bạn, hãy chú ý đến tốc độ tải trang và bạn sẽ không hối tiếc.
Vì vậy, cách đây vài năm các chuyên gia Microsoftđã tiến hành một nghiên cứu bằng cách sử dụng Công cụ tìm kiếm Bing. Mục đích của nghiên cứu là xác định mối quan hệ, nếu có, giữa tốc độ tải trang và một số số liệu như sự hài lòng của người dùng, doanh thu trung bình trên mỗi khách truy cập và dữ liệu nhấp qua.
Nghiên cứu đã tìm thấy mối tương quan sau: độ trễ tải trang tăng 2 giây khiến mức độ hài lòng của người dùng giảm 3,8% và doanh thu giảm khoảng 4,3%. Đồng thời, tổng số lần nhấp chuột được thực hiện bởi người dùng giảm 4,4%. Lợi nhuận giảm 4,3% có vẻ như là một khoản lỗ nhỏ, nhưng khi Chúng ta đang nói về về những tập đoàn trị giá hàng triệu và hàng tỷ đô la, mỗi phần trăm đều dẫn đến những khoản tiền khổng lồ mà không ai muốn mất.
Mối quan hệ giữa độ trễ tải trang tính bằng ms và những thay đổi trong các chỉ báo sau (từ trái sang phải): 1) số lượng yêu cầu duy nhất trên 1 người dùng (%); 2) số lần sửa đổi truy vấn (%); 3) lợi nhuận trên 1 người dùng (%); 4) tổng số lần nhấp chuột (%); 5) sự hài lòng của người dùng (%); 6) thời gian để hoàn thành một cú nhấp chuột (ms).
Ví dụ này chứng tỏ rằng người dùng thực sự thiếu kiên nhẫn và sẵn sàng từ bỏ một tài nguyên khiến họ phải chờ đợi quá lâu. Bạn cũng nên quan tâm đến tốc độ tải trang web của mình vì gần đây Google đã tính đến yếu tố này khi xếp hạng kết quả tìm kiếm.
May mắn thay, có rất nhiều công cụ giúp cải thiện tốc độ tải trang và hiệu suất, chẳng hạn như Tốc độ trang từ Google hoặc YSlow từ Yahoo.
4. Làm cho văn bản dễ đọc hơn
Chuyên gia nổi tiếng về khả năng sử dụng Jakob Nielsen đã thực hiện một nghiên cứu trong đó ông nghiên cứu những đặc điểm trong nhận thức văn bản của khách truy cập vào trang web của mình và hóa ra là mọi người hiếm khi đọc nội dung trực tuyến trước mặt họ. Khách truy cập vào một trang web trung bình (khoảng 593 từ) đọc được 20-28% văn bản. Với sự gia tăng hơn nữa về khối lượng văn bản, con số này giảm dần xuống 10%.
Mối quan hệ giữa số từ trên một trang và tỷ lệ phần trăm tối đa của số đó mà người dùng có thể đọc được (với tốc độ đọc 250 từ mỗi phút)
Có một số kỹ thuật có thể giúp bạn thu hút nhiều sự chú ý của người dùng hơn đến nội dung trang web của bạn. Họ tập trung vào việc tăng khả năng đọc của văn bản. Đặc biệt đây là việc lựa chọn từ khóa, sử dụng danh sách và các tiêu đề phụ thường xuyên cũng như chia văn bản thành các đoạn văn ngắn, đơn giản.
5. Đừng tập trung vào “đường gấp”
