Ada apa dengan mode desain situs web satu halaman?


10

Saya telah melihat masuknya situs web yang menempatkan semua konten mereka pada satu halaman, ala situs ini . Bahkan situs di beberapa daftar yang saya lihat di Smashing Magazine melakukan ini ( seperti ini, dengan apa yang tampak seperti seratus situs, yang sebagian besar menggunakannya).

Sebagai seorang programmer, gaya ini menggangguku (karena sejumlah alasan, sebagian besar teknis, tidak sedikit di antaranya termasuk pemeliharaan, SEO, waktu pemuatan, dll.), Tetapi yang lebih penting, saya ingin tahu mengapa itu menjadi populer di kalangan desainer untuk memulai?


2
Wow! Saya belum melihat itu - tetapi saya benar-benar akan membencinya.
Farray

Efek dalam tautan pertama itu disebut parralax . Beberapa situs melakukannya dengan penuh gaya (mis. Nike Better World ) yang paling terkemuka, mengarah kepada sekelompok orang yang mengatakan, "AKU INGIN SALAH SATU DARI MEREKA" tanpa memikirkan apakah itu sesuai untuk kasus mereka. Ketika ada kasus yang sah untuk urutan pembacaan atas-bawah yang diperbaiki untuk banyak konten di berbagai tema, dan di mana ada alat bantu navigasi lompat-link yang baik, itu dapat berfungsi.
user56reinstatemonica8

Jawaban:


9

Ada dua tren terpisah yang terlibat.

Yang pertama adalah tren memiliki situs sederhana. Jika ini adalah situs brosur, maka kemungkinan tidak perlu empat halaman terpisah. Satu halaman pengguliran lebih mudah digunakan, bernavigasi, dan memelihara. Banyak situs aplikasi iPhone menggunakan model ini. Seperti halnya banyak usaha kecil. Banyak situs dapat mengambil manfaat dari ini.

Tren lainnya adalah pengembang Flash akhirnya menemukan HTML, jQuery dan AJAX dan masih berpikir di dalam model Flash lama 'satu file = satu situs'. Ini berbeda dari tren pertama karena ini adalah situs besar dengan banyak konten yang dikompresi menjadi satu halaman data / interaksi. Ketika Anda menyatakan, metode ini memiliki segala macam kelemahan, meskipun mereka dapat diatasi dengan kode yang tepat (memastikan URL berubah / dapat bookmark, Google dapat menavigasi konten, waktu buka dikelola melalui AJAX, dll.).


3

Saya pikir salah satu ide terbaik di balik situs satu halaman adalah bahwa ada lebih banyak aspek naratif untuk itu. Contoh terbaik yang dapat saya pikirkan adalah halaman ini : Situs undangan pertunangan / pernikahan. Ini adalah situs yang luar biasa, dan berfungsi untuk banyak alasan, salah satunya adalah bahwa semuanya mengalir dengan sangat baik. Itu tidak akan memiliki dampak yang sama tersebar di set halaman.

Demo ini yang awalnya dibuat untuk memamerkan IE9 adalah tentang bercerita . Hampir seperti buku bergambar, tetapi dengan menggulir bukannya membalik halaman. Dan karena itu sangat mulus dan keren. Tidak terlalu praktis untuk membuat situs bisnis, tetapi menyoroti satu alasan mengapa getaran satu halaman berguna.

Ini juga berfungsi dengan halaman yang lebih kecil dengan konten yang tidak banyak . Ketika saya menikah saya memiliki semua informasi kami di situs satu halaman karena tidak ada cukup konten untuk menjamin pergi dari halaman ke halaman. Lebih mudah untuk membangun dan memelihara situs satu halaman, dan waktu buka tidak terlalu menjadi perhatian.

Ketika datang ke bisnis, saya pikir ini kasus yang lebih sulit. Saya pikir contoh yang mengesankan adalah ketika Google meluncurkan ponsel Nexus - mereka melakukannya di situs satu halaman. Karena mereka telah meluncurkan tablet mereka dan mengumumkan Q mereka tidak seperti itu lagi jadi saya tidak dapat menautkannya, tetapi sangat rapi untuk melihat semuanya di satu tempat. Anda mengurangi klik dan menciptakan pengalaman yang lebih mendalam .

