Cara Merancang Laman Negeri Empat untuk Laman Web & Aplikasi Mudah Alih

Laman negeri kosong adalah unsur reka bentuk yang kurang dikenali dengan peranan penting dalam pengalaman pengguna. Dalam bentuk yang paling sederhana, keadaan kosong adalah susun atur halaman dilihat apabila pengguna terlebih dahulu melawat halaman di mana tiada kandungan tersedia.

Ini boleh termasuk aplikasi mudah alih, rangkaian sosial, atau kategori blog kosong. Tujuannya adalah untuk menghantar laman kosong itu kelihatan seperti halaman bukan kosong. Pelawat patut mengiktiraf kekurangan kandungan sebagai cara kandungan yang akan berlaku.

Saya ingin menutup bagaimana halaman negeri kosong dan mengapa mereka sangat penting. Pereka antara muka harus mempertimbangkan perkara ini dan cuba memohonnya kepada keadaan kosong apabila sesuai. Tetapi untuk memulakan mari kita periksa bagaimana fungsi keadaan kosong dan bagaimana ia memberi nilai kepada antara muka.

Nilai Negeri Kosong

Keindahan reka bentuk keadaan kosong adalah dalam kesederhanaan. Halaman kosong kosong apa yang perlu di halaman sekali ada beberapa kandungan. Ia mungkin pasif seperti peti masuk kosong, atau ia mungkin aktif menunggu pengguna seperti suapan Twitter kosong.

Halaman kosong kosong, membosankan, dan bahkan membingungkan. Negeri kosong memberikan bimbingan untuk membantu pengguna memahami apa yang mereka cari. Walaupun ia adalah halaman kosong, konteks tambahan membantu.

Negeri kosong juga memberikan rasa “kesegaran” dengan akaun baru yang tidak mempunyai data yang ada.

Ujian ini dilakukan oleh Redditor Bambo_Ocha menyemak 20 aplikasi yang berbeza untuk reka bentuk negeri kosong. Pelbagai gaya reka bentuk berlaku dengan butang CTA, data sampel, dan juga langkah-langkah tutorial ringkas.

Aplikasi yang berkembang maju pada userbase harus merancang keadaan kosong itu menggalakkan aktiviti pengguna. Aktiviti ini boleh menerbitkan kandungan, menambahkan rakan, memuat naik foto, atau apa sahaja aplikasi dibuat. Skrin di bawah dari Tookapic adalah contoh yang bagus.

Tetapi halaman negeri kosong masih mempunyai nilai walaupun tiada tindakan diperlukan. Reka bentuk ini dibuat terutamanya untuk memberikan maklumat.

Maklumat statik hanya sama berharga dan tidak semestinya buruk untuk mempunyai keadaan kosong. Sebagai contoh, reka bentuk halaman ini tidak menunjukkan metrik semasa dari papan pemuka apl penjejakan. Pengguna mungkin mahu menambahkan beberapa metrik, tetapi tidak baik untuk meninggalkan kosong kosong.

Reka bentuk statik yang serupa boleh berfungsi dengan baik untuk arkib blog kosong atau folder mesej kosong. Ia boleh diterima dengan tidak mempunyai mesej untuk dipaparkan. Tetapi halaman itu tidak boleh benar-benar kosong tanpa konteks sama ada.

Elemen Halaman Vital

Unsur yang paling penting pada halaman keadaan kosong adalah konteks. Ini mungkin datang dalam bentuk grafik, teks, atau kedua-duanya. Anda mahu memaklumkan kepada pengguna mengapa halaman itu kosong dan jenis data yang ada di sana (e-mel, tweet, profil rakan, dll).

Dan sementara teks adalah medium komunikasi utama di web, anda tidak boleh mengabaikan nilai grafik dan ikon.

DigitalOcean mempunyai papan pemuka yang cemerlang dengan grafik keadaan kosong yang menggambarkan titik mereka dengan jelas. Syarikat mereka menggunakan penjenamaan kreatif dan tipografi bersih sehingga tidak menghairankan laman web kosong mereka sangat menggambarkan.

