Avete un " site rispunsèvule "? Questu hè un situ cù un mudellu chì cambia in basa di u dispunìbu di u visitore è a maghjina di scena. U web design situazione hè issa una pratica megliu nantu à a industria. Hè ricurdata da Google è truvata nantu à millioni di siti nantu à u Web. Ci hè ancu una bigsa diferenza trà avè un situ web chì solu "cala" in diverse tanzolu è di un situ chì hè veramente sensible.
I routinely vede li cumpagnie redigineanu u so situu è fate un versione stampata cun l'attraversu i virtuti di u so novu designu mobile-friendly. Quandu aghju visitatu quelli siti, u mo spessu findu hè un mudellu chì faci a scala è cambiassi per fassi in i pantaloni differenti, ma questu hè quantu a pigghiarè l'idea di rispunsabilità. Questu hè micca bè. Un situ web chì hè veramente responsive fai più di scala per fassi una pantera più chjuca o maiò. In queste siti, truverete ancu e seguenti tracci più impurtanti.
1. Rendimentu Optimizatu
Nimu li piace à aspittà per un situ web per carica, è quandu chì qualchissia hè usendu un dispositiu mobile cun una cunnessione chì pò esse menu di ideale, a nicissità d'un situ per carbu hè rapidamente hè ancu più impurtante.
Allora cumu si ottimisate u funziu di u vostru situ? Sè vo avete principiatu cù un novu situ per parte di un redimensionu, pudete fà un puntu per creà un ughjettu di u performance in parte di stu prugettu. Sè avete travagliatu cù un situu esistenti è ùn viaghjanu da u scarrà, u primu passu hè di pruvà l'esercitu di u vostru situ, per vede cumu site in situ.
Una volta avete una basa di u locu chì u vostru situ si ponu esse cumpiutu, pudete cumenciu per fà e ricchezza necessaria per annulerà a veloce di scaricamentu. Un grandu locu per cumentà hè probabbilmente cù l'imagine di u vostru situ. L'imagine grande sò u culpritu n ° 1 chì hè vinutu per fà ralentisce i siti di ricerca, cusì optimizà e vostre imagine per u web delivery pò veramente aiutu à u vostru situ da un puntu di vista di u performance.
A rialtà hè chì u prestazioni di u situ web ottimatu u rapidità di scaricamentu sò un beneficiu chì tutti i visitori si apprezzà. Dopu tuttu, nimu hà mai lagnatu chì un situ pianu "veloci veloce", ma si un situ piglia assai tempu per carica, averà averà a so genti fora "risette" in a so pantera o micca.
2. Jerarcu di Cuntinutu Smart
Quandu un situ web hè spargugliatu nantu à una grande pantalla, pudete fassi invià u cuntenutu in una varietà moduli per quellu di a pantera sustiniavule. Pudete spessu incità messagi mpurtanti è imàgine, aghjurnamenti di notizie, informazioni suciale è navigazione di u situ in tutta a scena. Questu permetterà un visitore per fà scuperte è scontra rapidamente u cuntenutu di a pagina sana è decide ciò chì hè impurtante per elli.
Questa scenfetta cambia dramaticamente quandu si adopta stu locu di disignu è a trasforma a pezzi per a small screen devices, cum'è un telèfon celu. Di culpulu vi travagliate cù una frazzioni di a pantera in u duminiu immubiliari chì avete avutu prima. Questu hè bisognu di decisu chì pare avanti primu nantu à u situ, ciò chì seguitanu, eccettu in tuttu di vede dinò quì, puderete esse u spaziu per indicà una ou duie cose (una di a quale hè probabbilmente navigazione). Questu significa chì e decisione di a ghjerusalemia ci vole à fà. Sfortunatamente, chì spessu spicca chì vene primu in u screnu, è da secondu, etc. hè a manera chì a pagina hè cunsiderata. Hè u più faciule, quandu crea un situ web chì rispondi, per vede ciò chì hè prima in u còdice prima in u screnu, seguitu da u sicondu puntu in u codice è cusì cusì. Sfortunatamente, ciò chì pò esse più impurtante nantu à un strumentu pò ùn esse micca critica in un altru. Un situ veramente responsive comprende chì a ghjerarchia di u cuntenutu deve cambià di sicondu a diversità di situazione è deve esse intelligente nantu à quale elle indicà quandu.
I megliu in i tecnichi di designe CSS, inclusi CSS Grid Layout, Flexbox, è più, permettenu i web designaturi è i sviluppatori più altisiani quandu si tratta di intelligenza chì stanu dispunendu u cuntenutu, invece di straccare da l'ordine cusì di e siti di cuntenutu in u codice HTML. Avè utilisazione di sti tecnulugia di disignu novu sarà ancu più impurtante cum'è u paisaghju di u discu, è i bisogni di l'utilizatori di u situ, cuntinua à evoluzione.
3. Esperienze chì pò piglià à l'attitudini di forza di un dispositivu è di debili
Staying on the topic of device - ogni apparecchiu chì qualchissia pò esse usata per visità u vostru situ hà e fortesi è di punti debbiti chì sò intruti in quella plataforma. Un situ chì rispost geniu entende a capacità è a limitazione di i so prudutti è l'usa per creà experienti apposta per esse più adattati à qualsiasi mezzu chì un visitante pò esse adupratu in questu momentu.
Per esempiu, un telèfonu telefunu includanu parechje funziunalità chì ùn avete micca truvatu in un computer di scrittura tradiziunale. U GPS hè un esempiu di una funzione centru mubilevule (sì, pudete piglià l'infurmazione ghjinirali in l'esame, ma u GPS di l'apparitu hè assai più precisa). U vostru situ pudete usate l'infurmazioni GPS per intitulà à una persona infurmazione detallista è specifica di l'infurmazioni scapularu o offerte speciale nantu à quì induve sò in quellu momentu.
Un altru esempiu di stu principale in pràtica era un situ chì capisce chì tipu di veduta di a pantera utilizate è manca l'imaginari chi sò megliu adattati à quella visualizazioni. Se tenete una schiera cù una densità di píxel, pudete decide di mandà arcuni qualità à a sta schermu. Ssi stessi ritmi ùn anu inesprizzate annantu à una pantera menu capaci, in casu, è a qualità extra seria perdutata mentri u mulu di file extra seria micca scaricatu per nisuna ragione propriu.
I siti chì sò assai sensibilizà anu l'utilizatori di l'usu tutale è u travagliu à sfurmà l'sperimentazione basatu solu micca un tipu o un tupolu di u so screnu, ma ancu altri aspetti mpurtanti di u hardware.
4. Contenutu Con Contexte
In prima, u web design rispondevule ricevutu u nome da l'idea di l'articulu di u situ di rispondenu à diverse grandi di schermu, ma pudete respondre à più più cà solu tamantu screen size. Cumentu nantu à l'esempiu previu di utilizà i punti di forza è di punti debbitori, puderete utilizà quelli, è ancu altri dati, cum'è a data è l'ora, di veramente personalizà una experience di web.
Imagine un situ web per un grandi feste di cummerciale. Mentre chì un situ web chì rispondi hè cambiatu u mudellu di e pagine di u situ per scala cù pantugni diffirenti, pudete dinò aduprà a data per determinar quandu u sensu hè più impurtante per vede. Se hè u periodu di tempu prima di l'eventu, puderebbe vulemu publicheghja l'infurmazione di registrazione. In casu, però, l'avvenimentu in attu passatu à quellu momentu, u registru ùn hè micca u cuntenutu più impurtante. Invece, pudete dettu l'aghjurnate di u ghjornu di l'avvenimenti hè più criticu postu chì hè più pertinente à e so bundanza immediata di l'usu.
Piglià e cose da un passu più, puderete chjamà in un gps di l'apparecchiu per stabilisce induve eranu in attu à a fede. Pudete furnisce u cuntenutu interattivu nantu à a so locu, mostrendu questi vicinu o sughjorni per avè principiatu.
5. Accesibilidad
L'ultimu esempiu avemu a circari d'una manera chì un situ pò veramente responde à i bisognu di u visitante hè di pensà à l' accessibilità di u web . I siti web deve esse capaci di utilizà da tanti persone ch'ella hè pussibule, ancu quelli chì sò incapacità. U vostru situ web deve esse pudè esse utilizatu da quellu chì deve bisognu di un lettore di scrivania o di un altru serviziu assistitu per accede à u so cuntenutu. In questu modu, u vostru situ viaghja davanti à e so bisogni, perchè avete assicuratu chì l'esperienza, mentre chì sfarenti per visitori disabilitatu, hè sempri adatta.
Per risponda à quantu numeri di dati quantu pussibuli, è micca solu di screnu di screnu, un situ pianu pò esse più più cà solu "amiche simpaticu". Puderia diventà una sperienza veramente sensitiva in ogni sensu di a frasa.