Nehéz a webdesigner cég feladata ilyenkor, mert tudjuk, hogy óriási hibát követ el ügyfelünk, ha csak az árakat nézi, azonban részünkről kevésbé fogad el a tanácsot, ha magasabb áron szeretnénk eladni szolgáltatásunkat, feltételezve, hogy csak azért győzködjük, hogy jól keressünk belőle. Ha most készülsz weboldalt készíttetni, egy dolgot ne felejts el: mindig az ÁR-ÉRTÉK arány a fontos. Weboldalak esetén ezt nem olyan könnyű kiszámolni és kvantitatív mutatókkal alátámasztani, de ebben a cikkben megpróbálunk mutatni 8 elemet, amit érdemes ellenőrízned, mielőtt végső döntést hozol.

Cikkünk első részében az első négy tanács:

1) Látogatói vs. szerkesztői/adminisztrátor felület

Ha az ajánlat nem tartalmazza, minden esetben kérdezz rá, hogy a weboldalhoz rendelkezésedre bocsátanak-e adminisztrátor felületet vagy csupán a látogatói felület kerül a tulajdonodba. Nagyon sok webdesign cég az adminisztrátori felületet nem készíti el, nem állítja be megfelelően vagy csupán megtartja magának és minden egyes frissítésért karbantartási díjat számláz ki neked. Az adminisztrátor felület beállítása és elkészítése természetesen általában nem ingyenes, de hosszabb távon nagyon sokat tudsz vele megspórolni. Vigyázat: itt jön a másik trükk. Ha kaptál adminisztrátor felületet, ellenőrízd le, hogy tudod-e használni, nyújtanak-e hozzá tréninget és támogtást a későbbiek során és milyen áron.

2) Maximális oldalak/aloldalak száma

“Oldal”-nak általában egy, a weboldaladon elhelyezett menü alatt található lapot értünk, amely tele van különböző tartalommal, képekkel, szöveggel, videókkal stb. Nagyon sok ügyfelünktől hallotuk már, hogy ennek korlátozásával átverték őket korábban. Mindenképpen nézd meg, hogy az ajánlat tartalmaz-e oldalszámot, maximális oldalszámot és ha igen győzödj meg róla, hogy számodra a megadott mennyiségű oldal elegendő lesz-e, illetve ha nem, mekkora a költsége 1 újabb oldal hozzáadásának. Az oldalak alatt lehetnek aloldalak is, sokszor ezeknek a számát is keretek közé teszik. Természetesen korlátlan számú aloldalt nem készít el számodra senki, de figyelj arra, hogy az általad tervezett tartalom beleférjen abba. amit az ajánlatban kaptál.

3) Webes arculat: logó, bannerek stb.

Számunkra nagyon furcsa, de van olyan cég, aki a weboldalkészítés alatt nem mindig érti a webes arculat megtervezését. A logó igaz, hogy sok esetben adott, de ha nem, akkor figyelj oda, hogy benne van-e az ajánlatban. Sok esetben extra 20.000-30.000 Ft-ot is felszámolnak egy logótervezésért utólag. A webes bannerek és egyéb grafikai elemek a honlapra, pedig természetesen része kell, hogy legyen a weboldakészítési ajánlatnak, de nem árt itt is megerősítést kérni.

4) Webtárhely

Sokan nem tudják, hogy egy weboldal létezéséhez három fő összetevő szükséges: domain név (www.xy.hu) + webtárhely (hosting szolgáltatás) + maga a weboldal. Számodra a háromból igazán egyik sem értékes a másik kettő nélkül, ugyanis nem fogsz megjelenni a weben. A domain név mindig legyen a te tulajdonodban, vedd meg egy domain regisztrátor cégtől, soha ne add ki a kezedből. A webtárhelyet vásárolhatod más cégnél is, de a legtöbb weboldalkészítő cég tud biztosítani neked ilyet a weboldaltervezés mellé. Érdemes tisztázni, hogy ez a költség benne van-e az ajánlatban, ajándékba adják-e vagy 3.000-10.000 Ft/év.

