Thuật ngữ Parallax xuất hiện đầu tiên đến từ các hiệu ứng hình ảnh 2D chuyển động trong trò chơi điện tử trong đó sử dụng các hình có tốc độ di chuyển khác nhau để tạo ra ảo giác về chiều sâu trong khi chơi. Điều này thường được thực hiện bằng cách làm cho hình nền phía sau di chuyển chậm hơn hình nền phía trước khiến người chơi cảm giác mọi thứ di chuyển trên một chặng đường có vẻ xa.
Ví dụ về Parallax
Sử dụng khái niệm tương tự, thiết kế web Parallax ra đời với việc sắp xếp nhiều “lớp” trên màn hình di chuyển với tốc độ khác nhau và người dùng sẽ cuộn từng trang màn hình để di chuyển.
+ Hấp dẫn người xem với trang chuyên sâu và hoạt hình
+ Tiếp cận theo cách kể chuyện (story telling) để hướng dẫn người dùng thông qua việc cuộn trang
+ Làm cho thời gian duyệt web lâu hơn bằng cách khuyến khích người dùng cuộn qua toàn bộ trang
+ Khơi dậy sự tò mò
+ Dẫn dắt người dùng click vào các nút bấm
+ Tạo uy tín cho trang web với sự sáng tạo tương tác cao
Thiết kế này cũng có một số nhược điểm. Hầu hết những nhược điểm này xuất phát từ thực tế là phần lớn các trang web chỉ có một trang dài duy nhất mà là cực kỳ bất lợi cho SEO cũng như tốc độ tải trang. Dưới đây một số nhược
+ SEO kém hiệu quả với một trang duy nhất cho phép chỉ có một tập hợp các thông tin meta, một thẻ h1 hiệu quả, và một URL
+ Rất nhiều các hình ảnh và các thông tin khác trên một trang gây ra thời gian tải chậm, gây khó chịu cho người dùng khiến họ rời khỏi trang trước khi họ thấy được hình ảnh
+ Khó tương thích với điện thoại di động
+ Không có trang liên kết nội bộ của toàn bộ website
Thêm một vài điều cần lưu ý khi bạn đang thiết kế một trang web parallax là:
+ Đừng lạm dụng nó khiến cho trang web của bạn quá phức tạp
+ Sử dụng nó để kể một câu chuyện trực quan
+ Làm cho trang web vui nhộn và hấp dẫn
+ Nhấn mạnh tới các nút bấm khi hướng người truy cập thông qua trang web
Dưới đây là một số trang web thiết kế dạng parallax thành công
http://www.sbs.com.au/theboat/
Nếu bạn muốn có một website thiết kế theo phong cách parallax, hãy liên hệ với http://webcaocap.xyz để được tư vấn kịp thời
