Memahami Berpisah Layout Web Desain

Memahami Berpisah Layout Web Desain
Sebagai Web Desainer , kita mengikuti banyak paradigma desain dan prinsip-prinsip tata letak : grid , konsistensi vertikal, F - Layout, Z - Layout, aturan pertiga , Golden Ratio - dan seterusnya . Memperhatikan prinsip-prinsip ini akan menghasilkan desain visual menarik dan fungsional - mari kita melihat pembagian sederhana dari halaman ke dalam dua bagian yang sama .
Sementara ini mungkin terdengar sedikit konyol dan jelas di awal, tata letak mendasar ini bisa sangat efektif . Mata kita cenderung mengikuti gerakan zig -zag saat membaca sekilas melalui halaman . Jika mata tidak mengikuti garis horizontal lurus - seperti dalam Z -layout , ia / dia berkonsentrasi ( atau mencoba untuk ) . Sejak 90 % dari lalu lintas yang datang ke situs Web Anda tidak memperhatikan detail ke halaman Anda , membuat desain Anda " skim ramah " pasti akan melunasi .Pergerakan mata dan Zig Zag -
Dari studi pelacakan Eye Yahoo! ' s :

    Orang memindai bagian utama dari halaman untuk menentukan apa itu tentang dan apakah mereka ingin tinggal lebih lama .
    Mereka membuat keputusan tentang halaman dalam waktu tiga detik .
    Jika mereka memutuskan untuk tinggal, mereka membayar paling memperhatikan isi di bagian atas layar .
Pengguna web selalu terburu-buru . Mereka memiliki hal-hal lain yang harus dilakukan , dan tinggal di belakang untuk menghargai keindahan dan estetika dari website Anda adalah hal terakhir yang Anda dapat mengharapkan mereka untuk melakukan . Meskipun desain yang baik adalah penting , itu tidak sepenuhnya menginspirasi pengunjung untuk mengambil tindakan - untuk mengklik bahwa " Buy now " atau " Tahu lebih banyak " tombol .
Kita tidak bisa menyalahkan mereka . Pernah ingat ketika Anda ingin melihat sesuatu ? Anda buru-buru ke hasil pencarian pertama di Google dan kemudian Anda cepat " kekuasaan " melalui , atau lebih tepatnya skim melalui halaman secara keseluruhan . Sebagian besar waktu , Anda bahkan gulir semua jalan ke bawah tanpa harus membayar perhatian . Setelah tahap ini , jika Anda memutuskan bahwa halaman bernilai waktu Anda , Anda menggulir kembali ke atas dan kemudian mengambil upaya nyata untuk membaca dan memperhatikan .
Apa tujuan dari skimming awal ? Untuk mengambil informasi maksimum Anda bisa mendapatkan sekitar halaman pada pandangan awal . Jika kita entah bagaimana ' menyusun ' pola skimming ini , kita harus mampu menarik perhatian lebih banyak pengunjung . Dari pengamatan di heatmaps dari berbagai situs , saya telah membuat sebuah kecenderungan umum .zig -zag
Anda akan melihat bahwa Anda dapat melihat bintik-bintik merah mudah . Anehnya , dari pengalaman kami , kita dapat mengatakan bahwa mata kita mudah harus mengikuti garis lurus daripada yang miring - karena kita membaca dalam garis lurus . Perhatikan bahwa saya sedang berbicara tentang fase skimming awal , bukan bagian di mana Anda memperhatikan setiap detail dari situs.
Setiap kali Anda tidak membayar banyak perhatian , ini adalah kecenderungan alami dari mata Anda - zig -zag . Kecuali ada unsur-unsur yang memiliki kontras dan berat badan lebih besar yang berteriak pada Anda , Anda mungkin akan mengikuti pola di atas . Anda juga akan melihat bahwa pola ini terlihat mirip dengan F -layout dan bahwa titik akhir merah adalah di mana pengguna mengambil jeda sesaat .
Ini tempat jeda sesaat yang mana snapshot diambil oleh otak Anda . Dalam tata letak zig -zag dengan unsur-unsur yang mengandung informasi penting pada " Jeda spot" , Otak secara alami menyerap lebih detail , karena menghubungkan setiap titik akhir zig -zag sebagai entitas yang terpisah .

    Desain tidak hanya apa yang tampak seperti dan terasa seperti . Desain adalah cara kerjanya . - Steve Jobs
Anda bisa ( misalnya) memanfaatkan fitur ini tata letak Half Berpisah untuk secara efektif posisi preview Kerja Portofolio Anda , atau fitur penting dari produk atau jasa Anda , sehingga pengunjung memperhatikan dengan cepat . Hal ini pada akhirnya mendorong mereka tinggal untuk lebih banyak waktu di situs Anda, dan dengan demikian meyakinkan mereka untuk melakukan tindakan . Hasilnya? Tingkat konversi yang lebih baik untuk Anda dan pengalaman pengguna yang lebih baik bagi mereka .