" Webgune sentikorrena " al duzu? Bisitarien gailuan eta pantailaren tamainaren arabera aldatzen den diseinua duen gune bat da . Web diseinu sentikorrena gaur egun industria-praktika onenetarikoa da. Google-k gomendatzen du eta milioika webgune aurkitu ditu. Hala eta guztiz ere, desberdintasun handia dago web orri bat izatea, "tamainako" pantailako tamaina desberdinetan edukitzea eta benetako erantzuna izatea.
Normalean, enpresek euren webgunea birmoldatzen dutela ikusi eta prentsa-ohar bat bidaltzen dute beren mugikorreko diseinu berriaren bertuteak ezabatzeko. Gune horiek bisitatzen dudanean, sarritan aurkitzen dudan eskuliburua da pantailetan desberdinak diren eskala eta aldaketak aldatzea, baina hori erantzuteko ideia hartzen duten neurrian da. Hau ez da nahikoa. Webgune benetan sentikorra pantailan txikiagoa edo handiago batetara doitzeko eskala baino gehiago da. Gune hauetan, honako ezaugarri garrantzitsuak ere aurkituko dituzu.
1. Performance optimizatua
Inor ez da gustuko webgune bat kargatzeko itxarotea, eta norbait gailu mugikor bat baino gutxiagokoa den konexioarekin erabiltzean datza, azkarregi kargatzeko beharra are garrantzitsuagoa da.
Beraz, nola optimizatzen duzu zure gunearen errendimendua? Berriro diseinatzen ari zaren gune berri batekin hasten bazara, proiektuaren zati gisa errendimendu aurrekontua sortzeko puntu bat jarri beharko zenuke. Lehendik dagoen gune batekin lan egiten baduzu eta ez dira hutsetik hasita, lehen pausoa zure gunearen errendimendua probatzea da gaur egun non dagoen ikusteko.
Behin zure webgunea errendimendua nabarmentzen den lekuan dagoenean, hobekuntzak egiteko, deskarga-abiadura handitzeko has gaitezke. Irteerako leku ezin hobea da seguruenik webgunearen irudiekin. Irudi handiegiak # 1ko arduradunak dira kargatzeko guneak geldiarazteko orduan, beraz , web-entregako irudiak optimizatzeko , zure webgunea errendimenduaren ikuspegitik lagunduko duzu.
Webguneen hobekuntza eta abiadura bizkorreko abiadura hobetzeko benetako errealitatea bisitari guztien eskutik onuragarria izango da. Azken finean, inork ez du inoiz salatu kargatutako "azkarregi" baten gune bat, baina gune batek luzeegia kargatzen baldin badu, erabat aldatu egingo du bere pantailan edo ez erantzuten.
2. Smart Content hierarkia
Webgune bat pantailan bistaratzen denean, edukia modu ugarirean jar dezakezu, funtsezko pantaila higiezinen erabilgarriak direlako. Sarritan sar daitezke mezu eta irudi garrantzitsuak, albisteen eguneratzeak, gertaeren informazioa eta nabigazio gunea aldi berean. Horrek aukera ematen dio bisitariari orrialde osoaren edukia erraz eta azkar eskaneatu eta haiei zer garrantzitsua den erabakitzea.
Egoera hau nahiko dramatikoki aldatzen da gune diseinuan hartzen duzunean eta eraldatu pantaila txikiko gailuetarako, telefono mugikor bat bezala. Bat-batean, aurretik zeukan pantaila higiezinen zati batekin lanean ari zara. Horrek esan nahi du lehenik zer gunetan agertuko den, zein izango den, etab. Horren ordez, ikusten den guztia aldi berean ikusiko duzu, gauza bat edo bi (bat horietako bat litekeena da). Horrek esan nahi du hierarkia erabakiak egin behar direla. Zoritxarrez, zer maiztasunek lehenik pantailan agertzen den zehazten du, eta bigarrena, etab. Orrialde bera kodetuta dago. Errazena da gune sentikor bat eraikitzean pantailan lehenengo kodea dagoen edozein izanik, kodean bigarren elementua eta abar. Zoritxarrez, gailu batean garrantzitsuena izatea agian ez da beste bat bezain kritikoa izango. Benetan erantzunezko gune batek ulertzen du edukien hierarkia aldatu egin behar dela egoera desberdinen arabera eta non erakusten duenari buruz zer den.
CSS formatuan diseinatutako tekniken hobekuntzak, CSS Grid Layout, Flexbox eta gehiago barne, aukera ematen die web diseinatzaile eta garatzaileei aukera gehiago modu inteligentean edukiak estaltzeko, HTML kodean edukien eremuko ordena zehatza izateaz gain. Diseinu tekniko berri horiek aprobetxatuz gero, gailuaren paisaia eta gure webgunearen erabiltzaileen beharrak areagotu egingo dira.
3. Gailuaren indarguneak eta ahuleziak kontutan hartzen dituzten esperientziak
Gailuen gaiari eusteko - zure gunea bisitatzeko erabil daitekeen gailu bakoitzak plataforma horri lotutako indarguneak eta ahulguneak ditu. Erantzungailuaren gunea gailu desberdinen gaitasunak eta mugak ulertzen ditu eta une horretan erabiltzen duen edozein gailu erabiltzera hobekien egokitzen diren esperientzia pertsonalizatuak sortzeko erabiltzen du.
Adibidez, telefono mugikorrak mahaigaineko ordenagailu tradizionalean ez lukeen ezaugarri asko biltzen ditu. GPSa gailu mugikorreko zentralaren adibide bat da (bai, mahaigainen kokapenari buruzko informazio orokorra ere lor daiteke, baina GPS gailua askoz zehatzagoa da). Zure webgunean GPS informazioa erabil dezakezue modu oso zehatz eta zehatza duen norabideko informazio zehatz bat edo eskaintza bereziak zehatz-mehatz zein diren jakiteko.
Praktikan dagoen beste adibide bat praktikan erabiliko den pantailaren bistaratzea zein erakusteko modurik egokienak diren irudiak bidaltzen dituen gunea izango litzateke. Pixelak dentsitate handiko pantailako pantaila baduzu, pantailako irudi kalitate handiagoa bidaltzeko aukera izango duzu. Irudi berdin horiek ez dira gutxiago pantailako gairik izango, ordea, eta aparteko kalitatea galduko litzateke fitxategiaren tamaina gehigarria deskargatuko ez balitz arrazoirik ez dagoen bitartean.
Benetan handiak diren guneak sentikorrak kontuan hartu erabiltzaile esperientzia osoa eta esperientzia hori oinarritutako esperientzia pertsonalizatu ez bakarrik gailu mota bat edo bere pantailaren tamaina, baina beste hardware alderdi garrantzitsuak baita.
4. Edukia testuinguruan
Hasieran, diseinu sentikorreko diseinua bere izena jaso zuen, diseinuaren ideia pantailaren tamaina desberdinei erantzuten baitzioten, baina pantailako tamaina baino askoz gehiago erantzun dezakezu. Aurreko gailuaren indarguneak eta ahulguneak erabiliz aurreko adibidean oinarrituta, horiek eta data eta ordua bezalako beste datu batzuk erabil ditzakezu webgune esperientzia pertsonalizatzeko.
Imajinatu merkataritza ikuskizunetarako ekitaldi handi baten webgunea. Webgune sentikorrek guneko orrien diseinua aldatuko duen pantaila desberdinekin eskalatuko den bitartean, data ere erabil dezakezu zer eduki garrantzitsuena den ikusteko. Ekitaldiaren aurreko denboraldia bada, baliteke erregistratze informazioa bistaratzea. Hala ere, gertaera une horretan gertatzen ari bada, erregistroa ez da eduki garrantzitsuena. Horren ordez, gertakarien egutegia erabakitzea ahalbidetzen du, kritikoa baita, erabiltzaileak berehalako beharretara egokituta.
Urrats bat gehiago hartuta, telefonoaren gailu batean sakatu dezakezu merkataritza showan dagoen lekuan. Kokapenean oinarritutako eduki interaktiboak eman ditzakezu, hurbileko kabinak edo saioak hasten direnean.
5. Irisgarritasuna
Azken adibidea ikusiko dugu gune batek bisitariaren beharrei erantzun diezaiekeen webguneen erabilerraztasunari buruz pentsatzea. Webguneek ahalik eta pertsona gehienek erabili ahal izan behar dute, baita minusbaliotasuna dutenek ere. Zure webgunea pantailako irakurle bat edo beste laguntza-softwarea behar duen norbait erabiltzeko gai izan behar du bere edukietara sartzeko. Horrela, zure gunea zure beharretara erantzunez ziurtatu duzu esperientzia, desgaituta dauden pertsonentzako ezberdina den bitartean, egokia den arren.
Datu-puntu ahalik eta gehien erantzunez, eta ez bakarrik pantailaren tamainan, webgune batek "mugikorrak errespetatzen" baino askoz gehiago izan dezake. Esaldiaren zentzu guztietan esperientzia benetan sentikorra izan daiteke.