10 điều NÊN & KHÔNG NÊN làm khi thiết kế giao diện và trải nghiệm người dùng

Đóng góp bởi Ty Lê Minh

01/01/23

Một điều chắc chắn rằng người dùng luôn muốn có một trải nghiệm tuyệt vời với giao diện thiết kế đẹp và các tính năng hữu ích. Trong thế giới internet rộng lớn, người dùng luôn có nhiều lựa chọn và không ai muốn một thứ quá phức tạp. 10 lời khuyên dưới đây sẽ giúp các nhà thiết kế tạo nên được một trải nghiệm tốt nhất cho người dùng.

Trải nghiệm người dùng trực tuyến cũng giống như trải nghiệm khi bạn đi tới một cửa hàng tạp hóa hay siêu thị. Bạn muốn có khoảng thời gian vui vẻ tại đây mà không có bất cứ rắc rối nào. Bạn muốn đi tới cửa hàng một cách nhanh chóng, mua những gì mình muốn, sau đó đi ra quầy tính tiền mà không cần phải xếp hàng dài chờ đợi và đi về nhà.

Có lẽ bạn không muốn phải đứng thanh toán với một người thu ngân lề mề, những đồ mình cần không được xếp hợp lý để tìm kiếm hay tệ hơn là đã hết hàng, gặp phải nhân viên đáng ghét hay bãi đỗ xe không còn đến một chỗ để giữ,… Và tất nhiên, các cửa hàng/siêu thị biết điều đó, họ đã bỏ thời gian và tiền bạc ra để giúp bạn định vị để tới nơi nhanh hơn, hàng hòa trưng bày khoa học và khả năng thanh toán cho khách hàng nhanh nhất có thể.

Có vẻ hơi “lạ đời” khi nghĩ việc thiết kế trải nghiệm người dùng chẳng khác nào việc bạn đi tới cửa hàng hay siêu thị gần nhà, nhưng thực sự thì trải nghiệm trong cả hai trường hợp này là như nhau. Những khách hàng của chúng ta là những vị khách ghé thăm website mà chúng ta tạo ra và hàng hóa tạp phẩm chính là nội dung mà họ muốn tìm hiểu tại đây.

Đối với chúng ta, những người hay đi cửa hàng tạp hóa hay siêu thị, thật dễ dàng để chỉ ra những thứ chúng ta chưa hàng lòng và nghĩ nó nên được cải thiện tại đây. Tuy nhiên, đối với việc sáng tạo và thiết kế giao diện người dùng, chúng ta lại không thể tìm ra được những điểm chưa tốt cần khắc phục trước khi khách hàng phát hiện ra.

Chúng ta có thể sửa điều này bằng cách nhận những phản hồi và tìm kiếm những điểm yếu trong thiết kế của mình để cải thiện, từ đó sẽ không làm khách hàng có cảm xúc tiêu cực một cách không mong muốn, đồng thời họ sẽ tiếp tục truy cập vào trang của mình và tận hưởng những nội dung mà họ tìm kiếm.

Để giúp những nhà thiết kế biết “lùi lại” và nhìn nhận thiết kế, giao diện người dùng từ con mắt của một người dùng, hãy cũng tham khảo một vài điều nên và không nên làm để tìm ra điều mà chúng ta thực sự giúp họ có được những gì họ muốn mà không phải trải qua những cảm xúc tiêu cực hay trải nghiệm tệ hại.

1. Nên làm: Cung cấp một trải nghiệm xuyên suốt giữa những thiết bị

Khách viếng thăm trang của bạn có thể từ rất nhiều loại thiết bị khác nhau như máy tính để bàn, laptop, tablet, điện thoại, máy chơi nhạc, thiết bị chơi game cầm tay, TV hay thậm chí là bằng đồng hồ thông minh của họ. Một phần lớn của việc thiết kế trải nghiệm người dùng là đảm bảo rằng không có vấn đề gì về việc người dùng truy cập vào website của bạn, họ sẽ nhận được trải nghiệm như nhau ngay cả khi họ sử dụng bằng nhiều loại thiết bị.

Điều này có nghĩa là người truy cập bằng smartphone và họ cũng sẽ nhận được một trải nghiệm tương tự như trên chiếc máy tính của họ, tìm được mọi nội dung họ cần mà không gặp phải bất cứ vấn đề nào. Một trải nghiệm thống nhất là dù với thiết bị nào của họ truy cập vào website của bạn đi chăng nữa thì họ vẫn luôn ở lại trang của bạn.

2. Nên làm: Cung cấp ngay những hướng dẫn dễ nhận thấy và dễ sử dụng

