Biztos vagyok benne a szakmában sokan találkoztak már ezzel az ügyféltípussal, akinek csilli-villi modern weblap kéne, de amikor az árról kéne tárgyalni, akkor büdzsé az nincs. De oldjuk már meg.

Nagyjából ez olyan mintha bemennék egy autószalonba ahol kiválasztanám az egyik Audit és a kasszánál mondanám, bocs de csak a Suzukira van pénzem, de gondolom nem baj, oldjuk már meg.

Legutoljára egy menő étterem tulajdonosa játszotta el velem ezt. Kellett volna neki trendi weblap, de a büdzsére valami nevetséges összegett mondott. Természetesen megígérte, ha jó lesz a site akkor majd ajánlani fog az ügyfeleinek. Amikor jeleztem neki, sajnos nem tudom vállalni, viszont szívesen kajálnék nála egy hónapig, pénzem sajnos nincs, viszont ha jó a kaja, akkor ajánlom majd a haveroknak, akkor meg csak hápogott. Sajnos sokan bevállalják a fentieket, amivel sokat ártanak a szakmának. A weblap nem lesz profi, mert a profik nem dolgoznak ingyen, az ügyfél pedig csak egyre idegesebb lesz.

Azt látja folyamatosan gagyit kap, pedig már a harmadik embert bízta meg. A végére már simán kifizette azt az árat, amit az elején kellett volna egy profinak, de még mindig nincs jó weblapja. Ebben a helyzetben vagy megállnak a tulajok és marad ami van még pár évig, ezzel egy rakás pénzt bukva, vagy pedig csináltatnak egy újat profival.

Itt is egy rakás pénz megy ki az ablakon, de nagy eséllyel visszahozza majd az befektetett összeget hosszú távon, hiszen egy jól működő weblap fog elkészülni. Persze ez önmagában még nem garancia a sikerre, de sokat dobhat az esélyeken.

Valahogy nem áll össze a kép, drasztikusan romlik a színvonal. Hogy miért? Sok oka lehet, de a legtöbbször ez azért van, mert nagyon sokan fizetős Wordpress vagy Joomla templateket használnak fel a promóciós weblapjukhoz amit átmódosítanak vagy színeznek, amennyire azt képességeik alapján lehetséges.

Ezután a naív ügyfél azt látja, hogy egy profi weblappal rendelkező céggel van dolga, aki minden bizonnyal hasonló szintű munkákat fog tudni készíteni.

Nem érzem ezt tisztességes dolognak, mert gyakorlatilag ezek a cégek, webdesignerek megtévesztik az ügyfeleiket, hiszen nem tudják nyújtani azt a szintet amit a másolt weblapjukkal sugároznak.

Hogyan szűrjük ki a kóklereket?

Első körben ami a legfeltűnőbb lehet, a minőségileg romló aloldalak, a gyenge minőségű munkák, vagy a referenciák teljes hiánya. Ha ezek gyenge minőségűek, vagy nincsennek, akkor valószínűleg kóklerekbe futottunk. A másik árulkodó dolog az ár lehet, a prémium webdesign szolgáltatást nyújtó cégek akik 50 000 forintért komplett weblapokat kínálnak nem túl hitelesek. Persze láttam már olyat is, hogy brutál drágán hírdették magukat, viszont annál a cégnél a referenciák voltak a gyenge pontok.

Tuti recept tehát nincs, viszont az óvatosság mindig segíthet. Nézzük át mindig kit bízunk meg, hiszen ha beszívjuk, gagyi weblappal komoly üzletektől eshetünk el, mindamellett, hogy komoly összegeket dobhatunk ki az ablakon.

Nem köntörfalazok. Csúnyán le vagyunk maradva, nagyon csúnyán. A szokásos havi nyugati weblap mustrám közben ismét rá kellett jönnöm valamire. Ezek nagyon elhúztak! Rettenetes sebességgel jönnek a modernebbnél modernebb nyugati weblapok, brutális tipográfiával, HTML5-ös és Jquery trükkökkel és természetesen responsive webdesign-al.

Ehhez képest itthon mi pörög? Semmi. Egyre gagyibb weblapokat látok, a nagy marketing bullshit viszont pörög ezerrel. A helyi kreatív cégek nagy része elérte fejlődési csúcsát webdesign-ban, vagy nincs motiváció, igény vagy nincs több skill, de maximum a két kezemen megtudom számolni, ha össze kéne gyüjtenem kik azok a cégek akik magasabb szinten pörögnek a szakmában.

