Edukien diseinurako gida

Edukiak sarean muntatu nahi ditugunean aurkitzen dugu arazo handienetako bat da jasotzen ditudan proposamenak ez direla sekula oso ondo pentsatu sarean sartzeko. Orokorrean arazoa da egitura egokia gabe diseinua eta diseinua ez direla normalean itxura oso ona izaten, emaitza onak ematen baitituzte.

Horregatik, azalpenak emango ditut edukiaren diseinua lana ahalik eta gehien sinplifikatzeko eta emaitza ezin hobea izateko.

Gida honen helburua hauxe da: programazio edo web garapenaren ezagutzarik ez duen edonork kalitatezko diseinua eman diezadala eta ez dudala denbora gehiegi eman beharrik elkarrizketen bidez ideia hori erauzten saiatzera.

1 urratsa: txantiloia

Gure proposamena “marraztu” ahal izateko txantiloi bat izateko, egingo duguna da A4 orri bat hartu eta HERREN BATEZ luzera tolestuko dugu.

2 urratsa: Edukien blokeak

Imajina dezagun hainbat eduki mota ditugula: bideoa, irudia, testua. Eduki bakoitza bloke angeluzuzena edo karratua da. Aukera dugun txantiloiaren blokez moldatu behar ditugu blokeak. Hiru eduki mota ilustratuko ditugu.

Bideo blokea

Bideoa orokorrean YouTube bideoa izango dela suposatuko dugu, txantiloian honela irudikatzen dugu:

Irudi blokea

Irudia paisaia edo erretratua den ala ez da, ados egongo gara.

Testu Blokea

Irudi blokearen berdina, testua nola nahi dugun arabera bloke bat edo beste jarriko dugu. Lerro paraleloekin irudikatzen dugu.

Testu blokeak testu blokeak izan daitezke paragrafo eta pareekin testu-elementuen zerrendak

Bi adibide jarriko ditut: testu blokea paisaiaren irudiaren ondoan, eta beste bat erretratuaren irudiaren ondoan:

Izenburu blokea

Izenburuak bereizten diren blokeetan lerro osoa hartzen duten bloke luzeak dira.

Botoien blokea

Jendea klik egin eta sareko beste zati batera eraman nahi badugu edo informazioren bat (edo formulario bat) duen leiho bat besterik ez da agertuko

Beste bloke batzuk

Ideia antzekoa da. Blokek nola funtzionatzen duten ulertu badugu, uste dut argi eta garbi beste bloke mota bat jarri genezakeela, aurrekoen antzekoa, karratua edo laukizuzena. Adibidez, edukian sartutako inprimaki bat jarri nahi izan bagenu. Normalean hori ohikoena izan arren, hobe da aurretik aipatutako motakoak ez diren bloke berriak erabili aurretik galdetzea. Zerrenda hau eguneratzen saiatuko naiz, guztiontzat interesgarriak izan daitezkeen bloke ideia berriak aterako baitira.

Azkenik, hemen aipatutako bloke mota guztiekin txantiloi baten adibidea dago:

Blokak zabalduz

Leku gehiago behar badugu, orrialde gehiago gehitu behar ditugu beheko blokearen diseinura. Ez da dena bete behar, baina garrantzitsua da bloke bakoitzaren erdialdearen artean hutsune hutsik ez uztea. Modu honetan orria zabaldu dezakegu:

3 urratsa: edukia sortzea

Edukia blokeen eta bloke moten arabera diseinatu dugunez, beharrezkoa da bloke horietan joango den edukia sortu behar izatea. 3 urratsa 2 urratsarekin truka daiteke. Beste modu batera esanda, edukia aurretik sortu dezakegu, eta ondoren diseinatu txertatu nahi dugun edukia zenbatekoa den jakitea. Ezin da modu batera edo bestera egin, baina jakitun izan behar dugu edukiak zehatz-mehatz moldatu behar dituela.

Aurreko adibidea jarraituko dugu. 4 irudian bloke hauek ikus ditzakegu:

• 2 Izenburuen blokeak
• 4 testu blokeak
• 1 bideo blokea
• 2 Irudi blokeak
• 1 botoien blokea
• Guztira: 10 blokeak

Hori dela eta, gure edukia egokitu beharko dugu bloke horietan ondo egon dadin eta letra-tamaina berdina izan dadin horietan guztietan. Horretarako posible da merezi du sortu lehenik edukia eta gero blokeatu. Pertsonaren mende dago jada.

