Krahasimi i dy qasjeve të ndryshme në Dizajnimin e Uebit me shumë pajisje
Dizajni i përgjegjshëm dhe adaptiv i uebit janë të dyja metodat për krijimin e faqeve miqësore me shumë pajisje që punojnë mirë në një sërë madhësish të ekranit. Ndërsa dizajni i përgjegjshëm i webit rekomandohet nga Google dhe është më i popullarizuar nga të dy qasjet, të dyja këto metoda për dizajnimin e shumë pajisjeve janë të forta dhe dobësitë e tyre.
Le të hedhim një vështrim në dallimet në mes të dizajnit web të përgjegjshëm dhe adaptiv, duke u përqendruar veçanërisht në këto fusha kyçe:
- Lehtësia e zhvillimit
- Niveli i kontrollit që keni mbi dizajnin
- Gjerësia e pajisjes / mbështetjes së ekranit
- Sa e ardhshme është zgjidhje miqësore
- Shpejtësia e përgjithshme e shkarkimit dhe performanca e faqes
Disa përkufizime
Para se të arrijmë në krahasimet tona krahasuese të web designit të përgjegjshëm dhe adaptiv, le të marrim një moment për të parë një përkufizim të nivelit të lartë të këtyre dy qasjeve.
Faqet e internetit të përgjegjshme kanë një paraqitje fluide që ndryshon dhe përshtatet pavarësisht nga madhësia e ekranit që përdoret. Pyetjet e medias u lejojnë vendeve të përgjegjshme të ndryshojnë edhe "në lëvizje" nëse shfletuesi është ridimensionuar.
Dizajni përshtatës përdor madhësi fikse në bazë të pikave të përcaktuara paraprake për të dhënë versionin më të përshtatshëm të paraqitjes për madhësinë e ekranit që zbulohet kur ngarkesa e parë e faqes.
Me këto përkufizime të gjera në vend, le të kthehemi në fushat kryesore të fokusit tonë.
Lehtësia e zhvillimit
Dallimi më i rëndësishëm në mes të dizajnit të përgjegjshëm dhe adaptiv të uebit është në mënyrë që këto zgjidhje të zbatohen në një faqe interneti. Për shkak se dizajni i përgjegjshëm krijon një paraqitje tërësisht fluide, ai përdoret më së miri në projektet ku po ridizajnoni faqen nga toka . Tentimi për të rimodeluar një kod të një faqeje ekzistuese për t'u bërë i përgjegjshëm është shpesh një çështje e rraskapitshme, sepse thjesht nuk keni nivelin e kontrollit që do të kishit nëse do të zhvillonit atë kod nga e para dhe do të merrnin parasysh projektin e përgjegjshëm për fazat më të hershme të atij procesi . Kjo do të thotë që kur të përshtatni një faqe për t'u përgjigjur, jeni i detyruar të bëni kompromise për të qëndruar brenda atij baze ekzistuese.
Nëse jeni duke punuar me një faqe ekzistuese me gjerësi fikse, një qasje adaptive do të thotë që ju mund të lini madhësinë që faqja është projektuar për të paprekur dhe shtoni në pikëpamjet shtesë adaptive sipas nevojës. Në disa raste, në qoftë se buxheti i një projekti është i vogël dhe nëse do të strehojë vetëm një sasi të vogël të punës zhvillimore, mund të vendosni të shtoni vetëm pika të reja adaptive për madhësi më të vogla të ekranit / celularëve. Kjo do të thotë që ju do të lejonit që ekranet më të mëdhenj të përdorin të njëjtin plan urbanistik - ndoshta një version 960 breakpoint, i cili ishte për atë që faqja ishte projektuar fillimisht për të.
Përmbushja e një qasjeje adaptive është se ju mund të përdorni më mirë një kod ekzistues, por një nga dobësitë është se po krijoni modele të ndryshme të paraqitjes për secilën pikëpamje që zgjidhni për të mbështetur. Kjo do të ndikojë në ngarkesën e punës që kërkohet për të zhvilluar dhe ruajtur këtë zgjidhje në afat të gjatë.
Kontrolli i Dizajnit
Një nga pikat e forta të faqeve të përgjegjshme është se rrjedhshmëria e tyre i lejon ata të përshtaten dhe të mbështesin të gjitha madhësitë e ekranit në krahasim me vetëm pikat e përcaktuara të përcaktuara në një qasje adaptive. Megjithatë, realiteti është se faqet e përgjegjshme mund të duken të mira në madhësi të caktuara të ekranit (zakonisht madhësi që korrespondojnë me pajisjet popullore të disponueshme në treg), por dizajni vizual shpesh përhapet midis atyre rezolutave popullore.
Për shembull, një vend mund të duket i mrekullueshëm në paraqitjen e ekranit të gjerë të 1400 pikselëve, madhësia e ekranit në mes të 960 pikselëve dhe pamja e vogël e ekranit në 480 piksele, por çfarë ndodh me shtetet në mes të këtyre madhësive? Si një projektues, ju keni pak ose aspak kontroll mbi këto mes madhësive dhe pamja vizuale e faqes në ato madhësi është shpesh më pak se ideale.
Me një faqe interneti adaptive, ju keni shumë më tepër kontroll mbi dizajnin e faqeve të ndryshme që përdoren sepse ato janë madhësi të përcaktuara në bazë të pikave të përcaktuara të krijuara. Ato shtrembërime mes shteteve nuk janë më problem, sepse ju keni krijuar me kujdes çdo "pamje" (që do të thotë shfaqja e secilës pikëpamje) që do t'u dorëzohet vizitorëve.
Sa tërheqëse sa mund të tingëllojë ky nivel i kontrollit të dizajnit, duhet të jeni të vetëdijshëm se ai vjen me një çmim. Po, ju keni kontroll të plotë mbi pamjen e çdo pikëpamjeje, por kjo do të thotë që ju duhet të investoni kohën e projektimit të kërkuar për të dizajnuar për secilën prej këtyre pamjeve unike. Sa më shumë pikëpamje që zgjidhni për të dizajnuar, aq më shumë kohë do t'ju duhet të shpenzoni në këtë proces.
Gjerësia e Mbështetjes
Të dy dizajnit të përgjegjshëm dhe përshtatës gëzojnë përkrahje mjaft të fuqishme, veçanërisht në shfletuesit modernë.
Faqet e internetit përshtatëse kërkojnë ose komponentët e serverit anësor ose Javascript për zbulimin e madhësisë së ekranit. Natyrisht, nëse një vend adaptiv kërkon Javascript, kjo do të thotë që një shfletues duhet ta ketë të aktivizuar në mënyrë që ajo faqe të funksionojë siç duhet. Kjo nuk mund të jetë një shqetësim i madh për ju, pasi shumica e njerëzve do të kenë Javascript në shfletuesit e tyre, por çdo herë që një vend ka një varësi kritike për çdo gjë, duhet të theksohet.
Faqet e internetit të përgjegjshme dhe pyetjet e medias që i bëjnë ato do të punojnë mirë në të gjithë shfletuesit modernë. Problemet e vetme që do të keni janë me versionet më të vjetra të Internet Explorer që nga versionet 8 dhe më poshtë nuk i mbështesin pyetjet e medias . Për të punuar rreth kësaj , përdoret shpesh një polyfill Javascript , që do të thotë se ekziston një varësi edhe nga Javascript këtu, të paktën për ato versione të vjetëruara të IE. Përsëri, kjo nuk mund të jetë shumë shqetësuese për ju, veçanërisht nëse analizat e sitit tuaj tregojnë se nuk merrni shumë vizitorë duke përdorur ato versione të vjetra të shfletuesit.
Miqësia e ardhshme
Natyra fluide e faqeve të përgjegjshme u jep atyre një avantazh mbi vendet adaptuese kur bëhet fjalë për mirëdashjen e ardhshme. Kjo është për shkak se ato vende të përgjegjshme nuk janë ndërtuar për të akomoduar vetëm një set të përcaktuar paraprakisht të pikave të thyera. Ato përshtaten për të përshtatur të gjitha ekranet , duke përfshirë ato që aktualisht nuk mund të jenë në treg. Kjo do të thotë që faqet e përgjegjshme nuk do të duhet të "fiksohen" nëse një rezolucion i ri i ekranit befas bëhet popullor.
Duke parë shumëllojshmërinë e pabesueshme në peizazhin e pajisjes (që nga gushti i vitit 2015, në treg kishte mbi 24,000 pajisje të dallueshme Android), duke pasur një vend që bën më të mirën për të akomoduar këtë gamë të gjerë ekranesh, është shumë e rëndësishme për mirëdashjen e ardhshme. Kjo është për shkak se ky peizazh nuk ka gjasa të ketë ndonjë ndryshim më të vogël në të ardhmen, që do të thotë se projektimi për ekranet ose madhësitë specifike do të bëhet e pamundur, nëse nuk e kemi arritur tashmë atë realitet.
Në anën tjetër të këtij skenari të krahasimit, nëse një vend është përshtatës dhe nuk i përshtatet rezolutave të reja që mund të bëhen të rëndësishme në treg, atëherë atëherë mund të detyroheni të shtoni atë pikëpamje në faqet që keni krijuar. Kjo shton kohën e projektimit dhe zhvillimit në projekte dhe kjo do të thotë që ato vende adaptuese duhet të monitorohen në mënyrë të vazhdueshme për të siguruar që në treg nuk ka hyrje të reja që duhet të shtohen në vend. Përsëri, me që diversiteti i pajisjes është ajo që është, duhet të kontrollosh vazhdimisht për madhësi të reja dhe të mundësh ti strehosh ato me pika të reja riparimi është një sfidë e vazhdueshme që do të ndikonte në punën që duhet të përkrahësh një vend dhe koston e atij mirëmbajtja për kompania ose organizata për të cilën është vendi.
Performance
Dizajni i përgjegjshëm i uebit ka kohë që është akuzuar (padrejtësisht kështu që në shumë raste) se është një zgjidhje e dobët nga një shpejtësi shkarkimi / pikëpamja e performancës. Kjo është kryesisht për shkak të faktit se në ditët e para të kësaj qasjeje, shumë dizajnerë të uebit thjesht kapeshin me pyetje të vogla të medias së ekranit në CSS ekzistuese të faqes. Kjo bëri që imazhet dhe burimet e destinuara për ekranet më të mëdha të dorëzohen në të gjitha pajisjet, edhe nëse këto ekranet më të vegjël nuk i përdorën ato në skemat e tyre përfundimtare. Dizajni i përgjegjshëm ka bërë një rrugë të gjatë që nga ato ditë dhe realiteti është se faqet me cilësi të përgjegjshme sot nuk vuajnë nga problemet e performancës.
Shpejtësia e shkarkimit të ngadaltë dhe faqet e internetit të fryrë nuk është problem i përgjegjshëm i internetit - është një problem që mund të gjendet në të gjitha faqet e internetit. Imazhet që janë shumë të rënda, ushqehen nga mediat sociale, shkrimet e tepruara dhe më shumë dhe peshojnë një vend poshtë, por faqet e internetit të përgjegjshme dhe përshtatëse mund të ndërtohen për t'u ngarkuar me shpejtësi. Sigurisht , ato gjithashtu mund të ndërtohen në një mënyrë që nuk e bën përparësinë e performancës, por kjo nuk është një tipar i vetë zgjidhjes, por më tepër një reflektim i ekipit që ishte i përfshirë në zhvillimin e vetë faqes.
Përtej Layout
Një nga aspektet më bindëse të dizajnit të përshtatshëm të uebit është që jo vetëm të keni kontroll mbi hartimin e faqes për pikat e caktuara të grumbullimit, por edhe burimet që ofrohen për ato versione të faqes. Për shembull, kjo do të thotë që imazhet e retinës mund të dërgohen vetëm tek pajisjet e retinës, ndërsa ekranet jo retinë marrin imazhe më të përshtatshme që janë më të vogla në madhësinë e skedarit. Burimet e tjera të faqes (skedarët Javascript, stilet CSS etj.) Mund të dorëzohen me zgjuarsi vetëm kur ato janë të nevojshme dhe do të përdoren.
Ky përdorim i dizajnit të përshtatshëm të uebit shkon përtej ekuacionit të thjeshtë të "nëse po përshtatni një faqe interneti, përshtatshmëria mund të jetë një qasje më e lehtë për t'u përdorur." Të gjitha faqet, duke përfshirë redesigns të plotë, mund të përfitojnë nga një qasje më e mençur për një eksperiencë më të përshtatur.
Ky skenar tregon natyrën e nuancës së këtij debati "të përgjegjshëm kundrejt adaptivit". Ndërsa është e vërtetë se një qasje adaptive mund të jetë më e përshtatshme sesa reaguese për retrofits në vend, ajo gjithashtu mund të jetë një zgjidhje e madhe për redesigns të plotë. Në mënyrë të ngjashme, në disa raste një qasje e përgjegjshme mund të shtohet në kodin ekzistues të kodit, duke i dhënë asaj faqe të gjitha përfitimet e një qasjeje plotësisht të përgjegjshme.
Cila Qasje është më e mirë?
Kur vjen puna te dizajni i përgjegjshëm kundrejt adaptivit, nuk ka "fitues" të qartë, edhe pse përgjigjja është sigurisht qasja më popullore. Në të vërtetë, qasja "më e mirë" varet nga nevojat e një projekti të veçantë. Për më tepër, kjo nuk duhet të jetë një "ose" ose "gjendje". Ekzistojnë shumë profesionistë të internetit të cilët janë duke ndërtuar faqe që kombinojnë dizajnin më të mirë të web design (gjerësi fluide, mbështetje të ardhshme) me pikat e forta të dizajnit adaptiv (kontroll më të mirë të dizajnit, ngarkim i zgjuar i burimeve të faqes).
Zakonisht i njohur si RESS (Dizajni i Përgjegjshëm i Uebit me Komponentët e Përmbajtjes së Shërbimeve), kjo qasje tregon se në të vërtetë nuk ekziston "një madhësi e përshtatshme për të gjitha zgjidhjet". Dizajni i internetit dhe adaptivi i përgjegjshëm kanë pikat e forta dhe sfidat e tyre, kështu që ju duhet të përcaktoni se cila do të punojë më mirë për projektin tuaj të veçantë, ose nëse një zgjidhje hibride mund t'ju përshtatet më së miri.