Chìa khóa để tạo nên một trải nghiệm thoải mái cho người dùng là thấu hiểu những gì họ đang tìm kiếm. Họ muốn thông tin và bạn cung cấp trên trang của mình. Cách để họ đạt được điều đó chính là việc hướng dẫn họ có được những gì họ muốn một cách nhanh chóng nhất.

Cung cấp một hệ thống hướng dẫn thân thiện chính là việc dễ dàng nhận biết và dễ dàng sử dụng chúng. Thiết kế hướng dẫn của bạn theo hướng người truy cập sẽ ít phải click chuột nhất có thể để tìm nội dung mà họ muốn trong khi mà vẫn dễ dàng lướt qua và định hướng được thông tin mà họ cần.

3. Nên làm: Tạo nên điểm nhấn quan trọng trên màn hình

Người dùng thường lướt qua nhanh trên màn hình những nội dung hơn là đọc hết tất cả những gì có trên website. Vì thế nếu người truy cập hay khách hàng muốn tìm một nội dung hoặc hoàn thành công việc, họ sẽ lướt nhanh cho đến khi họ tìm thấy được thứ mình cần.

Bạn có thể giúp họ bằng việc thiết kế nơi mà họ thường nhìn vào đầu tiên, thứ hai, thứ ba,… Tạo ra những thứ quan trọng như tiêu đề màn hình, hình thức đăng nhập, các biểu tượng hướng dẫn hoặc những nội dung mang điểm nhấn quan trọng mà người dùng có thể dễ dàng nhìn thấy.

4. Nên làm: Đảm bảo toàn bộ đường link và nút chức năng hoạt động tốt

Thật sự nản khi mà bạn đang tìm kiếm một nguyên vật liệu cho bữa tối lãng mạn của mình và gia đình hay người yêu trong một cửa hàng hay siêu thị mà nó lại hết mất rồi. Người dùng của website và ứng dụng của bạn cũng có những cảm nhận tương tự khi họ nhấn phải vào một link bị hỏng hay tình cảnh tương tự khi một nút chức năng trên trang không thể nhấn được.

Khi người truy cập đang tìm kiếm một nội dung, họ mong muốn các đường link dẫn tới kết quả mà họ mong muốn hơn là thông báo lỗi hay một nơi “tào lao” nào đó. Những chi tiết như các đường link, nút chức năng nhưng lại không thể nhấn được hoặc hoạt động không chính xác có thể khiến người dùng bức xúc và rời bỏ trang của bạn.

5. Nên làm: Hãy để người dùng tự kiểm soát trải nghiệm duyệt web

Vẫn thường có những thứ gây khó chịu, phiền phức trên website khi lấy đi quyền điều khiển của người dùng. Chẳng hạn như việc tự động chơi video hay chiếm quyền cuộn trang,… Khi bạn thiết kế một website hay giao diện người dùng, bạn hãy để tự người dùng kiểm soát việc duyệt trang và những hành động trên trang hay ứng dụng.

Những việc như tự động chơi video, chiếm quyền cuộn trang của người dùng, tự chơi nhạc hay phát âm thanh chạy nền hay tự mở một đường link mới trong tab/cửa sổ mới,… Những yếu tố này nên được sử dụng một cách hạn chế, chỉ nên khi cần thiết và nó được đón nhận từ người dùng.

***

6. Không nên: Để thiết kế của trang cản trở việc đọc nội dung

Thiết kế một website hay giao diện người dùng nên không bao giờ gây ảnh hưởng tiêu cực tới trải nghiệm đọc của đọc giả. Điều này bao gồm việc hình nền nằm dưới nội dung quá nổi bật hay các phối màu thiếu khoa học gây cản trở tới việc đọc nội dung trên trang.

Hình nền quá nổi bật có thể khiến mất tập trung, chú ý vào nội dung, đặc biệt nghiêm trọng hơn khi nó nằm bên dưới nội dung bài viết. Ngoài ra, hãy cẩn thận đối với việc phối màu vì có thể làm giảm độ tương phản với cách trình bày trên màn hình. Tập trung vào cách trình bày để đảm bảo các vấn đề về chiều dài dòng, chiều cao dòng, khoảng cách dòng, font chữ sẽ không ảnh hưởng tới trải nghiệm đọc của người dùng.

7. Không nên: Cản trở khả năng lướt trên màn hình của người đọc

Như đã đề cập bên trên, người dùng lẫn khách viếng thăm thường lướt trên màn hình trước khi đọc sâu vào một thứ gì đó họ thích thú. Người dùng thường lướt trên màn hình với sự chú ý vào những gợi ý như tiêu đề, hình ảnh, nút nhấn và các khối thông tin được gom nhóm.

