Touchscreens bisa digunakake kanthi Keyboard lan Mouse
Ing dinten wiwitan ngrancang situs web kanggo piranti seluler, paling pangembang ngresikiake penawaran produk. Dheweke ngeculake versi desktop sing fungsional lan banjur versi "dioptimalkan seluler" sing dicabut adoh saka branding lan citra kanggo nampung kemampuan terbatas lan kecepatan jaringan ponsel candy bar lan jaringan nirkabel 3G.
Smartphone kontemporer, Nanging, bisa nggawe kaca Web kaya cekap minangka desktop PC, liwat jaringan sing apik utawa luwih apik tinimbang baris DSL kamari.
Desain, banjur, converges bali menyang antarmuka siji-user. Nanging resiko kanggo perancang ora minangka smartphone utawa tablet ora bisa menehi website responsif modern. Luwih, sing cara input pengguna ing piranti layar demek mbutuhake owah-owahan sing nggumunke karo desain situs sing nduwe dhasar. Dina mbangun situs web kanthi asumsi pengunjung duwe keyboard lan mouse.
Aturan Desain Papan Tutul Dasar
Merancang kanggo antarmuka Web sing nyenengake layar demek mbutuhake evolusi saka pendekatan monitor-mouse-keyboard tradisional sing kepungkur. Utamane, sampeyan kudu nampung interaksi kaya obahe gerak, nyebabake, lan input multitouch.
- Nunyuk ora akurat. Kajaba yen customer nduweni driji saka bocah, sanajan kanthi piranti lunak kontrol banget akurat, bisa dadi angel kanggo ngetung lan tepat.
- Gerak isine beda saka nyebabake. Kanggo nggulung kaca dawa ing layar tutul, pangguna swipe siji driji munggah jendhela browser. Iki bisa uga ora katon yen sampeyan nyayari karo mouse, sampeyan bisa mindhah mouse mudhun .
- Loro (lan luwih) driji nyebabake. Pangguna bisa nggunakake sawetara driji nyebabake piranti ing wektu sing padha kanggo ngontrol. Tombol tambahan kasebut bisa tegese soko tartamtu, gumantung saka sistem operasi piranti pangguna.
- Piranti dhuwur-silau. Layar paling akeh layar demek digawe saka kaca sing kuat. Materi iki bisa dadi angel banget kanggo maca, kanthi akeh glare, ing kahanan cahya padhang. Plus, kanthi kabeh ndemek, padha njaluk sidik jari lan smudges ing layar sing bisa mengaruhi cara kaca katon.
- Keyboard layar. Nalika sawetara kedhaftar nduweni keyboard nirkabel, dheweke nyambung menyang tablet, paling pangguna tablet nggunakake keyboard layar kanggo entri data. Entri OSK bisa mrodhuksi sawetara tipo gumbira uga ora nyaman kanggo digunakake kanggo periode wektu lengkap.
Amarga saka fitur piranti kasebut, perancang Web kudu nandheske sawetara aturan desain dhasar kanggo pangguna demek:
- Aja nyeleh item sing bisa diklik nutup banget. Ora ana aturan keras lan cepet sing nemtokake manawa cedhak banget, nanging dhaptar link, utamane ing ukuran hurup cilik, bisa angel diligani kanthi ngeklik (nutul) nganggo driji lemak. Bisa ngganggu kudu nggedhekake mung kanggo nyoba lan klik link. Prinsip iki bener kanggo tombol uga pranala.
- Hierarki bisa dadi hard kanggo tetep mbukak. Salah siji wangun dinamis menu populer migunakake JavaScript kanggo mbukak submenu nalika pangguna klik banjur mungkasi mouse liwat submenu. Negara-negara kasebut bisa angel banget utawa ora mungkin digunakake ing touchscreens amarga padha ora tetep mbukak utawa ora bakal nutup.
- Pindhah pranala lan diklik area adoh saka pojok tengen jendhela. Akeh wong sing tuwa lan cenderung nggulung ing sisih pinggir layar. Wiwit nggambar wis rampung kanthi patrap, kadhangkala sampeyan bisa miwiti geser ing sawijining tautan tanpa sengaja. Kedhaftar bisa kesengsem yen pengin nggulung ing kaca lan tinimbang tanpa sengaja nunyuk link. Kanthi mindhah pranala adoh saka sisih tengen, sampeyan bisa mbantu supaya ora nyelarasake iki.
- Ora ana mouse. Lan iki tegese ora ana pointer mouse. Sampeyan kudu ora ngandelake pointer mouse sing ganti kanggo nuduhake yen ana sing bisa diklik.
- Ngatur lokasi ora ana. Minangka corollary kanggo ing ndhuwur, wiwit ora ana mouse, ora ana apa-apa kanggo hover karo. Link sing dienggo (diketengake) utawa ora ing piranti layar demek, supaya pangguna ora bisa nyimpul informasi apa wae sing migunani saka negara kasebut minangka perubahan warna, tip alat, utawa owah-owahan status bar.
- Ireng latar mburi nambah glare. Situs kanthi latar ireng bisa dadi angel banget kanggo maca ing piranti layar demek amarga glare. Ireng nggawe driji ing piranti kasebut kanthi luwih cetha, amarga obah layar. Lan ireng bisa nguripake layar menyang pangilon sing nggambarake pangguna kanthi asring luwih saka teks ing layar.
- Sawijining pamblokiran teks sing teyeng diganti dadi angel kanggo nulis. Nalika sampeyan bisa nulis kabeh novel ing iPad utawa tablet Android utawa Windows, meh kabeh wong ora seneng nggunakake keyboard layar kanggo suwene teks. Desain luwih sampeyan bisa nggawe entri data minangka cendhak lan gampang sabisa, luwih apik.
Aspèk paling penting kanggo ngrancang karo touchscreens iku kanggo nyoba halaman sampeyan ing piranti layar demek . Nalika akeh emulator iPad lan Android sing kasedhiya, lan akeh tablet Windows, dheweke isih ora menehi rasa layar demek. Sampeyan ora bisa mangsuli manawa pranala sing wis cedhak banget utawa tombol-tombol kasebut cilik-utawa supaya sorotan nyedhiyakake kaca sing luwih hard kanggo dibaca-kajaba sampeyan metu tablet lan nyoba metu sadurunge ngeculake desain website anyar.