Reméljük hasznosnak találtad rövid írásunkat és sikerül megóvnunk pár feleslegesen kiadott tízezrestől.

Folyt. köv…

Nemcsak, hogy ingyenes a béta verzió, de sokak szerint eddig a legjobb, amit az Adobe a piacra dobott. Csökkentettek a méretén (kevesebb, mint 1 GB helyet foglal), de növeltek a funkciókon. Az ár egyenlőre ismeretlen.

Bemutató video

Töltsd le itt Mac-re és Pc-re is: http://labs.adobe.com/downloads/photoshopcs6.html

A breadcrumb rendszerint nem egy-az-egyben a felhasználó által megtett utat jelöli, hanem a kezdőpontról a jelenlegi pontra vezető legrövidebb utat. Így például egy hírportál focival kapcsolatos híre fölött egy ilyen felirat jelenhet meg: Főoldal » Hírek » Sport » Labdarúgás

Rendszerint a felirat minden egyes eleme link a megfelelő gyűjtőoldalra.

Alkalmazása

Sokáig olyan különlegességnek számított, amit csak olyan mély struktúrával és óriási adathalmazzal rendelkező honlapok használtak, mint a Yahoo!, vagy olyan hatalmas, sok honlapból álló rendszerek, mint a CNET, amelyek szerettek volna némi támponttal szolgálni a felhasználóknak arról, hogy éppen hol járnak a komplex rendszeren belül, de azt akarták, hogy az egyes honlapok megtarthassák egymástól független navigációs rendszerüket. Manapság azonban a webmorzsa egyre több honlapon bukkan fel, sokszor a jól kivitelezett, navigáció helyettesítőjeként is. A honlapok túlnyomó részének nem biztos, hogy jó megoldás lenne, ha csak webmorzsát használnának. A honlap legfelsőbb szintjén biztosan nem elegendő, mert nem hatol elég mélyre: ad némi rálátást, de homályban hagy fontos részleteket. Ez nem jelenti azt, hogy csak a webmorzsa segítségével ne lehetne néha megfelelően tájékozódni, de alkalmazása a legtöbb honlapon nem elegendő. A jól megszerkesztett webmorzsa magától értetődő, kis helyigényű, kézenfekvő, és folyamatosan lehetőséget ad a két talán leggyakoribb művelet elvégzésére: arra hogy feljebb lépjünk egy szinttel, vagy visszatérjünk a kezdőlapra. Mégis jobb, ha csak kiegészítéseként alkalmazzuk. Legyen a webmorzsa a jól működő navigációs rendszer „megkoronázása”. Alkalmazzuk különösen mély hierarchiájú, nagy honlapokon, vagy ha össze akarunk kapcsolni egy sereg alacsonyabb szintű weboldalt. Steve Krug 6 tanácsot említ meg könyvében, a webmorzsa alkalmazására:

1. Legyen az oldal legtetején.

2. Legyen „>” jel a szintek között.

3. Használjunk apró betűket.

4. Használjuk az „Ön itt áll” szavakat.

5. Vastagítsuk meg az utolsó elemet.

6. Ne használjuk az oldalnév helyett.

(Forrás: Wikipédia)

Hogyan rajzoljunk oldaltérképet?

Amikor oldaltérképet rajzolsz, lehetsz nagyon egyszerű vagy akár nagyon komplex, attól függően, hogy milyen lesz a készülő weboldalad. A legjobb, ha az első verziót gyorsan összedobod, minden gondolatodat belefoglalva és később abból finomítod tovább a végleges verziót. A mi tanácsunk:

