Hasierako orriaren diseinua

Artikulu honetan Gestaltung hasierako orriaren alderdi garrantzitsuenetako batzuk landuko ditut. Honek barne hartzen ditu: orrialdeek nola begiratu behar duten, nola aukeratu letra-tipoa, erabili beharreko koloreak, eta alboko barren garrantzia. Doako webguneen diseinurako softwarea nola erabili ere eztabaidatuko dut. Artikulu hau irakurri ondoren, ondo hornituta egon beharko zenuke zure orri nagusia diseinatzen hasteko. Hona hemen aholku erabilgarriak:

Hasierako orria diseinatzerakoan alderdi garrantzitsuak

Zure orri nagusia diseinatzerakoan kontuan hartu beharreko hainbat alderdi garrantzitsu daude. Kontuan hartu beharreko lehen gauza da zenbat bisitari erakarri nahi dituzun. Aukera gehiegirekin bisitariak gainezka ez daitezen, zure hasierako orrialdea nabigatzeko erraza dela ziurtatu behar duzu. Ziurtatu argia erabiltzen duzula, erraz aurki daitezkeen testuak eta estekak. Gainera, ziurtatu segurtasun-eguneratzeak ezartzen dituzula. Segurtasuna ezinbestekoa da zure webgunea kanpoko erasoetatik babesteko.

Gogoratu zure webguneak ez duela online aldizkari bat edo eBay zerrenda bat bezala irakurri behar. Zure hasierako orriaren diseinua eta kolore-eskema garrantzitsuak diren arren, ere garrantzitsua da gogoratzea zure hasierako orrialdeko testuak bisitariaren emozioak erakutsi behar dituela. Testu onak galera eta enpatia sentsazioa sortu behar ditu irakurlearengan. Testuak zure produktuaren onurak adierazi behar ditu, zure publikoa, eta zure oinarrizko errendimendua. Hau egin dezakezu igogailuaren eremua tolesturaren gainean dagoen goiburu edo oin batean jarriz.

Zure orri nagusia diseinatzen ari zaren bitartean, kontuan izan bisitariak ez direla zure webgunera etortzen estetika epaitzera. Zeregin zehatz bat betetzera datoz. Erraza da diseinu elementu gehiegirekin nahastea berehala ezagutzen ez badituzte. Gainera, erabili bi kolore bakarrik zure diseinuan. Ordenagailu eta Giza Elkarreraginaren Eskuliburuak bi kolore baino gehiago ez erabiltzea gomendatzen du. Hala ere, kolore eta gai gehiago erabil ditzakezu, baina saihestu kolore distiratsuegiak.

Webguneen diseinurako software merkea

Webguneen diseinurako doako edo kostu baxuko hainbat programa eskuragarri daude gaur egun. Wix, adibidez, prezio-plan eta eskaintza ugari ditu 500 aurrez diseinatutako txantiloiak. Erabiltzaileak gaia pertsonalizatu dezake arrastatu eta jaregin editore batekin eta irudiak gehitu, bideo atzeko planoak, animazioak, sare sozialetako botoiak, eta gehiago. Wix-ekin, blog motor soil bat ere sor dezakezu, aprobetxatu SEO-Assistent, eta deskargatu hirugarrenen integrazioak.

Doako irudiak editatzeko softwarea ere eskuragarri dago. GIMP hauetako bat da. Aspaldiko programa hau Windows-erako eskuragarri dago, Mac, eta Linux. Photoshopen antzekoa izan arren, bere estilo berezia du. Bere leiho bakarreko moduak Windows-en itxura gehiago eskaintzen du eta testua formateatzea ahalbidetzen du. Beste programa ezagun batzuk Adobe Photoshop eta Appleren iLife suite dira. Maila profesionaleko programen ordezko ezin hobea ez den arren, GIMP doakoa da eta ezagutza tekniko handirik gabe webgune ederrak sortzen lagunduko dizu.

Bestela, doako orri nagusi bat erabil dezakezu. Tresna hau oso ezaguna da hasiberrien artean, eta doako domeinu eta hosting batekin dator. Hala ere, Hasierako orri-saskien alde txarra da sormen askatasuna oso mugatuta dagoela. CMS tresna polifazetikoagoa da, eta programazio trebetasun batzuk beharko dituzu zure proiektua pertsonalizatzeko. Baina diru pixka bat gastatzeko aukera baduzu, inbertsioak merezi du zalantzarik gabe.

Menu nagusia

