5 Tips để tối ưu UX dành cho website của bạn 2021

Ngày đăng: 26/08/2021
Khi nhắc đến UX, hầu hết đều nghĩ đến thiết kế website sao cho bắt mắt người dùng. Thiết kế web sao cho bắt mắt cũng chỉ là một trong những yếu tố ảnh hưởng đến trải nghiệm người dùng.

UX hay còn gọi là User Experience là một khái niệm rất thân thuộc với người làm website. Tuy nhiên, liệu bạn đã tối ưu hoá được UX trên website của bạn chưa? Hãy cùng BrandInfo tìm hiểu qua bài viết này một số tips để sử dụng hiệu quả UX nhé!

1. User Experience là gì?

UX - User Experience

UX (User Experience) là trải nghiệm người dùng cho thấy cảm xúc và thái độ của một người khi trải nghiệm qua sản phẩm, trang web hay dịch vụ. User Experience bao gồm nhiều yếu tố nhưng tập trung vào sự tương tác qua lại giữa người dùng và máy tính, quyền sở hữu sản phẩm.
UX thường tập trung vào:

  • Luồng truy cập của người dùng
  • Hành trình của họ trên website
  • Cấu trúc website

Khi nhắc đến UX, hầu hết đều nghĩ đến thiết kế website sao cho bắt mắt người dùng. Thiết kế web sao cho bắt mắt cũng chỉ là một trong những yếu tố ảnh hưởng đến trải nghiệm người dùng.

2. Cách cải thiện UX cho website của bạn

2.1. Sử dụng các khoảng trắng (white space)

White space

Khoảng trắng được chia làm 2 loại:

  • Khoảng trắng chủ động: khoảng trống không gian được cố tình tạo ra trong mô hình thiết kế nhằm làm rộng mở website và nhấn mạnh một yếu tố nào đó.
  • Khoảng trắng bị động: Khoảng trống xung quanh giữa các dòng, chữ do quá trình dàn trang không thể hiện ý đồ thiết kế.

Đối với người dùng, khoảng trắng này giúp họ tiếp thu nội dung một cách dễ dàng. Nếu một trang web cố gắng chèn quá nhiều chữ vào trong một không gian giới hạn như vậy, người dùng sẽ dễ bị bối rối. Đối với website, white space có thể giúp giao diện web có vẻ ngoài gọn gàng, chuyên nghiệp hơn. Tuy nhiên có vài trường hợp ngoại lệ, nếu như bạn muốn cung cấp nhiều nội dung trong cùng một trang (người dùng có thể đọc hết nội dung mà không phải kéo xuống dưới). Việc chèn thêm nhiều khoảng trắng vào sẽ thay thế đi một số nội dung quan trọng bạn muốn cung cấp đến người dùng.
Đưa nội dung quan trọng lên đầu
Chèn thêm khoảng trắng xung quanh

2.2. Tối ưu tốc độ tải trang

Pagespeed

Một trong những điều gây khó chịu nhất cho người dùng là đợi page load quá lâu.
Người dùng đang tiếp cận với thế giới thông tin trên nhiều nền tảng khác nhau: Laptop, điện thoại di động, tablet. Khi có hàng triệu nguồn thông tin khác hiện ra trước mắt họ, họ sẽ không sẵn sàng chờ đợi. PageSpeed Insights của Google là công cụ miễn phí hữu ích nhằm kiểm tra tốc độ load của trang kết hợp với đề xuất cách khắc phục cho từng vấn đề trên cả 2 giao diện: điện thoại di động và desktop.

Tuy nhiên, cách đơn giản nhất để có cải thiện tốc độ load trang, bạn cần phải tối ưu hình ảnh trước khi upload lên website.
4 bước nhằm tối ưu hình ảnh trước khi upload lên web:
Bước 1: Thay đổi kích thước hình ảnh phù hợp với giao diện của website
Tương tự như Facebook, vị trí khác nhau trên giao diện web yêu cầu hình ảnh cần có kích thước khác nhau.
Việc chọn đúng kích thước ảnh để hiển thị không chỉ giúp cho hình ảnh nhìn rõ nét, mà không gặp vấn đề quá nhiều dung lượng.
Bước 2: Giảm dung lượng hình ảnh
Nén ảnh (Giảm dung lượng) ở đây khác so với việc làm giảm kích thước hình ảnh. Việc làm này giúp bạn giảm dung lượng khiến tốc độ tải trang sẽ nhanh chóng hơn.
Đối với một tấm ảnh gốc, bạn có thể nén đến 80% dung lượng ảnh mà không làm thay đổi chất lượng ảnh đối với mắt thường.
Bước 3: Upload lên website
Sau khi resize và nén ảnh xong, bạn chỉ cần upload lên website

2.3. Dùng CTA thu hút:

Đây là bước đầu tiên quan trọng khi chuyển đổi người dùng thành khách hàng của bạn. Nếu không có CTA hoặc CTA không nổi bật thì rất khó níu chân người dùng ở lại website của bạn.
Tạo nút CTA nổi bật có thể dễ dàng điều hướng người dùng đến chính xác nội dung mà họ cần tìm.
Có 2 yếu tố cần lưu ý khi tạo nút CTA cho website mình:

2.3.1. Màu sắc của nút CTA

