Dù UI của bạn có được thiết kế có tốt đến đâu, sẽ có một ngày “không may” người dùng sẽ phải đợi load.
Một nghiên cứu MIT 2014 chỉ ra rằng con người có thể tiếp nhận hình ảnh gián đoạn chỉ ở mức 13 mili giây (0,013s) tuy nhiên quyết định tập trung ở đâu mất đến khoảng 100 đến 140 mili giây (0,1s-0,14s). Nói cách khác, để thực hiện hoạt cảnh gần như xuất hiện ngay lập tức, ta có khoảng 200 mili giây (0.2s).
Giữa 0.2s và 1s, mọi người sẽ thấy được họ vẫn trong “dòng hành động” liên tục. Sau 1s không có phản hồi, họ bắt đầu mất tập trung. Sau 10s, người dùng hầu như không để ý nữa.
Để làm hài lòng người dùng, chúng ta cần phải thêm thêm chỉ thị rằng có sự kiện gì đó đang xảy ra. Từ đó, ta có ba lựa chọn:
- progress bar nếu ta có thể ước lượng thời gian;
- spinner nếu không thể ước lượng thời gian;
- hoặc không dùng cái gì cả.
Xem thêm: Hướng dẫn hiển thị Skeleton Loaders trong CSS
Nhiều nghiên cứu tâm lý quanh progress indicators (chỉ thị sự kiện) cho thấy ta nhận thức chúng theo một cách khá tuyến tính. Phương thức xử lý delay của chúng ta không phù hợp với thực tế.
Hiểu rõ khái niệm này sẽ giúp chúng ta chi phối giao diện nhằm đánh lừa nhận thức con người.
Trong software design, skeleton screens là mội giải pháp khá mới nhưng không kém phần hiệu quả, không còn hiện một abstract widget mà là hình ảnh dự kiến của đoạn giao diện tiếp theo, nhằm giảm nhận thức thời gian nơi người dùng.
Giao diện người dùng Skeleton, Giao diện Firefox mới để khởi động nhanh hơn nhiều
Mỗi khi trình duyệt web trở thành chương trình nặng hơn. Và nếu chúng ta có một máy tính tương đối cũ, điều này cho thấy. Các nhà phát triển trình duyệt web không ngừng tìm kiếm những cách mới để tối ưu hóa và tăng tốc trình duyệt của họ nhằm mang đến cho người dùng trải nghiệm tốt nhất có thể. Và khi khởi động, có vẻ như Mozilla đã tìm ra chìa khóa để tăng tốc và tối ưu hóa trình duyệt web của bạn một cách tối đa: Firefox .
Gần đây, một số lượng lớn người dùng đã bắt đầu phàn nàn rằng Firefox hàng đêm , phiên bản phát triển của trình duyệt, đã tối đa 19 giây để khởi động . Firefox mất nhiều thời gian để hiển thị cửa sổ như vậy, vài giây để hiển thị các bảng và đôi khi lên đến 8 giây để hiển thị trang chủ. Một sự tàn bạo.
Mặc dù tất cả phụ thuộc vào phần cứng mà máy tính của chúng ta có, nhưng thời gian để tải trình duyệt này là quá nhiều. Và vì con người thiếu kiên nhẫn, điều này có nghĩa là, mặc dù trình duyệt đang tải, vẫn có những người dùng nhấp đúp chuột vào liên tục cho đến khi họ mở trình duyệt. Và cuối cùng họ đã kết thúc với việc mở nhiều cửa sổ cùng một lúc.
Do đó, để tránh điều này, Mozilla đã tạo ra một giao diện người dùng mới, được gọi là Giao diện người dùng Skeleton , điều đó làm cho Firefox khởi động nhanh hơn bao giờ hết.
Cách giao diện người dùng Skeleton mới tăng tốc khởi động Firefox
Nói rộng hơn, những gì Skeleton UI làm là cho người dùng thấy một rất cơ bản, giao diện xương , như một dấu hiệu cho thấy trình duyệt đang chạy. Giao diện này giống như một khung, trên đó tất cả các phần tử của trình duyệt được tải.
Bằng cách chia tải giao diện thành nhiều phần nhỏ hơn, thay vì tải tất cả cùng một lúc, trình duyệt tăng tốc độ mở đáng kể. Đặc biệt là sau khi đã mở nó lần đầu tiên trong phiên hiện tại.
Mozilla hy vọng rằng tính năng này sẽ giảm thời gian chờ đợi lâu khi mở trình duyệt trên máy tính cũ hơn. Tuy nhiên, một cải tiến đáng chú ý cũng sẽ được nhận thấy trên các PC mạnh hơn.
Hiện tại, giao diện mới này chỉ khả dụng cho Firefox hàng đêm Người sử dụng với cửa sổ 10 . Nếu giai đoạn thử nghiệm thành công, nó sẽ dần dần tiếp cận với các phiên bản trình duyệt khác cho đến khi đạt đến nhánh ổn định. Mozilla thậm chí có thể mang tính năng này lên các hệ điều hành khác ngoài Windows 10. Nhưng hiện tại chúng ta sẽ phải chờ đợi.
Cách bật hoặc tắt
Mặc dù mọi cải tiến về hiệu suất luôn được hoan nghênh, một số người dùng có thể không muốn nhìn thấy giao diện xương khi mở trình duyệt. Hoặc có thể, đang trong quá trình phát triển, chúng tôi gặp vấn đề với nó. Trong trường hợp đó, Mozilla cho phép chúng ta vô hiệu hóa nó rất dễ dàng từ các tùy chọn nâng cao của trình duyệt.
Để làm điều này, chúng tôi chỉ cần nhập vào thanh địa chỉ about: config, hứa rằng chúng tôi sẽ cẩn thận khi sửa đổi các tùy chọn nâng cao của trình duyệt và tìm kiếm tùy chọn ” browser.startup.preXulSkeletonUI ".
Nếu giá trị này là ĐÚNG có nghĩa là SkeletonUI được bật trong trình duyệt. Ngược lại, nếu nó được đặt thành KHÔNG ĐÚNG , nó sẽ bị vô hiệu hóa và Firefox sẽ sử dụng tải bình thường khi chạy.
