Web orrien diseinua bi modu desberdinetan egin daiteke:
- Zabalera-diseinu finkoak: diseinatu dira orri osoaren zabalera, zenbakizko balio jakin batekin.
- Liquid Layouts - Orrialde osoko zabalera malgua da, ikuslearen arakatzailea zabaltzen denaren arabera.
Bi diseinu-metodoak erabiltzeko arrazoi onak daude, baina metodo bakoitzaren onura eta gabezien erlatiboak ulertu gabe, ezin duzu zure webgunerako erabili beharreko erabaki on bat.
Zabalera-diseinu finkoak
Diseinu finkoak tamaina zehatz batekin hasten diren diseinuak dira, Web diseinatzaileak zehazten duena. Zabalera hori mantentzen dute, nabigatzailearen leihoaren tamaina kontuan hartu gabe. Zabalera zabaleko ereduek diseinatzaile gehiago kontrolatzen dute orriek egoera gehienetan nola kontrolatzen duten. Diseinatzaileek atzeko planoko diseinurako sarritan gustatzen zaizkie, Diseinatzaileak diseinuaren doikuntza txikiak egiteko eta nabigatzaile eta ordenagailuetan zehar koherentea izan dadin.
Liquid Layouts
Liquid diseinuak uneko arakatzailearen leihoaren tamaina ehunekoetan oinarritutako diseinuak dira. Flex egiten dute leihoaren tamainarekin, nahiz eta uneko ikuskatzaileek nabigatzailearen tamaina aldatu egiten duten. Liquid width layouts esker, edozein web arakatzailearen leiho edo pantaila bereizmen emandako espazioa erabilera oso eraginkorra. Sarritan gustatzen zaizkigun diseinatzaileek ahalik eta espazio txikienera iristeko informazio asko dute, tamaina eta orrialde erlatiboak koherentea izaten jarraitzen dutenak, nor da nor den ikusteko.
Zer da Stake?
Zure webguneko diseinuetarako aukeratutako metodoak zure diseinua baino gehiago eragingo du. Aukeratzen duzunaren arabera, zure irakurleek testua eskaneatu ahal izango dute, bilatu nahi duzuna edo batzuetan zure webgunea ere erabili. Horrez gain, diseinuaren estiloa zure webgunea merkaturatzea ahalbidetuko du zure webgunea branding, higiezinen erabilgarritasuna eta zure webgunearen estetika bidez.
Zabalera finkoko diseinuaren abantailak
- Zabalera finkoko diseinuan, diseinatzaileak itxura bera duten orriak eraikitzeko aukera ematen dio.
- Irudia bezalako zabalera-elementu finkoek ez dute testua gaindituko monitore txikietan, orri osoaren zabalera elementu horiek barne hartzen baititu.
- Eskaneatze luzera ez da testu zati handiak eragingo, ez du axola nola zabala da Web arakatzailea.
Liquid Layouts abantailak
- Zabalera likidoaren diseinua zabaldu eta kontratatu da eskuragarri dagoen espazioa betetzeko.
- Higiezin erabilgarri guztiak erabiltzen dira, diseinatzaileak monitore handiagoetan eduki gehiago erakusteko aukera ematen baitute, baina jarraitzen dute bistaratze txikiagoetan bideragarria.
- Liquid diseinuek koherentzia ematen dute zabalera erlatiboetan, orri bat dinamikoki erantzuteko, bezeroarekiko ezarritako murriztapenetan, letra-tamaina handiagoak bezala.
Zehaztutako zabalera diseinurako desabantaila
- Zabalera zabaleko ereduek arakatzailearen leiho txikiagoetan korritze horizontalak sor ditzakete. Jende gehienak ez du horizontalki mugitzen.
- Gainera, zuriunez osatutako espazio zabalak handiagoak dira monitore handietan, eta ez da erabilitako espazio asko eta korritu bertikalki beste bat baino gehiago izan liteke.
- Zabalera zabaleko diseinuak ez dira bezeroen aldaketak letra-tipoaren tamainetara oso ondo kudeatzen. Letraren tamaina handitze txikientzat, ados egon daitezke, baina handitze handiagoak lortzeko, diseinua arriskuan jar daiteke.
Liquid Layouts ekarpenak
- Liquid diseinuek orriaren elementu desberdinen zabaleraren gaineko kontrol zehatza egin dezakete.
- Testu-zutabeak oso zabalak izan daitezke konfiantzazko eskaneatzeko, edo arakatzaile txikiagoetan txikiak direnean, argi eta garbi adierazteko hitzak ere sor ditzakete.
- Liquid diseinuek arazoak izan ditzakete zabalera finkoko elementu bat, esate baterako, irudia likido zutabe batean kokatuta dagoenean. Zutabea errendatzen bada irudirik gabe, nabigatzaile batzuek zutabearen zabalera handituko dute, diseinatzailearen argibideak kontuan hartu gabe, beste nabigatzaileek testuetan eta irudietan gainjartzen dituztela ehunekoak lortzeko.
Ondorioa
Gune askok ahalik eta espazio gutxien transmititu behar duten informazio asko lukete diseinu likido batekin lan egitea. Horrek esan nahi du monitore handiagoek eskaintzen dituzten higiezinak aprobetxatzea, pantailetan txikiagoak ez diren bitartean.
Orri guztietan egoera bakoitzaren itxura kontrolatzeko behar diren guneak behar bezala funtzionatuko lukete zabalera finkoko diseinua erabiltzeko. Horrek bermatzen du zure webgunearen marka dela koherentea eta argia dela eta ez du axola zer tamaina monitorea ikusten den.
Diseinuaren lehentasuna
Askok nahiago dute ikuspegi mistoa. Ez dute gustuko testuaren bloke handietarako likidoen diseinuak erabiltzerakoan, testua irakurte txikian edo bateragarria ez den testua irakurri ahal izateko. Horrela, orrialdeen zutabe nagusiak zabalera finko bat egiteko joera izaten dute, baina goiburuak, oinak eta alboko zutabeak malguagoak izaten dira gainerako higiezinak hartzeko eta nabigatzaile handiagoen gaitasuna ez galtzeko.
Zenbait guneek scriptak erabiltzen dituzte zure arakatzailearen leihoaren tamaina zehazteko eta, ondoren, pantailaren elementuak aldatu. Adibidez, gune hori leiho oso zabalean irekitzen baduzu, ezkerreko aldean dauden esteken zutabe gehigarri bat lor dezakezu, monitore txikiagoa duten bezeroek agian ez dutela ikusiko. Gainera, publizitatearen inguruko testua zure arakatzailearen leihoaren zabaleraren araberakoa izango da. Nahikoa zabala bada, gunearen inguruko testua itzuliko du, bestela ad iragarkiaren artikuluaren testua bistaratuko du. Gune gehienek ez dute konplexutasun maila behar, pantaila handiagoak aprobetxatzeko modu bat erakusten du pantaila txikietan pantailan eraginik izan gabe.