Màu sắc khác nhau có thể tiết lộ những thông điệp khác nhau.
Vì vậy, bạn thường thấy những đợt sale, giảm giá tông màu đỏ hoặc các nút CTA đỏ được sử dụng để thôi thúc người dùng click mua hàng. Đó là một trong những lý do các spa hoặc những dịch vụ nghỉ dưỡng thường sử dụng màu xanh lá tạo cảm giác thoải mái nơi khách hàng.
Do vậy, hãy suy nghĩ về mục đích của bạn khi thực hiện CTA.
Sau khi chọn màu ưng ý, việc của bạn chỉ cần sử dụng phần mềm lấy mã màu như ColorPix để design chọn màu cho nút CTA và background

2.3.2. Từ ngữ sử dụng

Call to action

Để tạo ra một Call-To-Action đủ mạnh mẽ và thu hút, lựa chọn từ ngữ sử dụng, content là vô cùng quan trọng.

Nguyên tắc 3S cho Call-To-Action:

  • Simple (Đơn giản): Hãy làm nó đơn giản và dễ hiểu. Đừng khiến người dùng bối rối. Bạn nên trực tiếp yêu cầu hành động của người dùng (ví dụ: Đăng ký, mua hàng, nhận tài liệu, để lại email, …)
  • Specific (Cụ thể): Hãy tạo cho người dùng cảm giác, CTA viết riêng cho họ mà không phải ai khác. Nghe có vẻ khó phải không? Hãy đặt mình vào vị trí người dùng để nắm tâm lý của họ, biết họ đang cần gì và muốn gì.
  • Strong (Mạnh): Dùng những động từ mạnh để thôi thúc người dùng hành động (ví dụ các tính từ như “ngay hôm nay”, “hoàn toàn”, “triệt để”,…)

Mẹo viết CTA:

  • Càng ngắn càng tốt
  • In hoa, in đậm hoặc đổi màu (không lạm dụng quá)
  • Đặt lợi ích người dùng làm trọng tâm
  • Ngôn ngữ đơn giản, dễ hiểu

2.4. Tạo Hyperlink nổi bật:

hyperlink

Hyperlink là liên kết từ trang này đến trang khác trong đó có hai loại là internal link và external link để hiểu lợi ích khi sử dụng chúng trong SEO.
Khi bạn chèn một link để liên kết đến một trang bất kỳ, chắc chắn bạn muốn tăng khả năng người dùng click vào đó.
Để từ đó, giúp tăng trải nghiệm người dùng. Họ có thể tìm kiếm thông tin liên quan đến vấn đề mà họ đang cần hoặc tìm hiểu chuyên sâu về vấn đề đó.
Vậy làm sao để hyperlink nổi bật? Giải pháp tốt nhất cho điều này rất đơn giản.
In đậm, đổi màu hoặc gạch chân cho nổi bật hyperlink:
Ở đây WordPress đã thiết lập mã code tự động đổi màu chữ khi chèn hyperlink.
Tự động underline (gạch chân) cho dòng hyperlink:
In đậm, đổi màu hay gạch chân cho dòng hyperlink giúp người dùng dễ dàng nhận biết đây là một liên kết.
Lưu ý: Dừng suy nghĩ nhiều về độ dài của hyperlink. Link càng dài, diễn giải càng rõ ý và người dùng càng dễ hiểu được nội dung bạn sẽ đề cập trong bài viết sắp link tới.

2.5. Viết, thiết kế headline (tiêu đề) cuốn hút:

Headline

Heading và content có thể hướng đến những gì mà khách hàng mục tiêu đang tìm kiếm.
Do vậy, chèn keyword vào tiêu đề cũng rất quan trọng để nhắm đến mục tiêu của mình và thu hút đúng tệp khách hàng. Công cụ tìm kiếm hiện xem trọng heading hơn là các là các content khác. Vì vậy lựa chọn heading phù hợp và làm nó nổi bật có thể tăng khả năng website của bạn hiện diện trên công cụ tìm kiếm.
Nhưng quan trọng hơn, heading phải giúp người dùng dễ tìm được đúng nội dung mà họ đang cần. Chẳng hạn các headline trong phần Mục lục có thể giúp điều hướng người dùng tìm đến đúng nội dung mà họ đang tìm kiếm, thay vì họ phải tốn thời gian lướt hết bài viết. Thay vì đọc hết bài viết, dò tìm nội dung viết Meta Description hấp dẫn, bạn chỉ cần viết tiêu đề nổi bật nội dung để người dùng nhanh chóng click vào.

Kết luận

User Experience - Tối ưu hóa trải nghiệm người dùng là rất quan trọng vì nó có thể tăng tỷ lệ giữ chân người dùng. Khi bạn cải thiện ứng dụng và sự hài lòng của người dùng, bạn sẽ không bị mất người dùng do trải nghiệm người dùng kém. Qua bài viết này BrandInfo mong rằng bạn đã có được kiến thức hữu ích về cách cải thiện UX trong quá trình làm website của mình.

Các bạn có thể hiểu thêm các bài viết về Website tại Brandinfo nhé!

Kích thước font In ấn

Bình luận chia sẻ

Website

Thông tin liên hệ

Công ty Cổ phần Thông tin Thương hiệu
Tại Hà Nội

69 B1, Lạc Trung - Hai Bà Trưng - Hà Nội.
Điện thoại: 08.3456.8179 
Email: contact@brandinfo.biz
Tại Hải Dương
121 Đặng Quốc Chinh - P. Lê Thanh Nghị - TP . Hải Dương.
Điện thoại 02203.862345 - Hotline : 09836.21121
Email: contact@brandinfo.biz