Carane desain web responsif bakal nambah pengalaman panganggo kanggo kabeh pengunjung
Njupuk wayahe lan mikirake kabeh piranti sampeyan duwe sing bisa digunakake kanggo ndeleng situs web. Yen sampeyan kaya wong akeh, daftar iki wis berkembang ing sawetara taun kepungkur. Koyone kalebu piranti tradisional kaya komputer desktop lan / utawa komputer laptop bebarengan karo piranti sing dadi terkenal ing sawetara taun kepungkur, kalebu smartphone, tablet, wearables, sistem game, lan liya-liyane. Sampeyan bisa uga duwe peralatan ing ngarep utawa layar ing mobil sing ngidini sampeyan nyambung menyang Internet! Ing ngisor iki yaiku lanskap piranti sing luwih gedhe lan luwih maneka warna kabeh, sing tegese kanggo berkembang ing Web dina iki (lan ing mangsa ngarep), situs web kudu dibangun kanthi pendekatan responsif lan pitakon media CSS lan kudu nimbang cara wong bakal nggabungake piranti-piranti kasebut sajrone siji pengalaman browsing web.
Ketik Panganggo Multi-Piranti
Salah satunggaling bebener sing kita deleng yaiku metu yen wong diwenehi pirang-pirang cara kanggo ngakses Web, bakal digunakake. Ora mung wong nggunakake akeh piranti sing beda kanggo ngakses isi situs web, nanging wong sing padha ngunjungi situs sing padha nggunakake piranti kasebut. Iki ngendi konsep saka "multi-piranti" pengguna asalé.
Skenario Multi-Piranti Khas
Coba interaksi web umum sing akeh pengalaman saben dina - browsing situs web real estate ing panelusuran omah anyar. Pengalaman iki bisa diwiwiti ing komputer desktop ing ngendi wong ngetik kritéria apa sing lagi ditemokake lan nampilake dhaptar properti sing beda sing cocog karo pitakonan kasebut. Liwat dina iki, wong iki bisa ndeleng properti tartamtu maneh ing piranti seluler, utawa bisa uga nampa tandha-tandha marang email (sing bakal dicantumake ing piranti seluler) kanggo daftar anyar sing cocok karo paramèter panelusuran. Padha bisa malah diwenehi tandha-tandha menyang piranti kang bisa dinggo diparingke, kayata smartwatch, lan nampilake informasi dhasar ing layar cilik kasebut.
Proses iki bisa dilakoni liwat dina karo luwih akeh kunjungan menyang situs kasebut ing komputer desktop sing beda-beda, mbok menawa saka kantore ing kantor. Wengi iku, padha nggunakake piranti tablet kanggo nuduhake sembarang listing sing utamané menarik kanggo kulawarga kanggo njaluk saran sing ing situs kasebut.
Ing skenario iki, pelanggan situs web kita bisa uga nggunakake papat utawa lima piranti sing beda-beda, kanthi ukuran layar sing beda banget, kanggo ngunjungi situs sing padha lan ndeleng isi sing padha. Iki minangka pangguna multi-piranti, lan yen situs web sing padha ngunjungi ora nampung wong-wong mau ing kabeh layar sing beda-beda, dheweke mung bakal ninggalake lan nemokake sing nglakoni.
Skenario Liyane
Searching for real estate is just one example where users will jump from device to device during their overall experience with a site. Conto liyane kalebu:
- Nggoleki mobil kanggo tuku
- Planning a vacation
- Maca artikel warta
- Nliti gagasan dandan omah
- Nggolek kontraktor / layanan lokal
- Merencanakan pesta utawa acara gedhe liyane
- Ngikuti tim olah raga utawa acara olah raga
Ing saben kasus kasebut, pengalaman web bisa ngrembaka nganti luwih saka siji sesi, sing artine ana kesempatan sing pangguna bakal nggunakake piranti sing beda-beda adhedhasar apa wae sing trep kanggo ing wektu sing padha.
Best Practices to Follow
Yen situs web saiki kudu ngidini supaya akeh piranti nggunakake pamirsa, banjur ana sawetara prinsip dhasar lan praktik paling apik sing kudu dilakoni kanggo njamin supaya situs kasebut siap kanggo nangani pengunjung kasebut kanthi bener lan ningkatake uga ing mesin telusur .
- Situs web Responsif - tata letak responsif sing bisa ngganti lan ngganti ukuran layar sing beda-beda penting kanggo ndhukung macem-macem piranti sing nyambung menyang internet sing kasedhiya ing dina iki.
- Kabeh isi kudu kasedhiya - yen wong bisa ngakses isi utawa fitur tartamtu nalika ngunjungi situs kasebut ing salah siji piranti, padha nyana sing uga kasedhiya nalika padha bali ing piranti liya. Isi kudu diwenehi kanthi cara sing cocog kanggo saben piranti, nanging ora ana konten sing kudu "didhelikake" utawa "dipateni" kanggo piranti tartamtu.
- Readability is Key - ora ketompo apa jenis perangkat utawa ukuran layar apa sing digunakake kanggo ngunjungi situs web, sing gampang maca situs kasebut penting. Iki tegese typography minangka elemen desain penting kanggo fokus. Yen wong duwe wektu susah maca konten situs, kedadeyane bakal ninggalake situs iki kabeh.
- Konsistensi ana ing Diversity - nalika tata letak sing disajikake kanggo saben ukuran layar sing beda bakal beda, mesthine konsistensi saka siji piranti menyang piranti liyane. Pengalaman sakabèhé kudu disambungake supaya pangguna ora kudu ngelajut situs kasebut saben-saben ngunjungi situs kasebut ing layar anyar.
- Priksa Kinerja sing Prioritas - situs web kudu mbukak kanthi cepet lan bisa digunakake ing kabeh piranti, kalebu piranti seluler karo kacepetan download sing kurang saka sampurna. Kinerja situs web sakabèhé kudu dadi prioritas ing kabeh aspek desain lan pangembangan situs - sawisé iku, ora bakal ana sing ngandhani situs web sing cepet banget utawa kerjane banget !
Diedit dening Jeremy Girard ing 26/01/1