Saya pikir Anda akan melihat banyak contoh orang yang melakukannya hanya untuk melenturkan otot pengkodean mereka atau mencoba memanfaatkan tren. Tapi itu selalu terjadi di dunia desain. Simpan di atas meja ketika Anda mempertimbangkan tujuan situs Anda dan menggunakannya saat yang tepat!


2

Ada sisi positifnya (hanya satu yang bisa saya pikirkan!), Yaitu jika Anda ingin mencari menggunakan Ctrl+ F, semua konten ada di satu halaman sehingga Anda dapat mencari seluruh situs web sekaligus (dengan asumsi konten dapat dicari) .

Saya pikir itu sebagian berasal dari konsep "Jangan membuat pengguna meminta lebih banyak konten - berikan saja kepada mereka". Seperti Google, Twitter, dll. Secara otomatis memberikan lebih banyak hasil semakin jauh Anda menggulir.

Layak untuk menonton pembicaraan GoogleTech Aza Raskin mulai 2008, "Jangan buat saya mengklik" .

Seluruh pembicaraan sangat menarik, tetapi bit terkait di sini dimulai pada 29 menit. Di sini dia meretas Firefox sehingga Anda mendapatkan semua tab peramban Anda ke satu halaman pengguliran vertikal yang berkesinambungan.

Saya bertanya-tanya apakah ini adalah pendahulu dari apa yang Anda lihat sekarang.


1

Dua kata: Pengalaman Pengguna.

Situs portofolio dasar seharusnya tidak mengharuskan pengguna mengklik beberapa halaman untuk melihat apa yang mereka tawarkan jika kontennya sederhana dan mudah.

Atau lebih khusus lagi, ajakan untuk bertindak itu tunggal. Ketika tujuan dari situs ini adalah: "merekrut saya", situs tersebut dapat menjadi kontraproduktif ketika sitemapnya tidak perlu rumit.

Sunting: beberapa contoh di bawah ini ...

http://joelglovier.com/

http://pixelightcreative.com/

http://www.tinybigstudio.com/

http://www.charleselena.com.au/

http://joshhemsley.com/

http://www.digitallabs.tv/


2
Saya akan lebih setuju dengan ini jika mereka semua bisa gulir ke bawah, tetapi itu bukan fungsi umum atau niat mereka. Beberapa gulir samping, dan banyak yang tidak menunjukkan bukti dapat digulir sama sekali dan, pada kenyataannya, dirancang agar terlihat seperti beberapa halaman, membuang teori Anda keluar jendela.
Shauna

Shauna, sementara aku akrab dengan situs-situs bergulir horizontal, aku tidak akrab dengan yang lain yang kamu maksud. Namun saya bisa mengarahkan Anda ke setengah lusin orang yang saya bicarakan di atas kepala saya. (lihat suntingan di atas)
Joel Glovier

1

Dari perspektif SEO, desain situs web satu halaman adalah iseng.

Ini adalah sesuatu yang mungkin akan merusak kinerja SEO Anda, terutama ketika Anda bekerja di latar belakang bisnis yang sangat kompetitif. Saya tahu desainer grafis jarang mempertimbangkan hal ini, dan di sisi lain klien tidak memiliki pengetahuan yang cukup tentang SEO, tetapi jika Anda bertanya pada spesialis SEO, mereka akan mengatakan hal yang sama.

Tip saya? Tanyakan spesialis SEO Anda untuk membuat riset kata kunci dan memberi Anda garis besar struktur situs web Anda.

Anda dapat membaca lebih lanjut di Search Engine Land, orang-orang ini mengenal SEO dengan sangat baik;) https://searchengineland.com/single-page-websites-seo-182506


0

Sepertinya ini adalah upaya untuk mendapatkan segalanya "di atas flip" - area yang berharga dan berharga di mana rata-rata pemirsa jangka pendek tetap. Berbagai studi kegunaan telah menunjukkan ini sehingga orang mencoba untuk meletakkan barang "penting" di sana. Sepertinya perancang ini merasa seperti "semuanya penting".