1. Fogj egy A4-es papírt és egy tollat
2. Rajzolj egy kis dobozt a tetején és nevezd ezt el “Főoldal”-nak
3. A Főoldal alatt készíts külön boxokat minden egyes aloldalnak/menüpontnak, mint például a GYIK, a Kapcsolat vagy a Rólunk.
4. Kösd ezeket össze egy vonallal, gyakorlatilag úgy fog kinézni az egész, mint egy szervezeti ábra, ahol a Főoldal a főnök. A vonalak az egyes oldalak és aloldalak közötti linkeket jelölik.
5. Majd minden szekció alatt, adj hozzá még több szinten át annyi kis dobozt és linket, amennyi szükséges a teljes kibontáshoz. Addig csináld ezt, amíg a végére nem érsz…

Szerintünk ez a legjobb és legegyszerűbb módja az oldaltérkép készítésnek. Nem kell hozzá semmi, csupán a fantáziád.

Milyen eszközökkel tudsz rajzolni még oldaltérképet?

Ha már a papíros verzió közeledik a véglegeshez, érdemes elektronikusan tovább vinni az oldaltérképet. Ezeket a szoftvereket javasoljuk:

• Adobe Photoshop, Paint vagy bármilyen más grafikai program
• Mindmapping szoftver, mint pl. Freemind (ingyenes)
• Folyamatábrázoló szoftver, mint pl. Aris vagy MS Visio
• Speciális oldaltérkép készítő szoftver, mint pl.WriteMaps.com

Ha létrehozunk egy rajongói oldalt, annak alapértelmezetten egy ehhez hasonló URL-je van:

http://www.facebook.com/pages/Gősi-Órás/249803971745455

Arra senkit sem kérhetünk, hogy jegyezze meg vagy írja be böngészőjébe, hisz nem csak túl hosszú, de a véletlenszerű számokkal a végén megjegyezhetetlen.

A http://www.facebook.com/gosioras már sokkal barátságosabb, ugye?

Nincs más dolgunk, mint

• meglátogatni ezt az oldalt: http://www.facebook.com/username/
• az “Oldal neve” melletti legördülő menüből válasszuk ki a kívánt rajongói oldalt
• majd a mellette lévő mezőbe írjuk be a kívánt URL-végződést pl. gosioras (gondoljuk meg kétszer is, mivel ezt később már nem lehet megváltoztatni)

Ha a név még nem foglalt, akkor egy jóváhagyás után kész is van a leegyszerűsített egyedi Facebook URL-ünk!

6) Túlzott komplexitás

Mi lehetne jobb analógia ikonképekre az ujjlenyomatnál? Csak akkor fogod észrevenni az ujjlenyomatod bonyolultságát, amikor igazán közelről nézed azt. Ahogy távolodsz, a részletek elvesznek. Ugyanez igaz a túlzottan részletes logótervekre.

Kisebb méretben való nyomtatás esetén a komplex design teljesen elveszíti a részleteket és néhány esetben úgy fog kinézni, mint egy paca, vagy ami még rosszabb, mint egy hiba a papíron. Minél inkább részletes egy logó, annál több infót kell feldolgoznia az észrevevőnek. Egy logónak emlékezetesnek kell lennie és az egyik legjobb módja annak, hogy emlékezetessé tesszük, ha nem bonyolítjuk túl a dolgokat. Nézd csak meg a vállalati jegyeit a Nike-nak, a McDonald’s-nak vagy az Apple-nek. Mindegyik cég egy kifejezetten egyszerű ikonnal rendelkezik, ami könnyen reprodukálható akármilyen méretben.

7) Színeken alapuló hatás

Ez egy nagyon tipikus hiba. Néhány designer alig várja már a tervezés során, hogy színt vigyen a formára és néhányan teljesen erre támaszkodnak. A színválasztás kell, hogy az utolsó döntés legyen, szóval a legjobb, ha fekete-fehérben kezdesz el dolgozni. Minden vállalkozónak szüksége lesz az egyszínű változat megjelenítésére valamikor, így a designernek kötelessége ellenőrizni, hogy ez hatással van-e a logó identitására. Ha színválasztással oldod meg a különbséget a logó egyes elemei között, akkor a logó teljesen máshogy fog kinézni egy tónusban.