Web dendaren jabe gisa, zure webguneko nabigazioa kontuan hartu behar duzu. Zure menuak eduki guztietarako sarbide erraza eman behar du eta errespetua izan behar du, baina zenbait elementu ez dira elkarrekin nahasi behar. Gainera, zure nabigazio nagusiak sinplea eta laburra izan behar du mugikorreko erabiltzaileei egokitzeko. Nabigazio puntu labur eta luzeen konbinazioa ere erabil dezakezu zure menua erabilerrazagoa izan dadin. Baina nahi den efektua lortzeko, denbora pixka bat hartu beharko zenuke zure webgunerako aukerarik egokiena egiteko.

Menu dotorea sortzeko, Editor X erabil dezakezu. Tresna honek Inspektore-panela barne hartzen du, menua bere egoeraren arabera pertsonalizatzeko aukera ematen duena. Menuetrag desberdinak gehi ditzakezu, hizkuntzak aldatu eta horren arabera birkokatzea. Ikuskatzaile-panela ezkutatzeko, egin klik dagokion 'x’ ikonoa. Menu horizontalak ere sor ditzakezu. Menu osoa bistaratu nahi baduzu, Ikuskatzailea-Ikurra aukeratu dezakezu.

alboko barrak

Zure hasierako orria erabilerrazagoa izan nahi baduzu, zure webgunearen aldeak kontuan hartu behar dituzu. Nabigazio menuaz gain, oinaren eremuak harremanetarako informazioa eduki behar du. Diseinua uniformeagoa izan dadin, webgunearen egitura zirriborratu eta atalen izenak idatzi ditzakezu. Gero, zure orrialdeetan lanean has zaitezke. Gero, zure diseinua hobetu dezakezu pozik egon arte.

Elementu bat gehitzeko, sakatu “+” ikurra eraikitzailean. Arrastatu eta jaregin ditzakezun elementuen zerrenda irekiko du. Era berean, klik egin eta arrastatu dezakezu zure orrialdeko elementuak inprimatutako sagua erabiliz. Lehendik dauden atalak ere edita ditzakezu eta widgetak gehi ditzakezu. Hau da zure webgunean aldaketak egiteko modurik azkarrena eta erosoena. Gero, orrialde eta elementu berriak gehi ditzakezu behar izanez gero.

Konfigurazioa amaitu ondoren, zure orri nagusia pertsonaliza dezakezu zure webgunerako diseinu egokia aukeratuz. Elementor-en aurrez diseinatutako txantiloiak daude aukera ditzakezun. Hala ere, batzuek nahiago dute eurena egitea. Zure webgunean diseinua koherentea dela ziurtatzen laguntzen du. Txantiloiak ere lagungarriak dira WordPress-Agentziak. Txantiloiekin, diseinu-prozesua bizkortu dezakete bezeroei begira dauden eduki eta ezarpenen liburutegiak sortuz. Liburutegi hauek etorkizuneko proiektuetan berrerabili ahal izango dira.

Logotipoaren esanahia

Markaren identitateaz gain, webgunearen diseinua marka diseinuaren osagai garrantzitsu bat da. Zure logotipoa, kolore paleta, eta diseinu orokorrak zure enpresa identifikatzen lagunduko dio jendeari eta zure lehiatik bereizten. Baloreak eta ezaugarriak ere transmiti ditzake. Era berean, zure webgunerako erabiltzen duzun hizkuntza garrantzitsua da zure marka pertsonaia transmititzeko. Ez erabili hitz gehiegi, narritadura eragin dezaketelako. Bisitariak zure edukiaz jabetzeko, mantendu diseinua garbi eta sinplea.

Kolore ezberdinek mezu desberdinak transmititzen dituzte. Aukeratu osagarriak diren koloreak. Adibidez, urdina eta gorria kolore osagarriak dira. Gorria eta berdea erabil ditzakezu egonkortasunaren mezua helarazteko, hazkundea, eta aurrerapena. Aukeratu zure negozioaren kultura edo balioak islatzen dituzten koloreak. Teknologiako enpresa bat bazara, aukeratu zure produktuak islatzen dituzten koloreak. Adibidez, Microsoft-en logotipoaren kolore urdina lasaigarria da. Baina autoak saltzen ari bazara, erabili berdea edo laranja.

Esanahi sinbolikoa. Erabili hazkuntza eta mugimendu sentsazioa ematen duten formak. Sinbolo batzuek erlijio edo kultura esanahi dute. Espiral bat, adibidez, energia adierazten du, hazkundea, eta emankortasuna. Beste forma batzuk, hala nola, zirkulua eta triangelua, antzeko mezua helarazi. Hiru aldeetako zirkulua hazkundearen sinbolo arrunta da. Teknologiako enpresa bat bazara, kontuan hartu zure balioak adierazten dituen ikono bat erabiltzea.

Alboko barren garrantzia

