A Web 2.0 designer szemmel (harmadik rész)

A webkettes design elemek leírása elég hosszúra sikerült. Az elöző részekben szó volt a lényeges, nagy elemekeről. A jelen, harmadik és talán befelyező részben az apróságokra próbálom fektetni a hangsúlyt. Mint afféle bevezetés, megragadnám a lehetőséget egy, az elöző leírásokban nem szereplő, nagy elem ecsetelésére. Arról van szó, hogy minden webkettes oldalon megfigyelhetőek az elkülönített részek a tartalmi egységeben is. Reményeim szerint ezt a tulajdonságot tovább boncolva minden említésre érdemes elemet érinteni fogok.
A részek elkülönítése nagyon egyszerű dolog (nak tűnhet): fogok egy oda nem illő háttérszínt, nem találó szövegelemeket és készen is vagyok. Rossz! A lényeg, hogy megtartsuk az oldal áttekinthetőségét, egyszerűségét, vagyis a letisztultságot. Első lépés, hogy különítsük el az állandó navigációs elemeket. Ez álltalában a főmenü. Használjunk a designba találó, de mégis összetéveszthetetlen formákat és színeket, tisztán olvasható betűket az elkészítéshez. Ez azért fontos, hogy tudassuk a böngésző személlyel, hogy: hol van és hová mehet.

A Web 2.0 designer szemmel (második rész)

Az első részben szó esett az általános jellemzőkről, az oldal elrendezéséről, méreteiről és a szövegek formálásáról. Ez a rész egy más megközelítésből szemlélteti a webkettes karaktersziszikákat.

Pozitív egyszerűség

Régebb is említettem, hogy az egyszerűség egy etalon a web 2.0 világában. Ezt most mélyebben is elemezném: mit is értek a pozitív egyszerűség alatt. Vegyük alapul a valós életet: ha van egy megoldásra váró feladat és két megoldási lehetőség, melyiket választjuk? Természetesen az egyszerűbb nyeri el a tetszésünk! Így van ez a weben is: a böngészőt nem érdekli, hogy mennyi mindent lehet belemocskolni egy jó, tartalmas, weboldalba. A látogatókat a tartalom érdekli; az, hogy egyszerűen megtalálja, szinte elvárássá vált.
Ha például egy weboldalt teleszúrkálunk mindenféle widgettekkel, annak nem lesz jó vége, mivel a látogató a csicsás dolgokra fog odafigyelni és nem lesz már türelme/ideje az igazi tartalom megtalálására. A hasonló kellemetlenségek elkerülésére több egyszerüsítő módszer is van a gyakorlatban. Egy bevált eljárás, ha eltüntetjük a fő tartalomhoz szorosan nem tartozó elemeket vagy kevesebb figyelemfelkeltést biztosítunk ezeknek az elemeknek. Ugyancsak ide tartoznak a sokak szerint dekorálásnak tartott, úgynevezett webkettes megbélyegzések. Az ikonok, kitűzők és egyébb szemkápráztató elemek fő célja a figyelemfelkeltés: a fontos információra való figyelmeztetés.

A Web 2.0 designer szemmel (első rész)

Az előbbi cikkekben (web 2.0 gyorstalpaló, web 2.0 műszaki szemmel) nem került kihangsúlyozásra a webkettes esztétikum. Ebben a bejegyzésben megpróbálom körülírni és megmagyarázni a webkettő grafikai szokásait.

Általános vonások

Szinte minden webkettes weboldalon találhatunk színátmenetet, kontrasztot, letisztultságot, harmadik dimenziót, ikonokat és sok-sok szabadhelyet. Bizonyára sokan megkérdik magukban: mi az új? Talán semmi! Minden esetre, abban gondlom mindenki egyetért, hogy régen nem volt ilyen népes a jól megformált weboldalak tömege. Több dolgonak is köszönhető ez, köztük a jobb eszközöknek, a web fejlődésének, de akár az inspiratív odalaknak is! A következő részben sorraveszem a legfontosabb elemeket.

Margójegyzet a web 2.0 technikáiról

Eddig is weboldalak voltak, most is: mi a különbség? Talán sokan vannak ezzel így, de ez nem igaz! Régen is volt online enciklopédia? Régen is volt ennyi ingyenes és mégis okos, jól elkészített internetware? Nem volt, mert nem lehetett elkészíteni, vagy csak nehéz, nagy anyagi hátteret igénylő körlülmények közt.
A nagy változást az is befolyásolta, hogy drasztikusan estek a tárhelyek árai, és ez mellet, hihetetlen mértékben nöttek az internetelérhetőségek és sávszélességek is. Olcsó lett a számítógép: manapság rengeteg számítógép van a világban és a különböző programoknak hála a harmadik világ országaiba is rengeteg csomag érkezik. Nem kell softwaret sem venni (ha nincs rá pénz): minden van ingyen, létezik open source és freeware!
A fizikai változás a szellemi változást is elősegítette, sok jófejű idő és fiatal lelt szórakozást a számítógépes tanulás nyújtotta lehetőségekben. Volt aki grafikázni kezdett, volt aki a PHP és MySQL szépségét találta meg, stb. Így rohamosan fejlődött és fejlődik a technológia, amely megvalósítja a mai webkettes világhálót és, ami már építi a hidat a harmadik generációs web felé (ami valójában már a negyedik, ha az internet kezdeti formáit is vesszük).

Bevezetés a Web 2.0 világába

