Vsebina
- Gledanje Avatarja črno-belo
- Skriti stroški vdorov
- Delal primer
- Ponovna opredelitev dela
- Malo lahkotnega branja
Ko spletno mesto spustijo v naravo, mora preživeti marsikaj. Mirna stara brskalniška pokrajina (peščica namiznih aplikacij) se je spremenila v pravo džunglo, skozi katero mobilne naprave, tablični računalniki in celo igralne skrinjice lovijo svoj plen.
Posledično je izziv, kako spletno mesto dobro delovati v vsakem brskalniku, skozi katerega si ga lahko ogledamo, postal veliko težji. Ključno pri zagotavljanju, da ta izziv ne pušča spletnega oblikovalca, da si potegne lase, je opredelitev, kaj mislimo s tem, da "dobro delamo".
Gledanje Avatarja črno-belo
Začnimo z mislijo na spletno mesto kot na televizijski program in brskalnik kot na televizor. Nihče ne bi pričakoval, da bo gledanje Avatarja na starem črno-belem CRT televizorju imelo enak visceralni učinek kot gledanje na polno razgledanem kinematografskem zaslonu IMAX v stereoskopskem 3D.
Toda kot se zdi noro, se to pogosto dogaja pri spletnih mestih. Ko stranka reče: »To spletno mesto mora delovati v IE6«, to običajno lahko prevedemo tako, da je treba vse tiste ljubke komponente »HD«, kot so zaobljeni vogali, zapleteni prelivi, sence besedila in večplastne prozorne slike, skrbno poustvariti. za uporabnike IE6.
Seveda obstajajo številni popravki in popravki, ki spletnemu oblikovalcu omogočajo, da te HD komponente ponovi za brskalnike, ki jih ne morejo naravno podpirati. Zaobljeni vogali in sence? Ni problema! Samo uporabite kramp, ki izkorišča VML. Želite, da vaše spletne pisave niso nevarne za upodabljanje sistema Windows? Brez skrbi! Samo uporabite sIFR.
Skriti stroški vdorov
Vse to se zdi zelo mamljivo: takšni vdori so dobro dokumentirani in enostavni za izvedbo. Vse pa ima svojo ceno. Potencialne težave, ki se lahko pojavijo pri uporabi takšnih tehnologij, vključujejo dramatično povečanje časa nalaganja strani ali zanašanje na tehnologije drugih proizvajalcev, kot je Flash. To bi lahko povzročilo, da bo vaše spletno mesto manj odzivno, se bo počasneje nalagalo, uporabniki pa bodo razočarani - ne glede na to, kateri brskalnik se odločijo za uporabo.
Torej, ali to pomeni, da smo lahko počasi, a lepega videza, ali hitri in dolgočasni? Preprosto povedano, ne. Če razumemo, kaj je namen spletnega mesta (in s tem tudi, kaj morajo njegovi uporabniki doseči), lahko zagotovimo, da je spletno mesto odlična izkušnja za vse njih.
Delal primer
Predstavljajmo si, da izdelujemo spletno stran za prodajo srajc. Nekaj temeljnih ciljev je lahko:
- Čim bolj natančno predstavite videz in prileganje vsake srajce.
- Naj bo izkušnja nakupa majice preprosta, varna in varna.
- Zagotovite si nemoteno, prijetno uporabniško izkušnjo.
- Poskrbite, da bo vsaka znamka srajce dobro zastopana in se bo počutila verodostojno.
Zdaj pa si predstavljajmo, da smo ustvarili čudovit nabor vizualnih slik Photoshop, ki smo jih pripravljeni pokazati stranki. V njih imamo pisave po meri, zaobljene vogale, sence za besedilo, senčke, gumbe za obrazce po meri, kapice in ligature.
Ti vizualni elementi ustrezajo točkama 1 in 4, stranka pa jih ima rada. Pripravljeni smo graditi. Kako pa ponovimo vse te bogate učinke, zdaj pa smo stranki obljubili, da smo ugotovili, da 20 odstotkov njihove uporabniške baze še vedno uporablja IE6 in 7, da bo spletno mesto delovalo v starejših brskalnikih?
Ponovna opredelitev dela
Tu je ključno opredeliti, kaj pomeni 'delo'. Kar pa ne bi smelo pomeniti, je, da se v vsakem brskalniku ustvarijo vse drobne podrobnosti zasnove. Namesto tega bi moralo pomeniti, da bi morali uporabniki katerega koli brskalnika uporabljati spletno mesto, kot narekujejo štirje cilji, ki smo jih zastavili prej.
S premikom ostrenja lahko natančneje določimo besedno zvezo „bo delovalo v starejših brskalnikih“:
"Z naročnikom smo se pogovorili, kateri so osnovni elementi blagovne znamke, in ugotovili, da sta njegov logotip in pisava po meri ključna, zato jih bo treba natančno prikazati v vsakem brskalniku. Vendar gradient sončnega vzpona ne bo prikazan v vseh brskalnikih, ker želimo ga ustvariti v CSS3, da ne bomo upočasnili stvari s preveč slikami. Namesto tega bodo uporabniki v starih brskalnikih videli ravno barvo. "
Ta rešitev pomeni, da spletno mesto še vedno dosega svoje cilje, hkrati pa zagotavlja, da na najboljši možen način predstavlja strankino blagovno znamko. To je idealen scenarij. Vendar pa je mnogim strankam ta koncept težko predstaviti. Če želite začeti na desni nogi, lahko prikažete eno ključnih strani, ki se ponareja za stari in novi brskalnik. To bi moralo odjemalcu pomagati, da ugotovi, da zasnova za starejše brskalnike ni 'poslabšana', temveč prilagojena njihovim zmožnostim.
Če stranko pripeljete do tega, kaj mora doseči njeno spletno mesto, je njen poudarek lahko preusmerjen na temeljna vprašanja. V nasprotnem primeru se zlahka fiksirajo na vizualni razcvet, ki nima vpliva na spletno zastopanost njihove blagovne znamke.
Ne samo preprosto poustvarjanje zasnove za starejše brskalnike piksla za slikovno piko je lahko neprijeten premik, vendar sem prepričan, da se vam bodo stranke na koncu zahvalile - še posebej, ko bodo videle povratne informacije svojih uporabnikov.
Malo lahkotnega branja
Mnogo pogumnih duš gre naprej s temi ideali. Knjiga Andyja Clarka Trdo kuhano spletno oblikovanje je odlično branje. Tangent Snowball smo za naše stranke ustvarili tudi kratko brošuro, ki jo je navdihnil Paul's Boag's Where Are My Rounded Corners?