Zure webgunearen ikusgarritasuna areagotzeko, nabigazio-tresna bat erabili beharko zenuke, esate baterako, ogi birrindua. Horri esker, bisitariei guneko atal zehatzetarako bidea aurkitzen eta eremu desberdinak arakatzen lagunduko die. Nabigazio tresna hau HTML-kizkur erabiliz sor dezakezu. Webgune baterako hasierako paragrafo on bat garrantzitsua da eta izenburuko irudiekin nabarmendu behar da. Nabigazioa errazteko, zure webgunea ataletan ere banatu beharko zenuke.

Lehenik eta behin, webgune bat nola egituratzen den ulertu behar duzu. Webguneek lau atal nagusi izan ohi dituzte. Horregatik, diseinatzaileak orubearen egituraren zirriborro latz bat sortu behar du. Hurrengo urratsa atal hauetako zein erabili nahi duzun zehaztea da. Orrialde-sortzailea erabiltzeak abantaila eta desabantaila batzuk ditu. Orrialde-sortzailea aukeratzen baduzu, egiaztatu softwarea funtzio integratuekin datorrela. Bestela, bilatu web garapen agentzia baten edo zure webgunearen diseinua pertsonaliza dezakeen aditu baten zerbitzuak.

Nabigazioa errazteko, nabigazio itsaskorra erabili beharko zenuke. Nabigazio itsaskorra eskuragarri dagoen nabigazio-tresna ezagunenetako bat da. Zure webgunean nabigatzeko erabil dezakezu aldi bakoitzean gainean klik egin beharrik gabe. Nabigazio hau oso erabilgarria da sare sozialetako webguneetarako, baina ez da egokia webgune guztietarako. Nabigazio itsaskorra botoietarako eta alboko barrarako ere erabil daiteke. Garrantzitsua da zure nabigazioaren irmotasuna zure hasierako orriaren diseinura egokitzen dela.

Zure webgunerako alboko barren garrantzia

Ezin da gutxietsi Seitenleisten garrantzia, elementu horiek zure Internetauftritt egin edo hautsi dezaketelako. Zure bisitariei nabigazio intuitiboa eskaini nahi baduzu, menu horizontalak erabil ditzakezu. Hauek bereziki erabilgarriak dira kategoria kopuru handia duten webguneetarako. Erabiltzaileek azpikategoria guztietara nabigatu ahal izango dute haiek bilatu beharrik gabe. Hau da menu mota ohikoena.

Alboko barra zure webgunearen beste atal garrantzitsu bat da, batez ere zure negozioa sustatu nahi baduzu. Pagestiles-ek informazio garrantzitsua sartzeko aukera ematen dizu, hala nola, harremanetarako informazioa eta ordutegia, bisitariak larritu gabe. Eremu hau sare sozialetarako esteketarako eta buletinen izena emateko ere erabil dezakezu. Hala ere, garrantzitsua da gogoratzea alboko barrak diseinu orokorraren zati bat baino ez direla. Horregatik, hobe da alboko barra bat baino gehiago erabiltzea bisitariak gainezka ez daitezen.

Zure edukiak bere garrantziaren arabera taldekatu eta ordenatu behar dituzu. Erraztu zure bisitariei nabigazioa eta behar duten informazioa aurkitzeko. Erabili nabigazioa zure bisitariek interesatzen zaien edukia non aurki dezaketen adierazteko. Edukia webgune baten oinarrian dago, beraz, ziurtatu erakargarria eta informatiboa dela. Nabigazioa ezaugarri garrantzitsua den bitartean, zure webgunea ez dago osatu gabe. Zure bisitariek eskertuko duten edukia baduzu, erraz egin dezakezu bisuala irudiak erabiliz.

Web estandarren garrantzia

Internet web estandarrak kontuan hartuta diseinatu zen, eta W3C-k Web Edukiaren Irisgarritasunerako Jarraibideak argitaratu zituen (WCAG) 1.0 urtea baino lehen 2000. Dokumentu honek webguneetarako barrierefreiheit jarraibideak definitu ditu. Web estandarrak bateragarriak izan behar dira pantaila-irakurgailuekin eta arakatzaileekin. Helburua web-edukia guztion eskura jartzea da, gaitasuna edo jatorria kontuan hartu gabe. W3C-k estandar ugari argitaratu ditu, baina denak ez dira berdin eraginkorrak.

Web estandarrak World Wide Web erabiltzeko zehaztapenak garatzen ari dira. Web garapenaren alderdiak gobernatzen dituzte, irisgarritasuna barne, erabilgarritasuna, eta elkarreragingarritasuna. Estandar-erakundeek garatzen dituzte, ez enpresa edo partikular bakarrek. Web estandarren heldutasun-maila desberdinak dauden arren, W3C estandarrak helduenak dira. W3C prozesuak bi arakatzaile behar ditu web estandar jakin bat guztiz inplementatzeko.