Mi az a web 2.0? Fura, hogy sokan használják, de mégis csak kevesek azok, akik értik is, amit ez a kifejezés takar. Egészen pontosan senki sem tudja már, hogy mivé lett, az viszont egészen biztos, hogy ebben a blogbejegyzés sorozatban utána próbálok járni és megközelíteni az értelmét. Több szem többet lát alapon, az aktív kommentelést elvárt dolognak tekintem.
Kezdjük is a legelején: két amerikai, Dale Dougherty és Craig Line, alkották meg a fogalmat, amit majd Tim O’Reilly tett népszerűvé. A kezdetekben (2003-2004) éves konferenciák voltak, ahol megpróbálták határozni az új www trendeket. Valójában a webkettő egy forrdalmi előrelépésnek tekinthető, ami arról szól, hogy toljuk ki a határainkat és szocializáljuk a netet. Nem kell sokat törje az ember a fejét, hogyha hasonló oldalakat keres: iGoogle, Flickr, YouTube, stb.

Hogyan blogoljunk?

Sok fejtörést okoz a kezdő blogolóknak, hogy is írjanak, mit is írjanak. A következőkben felsorolnám a legfontosabb tényezőket, amelyeket jó szemelőt tartani. Példának jeléül írjunk úgy, hogy az elérhető legyen, használjunk alt és title tagokat a képeken és hivatkozásokon. Mivel senki sem szeret óriási szövegtömböket olvasni, használj bekezdéseket és szedd gondolat szerint a szövegedet. A Wordpress automatikusan felismeri a bekezdéseket, nem kell te megírjad a megfelelő HTML kódot.
A konkrét írási szokásokra térve, ajánlott a helyes írás. Épp annyira ügyelni kell az elírásokra, mint a helytelen mondatszerkezetre vagy a duplázott szavakra. Kiemelt figyelmet kell fordítani arra is, hogy mit publikálsz. Gondold át a dolgokat mielőtt írsz, mert ha egyszer megírtad és bekerült a keresőmotorokba, akkor nehéz már kimagyarázni a valós gondolatodat. Ide tartozik az is, hogy ne használj sok slanget, legyen érthető amit írsz.

Top 10 WordPress SEO tipp

Mostanság elég sokat van foglalkozva a keresőmotor optimalizálással. Olvasván egy ismerősöm blogját, találtam egy érdekes bejegyzést néhány jó Wordpress SEO tanáccsal. Ez adta az ötletet, hogy kicsit jobban körüljárjam a témát, így hát megszületett a top 10 SEO trükk a Wordpresshez (természetesen ez csak személyes vélemény, de az biztos, hogy hasznosak).

1. Az első helyet a permalink struktúra helyes megválasztása kapta. Alapból egy szám, az nagyon keresőmotor ellenes. A legtöbben ezt használják: %category%/%postname% A probléma az, hogy ez esetben két helyen is elérhető lesz ugyanaz a bejegyzés. Ennek kijátszása nagyon egyszerű, mégis nagy előnyt nyújt. A teendő, hogy kicseréled a permalink szerkezetet úgy, hogy az egy állomány kiterjesztésnek tűnjön: /%category%/%postname%.php A php helyett ajánlott az oldalad témájának legfontosabb kulcsszavát írni.

A webdesignerek hét bűne

Azért született ez a bejegyzés, mint a webdesignerek hét bűne, mert rengeteg idegesítő weboldalt lát az ember nap, mint nap. Ezen lehet segíteni, mindössze oda kell egy kicsit figyelni, hogy mik az esztétikum határai. Nem akarok most minden apró hibát felsorolni, éppen ezért összegeztem a, szerintem, legnagyobb bakikat.
.1. A leggyakoribb hiba a rossz színek választása. A nem jól összeválasztott szín paletta, főleg az éles színek, ?szétverik? a weboldal kinézetét, sértővé vállnak a szem számára és olvashatatlan oldalt eredményeznek. Persze a hasonló oldalakon nem is időznek sokáig a látogatók.
.2. A második leggyakoribb hiba a fontok nem megfelelő összeválasztása. Maradjunk meg az alap betűtípusoknál, vagy legalább a legeltrejettebeknél. Ha nem ezt tesszük, akkor a látogató egy csúnya oldalt fog látni, annak ellenére, hogy a mi gépünkön gyönyörű. Mi erre a magyarázat? Az, hogy mi nem az alap fontot méretezzük, hanem a sajátunkat. Más és más fontok, más és másként méreteződnek, ezért szétnyomhatja az oldalt, vagy éppen olvashatatlanul picik lesznek a betűk. Ha a Photoshoppos tervezésre gondolunk, ott ne használjunk anti-alias effektet, mivel valóságban nem azt fogjuk kapni, amikor lekódoljuk az oldalt.

Mit tegyünk az oldalunkért

Bizonyára sokunkat foglalkoztat a tény, hogy mit kell tenni az oldallal és, hogy mit nem ajánlott ahoz, hogy az sikeres legyen. Ebben az írsában összegyűjtöttem néhány ötletet és tanácsot azok számára akik szintén ezen törik a fejüket.
Első sorban a látogató igényeire kell koncentrálni. Ki kell deríteni, hogy az adott témában mit is szeretnek a látogatók. Nem arról van szó, hogy csak a látogatóért készül az oldal, nem, de főleg! Éppen ezért, egy weboldal készítésének az első lépése nem más, mint az adott téma lazább, illetve szűkebb behatárolása.Erre azért van szükség, hogy a jövőbeli látogatók, akik vagy referált oldalakról vagy a keresőmotorból jönnek nagyrészt, találják meg azt, amit keresnek. Ha egy megfelelően a témába illő oldalra bukkanak, több mint valószínű, hogy visszatérő vendégekké válnak.