Nagy website-k tervezési megfontolások BKÁE 2004
Miről lesz szó? Web
csapat összeállítása web projektek főbb lépései Webmarketing tanácsok Információ architektúra Információ architektúra példa
Webcsapat A webcsapat feladatai: a felső vezetés támogatása a cég webstratégiájának meghozatalában webfejlesztési projekt menedzselése belső vagy külső fejlesztési erőforrások bevonásával Üzemeltetés, tartalommenedzselés Lehet egy embertől több 100 fős csapatig.
Webcsapat Internet ügyvezető testület tagjai: üzleti, és IT felsővezetői vagy általuk delegált tagok Feladata: döntéshozatal projektindítás, felügyelet, költségvetés tekintetében Státuszjelentés, projektütemezés
Webcsapat Webmester, e-commerce menedzser Felelős a cég Internet programjáért, “mindent tud, mindent lát” Ismeretek: – üzleti – iparági – Internet technológia
Webcsapat Projekt menedzser felelős a projektjéért Beszámoltatható: – projektterv – elért célok, mérföldkövek – erőforrás gazdálkodás
Webcsapat Web építész gyakorlott technikai személy – webtechnológia (webszerverek, HTML, JavaScript, Java, JSP stb.) – Adatbázisok – komponens alapú programozás – Installálás, üzemeltetés, oktatás
Webcsapat Tartalommester felelős a biztosított tartalom megfelelő helyre való bevitelére Ismeretek: – HTML, Javascript – a cég dokumentációs, oktatási szabványai
Webcsapat Tartalom menedzser a cég egyes üzletági felelős vezetői, kik a tartalom biztosításáért felelősek (általában marketing szakemberek) web ismeretek alapvetően nem szükségesek, célszerű bevonni őket az új fejlesztések tesztelésébe.
Webcsapat Grafikai tervező: felelős a website egységes grafikai arculatáért Ismeretek: – reklám, oktatási és webgrafikai tapasztalat – Webgrafika sajátosságai – grafikai eszközök (editorok, segédprogramok)
Webcsapat Adatbázis adminisztrátor felelős website támogatását biztosító adatbázis tervezéséért, hangolásáért Ismeretek: – RDBMS ismeret – biztonsági ismeretek – webtechnológia sajátosságai
Webcsapat Rendszeradminisztrátor felelős a website szolgáltatást biztosító szerverek és hálózat rendelkezésre állásáért, biztonságáért, és hiba esetén a tartalom lehetőleg legteljesebb visszaállításáért
Webprojektek Sikeres website - 5 “C” egysége Tartalom (Content) Összefüggések (Context) Vagány (Cool) Kapcsolat (Contact) Irányítás (Control)
Webprojektek Megvalósíthatósági
tanulmány -
– jelenlegi helyzet, – erőforrás, pénz, – Alapelképzelések, statégiai irányvonalak Célok,
pontos igények meghatározása – Cél: marketing, értékesítés? termékszolgáltatás?
Webprojektek
Website terv készítés: – Milyen felhasználókat célozunk meg (a site-unk vonatkozásábanÖ gyakorlott
felhasználók -pl. extranet kezdő felhasználók Nemzetközi felhasználók
– Milyen információ jelenik meg és milyen módon szervezve Vázlatkészítés forgatókönyvek
Webprojektek Tartalom előállítása: Marketing, üzlet feladatai marketing statégia tartalom előkészítése keresőkhöz való optimalizáláshoz
Webprojektek Webtervezés: 3-7 előzetes tervezet Grafikai terv: – színek, betűtípus oldalmegjelenés – grafikák, piktogrammok
Oldalgenerálás: – – – –
statikus dinamikus részlegesen dinamikus részlegesen statikus
Webprojektek Website előzetes jóváhagyása: A tervezetek közül kiválasztjuk a legmegfelelőbbet és ezt fogjuk megvalósítani.
Webprojektek Website programozása: HTML, Javascript megvalósítás Dimamikus oldalak generálása – CGI, JSP, ASP, PHP, Perl programozás – Adatbázis séma elkészítése – Programozása standardok – Program fejlesztő – HTML kódoló (tervező) funkciók felosztása
Webprojektek Website tesztelése: Tartalmi teszt: – A projektbe bevont üzleti dolgozók – Kiválasztott ügyfelek Működési
teszt – terhelési tesztek – rendszergazdák
Webprojektek Website átadása: Telepítés a végső környezetbe (ISP) Oktatás, dokumentáció (felhasználói-fejlesztői)
Webprojektek Website online és offline marketingje: TV, újsághirdetésekben a website feltüntetése Keresőprogramokba regisztrálás Online marketing: – – – –
banner hirdetések Email hirdetés online nyereményjáték stb. Szponzoráció
Webmarketing tanácsok a tervezéshez Web alapvetően különbözik a többi médiától: A felhasználó hihetetlenül türelmetlen, hihetetlenül okos, hihetetlenül igényli az interaktivitást A website tervezésnél sajátos „marketing stratégiát„ kell alkalmaznunk.
Webmarketing tanácsok a tervezéshez Használjunk a erős üzenetet tartalmazó címsort! A címsor az első benyomás a termékről, szolgáltatásról a felhasználónak. Milyen címsort használjunk: – A termék, szolgáltatás hasznoságát hangsúlyozzuk, vagy – Újdonságot kifejező címsort, vagy – Érdekességet, kuriozitás fejezzen ki.
Webmarketing tanácsok a tervezéshez
Hogyan nézzen ki a jó címsor: – Legyen domináns a lapon – Fókuszáljon a látogatóra ( „az Ön….”, „Önnek” kifejezések) – Legyen pozitív üzenete!
Milyen ne legyen? – Ne használjuk a társaság szlogenjét, cég nevét! – Ne kezdjünk magyarázatba, hogy mit csinál a cégünk! – Ne legyünk túlságosan rabjai a terminus technicusnak!
Webmarketing tanácsok a tervezéshez A termék, vagy a szolgáltatás legyen a website főszereplője! A felhasználó azt keresi, mivel segíthetnénk neki. Nem céginfókra, nem piaci pozícióra kíváncsi elsősorban!
Webmarketing tanácsok a tervezéshez Ha szolgáltatást adunk el: Használjunk fotókat, grafikus ábrázolás nehézkes! – Mutassuk be, hogy hogyan használják a szolgáltatást az ügyfelek! – Előtte-utána képek (pl. fodrászat, plasztikai sebészet stb.)
Webmarketing tanácsok a tervezéshez Ha terméket adunk el: Ne csupán a terméket mutassuk be, fotó, ábra segítségével! A szövegesen domborítsuk ki, milyen előnyökkel jár a termék használata! Egy oldalon maximum két gépelt oldalnyi szöveger helyezzünk el! Segítsünk a további használati lehetőségek ajánlásában! (pl. ital - koktélreceptek)
Webmarketing tanácsok a tervezéshez A főszereplőnek dominánsnak kell lennie a lapon: A termék/szolgáltatás képe legyen: – Nagyobb mint a céglogo – Nagyobb mint, a minősítések, ajánlások – Nagyobb, mint a cég létesítmények – Nagyobb, mint a cég dolgozóinak képe
Webmarketing tanácsok a tervezéshez Mindenki a főszereplőre kíváncsi! A terméket/szolgáltatást azonnal jelenítsük meg a honlapon. Lehetőleg kerüljük a fölösleges kezdőlapokat ( pl. kezdő Flash animációk) Profi grafikai tálalás
Webmarketing tanácsok a tervezéshez A website hívjon fel egyértelmű üzenettel, mit kell a felhasználónak tennie! „Hívj most”, „Ingyen elérés azonnal…”, „Azonnali kedvezmény…” Az üzeneteket ismételjük meg minden téma végén! Az üzenet ne legyen támadó, inkább együttműködésre serkentő!
Webmarketing tanácsok a tervezéshez A márkajegyek használjuk konzisztensen! Termék logo Termék név Kulcs üzenet Grafika – Színek – Elhelyezés – Betűtípus, mozgások
Keresők megfelelő tagolás, META elemek elhelyezése
Webmarketing tanácsok a tervezéshez A felhasználó könnyen elérjen bennünket: Telefonszám megadása minden lap alján (ingyenes számok lehetőleg) Mini-kontakt űrlap – struktúrált üzenet Email elérhetőség Fizikai elérhetőség (cím, postacím, térkép) a céghez.
Webmarketing tanácsok a tervezéshez Használjunk a terméknek, üzletágnak megfelelő grafikai megjelenést! Vegyük figyelembe a keresőprogramok működési elveit! Helyezzük el a partnereink logóját! Bizonyítsuk, hogy egy valódi, reputációval bírócég vagyunk! Tartsuk tiszteletben a látogató személyes adatait!
Információ Architektúra Információ építész: Az az egyén, aki a megkapott komplex adatokat világos szerkezetűvé alakítja. Az az egyén, aki információ térképeket készít, amely által mások kialakítják saját útjukat a tudáshoz. XXI. Századi foglalkozás, amely a korigényei szerint, az emberi megértés, a világosság, a információszerveződés tudományával foglalkozik. Richard Saul Wurman
Információ Architektúra Az Információ Építész feladatai: Pontosan értenie kell mit csinál ma az site, és hogyan fog működni a jövőben Tisztázza az eltéréseket a site missziója és víziója között, úgy hogy megteremti az összhangot a fenntartó szervezet és a közönség igénye között Meghatározza a site tartalmát és funkcionalitását Specifikálja, hogy a felhasználók, hogyan fogják megtalálni az információt: site szervezését, navigációt, címkéket és a kereső rendszereket Leképezi, hogy időben hogyan fog változni és növekedni a site.
Információ Architektúra Felhasználói nézet: Gyorsan és könnyen akar információhoz jutni, azonban kevés információ is hiba! Felhasználók különbözők Egyes felhasználók azt sem tudják mit keresnek Ezért különböző információ elérése utakra van szükség.
Információ Architektúra Szervezeti nézete: A site szerketetének is a szervezet értékeit kell demonstrálnia Diplomatikus szerkezet kiküszöböli a „politika” csatákat Ezért a site tervezésékor el kell készülnie
Információ Architektúra Információ Építész szükséges ismeretei: Grafikai tervezés Infromációs és könyvtári ismeretek Újságírói ismeretek Marketing IT
Információ Architektúra készítése Meg kell határozni a site célját: Ki vesz ebben részt? Formális- infromális meghatározás?
Információ Architektúra készítése Kérdések, amire világos választ kell adni: Mi a szervezet feladata, vagy missziója? Mik a rövid, és hosszútávú célok? Ki megcélzott közönség? Miért jönnek a sitera az emberek? A válaszokat le kell szűrni! Eredmény – terv dokumentáció
Információ Architektúra készítése A
felhasználói tapasztalat és tudás meghatározása - csoportosítás Forgatókönyvek készítése – a felhasználó tudás alapján – Minden felhasználói csoporthoz – 3-6 forgatókönyv elkészítése Összehasonlítás
a versenytársakkal
Információ Architektúra készítése Összehasonlítás a versenytársakkal
A tervdokumentációt ezekkel a termékkel kiegészíteni
Információ Architektúra készítése A tartalmi és funcionális követelmények meghatározása: Két listás módszer – Készítünk egy saját tartalmi listát – majd mindenki saját tartalmi igényeit próbálja összekapcsolni, kiegészíteni – tartalmi „raktárkészlet” Ehhez igazítjuk a funcionális igényeket (statikus lap, tranzakciós lap stb) Csoportosítsuk és nevezzük el a tartalmat Kiegészítjük a tervdokumentációt!
Információ Architektúra készítése Struktúra meghatározása: Metafórák meghatározása – Szervezeti – Funkcionális – Vizuális Site-stuktúrát
szövegesen
fastruktúrában
Információ Architektúra készítése Navigációs
utak Metafórák és tartalom összekapcsolása Tervdokumentáció!
Információ Architektúra készítése
Vizuális tervezés Oldalelrendezés
Információ Architektúra készítése Tervvázlatok
készítése Prototípus készítés Dokumentáció!