Gyenge betűtípusválasztás

Amikor logót tervezel, a betűtípusválasztás a legfontosabb döntés amelyet designerként hozol. Nagyon gyakran a gyenge betűtípusválasztás miatt buknak meg a logótervek (A példán is jól láthatjátok ezt, a „hírhedt” Comic Sans betűtípussal).

A tökéletes betűtípus megtalálása csupán annyiból áll, hogy a betűt az ikon stílusához kell igazítani. Itt azért vannak trükkök. Ha túl közeli az egyezés, akkor az ikon és a betű „versenyezni” fog egymással a néző figyelméért, ha ennek az ellenkezője, akkor a néző nem tudja mire fókuszáljon. A kulcs a megfelelő egyensúly megtalálása, valahol a kettő között. Minden betűtípusnak van egy személyisége. Ha a betűtípus, amit választottál nem tükrözi az ikon karakterét, akkor a márka üzenete egyáltalán nem fog célba találni.

Rossz betűtípusokat gyakran azért is választunk, mert nem vesszük elég komolyan a döntést. Néhány designer simán csak rádobál betűtípusokat egy logótervre, mint egy utógondolat.

A professzionális weboldalak, mint a MyFonts vagy a FontFont sokkal jobb típusokat ajánlanak, mint a mára már túlhasznált ingyenes website-ok.

9) Túl sok betűtípus

A túl sok különböző betűtípus használata olyan, mint amikor valakinek egy fotóalbumot próbálsz mutatni egyszerre. Minden betűkép különböző és a nézőnek időre van szüksége, hogy felismerje azt. Ha túl sokat használsz egyszerre, összezavarodást okozhat.

Maximum 2 betűtípus használata különböző méretekkel a legjobb gyakorlat. Ha erre a számra korlátozott az egyszerre használt betűtípusok számát, akkor nagyban növeled a logó olvashatóságát és a márkafelismerést.

10) Mások másolása

Ez az összes közül a legeslegnagyobb logótervezési hiba és sajnálatos módon egyre gyakoribb. Ahogy már tárgyaltuk, egy logó célja, hogy képviselje az üzletedet. Ha ugyanúgy néz ki, mint valaki másé, akkor megbukott ilyen szempontból. A másolás senkinek sem érdeke, sem az ügyfélnek, sem pedig a designernek.

[forrás - Smashing Magazine]

A következőkben 10 tipikus logótervezési hibát veszünk sorra, amelyekre ügyelned érdemes logótervezés során.

1) Egy amatőr által készített

Egy professzionális üzlet nézzen ki professzionálisan. Új vállalkozás tulajdonosok gyakran invesztálnak hatalmas összegeket ingatlanba, felszerelésbe, de gyakran ehhez nem igazítják hozzá az arculat tervezés megfelelő költségvetését. A legfőbb okok, ami miatt sok logó kimondottan amatőrnek tűnik az alábbiak:

• Az üzlet tulajdonosa pénzt akart spórolni azáltal, hogy gyorsan ő maga tervezte meg a logót
• Egy barát vagy rokon, aki „érteget” valamelyest a grafikához szívességből összedobja
• A nem megfelelő embereket bízták meg (a helyi nyomdák nem feltétlenül profik)
• Egy online cég készítette el, amely nagyon olcsó logókat árusít

A fentiek mindegyike katasztrofális eredményekhez vezet. Ha a logót amatőrnek tűnik, akkor az üzleted is.

Egy vállalkozásnak tudnia kell, kihez forduljon, amikor a legjobb logót szeretné.

Mik az előnyei, ha felbérelsz egy professzionális logó designert?