Aspek penting lain dari reka bentuk keadaan kosong ialah hubungi butang tindakan. Ini biasanya direka seperti butang walaupun hiperpautan berfungsi dengan baik.

Matlamatnya adalah untuk membantu pengguna mengambil tindakan dan membersihkan keadaan kosong mereka. Sama ada ini memerlukan menambah data atau mengambil tindakan di laman web, pengguna panduan CTA ke langkah seterusnya yang diperlukan untuk membersihkan keadaan kosong.

Dropbox mempunyai reka bentuk hebat dengan dua butang CTA. Setiap kali pengguna Dropbox tidak mempunyai folder, mereka boleh membuat folder baru atau menambah folder sampel ke halaman.

Menggalakkan Aktiviti Pengguna

Butang panggilan kepada tindakan adalah elemen aktif tetapi ingat bahawa salinan halaman menerangkan apa yang pengguna lakukan. Tiada siapa yang hanya mengklik butang tanpa mengetahui sebabnya.

Cara terbaik untuk menggalakkan aktiviti ialah menulis salinan hebat di halaman keadaan kosong anda. Panduan pengguna melalui aliran kandungan yang menggalakkan aktiviti pengguna sepanjang keseluruhan aplikasi.

Keadaan kosong ini oleh ModSpot adalah contoh cemerlang reka bentuk kualiti dan kandungan yang boleh digalakkan.

Ikon digunakan untuk menunjukkan apa yang pengguna harus tambah ke laman web ini. Petunjuk arrow ke butang pengguna perlu klik bersama dengan beberapa tingkah laku menggalakkan teks. Ini adalah reka bentuk keadaan kosong yang cemerlang dengan semua elemen yang anda harapkan.

Begitu juga negara kosong Gumroad menawarkan dua pilihan yang mensasarkan pelbagai tindakan berpotensi. Pengguna boleh menambah produk digital atau produk fizikal untuk memulakan jualan.

Pautan lain pada halaman utama untuk membantu panduan dan butiran perhubungan. Segala-galanya sangat diselaraskan dan ikatan bersama dengan baik.

Web vs Aplikasi Mudah Alih

Halaman negeri kosong untuk semua medium mesti mengikuti trend reka bentuk yang sama. Tetapi terdapat beberapa perbezaan kecil dengan pengalaman pengguna di desktop berbanding dengan telefon pintar.

Laman web di skrin yang lebih besar mempunyai lebih banyak ruang untuk butang tambahan. Laman web juga boleh dimiliki elemen navigasi yang lebih besar yang boleh menarik orang di tempat lain ke laman web ini.

Ini boleh diselesaikan dalam gaya yang sama seperti yang dilakukan Nusii pada halaman cadangan mereka. Di mana tidak ada cadangan pengguna dibimbing kepada “tambah cadangan” butang dalam bar navigasi atas.

Apl mudah alih mungkin mempunyai masalah yang sama tetapi skrin lebih kecil. Ini menjadikannya lebih mudah untuk menarik pengguna ke dalam tindakan.

Saya merasa lebih baik untuk memastikan aplikasi mudah alih lebih mudah dengan pilihan yang lebih sedikit. Gunakan visual sebagai permen mata untuk menggalakkan tindakan dan menunjuk ke arah aliran pengguna yang sangat khusus.

Contoh Reka Bentuk Negeri Kosong

Mungkin cara terbaik untuk belajar tentang reka bentuk negeri kosong ialah mengkaji beberapa contoh. Galeri web yang cemerlang kosongstat.es mengaplikasi halaman negeri kosong dari pelbagai laman web ke aplikasi mudah alih.

Saya telah mengambil beberapa contoh yang sepatutnya mendapat perhatian anda yang terbaik menggambarkan reka bentuk negeri kosong. Sekiranya anda mempunyai sebarang cadangan lain, sila beritahu kami.

DigitalOcean IP Terapung