4 urratsa: edukia blokeekin egokitzea

Demagun paperean marraztutako diseinua eta sortutako eduki bloke guztiak ditugula jada. Orain azken urratsa konbinatzea da. Horretarako hainbat tresna erabiliko ditugu dena eta bidali web diseinatzaileari.

Bideo blokeak

Bideoak bi eratara eman daitezke:

1. MP4 bideo formatuan, antzeko tresna baten bidez WeTransfer.
2. AURKEZTUTAKO AUKERA: YouTube March kanalera igo eta bideoaren esteka YouTube-ra pasatzea.

Diseinuan bideo bat bakarrik badago, ez da arazorik izango. Baina hainbat bideo badaude, nolabait paperean egin dugun diseinuarekin lotu beharko ditugu.

Adibidez. Imajinatu hiru bideo daudela. Diseinuan 1 zenbaki bat marraztuko dugu lehen bideoan, bigarren bideoan 2 zenbakia eta hirugarren bideoan 3 zenbakia. Ondoren dokumentazio guztia bidaltzerakoan horrelako zerbait jarriko dugu:

• 1. bideoa: Indarkeriarik gabeko esaldiak jorratzen dituen bideoa izenburuarekin: "Las frases más importantes de la violencia no"
• 2. bideoa: Banderaren koloreak jorratzen dituen bideoa izenburuarekin: «Indarkeriarik ezaren bandera»
• 3. Bideoa: Argentinara desfilatuko den taldeari buruzko bideoa, izenburuarekin: “Argentinako oinarrizko taldea”

Horrek atal bakoitzari zein bideo dagokion jakitea erraztuko du.

Irudi blokeak

Kasu honetan, irudi guztiak IMGUR plataformara igo behar dira: https://imgur.com/upload

Eta gero pasa ezazu irudi horietarako estekak. Ideala irudiak bideoen berdinak jartzea da, 1, 2, 3 eta abarrekin markatuta. Esaterako, pentsa dezagun Hegoafrikan hegan 4 irudi ditugula. Laurek izen bera dute: “sudafrica.jpg”. Bada, ondoz ondoko izenak jartzen ditugu diseinuan egongo diren punturaino eta dagokion paperean zenbakia margotzen dugu. Adibidea:

• sudafrica-1.jpg
• sudafrica-2.jpg
• sudafrica-3.jpg
• sudafrica-4.jpg

Botoia, izenburua eta testu blokeak

Azkenean, bloke hauek Word Dokumentu batean edo Google Docs batean hobetsi behar dira idatzita.

Formatua oso erraza da: Word dokumentuan Bloke mota (izenburua, botoia edo testua) jartzen dugu, diseinuan dagokion zenbakia jarraituz.

Adibideak:

• 1. titulua: ...
• 2. titulua: ...
• 1. testua:…
• 2. testua:…
• 1. botoia: ...
• 2. botoia: ...

Ondoren, adibide dokumentu bat jarri nuen erabat ausazko testuekin, 4 irudiaren adibidea jarraituz nola egituratuko zen ikusi ahal izateko.

Horrela begiratu behar da diseinuak atal bakoitzari dagozkion zenbakiak jarri ondoren:

4 urratsa: bidali guztiak

Guztia egin ondoren, besterik gabe, maketazioaz arduratuko denari bidali beharko diozu

Hartuko luke, besterik gabe

1. Paperezko zirriborroak diseinuarekin
2. Edukiak
   • Bideo estekak YouTube edo WeTransfer
   • IMGUR irudien estekak
   • Dokumentuaren esteka Google Docs edo Word fitxategian

Notarioa Final garrantzitsua

Ideala, azkenik, orriaren izenburuko 1 goiburua lagun dezakeen irudi bikain bat da. Horregatik, 1 titulua hasieran agertu behar da beti.

Goiburuko irudiak 960 x 540 pixelen tamaina izan behar du. Irudi hau IMGURek gainontzeko irudiak bezala bidali dezake

Azken emaitza

Eta, azkenik, informazio guztiarekin orrialdea eratuko zen. Adibide hau jarraitu eta bukatzeko, aurretik planteatu ditugun parametro guztiak jarraituz azken emaitza duen orria honako hau izango litzateke:

Azken orria