Thiết kế website hiện đại: những cú tap hay click chuột?

Thứ tư - 02/09/2015 14:32

Động tác tap hay click chuột là hai điều bạn cần cân nhắc khi nghĩ đến phản ứng điều hướng cho thiết kế webiste của bạn. Việc chọn thao tác click hay tap có thể làm thay đổi trải nghiệm người dùng trên website.

Thiết kế website hiện đại: những cú tap hay click chuột?

Ngày nay số người sử dụng các thiết bị di động, máy tính bảng...để duyệt web đang gia tăng chóng mặt hàng ngày. Ngoài việc tạo ra thiết kế website với bố cục thích ứng, người ta phải cân nhắc điều chỉnh nhiều thành phần khác của một website để nó phù hợp nhất với xu hướng online của thời đại. Tap hay click chuột, điều gì sẽ mang lại nhiều thuận lợi hơn cho người dùng web hiện đại? 

Có một điều là nếu người dùng web phải phóng to màn hình để chọn được chính xác link điều hướng trong một danh sách, điều này sẽ khiến họ khó chịu hoặc thậm chí bỏ qua luôn ý định click vào link đó. Sau đó, nếu họ cuối cùng đã chạm/click vào link mục tiêu nhưng lại có sự trì hoãn xảy ra, người ta sẽ nghĩ là mình đã ấn nhầm hoặc khu vực điều hướng này có lỗi. 

Bạn không thể nào không gặp sự trì hoãn nhất định khi sử dụng động tác chạm trên trình duyệt, nhưng ít nhất bạn có thể đảm bảo rằng mọi người sẽ dùng được website của bạn dễ dàng mà không cần chuột máy tính. Đây là điểm sẽ lấy lòng những người dùng thiết bị di động, máy tính bảng...

Hãy xem cách 3 thiết kế website chuyên nghiệp dưới đây đã xử lý động tác chạm như thế nào trên trang của mình để đem lại trải nghiệm người dùng tốt nhất. 

01. Microsoft

Thiet ke website cong ty Microsoft.com
 
Website microsoft.com của "người khổng lồ" Microsoft khá đơn giản nhưng hiện đại

Website của Microsoft  có phần fold-out navigation rất rộng lớn. Có một sự trì hoãn nhẹ khi chạm vào item điều hướng nếu bạn sử dụng thiết bị di động. Và dĩ nhiên nó vẫn hoàn toàn làm hài lòng những người vẫn dùng pc để lướt web. 

02. Rdio

Thiet ke website cong ty rdio.com
 
Trang web của rdio.com có bố cục trẻ và đẹp, tính năng ưu việt

Bạn đang khám phá website của dịch vụ âm nhạc trực tuyến có tên Rdio. Trang này sử dụng slide out navigation và  sử dụng phần nền có hiệu ứng mờ trong lúc trang đang được load. Cách làm này rất tốt cho việc hướng sự chú ý của mọi người vào bố cục navigation trên cả điện thoại và desktop. 

03. Sparkbox

Thiet ke website cong ty seesparkbox.com
 
Trang chính seesparkbox.com của hãng Sparkbox có cách xử lý thao tác chạm thông minh

Mục tiêu click trên thiết kế website công ty Sparkbox được điều chỉnh kích thước hoàn toàn phù hợp cho những người sử dụng website trên thiết bị di động. Nút bấm đủ to và rõ để thuận tiện nhất cho động tác chạm từ màn hình thông minh của mọi người. 

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Web & Brand Solutions