Nagyon nem jó ez így, kicsi az ország kicsi piaccal, de az, hogy egy nyomorult weblap galériát nem lehet összerakni, mert nincs mivel megtölteni, ez azért hatalmas szégyen.

Kétségbeesett kapkodást látok mindenhol, melynek eredménye a vásárolt Wordpress sablonok átszerekesztése, melyről az ügyfél nem tudja, hogy több ezer hasonló létezik. Van persze aki átszerkeszti ezeket, de mivel nincs meg a skill a sablon minőségéhez, lehet látni, hogy kontár munkát végez és a végeredmény ismét egy silány weblap lesz.

Az idősebb generáció bullshittel és a jó kapcsolatok ápolásával próbál fennmaradni. Sajnos ez a réteg van a legjobban lemaradva, nekik már csak egy dolog maradt, az illúzió elhintése az ügyfél előtt. A régen még kiemelkedő minőséget produkáló top ügynökségeink is öntik a szemetet, hiszen a kristálypaloták fenntartása nem két forintba kerül, rövid határidő alatt kell rengeteg projektel elkészülni. Utánpótlás viszont alig akad. Egyszerűen nem tudunk kitermelni annyi tehetséget, amennyit a webes szakma feltudna szívni. Ráadásul a tehetségek nagy része nem is bohóckodik itt, hanem egyből koccol külföldre.

Nem túl biztató jövő ez sokak számára. De végül is a tisztulás sosem árt.

Ígéretemhez híven folytatom a cikk sorozatot, melyben a reszponzív webdesign-nal kapcsolatban adok tippeket.

Mi is az a reszponzív webdesign?

A reszponzív webdesignal készült weblapok tökéletesen megjeleníthetőek mobilon, tableten és a hagyományos monitorokon, ultra-felbontású monitorokon egyaránt. Nem kell többet bajlódnunk új weblappal, ha például mobilra is szeretnénk értelmesen megjelenő oldalakat, hiszen egy HTML fájlunk van amit több CSS fájlal jelenítünk meg megfelelően, különböző eszközökön.

Amennyiben szeretnél további információt a reszponzív webdesign-ról, látogasd meg ezt a linket: A responsive web design pár mondatban

Hogyan essünk neki?

Első körben mindenképpen kezdjünk el tervezni, hálóterveket készíteni. Mindenképpen a mobil verzióval kezdjünk és csak utánna haladjunk a tablet és desktop irányába. Fontos, hogy a mobil verziónál jóval kevesebb elemet rakjunk csak ki, ne legyenek 10 lapnyi hosszúságú mobilra optimalizált oldalak, mert senki sem fogja végig tekerni őket. Csak a lényeget helyezzük el a mobil oldalakra, használjuk bátran a Display: none; CSS parancsot.

A mobil verziónál figyeljünk még az eltartásokra és a betűméretkre is, hiszen például egy 12 pixel nagyságú betűméret már nehezen olvasható egy Iphone kijelzőjén. Ne felejtsük a "fat finger" problémát sem, amikor a mobil felületet tervezzük.

A megfelelően felépített reszponzív weblap megtervezése nagyon időigényes, de ne sajnáljuk rá az időt, hiszen a tervezéssel rengeteg időt spórolhatunk meg.

Sokan nem tudják, de az IOS eszközökön a Safariban van egy hasznos funkció amivel weblapunkat ikon formájában elmenthetjük az Ipad-unk vagy Iphone-unk főképernyőjére (Homescreen). Hasznos dolog ez, mert így egy gombnyomással eltudja érni bárki a weblapunkat.

Az ikon elkészítése

Hozzunk létre egy 512×512 pixel méretű képet, amibe rajzoljuk, vagy méretezzük bele az ikonunkat. Ez tökéletesen fog mutatni a Retina kijelzős eszközökön, de régebbi retro IOS termékeken (Iphone 3g, Ipad 1) is jól fog mutatni, hiszen szoftveresen leskálázódik a felbontás.

Mentsük el a képet apple-touch-icon.png néven, ha szeretnénk rá shájni tükröződést, amit automatikusan tesz rá az IOS. Ha nem szeretnénk semmilyen effektet, akkor apple-touch-icon-precomposed.png néven mentsük el.

Ha megvagyunk a fentiekkel, akkor az elkészült képet szimplán töltsük fel a weblapunk gyökér könyvtárába. Majd pedig teszteljük le. Töltsük be a weblapunkat, kattintsunk a share gombra, majd jelöljük ki középen az ikonunkat (Add to Home Screen). Adjunk neki nevet.

