Nagy website-k tervezési megfontolások BKÁE 2004

Átírás

1 Nagy website-k tervezési megfontolások BKÁE 2004

2 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

3 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.

4 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

5 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

6 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

7 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

8 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

9 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.

10 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)

11 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

12 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

13 Webprojektek Sikeres website - 5 C egysége Tartalom (Content) Összefüggések (Context) Vagány (Cool) Kapcsolat (Contact) Irányítás (Control)

14 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ék- szolgáltatás?

15 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

16 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

17 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

18 Webprojektek Website előzetes jóváhagyása: A tervezetek közül kiválasztjuk a legmegfelelőbbet és ezt fogjuk megvalósítani.

19 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

20 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

21 Webprojektek Website átadása: Telepítés a végső környezetbe (ISP) Oktatás, dokumentáció (felhasználói-fejlesztői)

22 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 hirdetés online nyereményjáték stb. Szponzoráció

23 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.

24 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.

25 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!

26 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!

27 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.)

28 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)

29 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

30 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

31 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ő!

32 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

33 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 elérhetőség Fizikai elérhetőség (cím, postacím, térkép) a céghez.

34 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!

35 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

36 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.

37 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.

38 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

39 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

40 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?

41 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ó

42 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

43 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

44 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!

45 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 fastruktúrában szövegesen

46 Információ Architektúra készítése Navigációs utak Metafórák és tartalom összekapcsolása Tervdokumentáció!

47 Információ Architektúra Vizuális tervezés Oldalelrendezés készítése

48 Információ Architektúra készítése Tervvázlatok készítése Prototípus készítés Dokumentáció!