Nếu bạn loại bỏ những yếu tố trên sẽ khiến thật khó cho người dùng có thể lướt nhanh các nội dung để tìm kiếm thông tin họ mong muốn. Hãy dùng những tiêu đề thích hợp dễ dàng nhìn thấy, hình ảnh để minh họa, các nút hướng dẫn và các khối nội dung để có thể giúp người dùng lướt trên màn hình để tìm kiếm những gì họ cần.

8. Không nên: Bao phủ màn hình với những nội dung không liên quan

Trở lại việc đi siêu thị làm ví dụ, nếu bạn tìm kiếm đường và bột để làm bánh, bạn sẽ tới siêu thị gần nhà những để mua những thứ trên. Chắc hẳn bạn sẽ không muốn nhìn thấy một cái bàn chải đánh răng hay nước rửa sàn nhà nằm cạnh những nguyên vật liệu làm bánh bạn đang tìm trên cùng một kệ hàng phải không.

Cảm nhận của người dùng trang của bạn cũng cảm thấy điều tương tự. Họ muốn những nội dung họ tiếp cận sẽ không bị làm phiền hay phân tâm bởi các yếu tố khác. Nếu như họ đang tìm mua một chiếc váy thật đẹp trên trang của bạn, họ sẽ chẳng muốn nhìn thấy một lời đề nghị mua một chiếc điện thoại mới đâu.

9. Không nên: Khiến cho người dùng phải ngồi đợi nội dung được tải xong

Sự chú ý và kiên nhẫn của người dùng web là không nhiều vì thế đừng bắt họ phải đợi trang web mất một khoảng thời gian lâu mới nạp xong nếu như không muốn họ thất vọng và bỏ sang một trang khác.

Với website của bạn, hãy nhớ sự ảnh hưởng của các lựa chọn trong thiết kế tới thời gian nạp trang xong. Hình ảnh quá lớn, quá nhiều các jQuery (jQuery là 1 thư viện định nghĩa sẵn các phương thức javascript để bạn viết code javascript nhanh hơn, đơn giản hơn), các hiệu ứng, các yếu tố phải nạp thêm từ bên thứ ba sẽ khiến thời gian nạp trang tăng một cách đáng kể. Tối ưu hóa và các quyết định thiết kế chủ đạo sẽ giảm thời gian nạp trang, giúp người dùng hài lòng hơn về website của bạn.

Khi thiết kế một website hay một ứng dụng di động, bạn muốn trải nghiệm người dùng luôn tích cực nhất có thể, bạn muốn người dung của mình vui thích khi ở trên trang hay sử dụng ứng dụng của mình. Đó là điểm mấu chốt. Và chiến lược bạn sử dụng để tạo ra trải nghiệm người dùng của mình chính là giao diện người dùng, thứ này sẽ giải quyết được điều bạn muốn.

10. Không nên: Có những thứ tranh chấp sự chú ý của người dùng

Cũng giống như việc đưa lên trang của mình những nội dung không liên quan, các thành phần thiết kế gây ra sự đấu đá nhau để có được sự chú ý cũng khiến tạo nên sự bối rối và căng thẳng cho người dùng một cách không cần thiết. Sử dụng việc phân cấp để thiết kế nên hướng nhìn của người dùng trên màn hình sẽ giảm được cảm giác cạnh tranh giữa các thành phần trên trang.

Bạn có thể giúp họ bằng cách giới hạn những nút call-to-actions có xuất hiện trên màn hình thiết bị, giảm bớt hoặc đặt lại các mẫu quảng cáo trên trang, giữ các hiệu ứng ở mức tối thiểu và sử dụng tiêu đề một các hợp lý. Tất nhiên là nói không với các pop-up hay những thứ đại loại như vậy khiến họ phải tự tắt thay vì tập trung vào việc đọc nội dung trên website.

Tổng kết

“Đứng lùi lại” để có một cái nhìn tổng quan và rõ nét hơn về trải nghiệm người dùng trên trang của mình sẽ là một cách tuyệt vời để giảm thiểu các điều gây phiên hà và ảnh hưởng nghiêm trọng hơn tới trải nghiệm của người dùng một cách tối đa. Với những lời khuyên ở phía trên, hy vọng bạn có thể giúp người dùng thoải mái và mang lại trải nghiệm cho họ tốt hơn nhiều.

Bạn có thấy những lời khuyên ở trên hữu ích và thiết thực để áp dụng vào trải nghiệm thực tế tại Việt Nam hiện nay?

Thegioididong (theo TheNextWeb)

[poll id="134"]