Het u 'n " responsiewe webwerf "? Hierdie is 'n webwerf met 'n uitleg wat verander op grond van 'n besoeker se toestel en skermgrootte. Responsiewe webontwerp is nou 'n bedryfspraktyk. Dit word aanbeveel deur Google en gevind op miljoene webwerwe regoor die web. Daar is egter 'n groot verskil tussen 'n webwerf wat net "pas" op verskillende skerm groottes en 'n webwerf wat werklik reageer.
Ek sien gereeld maatskappye herontwerp hul webwerf en druk 'n persverklaring uit wat die deugde van hul nuwe mobiele-vriendelike ontwerp versterk. As ek daardie webwerwe besoek, is dit wat ek dikwels vind, 'n uitleg wat inderdaad skaal en verander om op verskillende skerms te pas, maar dit is so ver as wat hulle die idee van responsiwiteit aanvaar. Dit is nie genoeg nie. 'N werklike reageer webwerf maak meer as net skaal om 'n kleiner of groter skerm te pas. Op hierdie webwerwe vind jy ook die volgende belangrike eienskappe.
1. Geoptimaliseerde Prestasie
Niemand hou daarvan om te wag vir 'n webwerf om te laai nie, en wanneer iemand 'n mobiele toestel gebruik met 'n verbinding wat dalk minder as ideaal is, is die behoefte aan 'n webwerf om vinnig te laai, nog belangriker.
So, hoe optimaliseer jy die prestasie van jou werf? As jy begin met 'n nuwe webwerf as deel van 'n herontwerp, moet jy dit 'n punt maak om 'n prestasiebegroting as deel van die projek te skep. As jy met 'n bestaande webwerf werk en nie van nuuts af begin nie, is die eerste stap om die prestasie van jou werf te toets om te sien waar jy vandag staan.
Sodra jy 'n basislyn het van waar jou werf presteer, kan jy begin om die nodige verbeterings aan te bring om die aflaaispoed te verhoog. 'N goeie plek om te begin is waarskynlik met jou werf se beelde. Te groot beelde is die # 1 skuldige wanneer dit kom by stadige laai-webwerwe. Die optimalisering van jou beelde vir weblewering kan jou werf dus werklik van 'n prestasieposisie help.
Die realiteit is dat verbeterde webwerf prestasie en vinnige aflaai spoed is 'n voordeel wat alle besoekers sal waardeer. Na alles het niemand ooit gekla dat 'n webwerf te vinnig gelaai is nie, maar as 'n webwerf te lank neem om te laai, sal dit absoluut mense afskakel of dit op hul skerm respekvol "pas" of nie.
2. Smart Content Hierarchy
Wanneer 'n webwerf op 'n groot skerm vertoon word, kan jy die inhoud op verskeie maniere weens die aansienlike skerm Real Estate beskikbaar stel. U kan dikwels belangrike boodskappe en beelde, nuusopdaterings, gebeurtenisinligting en site navigasie op die skerm op een slag pas. Dit laat 'n besoeker maklik en vinnig die inhoud van die hele bladsy en bepaal wat belangrik is vir hulle.
Hierdie scenario verander redelik dramaties wanneer jy daardie webtuiste ontwerp en dit omskep vir klein skerm toestelle, soos 'n selfoon. Skielik werk jy met 'n fraksie van die skerm eiendomme wat jy voorheen gehad het. Dit beteken dat jy moet besluit wat eerste op die werf sal verskyn, wat dit sal volg, ens. In plaas daarvan dat alles dadelik gesien word, het jy waarskynlik net die spasie om een of twee dinge te wys (waarvan een waarskynlik navigasie is). Dit beteken dat besluite van hiërargie gemaak moet word. Ongelukkig bepaal wat dikwels die eerste op die skerm, en dan die tweede, ens. Is die manier waarop die bladsy self gekodeer is. Dit is maklik om by die bou van 'n reageerplek alles wat eerste in die kode eerste op die skerm verskyn, gevolg deur die tweede item in die kode ensovoorts. Ongelukkig kan wat op een toestel die belangrikste is, dalk nie so kritiek wees op die ander nie. 'N werklike reageer webwerf verstaan dat die hiërargie van die inhoud moet verander afhangende van verskillende situasies en dit moet slim wees oor wat dit wys waar.
Verbeterings in CSS-uitlegtegnieke, insluitend CSS-roosteruitleg, Flexbox, en meer, laat webontwerpers en ontwikkelaars meer opsies toe as dit gaan om intelligente inhoud, eerder as om die presiese volgorde van inhoudsareas in die HTML-kode te verhoed. Die voordeel van hierdie nuwe uitleg tegnieke sal selfs belangriker word aangesien die toestel landskap, en die behoeftes van ons webwerf se gebruikers, voortgaan om te ontwikkel.
3. Ervarings wat 'n toestel se sterkpunte en swakpunte in ag neem
Bly op die onderwerp van toestelle - elke toestel wat iemand kan gebruik om jou werf te besoek, het beide sterkte en swakpunte wat inherent is aan die platform. 'N groot reageer webwerf verstaan die vermoëns en beperkings van verskillende toestelle en gebruik hulle om persoonlike ervarings te skep wat die beste pas by watter toestel 'n besoeker op daardie oomblik kan gebruik.
Byvoorbeeld, 'n selfoon bevat 'n aantal funksies wat jy nie in 'n tradisionele rekenaar kon vind nie. GPS is een voorbeeld van 'n mobiele-sentriese funksie (ja, jy kan ook algemene ligginginligting op desktops kry, maar toestel GPS is baie meer akkuraat). Jou webwerf mag GPS-inligting gebruik om 'n persoon baie gedetailleerde en spesifieke stap-vir-rigtinginligting of spesiale aanbiedings te stuur, gebaseer op presies waar hulle op daardie oomblik is.
Nog 'n voorbeeld van hierdie skoolhoof in die praktyk is 'n webwerf wat verstaan watter soort skermskerm jy gebruik en stuur beelde wat die beste pas by die skerm. As u 'n skerm met 'n hoë pixeldigtheid het, kan u besluit om hoë kwaliteit beelde aan die skerm te stuur. Hierdie selfde beelde sal egter nutteloos wees op 'n minder geskikte skerm, en die ekstra kwaliteit sal verlore gaan terwyl die ekstra lêergrootte vir geen werklike rede afgelaai sal word nie.
Really great responsive sites oorweeg die hele gebruikers ervaring en werk om die ervaring op te pas wat nie net 'n toestel tipe of grootte van die skerm, maar ook ander belangrike aspekte van die hardeware.
4. Inhoud met konteks
Aanvanklik het reageer webontwerp sy naam ontvang as gevolg van die idee van 'n webwerf se uitleg wat op verskillende skermgroottes reageer, maar jy kan soveel meer reageer as net die grootte van die skerm. Gebaseer op die vorige voorbeeld van die gebruik van 'n toestel se sterkpunte en swakpunte, kan jy dit, sowel as ander data soos die datum en tyd, gebruik om 'n webwerf-ervaring regtig aan te pas.
Stel jou 'n webwerf voor vir 'n groot beurs. Terwyl 'n responsiewe webwerf die uitleg van die bladsye van die werf verander na skaal met verskillende skerms, kan u ook die datum gebruik om te bepaal watter inhoud die belangrikste is om te vertoon. As dit die tydperk van die gebeurtenis is, sal jy waarskynlik prominente registrasie-inligting wil vertoon. As die gebeurtenis egter eintlik plaasvind, mag die registrasie nie die belangrikste inhoud wees nie. In plaas daarvan kan jy besluit dat die dag se skedule van gebeure kritieser is aangesien dit meer relevant is vir daardie gebruiker se onmiddellike behoeftes.
As jy iets verder gaan, kan jy 'n toestel se GPS inskakel om te bepaal waar hulle eintlik by die beurs is. Jy kan hulle interaktiewe inhoud op grond van hul ligging gee, en hulle vertoon nabygeleë hokke of sessies om te begin.
5. Toeganklikheid
Die laaste voorbeeld wat ons sal kyk na hoe 'n webwerf werklik kan reageer op die behoeftes van 'n besoeker, is om te dink aan die toeganklikheid van die webwerf . Webwerwe moet deur soveel moontlik mense gebruik kan word, insluitende persone met 'n gestremdheid. Jou webwerf moet gebruik kan word deur iemand wat 'n skermleser of ander ondersteunde sagteware benodig om toegang tot die inhoud te verkry. Op hierdie manier reageer jou werf op hul behoeftes omdat jy seker gemaak het dat die ervaring, terwyl dit vir gestremde besoekers anders is, steeds toepaslik is.
Deur soveel moontlik data punte te reageer, en nie net die grootte van die skerm nie, kan 'n webwerf soveel meer wees as net 'mobiele vriendelike'. Dit kan 'n werklike reaksie in elke sin van die frase word.