+4

Cẩm nang tạo nên GoodUI! [Last]

alt

Last chapt

  • Tiếp tục cho nội dung phần trước, tôi bổ sung thêm một vài yếu tố vào mục Cẩm nang này của chúng ta nhé.

Nhấn mạnh thông báo countdown thời gian

alt

Con người dễ bị chi phối bởi thời gian, khi muốn định hướng người dùng đến một hành động nào đó, thì giống như hẹn giờ báo thức, người dùng sẽ có xu hướng thức dậy. Và nó cũng như một thông báo giúp người dùng nhận thức được thời gian cho mình để hoàn thành thao tác.

Nhấn mạnh Hàng tồn kho còn ít

alt

Một yếu tố nữa ngoài thời gian, đó chính là đánh vào nhu cầu cần thiết của người dùng. Bạn sở hữu một website mua bán online, để kích cầu người dùng thì bạn hãy cho họ biết "Nếu bạn không nhanh tay là hết hàng này đó", thì tâm lý người dùng sẽ có hứng thú hơn với sản phẩm và website của bạn.

Bày ra nhiều option

alt

Thay vì yêu cầu người dùng nhập text từ đầu tới cuối thì chúng ta nên có những options được show ra luôn để họ chọn, như vậy sẽ không gây khó chịu hay phiền phức. Bạn thử tưởng tượng được nhờ làm một bài anket, dù nhiều câu hỏi nhưng chỉ là trắc nghiệm thì nhanh hơn là "Hãy điền câu trả lời của mình vào đây". Cá nhân tôi nếu gặp yêu cầu phải trả lời câu hỏi Close question như vậy thì tôi sẽ không làm đâu. 😃

Phân khu lớn các vùng click được

alt

Người dùng của chúng ta có thể là người rành về IT hoặc không, có thể là người nhanh nhạy với giao diện web hoặc không. Do đó để rõ ràng và dễ sử dụng cho người dùng chúng ta hãy để to các ô nhập được có thể kèm hinttext, với các botton thì cũng để to có vạch dễ phân biệt. v..v.. Đặc biệt là với màn hình điện thoại, với tính năng responsive thì hiển thị cũng dễ hơn nhưng với các trường hợp không có responsive thì màn hình bị thu nhở lại rất bất tiện và gây ức chế. Do đó yếu tố này quy định việc có được cảm tình của người dùng hay không ngay từ đầu.

Load nhanh

alt

Đã từng có trường hợp việc tải trang chỉ chậm hơn bình thường 2 giây thôi nhưng tỉ lệ rời bỏ trang tăng lên 50%. Bởi vậy chúng ta trước khi kì công nghĩ cách tìm hiểu hiển thị loading... thì hãy nâng tốc độ tải trang lên thì hơn.

Cài đặt các keyboard shortcut

alt

Thí dụ như với hình ảnh trên, ta để J nhấn mạnh cho thư mục tiếp theo, trở về thư mục trước là K, v.v.. với các shortcut này sẽ giúp người dùng tiếp cận với các nội dung trong trang web một cách thuận tiện hơn. Point ở đây chính là giúp người dùng chỉ với ít thao tác mà đạt được mục đích đến.

Chú ý đến anchoring

alt

Con người thường có kí ức rõ ràng nhất về những con số nhìn thấy đầu tiên (một trong những lý thuyết sinh học nhận thức), trước khi show ra giá tổng thực tế, ta hãy nhấn mạnh mức giá đã được giảm giá thì sẽ có ấn tượng tốt hơn đối với người dùng.

Trình bày thân thiện đối với điều mà người dùng chú ý tới

alt

Để duy trì motivation của người dùng, giả sử sau khi sign up chúng ta có 1 list 10 thao tác, thì không nên hiển thị là 0/10 mà hãy để là 2/12 như vậy sẽ khiến người dùng hiểu logic hơn rằng thao tác của họ cho đến nay không phải vô nghĩa, không phải bắt đầu từ con số 0 từ bước hiện tại.

Không hiển thị toàn bộ, hiển thị lần lượt

alt

Đây là một dạng thức đặc biệt có hiệu quả với dạng hiển thị form, điền ô trước rồi mới next tiếp đến ô sau.

Trường hợp có quá nhiều mục phải nhập thì không phải show ra hết toàn bộ mà để giảm bớt cảm giác khó chịu về việc phải fastview ta nên cho show ra từng chút một.

Tối thiểu hoá chướng ngại tham gia của người dùng

alt

Nếu người từ bước tiếp cận đầu tiên mà gây chướng ngại cho người dùng khiến cho họ có xu hướng chán nản, nên dĩ nhiên, điều này không cần tôi phải nhắc nhiều, chúng ta hãy đứng từ nhận thức của người dùng sao cho hợp lý nhất.

Thận trọng với pop up

alt

Mục đích của popup là để người dùng chú trọng đến thông tin trước mắt, nhưng chúng ta hãy cố gắng giảm thiểu hết sức có thể vì mục đích của người dùng thăm trang nhưng bị quá nhiều popup gây nhiễu mà không có được thông tin cần thiết thì sẽ làm tăng tỉ lệ rời trang nhiều hơn.

Thêm text sau icon

alt

Dùng icon để hiển thị cũng có khi dễ hiểu hơn dùng text nhưng cũng có mặt trái là truyền đạt sai ý nghĩa cho người dùng.

Do vậy để tránh gây khó cho người dùng chúng ta nên đưa cả hai yếu tố này vào thì hơn.

Giải thích bằng đoạn văn

alt

Người dùng không phải chỉ đến để nhìn thấy design đơn giản, mà là những design đơn giản giúp người dùng đạt được mục đích thăm trang.

Cho nên có thể truyển tải bằng một vài câu văn sẽ thân thiện hơn với người dùng.

Thả mồi kích thích tò mò

alt

Bạn hãy tưởng tượng nó giống như đoạn giới thiệu tập phim tiếp theo thường chiếu trên truyền hình. Chỉ cho show ra chút ít để kích thích tò mò và người dùng sẽ còn ghé thăm website nhiều hơn nữa.

Khoe chứng chỉ

alt

Người dùng thường có xu hướng muốn xác nhận xem lựa chọn của mình có đúng không có đáng tin cậy không trước tiên, cho nên chúng ta hãy để người dùng an toàn rằng bước click tiếp theo của họ là chính xác và đúng đắn risk free bằng các chứng chỉ mình có.

Giấu nhỏ giá cả

alt

Tương tự như tôi đã nêu trên, con người có kí ức tốt về con số, cho nên, tôi nhấn mạnh lần nữa vào lưu ý này, tránh để người dùng nhìn thấy mức giá quá lớn, yếu tồ này hiển thị bé lại. Hành động này có phần đánh lừa trực giác của người dùng nhưng nó là phương thức để thu hút người dùng tốt.

Tổng kết

Những list các đầu mục từ đầu đến giờ nếu các bạn áp dụng nhuần nhuyễn và linh động nó có thể là chưa hoàn hảo toàn diện nhưng mong là sẽ giúp nâng cao được trình bày hiển thị UI - UX của trang web nhiều hơn, triệt để hơn. Chúc các bạn thành công!


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí