Nola estutu zure webgunearen edukia egiaztatzea

Probatu irudiak eta testu-luzerak zure gunea egokiro erreakzionatzen ziurtatzeko

Webguneak diseinatzen eta webgune horien edukia nola bistaratuko dugun azaltzen dugunean, sarritan egiten dugu egoera ideiarekin. Eranskinak eta testu eremuak luzera jakin batzuk izatea iruditzen zaie, testu horrekin batera datozen irudiak diseinu orokorrerako diseinatuta lan egiteko aukera ematen duten dimentsioetan bistaratzeko diseinatuta dauden bitartean. Nahiz eta elementu horiek zertxobait arina izan, web orriaren diseinu sentikor baten parte izanik (zein izango liratekeen), nola malguak izan daitezkeen mugak izango dira.

CMS batean (edukien kudeaketa sistema) web orri bat zabaltzen baduzu eta baimendu bezeroek gunea kudeatu eta denboran zehar eduki berriak gehitzeko, zuk diseinatutako mugak guztiz probatuko dira. Konfiantza zure bezeroek inoiz ez zituztela amesten duten webguneak aldatuko. Zure diseinu-prozesuan lan egin duzun idealetatik kanpo egon ez bazara, webgunearen diseinua arriskuan egon liteke. Hori dela eta, bereziki garrantzitsua da web gunearen edukia eta webgunearen diseinua alderatzea webgunea abiarazi aurretik. Hona hemen aholku batzuk nola egin dezakezun.

Irudi tamainen probak

Zalantzarik gabe, jendeak bere webgunearen diseinua apurtzen duen modu ohikoena imajina neurri txikiak gehitzen ditu (hau da, era berean, gune baten errendimendu orokorra eragiten duten eta deskargen abiadura motelak eragiten duten moduan). Gehienezko irudiak eta txikiak direnak zure webguneko xede bezala lan egiteko aukera ematen du.

CSS erabiltzen baduzu irudi horiek zure diseinuan tamaina behartzeko, eskuzabaltasun handiko irudiak zure gunearen ezaugarri originalekin arazoak sor ditzake. Irudi baten dimentsioak okerrak badira, zure CSSak zabalera eta altuera egokia erakusten duen irudia behartu dezake, baina irudia bera eta haren itxura-erlazioa distortsionatuta egon daitezke. Horrek eragin negatiboa izango du zure gunearen itxura, txikiegia den irudia "pizten" delako eta kalitatea galduko du. CSS-rekin txikiagoa den irudia handiegia den irudia itxura ona da eta kalitatea mantentzen du, baina fitxategiaren tamaina ez da arrazoizkoa izan erabilerarako.

Zure webgunea probatzen duzunean, ziurtatu zure xedeak kanpoan dauden irudietan gehitzea. Gehitu CSSan eta irudi sentikorretarako teknikak erronka horiei erantzuteko, irudiaren tamaina aldatuz edo, itxura erlatibo okerraren kasuan, CSS clip propietatea bezalako zerbait erabiliz irudia moztu behar denean.

Beste multimedia batzuk probatzea

Irudien gain, zure webguneko bideoak ere probatu ditzakezu eta ikusi nola diseinatuko diren elementuek dimentsio ezberdinetako eta alderdiaren balio erlazioak erabiliz. Berriro ere, kontuan hartu zure gunearen izaera sentikorra eta nola funtzionatzen duen gailu eta pantaila tamainen arabera .

Testuaren izenburuak probatzea

Irudien ondoren, webgune ez-profesionalek kudeatutako zuzeneko webguneen arazo gehienak sortzen dituzten webguneak testuaren izenburuak dira. Hauek dira (ustezko) testu-lerro laburrak, orrialde baten edukia edo orrialde horren zati bat hasten ohi dutenak. Testu honen testuak irakurtzen duen paragrafo honen gaineko testua adibide bat da.

Leku bat diseinatu baduzu hau bezalako epigrafo bat egokitzeko:

"Testuaren izenburuak probatzea"

Baina zure bezeroak CMSa erabiltzen du artikulua honelako epigrafearekin bat gehitzeko:

"Testu-izenburuak testuliburuetan probatzen ditu, Tamaina ezberdinetako eskakizunak eta Erabiltzailearen beharrak".

Ondoren, zure diseinua agian ez da testu gehigarri hori guztiz egokitzeko gai. Zure irudiak eta euskarriak probatu behar dituzula gustatzen bazaizu, hasieran diseinatutako neurrietatik kanpo geratzen diren sarrerak gehituz, beraz, testuaren izenburuekin egin beharko zenuke, modu eraginkorrean bistaratzeko, nahiz eta lerro luzeak bezalako lerro luzeak bezalakoak izan. bat gainetik.

Testuaren luzera probatzea

Testuari jarraituz, testu-luzera ezberdinak probatu nahi dituzu orrialde nagusian . Testu hori oso, oso luzea da, eta testua oso, oso laburra da. Izan ere, orrialde asko diseinatzen dituen arazoa izan daiteke.

Webguneak, naturaz, tamainan hazten diren testuaren altuera egokitzeko, normalean altuera eskalatzen duten orrialdeak behar bezain egokiak izango dira. Orriaren altuera murriztu ez baduzu (zure orrialdea malgua izan nahi ez baduzu), testu gehigarria ez da arazo bat izan behar. Testu txikia beste arazo bat da eta diseinatzaile askok ahaztu egiten dute diseinu prozesuan probatzeko.

Testu txikiegia orri baten itxura osatu gabe edo are hautsizkoa izan daiteke, beraz, ziurtatu zure orriaren edukia eskalatzeko, kasu horietan gertatzen dena ikusteko eta zure webguneko CSSren doikuntzak behar bezala kudeatzeko.

Proba orria Zooma

Ikuspegi arazoak dituzten pertsonak Web arakatzailearen Page Zoom funtzioa erabil dezakezu zure webgunearen tamaina handitzeko. Norbaitek zenbateko esanguratsuan zooma baderitzo, zure diseinua hondatu egin liteke. Horregatik, EEMak zure webguneko letra-tamainarentzako neurketen unitate gisa eta zure komunikabideen kontsultak erabili nahi dituzun arrazoietako bat da. EMak neurtzeko unitate erlatiboa (arakatzailearen testuaren tamaina lehenetsian oinarrituta) diseinatu eta diseinatu egiten dira.

Probatu zure webgunea zoomaren orrialdean eta ez ezazu zooma bat edo bi mailatan gelditu. Zooma zure gunea maila desberdinetan gora eta behera zure orrialdeek erreferentzia egiten dutela ziurtatzeko.

Ez ahaztu abiadura eta errendimendua deskargatzea

Bezeroen erabakien diseinuaren inplikazioen arabera probatzen duzunez, ez ahaztu arretaz erabakiak hartzen dituztela gunearen errendimenduan. Bezeroek gehitutako irudiak eta edukiak gune baten deskarga-abiadura oztopatuko lukete, eta gune serioski erabilgarritasuna suntsitzen dute. Osagarri horien eragina planifikatu eta garapen prozesuan parte har ezazu efektu horiek minimizatzeko.

Zure webgunea errendimendu aurrekontuarekin eraikitzen ari bada, partekatu zure bezeroekin informazio hau eta erakutsi web errendimendua neurtzeko metodo bat nola frogatu. Azaldu itzazu orriaren tamaina eta deskargarako abiadurarako atalase hauek ezartzearen garrantzia eta erakutsi nola egin ditzakezun irudiak webgunearen osotasunean eragina izan dezaten. Hartu denbora nola funtzionatzen duen eta ondo begira mantentzeko nola prestatu. Prestakuntza arloan ...

Bezero prestakuntza ezinbestekoa da

Garrantzitsua da zure webgunearen irudiak, testua eta beste orrialdeko elementuak probatzea estresa eta muturreko kasuak kontutan edukiko dituzten estiloak sortzea, baina hori ez da inoiz bezeroaren prestakuntza ordezkatzea. Zure lana gunea baltseatzeaz gain, zure bezeroei modu eraginkorrean zaintzeko eta kudeatzeko trebakuntzako denbora gain izan beharko lukete. Azkenean, erantzukizuna ulertzen duten bezeroek ondo prestatutakoa eta gune batean egiten dituzten erabakien eragina zure gunea mantentzeko eta hobeto biltzeko ahaleginak eskerga izango dira.