• A logód egyedi és emlékezetes lesz
• Nem lesznek problémáid a későbbi másolással
• A logód hosszabb élettartamú lesz és nem kell újat terveztetned néhány éven belül
• A logód professzionálisan fog kinézni

2) A divatot követi

A trendek (akár hullámok, akár csillog-villogás) jönnek és mennek és végső soron klisékké válnak. Egy jól megtervezett logó időtálló kell, hogy legyen és ezt úgy kerülheted el, hogy elfelejted a legújabb trendeket és trükköket. A lehető legnagyobb klisé a logótervezésben a rettegett „céges swoosh” (a logó körüli ….), amellyel végül is tutira megyünk. A logótervező feladata, hogy létrehozzon egy egyedi identitást az ügyfélnek, így ha teljesen ignorálod a legújabb logótrendeket, akkor döntesz a legjobban.

3) Raszter képek használata

A standard gyakorlat logótervezésnél a vektoros grafikai szoftver használata, mint például az Adobe Illustrator vagy a Corel Draw. A vektor grafika matematikailag precíz pontokból tevődik össze, amely garantálja a vizuális konzsiztenciát akármilyen méret esetén. A másik alternatíva, hogy raszter grafikai képet használunk, mint például az Adobe Photoshop. A raszter grafika – vagy más néven „bitmap” – pixeleket tartalmaz. Logók esetén nem ajánlatos a raszter képek használata, mert az újragyártásnál problémákat okozhat. Bár a Photoshop képes hatalmas logókat készíteni, soha nem tudhatod, hogy mekkorára lesz szükséged valamikor. Ha elég jól rázoomolsz egy raszter képre, akkor pixelesnek tűnik, amely használhatatlanná teszi. A vizuális konszintencia megőrzése minden méretnél alapvető kritérium minden logó esetében.

A vektor grafika legfőbb előnyei: logótervezésnél:

• A logót bármekkorára nagyíthatod anélkül, hogy veszítene a minőségéből
• Későbbi szerkesztése a logónak sokkal egyszerűbb
• Sokkal könnyebben adaptálható egy másik médiumra, mint a raszter képek

4) Tartalmaz „stock art”-ot (stock: „raktár”- itt: interneten található fotó vagy logóraktárra utal)

Ezt a hibát sok vállalkozás tulajdonosa elköveti, akik saját maguknak tervezik a logót vagy amatőr designerek, akiknek fogalmuk sincs a szerzői jogok védelméről.

Raktárból való vektoros képek letöltése olyan weboldalakról, mint például a VectorStock nem bűncselekmény, de valószínűleg bajba keveredsz, ha azt szeretnéd  beépíteni egy céges logóba.

Egy logónak eredetinek és egyedinek kell lennie és a licensz feltételek csak az adott ügyfélre vonatkozzanak: „raktár művészet” használata mindkét szabályt megsérti. Elég jó eséllyel valaki más a világ egy másik pontján már használja azt a grafikát, így a tiéd soha sem lesz egyedi. Nagyon könnyen ki tudod szúrni a „raktárból való képeket” a logókban, mert általában ezek ismerős alakzatok, mint például egy földgömb vagy egy sziluett.

5) Saját magadnak tervezel az ügyfél helyett

Könnyen kiszúród ezt a hibát messziről is; a legfőbb oka általában a designerek hatalmas egója. Ha találsz egy baromi klassz új betűtípust, amit alig vársz, hogy kipróbálhass élesben a tervezés során, akkor…nos ne tedd!

Kérdezd meg magadtól először is, hogy az a betűtípus valóban illik-e az adott üzlethez, amihez tervezed? Például egy hatalmas modern nyomdai betűtípus amit imádsz, nem igazán illik egy komolyabb céghez, mint például egy ügyvédi iroda.