Voilá! A shájni verzió valamiért nekem jobban tetszett, ezért azt a verziót használtam a siteomhoz. Sok sikert!

Régóta szemeztem az Ipad minivel. Természetesen remegve végignéztem a keynote-ot, minden bullshitet elolvastam róla, ahogy az Apple függőknél illik. Majdnem rendeltem is egyet, de aztán mégis meggondoltam magam, ugyanis van Retina padom, aminek jóval jobbak a tulajdonságai.

A napokban jártam egy Apple boltban, nem bírtam ki és rávetettem magam egyből a minire. Ekkor ért az első hidegzuhany, amikor rápillantottam a képernyőjére. Mi ez a fos felbontás? Jézus!

Rettentesesen gagyi képe van egy Retinás pad után! Alacsony felbontás kicsi képsűrűséggel, kb. a Sony PSP-nek volt ilyen gagyi felbontása. Nem értem az Applet, teljesen rá vannak úszva a profitra, semmi más nem számit. Steve Jobs nem akarta ezt a készüléket, de ha valami csoda folytán mégis hagyta volna kijönni, tuti nem engedte volna ki ilyen fos képernyővel.

A design viszont, szuper ahogy lennie kell. Nem javaslom senkinek megvételre, meg kell várni az újat belőle jövőre, tutira Retinával fog jönni. Most nézem a neten "Négy éves mélyponton az Apple részvényei" Nagyon nem lesz ez így jó…

Közel egy éve megújult weblapomat immár véglegesen lecseréltem. Több közeli ismerősöm is kérdezte, akik már tudtak róla, hogy lefogom cserélni, hogy minek csinálok újat. A válasz egyszerű volt, nem voltam elégedett vele. Egy teljesen up to date siteot akartam, amit tökéletesen működik mobilon, tableten és desktopon egyaránt. Ezt úgy gondolom kitartással sikerült elérnem.

A folyamatos munkák közben estére már semmi energián nem maradt, viszont máskor nem volt időm arra, hogy foglalkozzak a dologgal, ezért a hajnali Xboxozások helyett mi mást csináltam, mint az új siteal foglalkoztam. Úgy gondolom megérte az időt rászánni.

Az arculatot nem akartam radikálisan lecserélni mint amikor barnából váltottam hirtelen fehérbe, ugyanis elégedett vagyok vele, csak egy kicsit finomítottam rajta. A rengeteg időt a responsive design kódolásának megszokása vitte el, ugyanis egyszerre három síkban kellett látnom. Rettenetesen nehéz volt megszoknom azt, hogy mobil nézetből tervezek a desktop irányába, de szerencsére a végére ahogy teltek a hetek, sikeresen megoldottam.

A másik nagy dilemmám a megfelelő CMS rendszer kiválasztás volt. Én a kezdetek óta ExpressionEngine-t kezdtem el használni, viszont a popularitása miatt a Wordpressben gondolkoztam. Ezt végül elvetettem, az idő hiány miatt, illetve az Expression Engine 2 szerencsére hatalmasat fejlődött a kezdeti bugos korszakhoz képest, ezért maradtam a jól megszokotnál. Csak ajánlani tudom.

Összességében elégedett vagyok az új siteal, a következő 2-3 évben nem kívánom lecserélni, hanem szépen finomítgatni fogom. A következő időszakban főleg a kontent gyártásra fogok fókuszálni, illetve a meglévő hiányosságokat fogom pótolni. Például nem lehet még a blogban kommentezni. De hamarosan majd igen :)

A legidegesítőbb dolog egy webdesigner számára, amikor az ügyfél szakmailag elfogadhatatlan dolgokat kér.

Mi a legidegesítőbb egy webdesigner számára? Természetesen az, amikor az ügyfél többszöri ellenjavaslat ellenére is ragaszkodik a számára jónak tünő design módosításokhoz és a szépre megtervezett design terv és az elkészülő weblap csúnyább lesz, mint ahogy eredetileg megtervezve lett a sok módosítástól.

Régebben ezen sokat idegeskedtem, ha egy ügyfélnek hiába magyaráztam, hogy az extra módosítások amiket a webdesign terven kér, azok szakmailag nem állják meg a helyüket.

Elhiszem! De nekem akkor is így tetszik!

Ma már bosszant, de nem idegesít a dolog. Természetesen amíg lehet felhívom az ügyfél figyelmét, ha hülyeséget kér, de nem erőltetem egy bizonyos szintnél túl, hiszen mindig az ügyfél a főnök, hiszen ő fizet és az ő elégedetsége a legfontosabb.

