Vergläicht zwou verschidde Approaches op Multi-Device Webdesign
Responsive a adaptive Webdesign sinn zwee Methoden fir méi multiplikative Webseiten ze kreéieren déi gutt op verschiddene Screengréissten funktionnéieren. Während e Responsabele Webdesign vun Google ass recommandéiert an ass méi populär vun deenen zwee Approche, déi zwou Methoden fir Webdesign vun Multi-Device hunn hir Stäerkten an hir Schwieregkeeten.
Loosst eis e Bléck op d'Differenzen tëscht responsive an adaptiven Webdesign, speziell op déi Schlësselbereedungen konzentréieren:
- Einfachheet vun der Entwécklung
- Den Niveau vun der Kontrolle hues du iwwer den Design
- Breadth vun Apparat / Schirm support
- Wéi zukünfteg Frëndschaft ass d'Léisung
- Allgemeng download Geschwindigkeit a Site
Puer Definitiounen
Ier mer an eis noutwendegen Vergläicher vun reaktionsfäeg a adaptiven Webdesign ukomm sinn, lass eis eng Kéier e Moment op enger Dépensebléck vun dësen zwou Approche kucken.
Responsable Websäiten hunn e flëssege Layout, deen uerdentlech a passéiert ass unzeerkennen wéi se déi benotzt hunn. QSeelerQueraen erlaabt Responséierend Sitten ze changéieren "iwwer de Fly" souguer wann de Browser mat der Gréisst vum Changement geännert gëtt.
Adaptive Design benotzt feste Gréisst op Basis vu ville festgeluegten Haltepunkten, fir déi am beschten Layoutversioun fir d'Équipestëmmung ze liesen déi fonnt gëtt, wann d'Säit éischt lues laacht.
Mat deene breede Definitioune plazéiere loosst eis an eis Schlësselbereete fokusséieren.
Einfachheet vun der Entwécklung
De gréissten Ënnerscheed tëscht Responsabele an adaptiven Webdesign ass esou datt dës Léisungen op eng Websäit ginn. Well vun enger respektiver Motivatioun e komplett fluid Layout erstallt gëtt, ass et am beschten op Projete wou Dir de Site vum Terrain eräuscht . Wann Dir probéiert eng existéierend Websäit ze réaktivéieren, fir reagéiert ze ginn ass oft eng grellend Affär, well Dir einfach net den Niveau vun der Kontrolle hues, déi Dir hätt misse sinn wann Dir dës Code vu virdrun entwéckelt hunn a berouegend Design ze berücksichtegen fir déi fréierst Phasë vum Prozess . Dëst bedeit datt Dir, wann Dir en Site reagéiert, reagéiert, Dir musst Kompromëss maachen fir an der existéierter Codebasis ze bleiwen.
Wann Dir mat enger existéierter Festnetz Websäit schafft, kann een adaptive Approche bedeit datt Dir d'Gréisst verloosse kann datt de Site fir intakt entwéckelt an doduerch zousätzlech adaptéiert Breakpoints wéi néideg ass. An e puer Fäll, wann e Budget klickt, gëtt et kleng, a wann et nëmmen e kleng Betrag vun Entwécklungsaarbechten maacht, kënnt Dir nëmmen nei adaptive Breakpoints fir kleng ageriicht / mobiler Zentren ergänzen. Dëst bedeit datt Dir méi grouss Bildschirmer huet fir all d'selwescht Layout ze benotzen - vläicht eng 960 Halleffinversioun, wat war de Site déi wahrscheinlech originell entwéckelt huet.
Den Upapp à adaptive Approche ass datt Dir e Code besteet aus engem bestehenden Site besser kënne leeschten, awer eent vun den Downsides ass datt Dir verschidde Layout Templates fir all Breakpoint kënnt Dir maacht. Dëst wäert en Impakt op d'Aarbechtlack fir d'Entwécklung an d'Erhaalung vun dëser Léisung op laangfristeg.
Design Control
Ee vun de Stäerkt vun reaktionnelle Websäite ass datt hir Flëssegkeete erméiglecht datt se all Étendronggruppen adaptéieren an ze ënnerstëtzen, am Géigesaz zu nëmmen de Pre-Set Breakpoints, déi an engem adaptiven Approche festgeluecht ginn. D'Realitéit ass awer datt déi reaktionsplattformen gutt kucken bei gewësse Schlësselgréissten (typesch Gréissten déi mat de populäre Apparater um Maart sinn), awer de visuelle Design bréngt oft tëscht dëse populäre Resolutiounen.
Zum Beispill kann e Site gutt kucken am Breet-Layout vun 1400 Pixelen, dem Mëttelbild vun 960 Pixelen, an dem klengen Écran op 480 Pixelen kucke, awer wat iwwer d'Zuelen tëschent dëse Gréissten? Als Designer wousst net genuch Kontrollen iwwer dës Zuelen tëscht de Gréisse an de visuelle Bléck vun der Säit an dëse Gréissten ass oft manner wéi ideal.
Mat enger adaptiver Websäit hutt Dir vill Konstruktiounskontroll iwwert déi verschidde Layout'en benotzt, well se fixe Gréissten baséieren op Basis vun Ärem etabléierten Breakpoints. Déi oniwweleg Zorte vu Staaten sinn net e Problem méi, well Dir suergfälteg entworf hutt "kucke" (wat all Halo Point Display) ass fir d'Gäscht geliwwert.
Et ass attraktiv wéi dëst Niveau vun der Gestioun vum Design kann zolidd sinn, musst Dir wëssen datt et e Präis gëtt. Jo, Dir hutt voll Kontroll iwwer de Look vun all Breakpoint, awer dat heescht datt Dir d'Designzäit investéiere muss, déi fir all eenzelne Layouten konzipéiert ass. Déi méi bremste Bremsen, déi Dir gewielt hutt fir ze designen, wat méi Zäit Dir braucht fir op dee Prozess ze verbréngen.
Breadth of Support
Béid reagéiert an adaptiv Webdesign genéissen sech ganz robust ënnerstëtzen, besonnesch an modernen Browser.
Adaptive Websäiten erfuerderen entweder Serverkomponenten oder Javascript fir Detectiounscreens. Selbstverständlech, wann e adaptiven Site Javascript braucht, heescht et datt ee Browser et muss aktivéieren fir datt de Site wierklech korrekt funktionnéiert. Dat kéint net e grousse Besuergt sinn fir Iech, well déi meescht Leit Javascript an hirem Browser hunn, awer all Kéier wann e Site eng kritesch Abhängigkeit vu alles ass, sollt et feststellen.
Responsable Websäiten an de Medien Ufroen, déi hir Muecht gutt an all modernen Browser benotzen. Déi eenzeg Problemer, déi Dir hutt, sinn mat den eelste Versioune vun Internet Explorer zënter Versiounen 8 an drënner net media queries . Fir dëst ze beschäftegen ass e Javascript-Polyvall oft benotzt ginn , dat heescht datt et eng Javascript-Abhängigkeit hei ass, op d'mannst fir déi alte Versioun vu IE. Elo ass et net vill Bedenken fir Iech, besonnesch wann Är Site Analytiken weisen datt Dir vill Gäscht net mat dëse äeren Browser-Versionen kréien.
Future Friendliness
D'Flëssegkeet vun reaktiounsverréckten Websäiten gitt hinnen en Avantage iwwert adaptiven Plazen, wann et ëm d'Zukunft-Frëndschaft kënnt. Dëst ass wéinst de responsablen Site net gebaut fir nëmmen e virdrun etabléiert Set of Breakpoints z'ënnerhalen. Si passen an all Bildschirma passen, dorënner och déi, déi net eventuell am Maart sinn. Dat heescht, datt reaktive Siten net "fixéiert" sinn, wann eng nei Bildschirmauflösung plötzlech populär gëtt.
Gespaant op déi onheemlech Varietéit an der Apparaterlandschaft (wéi vum August 2015, et waren méi wéi 24.000 verschidden Android Apparater am Maart), mat engem Site deen et am beschten ass fir dës breet Palette vun Bildschirmer ze maachen, ass kritesch fir d'Zukunft-Frëndschaft. Dëst ass, well dës Landschaft net wahrscheinlech ëmmer méi divers ass an der Zukunft kritt, wat heescht datt d'Entworf fir spezifesch Bildschirmer oder Gréissten onméiglech wäert sinn, wa mir d'Realitéit net esou erreecht hunn.
Op der anerer Säit vun deem Verhältniss Szenario, wann e Site adaptiv ass an et net nei Resolutiounen adaptéiert ka ginn, déi wichteg am Maart ginn sinn, da kënnt Dir dann dësen Breakpoint op de Site déi Dir gemaach hutt, ze addelen. Dëst entwéckelt Design a Entwécklung Zäit op Projeten an heescht datt déi adaptive Siten konsequent iwwerwaacht ginn, fir datt keng nei Breakpoints op den Maart agefouert ginn, déi op der Säit hinzeweisen mussen. Elo, mat der Apparaturvielfalt ass et wat et ass, fir ëmmer ze kontrolléieren fir nei Gréissten an et méiglech mat neien Breakpoints z'entwéckelen ass eng ongeheier Erausfuerderung, déi en Effekt op d'Aarbecht muss ënnerstëtzen fir eng Websäit ze ënnerstëtzen an d'Käschte vun där Entretemarke fir d'Firma oder Organisatioun fir deenen de Site fir.
Leeschtung
Responsable Webdesign ass laang beschiedegt (ongerecht esou a ville Fäll) eng schlecht Lösung vun enger Download Geschwindigkeit / Performance Standpunkt. Dëst ass gréisstendeels wéinst der Tatsaach, datt an de fréie Deeg vun dëser Approche vill Webdesigner einfach kleng Bildschirm media Queries op en existing CSS Site ukucken hunn. Dëst huet d'Biller an d'Ressourcen gedroe fir eng gréisser Ausgab fir all Apparater ze liwweren, och wann déi kleng Spillschirle se net an hir lescht Layout benotzen. Responsable Design ass eng laang Zäit gekläert, well déi Deeg an d'Realitéit ass déi qualitativ reaktiounsstäit déi haut net vu Performanceproblemer leiden.
Luede Luuchtplattformen a gebotene Websäiten ass net e reaktive Websäit - et ass e Problem deen op all Websäite fonnt gëtt. Biller déi ze héich sinn, Feeds vu sozialen Medien, exzessive Skripte a méi a waarm e Site nidderloossen, awer zwou respektive an adaptive Websäiten kënnen gebaut ginn fir séier ze bastelen. Natierlech kënne si och op eng Manéier konstruéiert ginn, déi d'Performance net eng Prioritéit maachen, awer dat ass net e Grondhandel vun der Léisung selwer, mee eng Reflexioun vun der Équipe, déi an der Entwécklung vum Site selwer beteiligt war.
Beyond Layout
Ee vun de kompetentsten Aspekter vum adaptiven Webdesign ass datt Dir net nëmmen Kontroll iwwer d'Konstruktioun vum Site fir sette Breakpoints, awer och d'Ressourcen déi fir dës Site Versioun geliwwert sinn. Zum Beispill heescht dat, datt Retina-Biller nëmmen op Retina-Geräter geschéckt ginn, während Net-Retina-Bildschirmer méi adäquat Biller , déi méi grouss sinn wéi Dateigrupp. Aner Site Ressourcen (Javascript Dateien, CSS Styles, etc.) kënnen esou héich geliwwert ginn wann se gebraucht ginn an ginn benotzt.
Dës Benotzung vum adaptiven Webdesign ass wäit ewech vun der einfacher Equatioun vu "wann Dir eng Websuréierung eranzt, adaptiv ass e méi einfache Konzept." All Site, inkl. Komplette Redesignéiert, profitéiere vun enger méi clever Approche fir eng méi maacht Erfahrung.
Dëst Szenario weist d'Nuancatioun vun dëser "Reaktioun géint adaptiven" Debatte. Obwuel et richteg ass datt eng adaptiv Approche besser adaptéiert ass wéi d'Reaktioun vum Site Narratioun, kann et och eng grouss Léisung sinn fir voll Neiegkeeten. An e puer Fäll kann een adaptive Approach op eng Code-Base existéieren, déi de Site all Virdeeler vun enger voll respektvoll Approche ass.
Wéi ee Schrëtt ass besser?
Wann et ëm adaptéierend adaptéiert Webdesign geet, ass et keen klengen "Gewinner", obwuel ech respektéieren ass sécher méi populär. An der Wahrheet hänkt d'"bessere" Approche vun de Besoine vun engem spezifesche Projet. Ausserdeem muss et net eng "entweder / oder" Situatioun sinn. Et gi vill Websäiten, déi Gebaier setzen, déi déi bescht vun reaktive Webdesign kombinéieren (Flëssegbreedungen, zukünftegen Ënnerstëtzung) mat de Stärken vum adaptiven Design (bessere Gestiounskontrolle, intelligent Belaaschtung vun de Site Ressourcen).
Allgemeng bekannt als RESS (Responsive Web Design mat Server Side Components), weist dësen Approche datt et wierklech e "One Size passt all Léisung". Déi reaktive Webdesign an adaptiven hunn hir Stäerkten an hir Erausfuerderungen, fir datt Dir misst bestëmmen wat funktionnéiert am beschte fir Äre spezifesche Projet, oder wann eng Hybrid Léisung méiglechst Iech am Beschten kënnt.