Banyak cara yang bisa digunakan agar tampilan website menjadi lebih menarik, salah satunya adalah parallax scrolling. Teknik parallax ini cukup populer dalam desain web di berbagai belahan dunia. Entah sadar atau tidak, kamu mungkin sudah pernah mengunjungi web yang menerapkan efek tersebut.
Pengertian Parallax Scrolling
Parallax scrolling atau perguliran paralaks adalah teknik yang menciptakan ilusi kedalaman dengan perbedaan kecepatan antara latar belakang dengan latar di depannya. Teknologi yang bisa digunakan dalam pembuatan teknik ini adalah HTML dan CSS. Dengan perbedaan kecepatan pada tiap lapisannya, pengaplikasian parallax dapat memberikan efek 3 dimensi.
Bukan hanya satu layer yang dapat bergerak saat melakukan navigasi. Parallax juga memungkinkan objek lain ikut bergerak saat kamu menggulirkan website. Efek tersebut bisa membuat tampilan website menjadi lebih menarik dan interaktif.
Contoh Parallax Scrolling
Mengenal parallax rasanya akan lebih jelas jika disertai contoh nyata pengaplikasian teknik ini. Berikut beberapa website yang menggunakan pengguliran paralaks:
Flash VS HTML
Situs ini memberikan penjelasan tentang perbedaan mendasar antara Flash dan HTML5. Latar belakang dan objek yang bergerak memiliki tema yang sama dengan sebuah permainan. Permainan itu adalah Waste Invaders. Kamu akan diberikan hyperlink / pranala ke game Waste Invaders versi Flash dan versi HTML5. Di pojok bawah situs, tersedia tombol Like jika ingin ikut voting. Mana yang lebih kamu suka, Flash atau HTML5?
PORSCHEvolution
Bagi pecinta porsche mungkin sudah tidak asing dengan situs ini. Porschevolution berisi tentang sejarah porsche dari tahun ke tahun. Saat kamu scroll, akan muncul sejarah singkat dan gambar yang berubah berdasarkan tahun. Transisinya terlihat halus dan menarik dengan efek parallax.
NASA Prospect
NASA Prospect dibangun dengan hasil kolaborasi antara beberapa mahasiswa dan profesor University of South Dakota, NASA, dan Humans in Space Art program. Situs ini berisi cerita interaktif tentang planet prospectors yang ditinggalkan oleh NASA. Planet prospectors ini memiliki misi untuk memulihkan benda berharga yang tersebar di tata surya. Pengalaman menarik pada situs NASA Prospect bisa meningkatkan minat orang-orang tentang eksplorasi ruang angkasa.
Firewatch
Firewatch adalah game petualangan yang dikembangkan oleh Campo Santo, seperti yang tertera pada gambar. Scrolling pada situs ini memberikan kesan seakan kita sedang berada di bukit. Tumpukan layer dengan kecepatan yang disesuaikan memberikan pengalaman yang terasa nyata bagi pada penggunanya.
Every Last Drop
Every Last Drop adalah website yang memberikan penjelasan tentang serba-serbi air. Seperti berapa rata-rata penggunaan air dalam aktivitas sehari-hari. Desain yang interaktif berusaha menarik pengunjung agar tidak bosan membaca informasi yang di sediakan situs ini.
Dari beberapa contoh di atas, kita lihat bahwa parallax scrolling dapat diaplikasian dalam berbagai konsep. Konsep seperti apa yang menurutmu cocok untuk website milikmu?
Fungsi Parallax Scrolling
Parallax scrolling berfungsi untuk meningkatkan pengalaman pengguna. Tampilan yang menarik dapat membuat pengunjung betah berlama-lama di situs kita. Dan hal itu bisa berdampak baik karena mesin pencari memperhatikan sesi durasi sebuah website.
Meskipun begitu, kehadirannya tetap menimbulkan pro dan kontra. Para pengguna yang mendukung, berpendapat bahwa teknik ini menarik dan interaktif. Mereka menganggap penggunaan efek ini akan memberikan pengalaman yang baik dalam menjelajah website. Namun berbeda bagi yang tidak terlalu mendukung pengaplikasian parallax scrolling. Mereka beranggapan bahwa itu bisa menjadikan website kurang efektif. Parallax scrolling dianggap hanya akan membuat pengunjung terlalu fokus pada tampilan, bukan isi situs itu sendiri.
Pada akhirnya, butuh kolaborasi dan keseimbangan dalam membangun website yang menarik. Kehadiran parallax scrolling pada tampilan website memang dapat meningkatkan pengalaman pengguna. Namun sebaiknya tetap pada batas yang wajar agar isi dari web tetap tersampaikan dengan baik.
