Dizajn i përgjegjshëm i uebit

Dizajni i përgjegjshëm i uebit ( RWD ) ose dizajni i përgjegjshëm është një qasje ndaj dizajnit të uebit që synon të bëjë që faqet e internetit të paraqiten mirë në një sërë pajisjesh dhe madhësive të dritareve ose ekraneve nga madhësia minimale në maksimum të ekranit për të siguruar përdorshmëri dhe kënaqësi.  

Një dizajn i përgjegjshëm përshtat paraqitjen e faqes së internetit me mjedisin e shikimit  duke përdorur teknika të tilla si rrjete të bazuara në proporcion të lëngjeve,   imazhe fleksibël,   dhe pyetje mediatike CSS3,    një zgjerim i rregullit @media,  në mënyrat e mëposhtme:

 Koncepti i rrjetit fluid kërkon që madhësia e elementit të faqes të jetë në njësi relative si përqindje, në vend të njësive absolute si pikselë ose pika . 
 Imazhet fleksibël janë gjithashtu të madhësisë në njësi relative, në mënyrë që të parandalohen që ato të shfaqen jashtë elementit të tyre që përmban . 
 Kërkesat e medias lejojnë që faqja të përdorë rregulla të ndryshme të stilit CSS bazuar në karakteristikat e pajisjes në të cilën shfaqet faqja, p.sh. gjerësia e sipërfaqes së interpretimit (gjerësia e dritares së shfletuesit ose madhësia fizike e ekranit).
 Strukturat e përgjegjshme përshtaten automatikisht dhe përshtaten me çdo madhësi të ekranit të pajisjes, pavarësisht nëse është një desktop, një laptop, një tabletë ose një telefon celular.

Dizajni i përgjegjshëm i uebit u bë më i rëndësishëm pasi përdoruesit e pajisjeve celulare u llogaritën për shumicën e vizitorëve të faqes në internet.   Në vitin 2015, për shembull, Google njoftoi Mobilegeddon dhe filloi të rrisë renditjen e faqeve të faqeve miqësore me celular kur kërkon nga një pajisje celulare. 

 Sfidat dhe qasjet e tjera 
Luke Wroblewski ka përmbledhur disa nga sfidat e dizajnit RWD dhe celular dhe ka krijuar një katalog të modeleve të paraqitjes me shumë pajisje.    Ai sugjeroi që, krahasuar me një qasje të thjeshtë HWD, përvoja e pajisjes ose qasjet RESS (dizajni i përgjegjshëm i uebit me komponentë nga ana e serverit) mund të ofrojnë një përvojë përdoruesi që është e optimizuar më mirë për pajisjet mobile.    Zbatimi i gjeneratorit CSS nga ana e serverit të gjuhëve të stileve si Sass mund të jetë pjesë e një qasjeje të tillë. Google ka rekomanduar dizajn të përgjegjshëm për faqet e internetit të smartfonëve mbi qasjet e tjera. 

Edhe pse shumë botues kanë zbatuar dizajne të përgjegjshme, një sfidë për adoptimin e RWD ishte se disa reklama banerash dhe video nuk ishin të rrjedhshme.  Megjithatë, reklamimi i kërkimit dhe reklamimi i ekranit (banner) erdhën për të mbështetur shënjestrimin e platformës specifike të pajisjes dhe formate të ndryshme të madhësisë së reklamave për desktop, smartphone dhe pajisje bazë celulare. URL të ndryshme të faqeve të uljes janë përdorur për platforma të ndryshme, ose Ajax është përdorur për të shfaqur variante të ndryshme reklamash në një faqe.   JavaScript and Responsive Web Design Google Developers Tabelat CSS lejuan paraqitje hibride fikse dhe fluide. 

Ka pasur shumë mënyra për të vërtetuar dhe testuar dizajnet RWD,  duke filluar nga verifikuesit e faqeve celulare dhe emuluesit celularë deri te mjetet e testimit të njëkohshëm si Adobe Edge Inspect .  Shfletuesit dhe veglat e zhvilluesve Chrome, Firefox dhe Safari kanë ofruar mjete të përgjegjshme të ndryshimit të madhësisë së pamjes së pamjes së dizajnit, siç bëjnë palët e treta.  

 Historia 
Specifikimi i W3C i HTML+ deklaroi se faqet e internetit duhet të jepen sipas preferencave të përdoruesit.  Sidoqoftë, personalizimi i paraqitjes së faqes së internetit mungonte. Shumë zhvillues të uebit iu drejtuan tabelave të zakonshme HTML si një mënyrë për të personalizuar paraqitjen dhe për të sjellë një reagim bazë në faqet e tyre të internetit në të njëjtën kohë.

Faqja e parë e madhe që shfaqi një plan urbanistik që përshtatet në një mënyrë jo të parëndësishme me gjerësinë e pamjes së shfletuesit ishte Audi .com i lançuar në fund të vitit 2001, Kalbach, Jim (July 22, 2012). "The First Responsive Design Website: Audi (circa 2002)."  i krijuar nga një ekip në razorfish i përbërë nga Jürgen Spangl dhe Jim Kalbach (arkitektura e informacionit), Ken Olling (dizajn) dhe Jan Hoffmann (zhvillimi i ndërfaqes). Aftësitë e kufizuara të shfletuesit nënkuptonin që për Internet Explorer, faqosja mund të përshtatej në mënyrë dinamike në shfletues, ndërsa, për Netscape, faqja duhej të ringarkohej nga serveri kur ndryshonte madhësinë.

Cameron Adams krijoi një demonstrim në 2004.  Deri në vitin 2008, një numër termash të ndërlidhur si "fleksibël", "likuid",  "lëng" dhe "elastik" po përdoreshin për të përshkruar paraqitjet. Kërkesat e medias CSS3 ishin pothuajse gati për kohën kryesore në fund të 2008/fillim të 2009.  Ethan Marcotte shpiku termin dizajn të përgjegjshëm të uebit  - dhe e përcaktoi atë në kuptimin e rrjetës së lëngshme / imazheve fleksibël / pyetjeve të medias - në një artikull të majit 2010 në A List Apart .  Ai përshkroi teorinë dhe praktikën e dizajnit të përgjegjshëm të uebit në librin e tij të shkurtër të vitit 2011 të titulluar Dizajni i përgjegjshëm i uebit . Dizajni i përgjegjshëm u rendit si #2 në Tendencat kryesore të Dizajnit të Uebit për 2012 nga revista .net pas përmirësimit progresiv në #1. 

Mashable e quajti 2013-ën Vitin e Dizajnit të Përgjegjshëm të Uebit. 

 Konceptet e ndërlidhura 
Dizajni i parë në celular dhe përmirësimi progresiv janë koncepte të lidhura që i paraprijnë RWD.  Shfletuesit e telefonave celularë bazë nuk e kuptojnë JavaScript-in ose pyetjet e medias, kështu që një praktikë e rekomanduar ishte krijimi i një faqe interneti bazë dhe përmirësimi i tij për telefonat inteligjentë dhe kompjuterët personalë, në vend që të mbështeteshin në degradimin e këndshëm për të bërë një sajt kompleks dhe me imazhe të rënda të funksionojë. Telefonat celular.    

 Referime