Touchscreens darbojas atšķirībā no klaviatūras un pelēm
Mobilo ierīču tīmekļa vietņu izstrādes sākumlapās lielākā daļa izstrādātāju atdala savu produktu piedāvājumu. Viņi izdeva pilnībā funkcionējošu darbvirsmas versiju un pēc tam - "mobilizētu optimizētu" versiju, kas nojauca lielu daļu zīmolu un attēlu, lai pielāgotos konfekšu joslu telefonu un 3G bezvadu tīklu ierobežotajām iespējām un tīkla ātrumam.
Mūsdienu viedtālruņi tomēr var padarīt Web lapas tikpat efektīvi kā galddatori, izmantojot tīklus, kas ir tik labi vai labāki nekā vakar DSL līnijas.
Dizains pēc tam atkal tiek apvienots ar viena lietotāja interfeisu. Bet dizaina riskam nav tas, ka viedtālrunis vai planšetdators nevar padarīt mūsdienīgu, atsaucīgu tīmekļa vietni. Drīzāk tas, ka lietotāja ievades metode ar skārienekrānu ierīci prasa būtiskas izmaiņas vietnes dizaina pamatā. Tīmekļa vietnes izveides dienas, kurās apmeklētāji ir tastatūras un peles, ir beigusies.
Pamata skārienekrāna dizaina noteikumi
Ar skārienekrānu saistītā tīmekļa saskarne tiek izstrādāta, lai attīstītu pagātnes tradicionālo monitora, peles un tastatūras pieeju. Jo īpaši jums jāpiedāvā mijiedarbība, piemēram, žesti, krāni un multitouch ievadi.
- Pieskaršanās nav precīza. Ja vien klientam nav toddler pirkstu, pat ar ļoti precīzu programmatūras vadību, to var būt grūti pieskarties un būt precīzam.
- Žesti atšķiras no krāniem. Lai ritinātu garu lapu skārienekrānā, lietotājs pārlūko vienu peli pārlūkprogrammas loga augšdaļā. Tas var nešķiet nozīmīgs, kamēr jūs sapratīsit, ka pārlūkošana ar peli, jūs pārvietojat peli uz leju .
- Divas (un vairāk) pirkstu krāni. Lietotājs to var vienlaikus izmantot, izmantojot vairākus pirkstus, lai to kontrolētu. Šie papildu krāni var nozīmēt kaut ko īpašu atkarībā no lietotāja ierīces operētājsistēmas.
- Augstas izgaismošanas ierīces. Vairāku skārienekrāna tablešu ekrāni ir izgatavoti no izturīga stikla. Šim materiālam var būt ļoti grūti izlasīt, ar lielu spīdumu, spilgtas gaismas situācijās. Turklāt ar visiem pieskārieniem ekrānā tiek parādīti pirkstu nospiedumi un plankumi, kas var ietekmēt jūsu lapu izskatu.
- Ekrāna tastatūra. Lai gan dažiem lietotājiem ir bezvadu tastatūra, viņi izveido savienojumu ar savām planšetdatoriem, lielākā daļa planšetdatoru izmanto datu ekrāna tastatūru. OSK ieraksts var izraisīt dažas jauktas kļūdas, kā arī neērtības ilgstoši.
Pateicoties šīm ierīces funkcijām, tīmekļa izstrādātājiem ir jāuzsver vairāki skārienekrāna lietotāju pamatnoteikumi par dizainu:
- Nenovietojiet klikšķināmus vienumus pārāk tuvu. Nav grūti un ātri noteikuma, kas nosaka, cik tuvu ir pārāk tuvu, taču saišu sarakstus, jo īpaši mazā fonta izmērā, var būt grūti orientēties, noklikšķinot (pieskaroties) ar tauku pirkstu. Tas var būt kaitinoši, ja vēlaties tuvināt, vienkārši mēģiniet noklikšķināt uz saites. Šis princips attiecas gan uz pogām, gan saitēm.
- Hierarhijas var būt grūti saglabāt. Viena populāra dinamiska izvēlne tiek izmantota JavaScript, lai atvērtu apakšizvēlni, kad lietotājs noklikšķina, un pēc tam pārlūko pogu virs apakšizvēlnes. Šie stāvokļi var būt ļoti sarežģīti vai neiespējami lietot skārienekrānos, jo tie vai nu paliek atvērti, nedz aizveras.
- Pārvietojiet saites un klikšķināmos apgabalus prom no loga labās malas. Lielākā daļa cilvēku ir labās puses un mēdz ritināt šajā ekrāna pusē. Tā kā ritināšana tiek veikta ar žestu, dažreiz ir iespējama kļūda par sitienu uz vietnes. Lietotāji var nokļūt annoyed, ja viņi gribēja ritināt lapā, un tā vietā beidzās nejauši pieskaroties saiti. Pārvietojot saites prom no labās puses, jūs varat palīdzēt viņiem izvairīties no šīm neērtībām.
- Nav peles. Tas nozīmē, ka nav peles kursoru . Nevajadzētu paļauties uz peles kursora mainīšanu, lai palīdzētu norādīt, ka kaut kas ir noklikšķināms.
- Hover stāvokļi neeksistē. Kā iepriekš minēts, jo nav peles, nekas nav novirzīt ar. Saite tiek vai nu noklikšķināta (izlaista), vai arī netiek izmantota skārienekrāna ierīce, tāpēc lietotāji nevar iegūt jebkādu noderīgu informāciju no šādām navigācijas valstīm kā krāsu izmaiņas, rīku padomi vai statusa joslas izmaiņas.
- Melni foni uzlabo spīdumu. Sarkanā fona vietā var būt ļoti grūti nolasīt uz skārienekrāna ierīces, jo ir spīdums. Melnā ierīču pirkstu nospiedumi padara skaidrākas, izpludinot ekrānu. Un melns var pārvērst ekrānu spogulī, kas atspoguļo atpakaļ, lietotāji bieži saskaras vairāk nekā teksts ekrānā.
- Ir grūti rakstīt garus teksta formu blokus. Lai gan ir iespējams rakstīt veselus romānus iPad, Android vai Windows planšetdatorā, lielākajai daļai cilvēku nepatīk izmantot ekrāna tastatūru garām teksta daļām. Jo vairāk jūsu dizains var padarīt datu ievadi pēc iespējas īsāku un vieglāku, jo labāk.
Vissvarīgākais dizaina aspekts ar skārienekrānu ir pārbaudīt lapas ar skārienekrānu . Kaut arī daudzi iPad un Android emulatori ir pieejami, un daudz Windows tablešu, viņi joprojām nenodrošina touchscreen sajūtu. Jūs nevarat pateikt, ka saites ir pārāk tuvas vai pogas ir pārāk mazas, vai arī spilgtums liek pārlūkot lapu pārlieku grūti, ja vien jūs neizkļūt no planšetdatora un to izmēģināt, pirms jūs atbrīvojat savu jauno vietnes dizainu.