Imate li " odgovornu web stranicu "? Ovo je stranica sa izgledom koji se menja na osnovu uređaja posjetitelja i veličine ekrana. Odgovarajući web dizajn je sada najbolja praksa u industriji. Google preporučuje i pronađe na milionima lokacija širom Veba. Postoji, međutim, velika razlika između web stranice koja jednostavno "uklapa" na različite veličine ekrana i ima sajt koji je stvarno odgovoran.
Rutinalno gledam kako kompanije redizajniraju svoju web stranicu i objavljuju saopštenje za javnost kojim se ističu vrlini njihovog novog dizajna koji je pogodan za mobilne uređaje. Kada posećem te lokacije, ono što često nalazim je raspored koji se zaista mijenja i mijenja kako bi se prilagodio različitim ekranima, ali to je u meri u kojoj oni razmišljaju o odgovoru. Ovo nije dovoljno. Odlično odzivna web stranica ne radi više nego dovoljno da se uklapa u manji ili veći ekran. Na ovim stranicama ćete pronaći i sljedeće važne osobine.
1. Optimizovane performanse
Niko ne želi čekati da se veb sajt učita, a kada neko koristi mobilni uređaj sa vezom koja može biti manja od ideala, potreba za brzo učitavanje sajta je još važnija.
Pa kako optimizirati učinak vašeg sajta? Ako počnete sa novim sajtom kao dio redizajna, onda bi trebalo da napravite tačku da kreirate budžet za učinak kao deo tog projekta. Ako radite sa postojećim sajtom i ne počinjete na početku, prvi korak je da testirate performanse svog sajta i vidite gde stojite danas.
Jednom kada imate osnovnu tačku gde vaša stranica stoji na performansama, možete početi da pravite neophodna poboljšanja kako biste povećali brzinu prenosa. Odlično mesto za početak je verovatno sa slikama vašeg sajta. Previše velike slike su krivci # 1 kada se radi o sporim sajtovima za učitavanje, tako da optimizacija vaših slika za isporuku na mreži može stvarno pomoći vašem sajtu sa stanovišta performanse.
Realnost je u tome što poboljšani učinak na webu i brze brzine prenosa predstavljaju prednost koju će svi posjetioci ceniti. Na kraju krajeva, niko se nikad nije žalio da je web lokacija "prebrzo", ali ako lokacija predugo preduzme, apsolutno će ljudi isključiti da li se odgovorno "uklapa" na njihov ekran ili ne.
2. Hijerarhija pametnog sadržaja
Kada se web stranica prikazuje na velikom ekranu, u mogućnosti ste da postavite sadržaj na razne načine zbog značajnog raspoloživog ekrana na ekranu. Često možete postaviti važne poruke i slike, ažurirane vesti, informacije o događajima i navigaciju lokacije na ekranu odjednom. Ovo omogućava posetiocu da lako i brzo skenira sadržaj celokupne stranice i odluči šta im je važno.
Ovaj scenario drastično se menja kada uzmete ovaj dizajn sajta i transformišete ga na male uređaje kao što je mobilni telefon. Iznenada radite sa delom ekrana koji ste imali ranije. To znači da morate da odlučite šta će se prvo pojaviti na sajtu, šta će ga pratiti itd. Umesto svega što se vidi odjednom, verovatno imate samo prostor da pokažete jednu ili dvije stvari (od kojih je jedna verovatna navigacija). To znači da je potrebno donijeti odluke o hijerarhiji. Nažalost, ono često određuje ono što prvi dolazi na ekranu, a zatim drugo, itd. Je način na koji je kodirana šifra. Najlakše je, kada se gradi odgovarajuća stranica, da se na ekranu prikaže ono što je prvo u šifri, a zatim sledi druga stavka u šifri i tako dalje. Nažalost, ono što je najvažnije na jednom uređaju možda nije toliko kritično na drugom. Odlično odzivna stranica shvata da bi hijerarhija sadržaja trebalo da se menja u zavisnosti od različitih situacija i trebalo bi da bude pametno o tome šta ona prikazuje gde.
Poboljšanja u tehnikama rasporeda CSS-a, uključujući CSS Grid Layout, Flexbox i još mnogo toga, omogućavaju web dizajnerima i programerima više opcija kada je u pitanju inteligentno postavljanje sadržaja, umjesto da budu ometani točnim redosledom područja sadržaja u HTML kôdu. Iskorišćenje ovih novih tehnika rasporeda će postati još važnije od uređenja uređaja i potreba korisnika našeg sajta, i dalje se razvija.
3. Iskustva koja uzimaju u obzir jačine i slabosti uređaja
Ostanite na temu uređaja - svaki uređaj koji neko može koristiti za posjetu vašoj web lokaciji ima i snage i slabosti koje su inherentne ovoj platformi. Odlična odzivna lokacija razumije mogućnosti i ograničenja različitih uređaja i koristi ih za kreiranje prilagođenih iskustava koja su najpogodnija za bilo koji uređaj koji korisnik može koristiti u tom trenutku.
Na primer, mobilni telefon sadrži niz funkcija koje ne biste našli na tradicionalnom desktop računaru. GPS je jedan od primera funkcije koja se odnosi na mobilne uređaje (da, takođe možete dobiti informacije o opštoj lokaciji na desktopu, ali GPS uređaj je mnogo precizniji). Vaša stranica može koristiti GPS informacije kako bi pametno poslala osobu vrlo detaljnim i specifičnim informacijama o pravcu po koraku ili specijalnim ponudama na osnovu tačno gde su u tom trenutku.
Još jedan primjer ovog principala u praksi bi bio sajt koji razume kakav prikaz zaslona koristite i šalje slike koje su najbolje prilagođene tom ekranu. Ako imate ekran visoke gustine piksela, možete odlučiti da pošaljete kvalitetnije slike na taj ekran. Ove iste slike bi bile besmislene na manje sposobnom ekranu, međutim, dodatni kvalitet bi se izgubio dok bi dodatna veličina datoteke bila skinuta bez ikakvog stvarnog razloga.
Stvarno sjajne lokacije koje se odazivaju uzimaju u obzir cjelokupno korisničko iskustvo i rade na prilagođavanju tog iskustva zasnovanog ne samo na tipu uređaja ili veličini ekrana već i na drugim važnim aspektima hardvera.
4. Sadržaj sa kontekstom
Na početku, odgovarajući web dizajn dobio je ime zbog ideje o rasporedu sajta koji odgovara različitim veličinama ekrana, ali možete odgovoriti na mnogo više od veličine ekrana. Korišćenjem prethodnog primera korišćenja prednosti i slabosti uređaja, mogli biste ih koristiti, kao i druge podatke kao što su datum i vreme, da biste stvarno prilagodili iskustvo na veb lokaciji.
Zamislite web stranicu za veliki sajamski događaj. Dok će odzivna web stranica promijeniti izgled stranica na stranici da bi se skali sa različitim ekranima, možete takođe koristiti datum da biste utvrdili koji je sadržaj najvažniji za prikazivanje. Ako je to vremenski period pre događaja, verovatno želite da vidno prikazujete informacije o registraciji. Ako, međutim, događaj u stvari se dešava u tom trenutku, registracija možda nije najvažniji sadržaj. Umesto toga, možete utvrditi da je raspored događaja u danima kritičan jer je relevantniji za neposredne potrebe tog korisnika.
Uzimajući stvari korak dalje, mogli biste da dodirnete uređaj GPS-a da biste utvrdili gde su zapravo na sajmu. Možete im dati interaktivni sadržaj na osnovu njihove lokacije, pokazujući im u blizini kabine ili sesije da biste započeli.
5. Pristupačnost
Poslednji primer koji ćemo pogledati kako lokacija može stvarno reagovati na potrebe posetilaca jeste razmišljati o dostupnosti veb-sajta . Web stranice treba da budu u mogućnosti da ih koriste što više ljudi, uključujući one sa invaliditetom. Vaša web stranica bi trebalo da bude u mogućnosti da koristi neko ko je potreban čitač ekrana ili drugi pomoćni softver za pristup njegovom sadržaju. Na ovaj način, vaša stranica odgovara na njihove potrebe, jer ste osigurali da je iskustvo, iako je različito za posetioce sa invaliditetom, i dalje prikladno.
Odgovarajući na što je moguće više tačaka podataka, a ne samo na veličini ekrana, web stranica može biti mnogo više od "mobilne prirode". To može postati iskreno odzivno iskustvo u svakom smislu fraze.