Màn hình không chịu dừng
Showcase trước đây nghiêng màn hình tối đa 24° theo vị trí cuộn. Nhưng transform đi theo thao tác cuộn lại kèm transition đàn hồi 0,64 giây và phép nội suy bằng JavaScript. Sau khi ngừng cuộn, màn hình vẫn chuyển động thêm khoảng 2.013 ms, và 557 px trong đoạn cố định 773 px không tạo ra thay đổi nào.
Khi màn hình sản phẩm chuyển động chậm hơn tay người dùng, cả trang web sẽ có cảm giác chậm. Vì vậy, thay vì tinh chỉnh hiệu ứng, chúng tôi thay đổi cấu trúc.
Sân khấu cố định với ba bước
Showcase mới giữ màn hình cố định và chuyển cảnh bằng ba tab bước bên cạnh. Mỗi bước được cấp quãng cuộn bằng 24% chiều cao cửa sổ, nên trên màn hình cao 900 px, cả ba bước kết thúc gọn trong 648 px. Vị trí cuộn chỉ quyết định bước hiện tại; chuyển động chỉ xảy ra một lần khi bước thay đổi.
Thao tác cuộn chọn bước.
Chuyển động thể hiện kết quả.
Chuyển động ngắn, thông tin ngay trên khung hình
Khi đổi bước, hình ảnh chuyển mờ trong 450 ms và camera ổn định trong 900 ms. Vì thao tác cuộn không còn kéo trực tiếp màn hình, không còn chuyển động trễ sau khi bạn dừng. Mỗi cảnh có chú thích ngắn chỉ vào tính năng đang hiển thị, và trên màn hình nhỏ, ba cảnh này trở thành dải ảnh có thể vuốt.
Xem showcase mới trên trang chủ moble.co.kr. Mục Phát triển sẽ tiếp tục ghi lại các số liệu và quyết định đằng sau những thay đổi như thế này.