Yang membuat saya bingung adalah banyaknya situs yang pernah saya lihat melakukan hal ini. Inilah salah satu daftar Majalah Smashing yang saya maksud, saya menyerah sekitar sepertiga dari jalan karena mereka semua seperti itu: smashingmagazine.com/2011/04/19/…
Shauna 11'11

0

Saya tidak berpikir itu lebih dari seseorang yang menggunakan trik menarik untuk membuat orang membaca situs web.

Ambil, misalnya, situs Nike di artikel tertaut @ Shauna. Jujur saja, apa banyak inovasi yang tersisa dalam desain sepatu lari dan iklan sepatu lari yang sama? Konten itu bisa dengan mudah ditempatkan di brosur atau di Flash jika mereka menginginkan paralaks. Sebaliknya mereka dapat menambahkan efek paralaks yang bagus sebagai hasil dari skema navigasi baru tanpa beban Flash.

Saya bahkan melangkah lebih jauh dengan menebak ada tutorial HTML5 / CSS di situs web Smashing Magazine yang menunjukkan bagaimana melakukan ini yang memunculkan situs yang ditampilkan.


The downvote? Ya, itu adil. Bukan salah satu jawaban terbaik saya. Saya pikir saya agak punchy ketika saya menulis itu.
Philip Regan

Mengangkat bahu Saya tidak punya cukup perwakilan di situs ini untuk downvote, jadi itu bukan saya.
Shauna

Saya memberikan suara positif untuk membatalkannya karena Anda sepertinya datang dari tempat yang bagus;)
thomasrutter

0

Saya benar-benar berpikir item pertama (bilah melayang) yang Anda tautkan memiliki faktor keren: terlihat bagus saat digunakan.

Tidak masuk akal bagi saya sampai saya benar-benar mengklik salah satu tautan menu, dan sekarang saya melihat bahwa animasi adalah kekuatan pendorong tunggal untuk seluruh gagasan. Ini semacam efek kamera 3-pesawat-sekolah tua seperti Popeye atau kartun Disney.

Saya pikir scrollability pada halaman itu adalah kesalahan atau fitur yang tidak dapat mereka singkirkan.


0

Satu masalah adalah itu bisa populer di kalangan klien! Situs-situs ini mengingat kembali masa-masa flash microsites untuk produk yang baru dirilis, paralaks tampaknya sedang melakukan pekerjaan ini saat ini. Untuk produk microsite saya pikir mereka baik-baik saja, untuk situs yang sebenarnya memiliki konten mereka pasti tidak cocok. Saya pikir hal lain adalah bahwa desainer suka menunjukkan bahwa mereka terkini dan 'sedang tren', memiliki situs web dalam teknik mode baru yang populer bisa terlihat bermanfaat. Semua hal di atas mencakup internet di situs serupa.


0

Saya pikir Anda cukup banyak menjawab pertanyaan Anda di judul - yaitu, ini sebuah tren.

Sama seperti ketika Javascript (dan kemudian AJAX) muncul bertahun-tahun yang lalu dan orang-orang melakukan segala macam hal dengan itu, dukungan yang lebih baik untuk Jquery dan CSS 2/3 dan kecepatan rendering yang lebih baik di browser telah mendorong putaran baru seluruh eksperimen dengan cara-cara baru meletakkan situs yang mungkin tidak begitu praktis di masa lalu karena browser yang lebih tua.

Tapi sama seperti dengan CSS, Javascript dan AJAX, iseng akan matang dan mellow, dan menjadi lebih terasah, menyenangkan dan berguna dari waktu ke waktu. Contoh pertama Anda adalah sakit kepala biasa dengan scrolling terputus-putus yang gila (jika Anda, misalnya, pada awalnya dan Anda menekan "Galeri"). Menurut pendapat saya yang sederhana itu sudah terlalu jauh, dan itu bukan pengalaman yang cukup lancar untuk membenarkan berpisah dengan yang normal. Ini tidak berarti bahwa semua situs yang menggunakan teknik serupa akan menjadi buruk.

Penting bagi perancang untuk bereksperimen dengan cara-cara baru dalam melakukan sesuatu dengan teknologi baru. Saya tidak akan sejenak menyarankan bahwa ini seharusnya tidak pernah dicoba. Tapi itu adalah apa adanya - eksperimental.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.