Adakah anda bertanya pada diri sendiri, "Apakah reka bentuk web responsif?" Reka bentuk web responsif adalah pendekatan di mana seorang pereka menciptakan halaman web yang "merespon" atau mengubah saiznya sendiri bergantung pada jenis peranti yang dilihat melalui. Ini boleh menjadi monitor komputer desktop yang besar, komputer riba atau peranti dengan skrin kecil seperti telefon pintar dan tablet.
Reka bentuk web responsif telah menjadi alat penting bagi sesiapa sahaja yang mempunyai kehadiran digital. Dengan pertumbuhan telefon pintar, tablet dan peranti pengkomputeran mudah alih yang lain, lebih banyak orang menggunakan skrin kecil untuk melihat halaman web.
$config[code] not foundLaman web ini juga perlu mempertimbangkan indeks mudah alih pertama yang diumumkan oleh Google pada April 2018. Oleh kerana lebih banyak perniagaan kecil meningkatkan kehadiran mudah alih mereka, laman web mereka, laman web eCommerce, Google Business, halaman media sosial dan aset lain harus mudah diakses merentas semua peranti.
Apakah Reka Bentuk Web Responsif?
Tujuan reka bentuk responsif adalah untuk mempunyai satu laman web, tetapi dengan unsur-unsur berbeza yang bertindak balas dengan berbeza apabila dilihat pada peranti dengan saiz yang berbeza.
Mari kita ambil laman web "tetap" tradisional. Apabila dilihat pada komputer desktop, misalnya, laman web mungkin menunjukkan tiga lajur. Tetapi apabila anda melihat susun atur yang sama pada tablet yang lebih kecil, ia mungkin memaksa anda untuk menatal secara mendatar, sesuatu pengguna tidak suka. Atau elemen mungkin tersembunyi dari pandangan atau kelihatan diputarbelitkan. Kesannya juga rumit oleh fakta bahawa banyak tablet boleh dilihat sama ada dalam orientasi potret atau bertukar sisi untuk pemandangan landskap.
Pada skrin telefon pintar yang kecil, laman web boleh menjadi lebih mencabar untuk dilihat. Imej besar mungkin "memecah" susun atur. Tapak boleh menjadi lambat untuk dimuatkan pada telefon pintar jika grafiknya berat.
Walau bagaimanapun, jika tapak menggunakan reka bentuk responsif, versi tablet mungkin secara automatik menyesuaikan untuk memaparkan hanya dua lajur. Dengan cara itu, kandungan boleh dibaca dan mudah dinavigasi. Pada telefon pintar, kandungan mungkin muncul sebagai satu lajur, mungkin disusun secara menegak. Atau mungkin pengguna akan mempunyai keupayaan untuk meluncur ke atas untuk melihat lajur yang lain. Imej akan mengubah saiz dan bukannya menyimpang susun atur atau memotong.
Intinya ialah: dengan reka bentuk responsif, laman web secara automatik menyesuaikan berdasarkan peranti penonton melihatnya.
Bagaimanakah Kerja Reka Bentuk Web Responsif?
Tapak responsif menggunakan grid bendalir.Semua elemen halaman adalah mengikut saiz, bukannya piksel. Jadi, jika anda mempunyai tiga lajur, anda tidak akan mengatakan betapa luasnya setiapnya, tetapi seberapa luasnya ia harus berhubung dengan lajur yang lain. Kolum 1 harus mengambil separuh halaman, lajur 2 harus mengambil 30%, dan lajur 3 harus mengambil 20%, misalnya.
Media seperti imej juga berubah saiznya secara relatif. Dengan cara itu, imej boleh berada dalam ruangan atau elemen reka bentuk relatif.
Isu Berkaitan
Tetikus v. Sentuhan: Merekabentuk untuk peranti mudah alih juga membawa isu tetikus berbanding sentuhan. Pada komputer desktop, pengguna biasanya mempunyai tetikus untuk menavigasi dan memilih item. Pada telefon pintar atau tablet, kebanyakan pengguna menggunakan jari dan menyentuh skrin. Apa yang kelihatan mudah untuk dipilih dengan tetikus, mungkin sukar untuk memilih dengan jari di tempat kecil di skrin. Pereka Web mesti mengambil "sentuhan" sebagai pertimbangan.
Grafik dan kelajuan muat turun: Juga, terdapat isu grafik, iklan dan kelajuan muat turun. Pada peranti mudah alih, mungkin lebih bijak untuk memaparkan grafik yang lebih sedikit daripada untuk pandangan desktop supaya tapak tidak mengambil selamanya untuk dimuatkan pada telefon pintar. Saiz iklan yang lebih besar mungkin perlu ditukar untuk iklan yang lebih kecil.
Aplikasi dan "versi mudah alih": Pada masa lalu, anda mungkin berfikir tentang membuat aplikasi untuk tapak web anda - katakan aplikasi iPad atau apl Android. Atau anda akan mempunyai versi mudah alih khusus untuk BlackBerry.
Tetapi dengan begitu banyak peranti yang berbeza hari ini, semakin sukar untuk membuat aplikasi dan versi yang berbeza untuk setiap peranti dan platform operasi.
Mengapa Perniagaan Kecil Perlu Beralih ke Reka Bentuk Web yang Responsif
Lebih ramai orang menggunakan peranti mudah alih. Kajian Pew baru-baru ini menunjukkan 77% rakyat Amerika kini memiliki telefon pintar pada tahun 2018 yang meningkat daripada hanya 35% di kaji selidik pemilikan telefon pintar pertama Pew Research Center yang dilaksanakan pada tahun 2011.
Periksa trafik anda dan anda mungkin terkejut melihat jumlah pengunjung yang masuk ke laman web anda melalui peranti mudah alih. (Dalam Google Analytics anda, pilih "Pemirsa" di sebelah kiri, kemudian "Mudah Alih" untuk melihat perkiraan lalu lintas dari peranti mudah alih. Anda juga boleh menggerudi untuk melihat peranti mana yang menghantar lalu lintas.)
Templat reka bentuk responsif ada di mana-mana sekarang, untuk pembelian. Jika, sebagai contoh, anda mempunyai laman WordPress yang boleh anda lawati galeri templat yang bereputasi seperti WorldWideThemes.net dan cari "tema responsif WordPress." Beli satu untuk di bawah $ 50. Pemaju Web anda kemudian boleh menyesuaikannya untuk logo dan jenama anda.
Nota Editor: Di sini pada Trend Perniagaan Kecil, kami sedang menjalankan reka bentuk responsif yang baru. Tidakkah anda?
Foto melalui Shutterstock
Lebih dalam: Kandungan Pemasaran, Apakah 95 Komen ▼