A wireframek gyakorlatilag vázlatok, melyek segítségével az elkészülendő weboldalakat viszonylag egyszerűen tudjuk felvázolni.

Megtudjuk rajzolni viszonylagosan az oldalon megtervezendő elemeket és segítségükkel rálátásunk lesz, hogyan is fog kinézni a leendő weblap. A hálóterveket régen papíron rajzolták ma már van erre sok jó szoftver (Axure, Visio, Omnigraffle), de persze van aki még mindig a papírt szereti, én ezt már nem javaslom.

A hálóterv jó az ügyfélnek, mert már nagyjából látja hogyan fog kinézni a weblapja, valamint ha közel méretarányosan van elkészítve a hálóterv, akkor a usability, online user experience problémákat is kilehet szűrni vele. A designernek is hasznos, hiszen pontosabb rálátása lesz az ügyfél igényeire, már előre tudja tervezni a weblapot és kitudja szűrni a usability problémákat, amennyiben ért hozzá. Az elkészülendő weblap bonyolultságától függően, érdemes a hálótervek részletgazdagságával foglalkozni. Értelemszerüen egy nem túl bonyolult, minimál funkcióval ellátott weblap tervnél felesleges részletgazdag hálóterveket készíteni, viszont egy komplex online szolgáltatásnál, vagy portálnál, igen hasznos lehet.

A rosszul megtervezett hálóterv elviheti a projektet teljesen rossz irányba is. A designer besokal, nem tudja kivitelezni a kért tervet, az ügyfél ideges. Amennyiben nem tud működni a design-nal, abban az esetben újra kell gondolni a hálótervet és megpróbálni kivitelezni új irányból a nem működő weblap részeket. Sok dolog csak a design megvalósítása után derül ki, hogy nem működik, de ez a velejárója a dolognak, ettől lesz tökéletesebb a weblap. Persze az ügyfelek egy része ezt nem honorálja és általában az ügyfél felhozza, hogy mire pörög "fölöslegesen" az óradíj. De ez még a jobbik eset. Magyarországon a legtöbb esetben nem is kérnek hálótervet, mert nem fér bele a büdzsébe. Aztán már csak a designer ügyességén és szerencséjén múlik a dolog, hogy az elkészült design után mennyire fognak felbukkanni a nem várt ergonómiai problémák.

Legtöbbször ilyenkor az ügyfél észre sem veszi, hogy az oldal nem úgy működik ahogyan kéne, csak a színeket nézi.

"Szép rikító!"

Közben az nem számít, hogy az oldalon kulcsfontosságú elmeket nehezen lehet elérni, a designer pedig nem fog szólni, hiszen hülye lenne. Rosszabb esetben a designer se látja a hibákat.

Összességében tehát ne sajnáljuk a pénzt a hálótervekre, profi weblapot szeretnék kapni.

Az idei megkeresések tartalmából kezdem tisztán látni, hogy itthon is nőnek az igények a weblapok minőségével kapcsolatban.

Egyre több csapat, cég, tulajdonos veszi észre, hogy ami van weblapja már elavult és elég sokan kérnek tőlem tanácsot, weblap, portál elemzést ezzel kapcsolatban. A probléma ott kezdődik, hogy fizetni senki nem akar érte, vagy minimálisat. Nem is értem, miért kéne nekem órákat ülve a tapasztalataimat ingyen leírni valakinek aki tudja hogy nem jó a website-ja, de pénzt nem akar szánni rá.

A másik nagy probléma az utánpótlás. Az igény növekszik, de profi szakembereket aki tudják hozni a nyugati szintet nagyon keveset ismerek itthon. Aki ilyen, az vagy bevan betonozva egy céghez hatalmas fizuért, vagy már rég külföldön pörög, vagy valakinek az embere. A kliensek rendszerint profi nyugati weblapokat mutogatnak mintaként:

"Igen ilyet szeretnék, hasonlót!"

Azt viszont nem tudják hogy az általuk mutatott nyugati példákat mennyien, mennyiért és mennyi idő alatt készítették. A köztudatban még mindig az van itthon, hogy weblapot bárki tud készíteni, hiszen eddig is tudott mindenki, minimál pénzért akár. Ez természetesn így is van, csak a minőség nem mindegy.

A legjobb példák erre, amikor egy országos nagyvállalatnál azt hiszik, ingyen fogok terveket "összedobálgatni" vagy amikor egy potencionális ügyfél elkezd kioktatni, hogyan kell weblapokat tervezni.