cu toții auzim acest cuvânt „responsive” în domeniul web design foarte mult în zilele noastre. Oamenii foarte recomanda și du-te ga-ga peste importanța utilizării design receptiv. Dar newbies în domeniul blogging-ul profesional și webmastering adesea ia un pic de timp pentru a face rost de toate acest buzz despre ceea ce este un site receptiv și cum să dezvolte unul.
oamenii își creează adesea temele site-urilor web pe baza unui fișier imagine (de exemplu, PSD). În timp ce toate design-urile site-ului web încep ca o imagine, ar trebui să fim foarte atenți ca designul lor să se conformeze principiilor de reacție și să fie prietenos cu dispozitivele mobile. Să facem o baie în subiect și să aflăm totul despre această problemă.
Ei bine, capacitatea de reacție a unui site web se referă la capacitatea sa de a regla afișajul în funcție de dispozitivul pe care este văzut. Au dispărut zilele în care majoritatea oamenilor obișnuiau să folosească PC –uri desktop-acum există tot felul de dispozitive acolo. Desktop, laptopuri, netbook-uri, tablete, mini tablete, cititoare de cărți electronice, smartphone-uri și telefoane nu atât de inteligente! Pfiu! Prea mulți să nu fie preocupat!
toate aceste dispozitive au propriile dimensiuni și rezoluții specifice ale ecranului. Un site web „rigid” nu va putea să se adapteze (sau să spunem, să răspundă) la dimensiunile diferite ale ecranului. Aspectul de defilare orizontală în browser-ul este unul dintre semnul cel mai vizibil că site-ul nu este receptiv.
în schimb, site-ul web cu o temă receptivă se va putea adapta și se va asigura că conținutul este ușor de citit de orice dimensiune a ecranului.
nu chiar. O temă receptivă va ajusta afișarea cu scopul principal ca conținutul site-ului web să poată fi utilizat de vizitator. Pentru a atinge acest obiectiv, site-ul web poate ascunde unele dintre componentele sale accesorii (cum ar fi bara laterală) și poate modifica dimensiunea altor componente (de exemplu, imagini, fonturi etc.)
este destul de ușor să știți cât de receptiv este tema site-ului dvs. web. Doar deschide-l pe diferite dimensiuni de monitoare de calculator și ecrane de telefon mobil. Dacă vedeți site-ul dvs. bine și tot conținutul este ușor de citit, site-ul dvs. este receptiv. Dacă nu aveți diferite tipuri de dispozitive pentru testarea site-ului dvs. web, puteți utiliza, de asemenea, testul online pentru reacție.
răspunsul general este că da, este foarte important. Dar, înainte de a lua o decizie de a face un makeover de site –ul dvs. să-l transforme într-unul receptiv-ar trebui să se uite la datele de trafic web. Din aceste date, încercați să aflați cât de mult trafic primește site-ul dvs. web de pe dispozitivele mobile. De obicei, site –urile web sunt concepute pentru a fi utilizate pe desktop / laptop –dar dacă obțineți trafic semnificativ de pe dispozitive precum Tablete / Telefoane mobile-ar trebui să vedeți cum arată site-ul dvs. pe astfel de dispozitive.
în prezent, site-urile asiatice primesc în medie 27% din traficul lor de pe dispozitivele mobile. Acest procent ar fi mult mai mare pentru site-urile web din zone precum Europa și America, deoarece dispozitivele mobile sunt relativ mult mai populare.
vei fi surprins de faptul că capacitatea de reacție poate fi ușor realizată folosind doar CSS. Standardele CSS actuale vă permit să stilizați site-ul dvs. web pentru diferite tipuri de ecran. Aceasta înseamnă că puteți avea reguli CSS separate pentru diferite dimensiuni de ecran. De exemplu:
@media ecran și (max-lățime: 320px) {
.primar-sidebar { afișare: none} / / ascunde bara laterală atunci când dimensiunea ecranului este 320px sau mai puțin
}
@ecran media și (Min-lățime:1024px) {
corp { font-size: 12px} / / setați dimensiunea fontului pentru dimensiuni de ecran mai mari de 1024px
}
astfel de reguli CSS personalizate vor controla aspectul site-ului dvs. web în funcție de spațiul disponibil pe ecran.
dacă decideți să mergeți pentru un design receptiv pentru site-ul sau blogul dvs., vă puteți aștepta să aveți următoarele avantaje:
- traficul va crește pe site-ul dvs. web, deoarece utilizatorii de dispozitive mobile îl vor putea utiliza și pot decide să revină pentru informații noi. Dacă utilizatorii de telefonie mobilă nu pot utiliza conținutul unui site web –nu se vor mai întoarce!
- dacă utilizați reclame pe site –ul dvs. pentru a câștiga bani online-veniturile dvs. pot crește, deoarece un site web receptiv va putea afișa frumos anunțuri și pe dispozitivele mobile.
- nu va trebui să dezvoltați versiuni diferite ale site-ului sau blogului dvs. pentru diferite platforme. Acest lucru va economisi timp și pentru întreținere, deoarece mai multe versiuni necesită mai mult timp de întreținere.
- dacă dezvoltați mai multe versiuni pentru diferite tipuri de dispozitive, vă confruntați cu pericolul ca Google să indexeze adresele URL duplicate. Adresele URL diferite care indică același conținut se numesc adrese URL Duplicate. Google pune o penalizare grea pe adresele URL duplicate, crezând că și conținutul este duplicat. Designul site-ului Responsive vă protejează de o astfel de penalizare.
- nu trebuie să vă faceți griji cu privire la detectarea corectă a agentului, deoarece același site web va funcționa pentru toți agenții browserului.
- partajarea adreselor URL pe site-urile de socializare va deveni mai ușoară, deoarece fiecare pagină de pe site-ul dvs. web va avea o singură adresă URL asociată cu aceasta.
nu există dezavantaje semnificative ale designului receptiv, cu excepția faptului că regulile CSS suplimentare ar putea crește dimensiunea fișierului CSS și, ca urmare, timpul de descărcare va crește. Dar, cu internet mai rapid devenind disponibile peste tot în lume –nu cred că acest lucru pune orice problemă reală.
în design receptiv, diferite imagini nu sunt utilizate pentru diferite dimensiuni de ecran. În schimb, aceeași imagine este redimensionată prin CSS pentru a se potrivi pe ecranul dispozitivului. Deci, dispozitivele mobile vor trebui, de asemenea, să descarce aceleași imagini de înaltă rezoluție care sunt servite pe conexiunile desktop.
acum, știm că designul receptiv poate pune o mică povară suplimentară asupra conexiunii la internet mobil, este important să puteți testa cât de repede funcționează designul dvs. actual (receptiv sau non-receptiv). Cel mai bun instrument online pentru a testa acest lucru este PageSpeed de la Google. Acest instrument poate înscrie site-ul dvs. atât pe desktop și dispozitive mobile.
majoritatea site-urilor Google sunt acum receptive. De exemplu, site-ul Chromebook utilizează un design receptiv. Dar Google este o companie de pionierat de nimic legate de Internet. Pe măsură ce tot mai multe companii recunosc importanța designului receptiv, site-urile web trec la această nouă paradigmă. Uitați-vă la site-urile web ale lanțului de restaurante Wendy ‘ s, ale companiei de marketing inbound HubSpot și ale ziarului Boston Globe pentru a vă inspira.
da, există multe site-uri importante care nu au îmbrățișat încă designul receptiv. Exemplele includ CNN și BBC. Acestea sunt site-uri web masive și o reproiectare completă pentru a încorpora capacitatea de reacție poate necesita investiții semnificative. Acesta ar putea fi motivul pentru care aceste case media nu sunt încă receptive.
nu, nu este foarte scump. Dacă dețineți un site web / blog bazat pe WordPress, există o mulțime de teme receptive disponibile. Tema implicită a WordPress (adică TwentyThirteen) este, de asemenea, concepută pentru a fi receptivă. Majoritatea temelor gratuite oferite de WordPress și Blogger sunt receptive. Dar dacă utilizați o temă terță parte-trebuie să verificați reacția acesteia.