Néhány desiner elköveti azt a hibát is, hogy a munkában szerepeltetnek egy saját „védjegy”-et.  Nyilvánvalóan légy büszke a saját munkádra, de a saját személyiséged letükrözése egy logóban nagyon rossz döntés. Mindig koncentrálj az ügyfél igényeire és ragaszkodj a követelményekhez.

[forrás - Smashing Magazine]

Ma megjelent a WordPress 3.3.1-es verziója, ami kisebb hibákat javít a motorháztető alatt. Erről nem is írnék többet, akit nagyon érdekelnek a változások, az megtalál róla minden információt itt.

A 3.3-as frissítés viszont ennél érdekesebb volt.

A legszembetűnőbb az admin felület navigációjának változása. Ez még nekem is szokatlan, de összességében tetszik. Nem kell többé nyitogatni új bővítmény telepítéséhez vagy új bejegyzés írásához, és nem lesz ronda összevisszaság, ha nem csukom vissza a főmenüket. Az új előugró menükkel minden szép és rendezett marad.

Összegyúrták még nekünk a látogatói oldal fejrészét az adminsávval, így bárhol egy kattintással mehetünk az új bejegyzés oldalra, tölthetünk fel képeket, stb.

Ha már a képfeltöltésnél járunk,nézzük ennek is a változásait:

Az összes fájltípus egy felületen tölthető fel, ráadásul már fogd és vidd módszert is használhatjuk az új felületen. Ez nagyban megkönnyíti a dolgunkat.

Gazdagodott az iPad/tablet támogatás is. Álló nézetben összecsukódik a navigáció, az eszköztár szépen a helyén marad görgetésnél.

IE Tab 2

Hatalmas újdonságot nem nyújt, de nagyon meg tudja könnyíteni a munkánkat. A böngészők tesztelése közben még meg sem kell nyitnunk az Explorert. Egy kattintással a Firefoxon belül meg tudjuk tekinteni, hogy is néz ki IE alatt weboldalunk, majd egy másik kattintással visszaválthatunk FF-ra.

Rainbow

Ezzel a kis kiegészítővel az éppen megnyitott oldal színeit tudjuk megtekinteni. Ha megtetszik egy szín, csak katt a szivárványra, és máris megmutatja a kurzor alattit és annak kódját egy kis téglalapban. A színeket címkékkel és url-el ellátva elmenthetjük a Color Library-ba. A Website Analyzer-rel megnézhetjük az oldal 6 legjellemzőbb színét, ezeket szintén elmenthetjük.

Firebug

Talán ez a leghasznosabb kiegészítő, ezt használom leggyakrabban. Egy gombnyomással megnézhetjük az oldal HTML és CSS kódját. Az elemeket szépen intéző-szerűen bontogathatjuk a body-tól egészen a bekezdésekig. Ezeket a weboldalon a Firebug ki is emeli nekünk, így nem kell keresgetni, hogy épp melyik div tartalmát látjuk. Ugyanez fordítva is működik, az oldal egyik elemére kattintva megmutatja a kódot és a rá vonatkozó CSS-t. További hasznos funkciója, hogy a HTML-t és a CSS-t is átírhatjuk vele, amit a böngésző azonnal megjelenít.

+1: Delicious Bookmarks

Nem nagyon kapcsolódik a webszerkesztéshez, de talán ezt az addont használom legrégebben. A Delicious-t szerintem nem kell bemutatnom, a könyvjelzőinket menthetjük el egy online adatbázisba, adhatunk hozzá tag-eket, leírást. A kiegészítő a címsor mellé helyez el 3 kis ikont. Az elsővel a delicious.com-on nyitja meg a könyvjelzőinket, a másodikkal a böngésző bal odlalán mutatja meg nekünk az elmentett oldalakat és a címkéket. A 3. ikonra kattintva tudjuk az aktuális weboldal URL-jét elmenteni adatbázisunkba.

Mindegyik letölthető a https://addons.mozilla.org/hu/firefox/ oldalról.