Web site design (formatervezés) Forrás: Bokor Péter szakdolgozata (2002) és a benne megadott hivatkozások. 1.

Az előadások a következő témára: "Web site design (formatervezés) Forrás: Bokor Péter szakdolgozata (2002) és a benne megadott hivatkozások. 1."— Előadás másolata:

1 Web site design (formatervezés) Forrás: Bokor Péter szakdolgozata (2002) és a benne megadott hivatkozások. 1

2 A formatervezés főbb jellemzői iteratív, designer-fejlesztő-menedzser kapcsolatra épül, a változtatásokat felhasználói tesztek előzik meg, követi a szervezet általános arculatát, alá van rendelve a tartalomnak, felhasználja a hasonló témájú oldalakat, először a témák készülnek el, és ezekből építkezik, az elemek mínősége (pl. színmélység), mérete a sávszélességhez igazodik, kiemelten fontos a kezdő- és a főlap. 2

3 Kérdések a fejlesztés előtt mennyire fontos a szervezet számára, milyen technikával rendelkeznek a megcélzott látogatói szegmensek, rögzített vagy rugalmas odalak legyenek, flash, Javascript, speciális elemek alkalmazása, hány évig fog üzemelni a webhely, a potenciális látogatók igényei, pontosan kik a potenciális látogatók, mekkora legyen az oldalak mérete, milyen adatokat lehet kinyerni a webhelyről, mit fog először látni a látogató. 3

4 Arculat Az arculat kifejezés egy szervezet külső és belső környezetével folytatott kommunikációs és tevékenységprogramjának leírására szolgál. Részei: a belső közönségcsoportoknak a szervezetről és szerepléséről alkotott képe, a szervezet szavakban, tettekben és fizikai jelentésben megnyilvánuló szereplése, a szervezet struktúrális és kulturális jellemzői. 4

5 Az arculat felépítése, részei 1. az arculat mint szerkezet, az arculat mint stratégia, az arculat mint folyamat, az arculat mint eredmény. Az arculat tartalmi elemei: ön-image, szavak, tettek, fizikai jelenlét, szervezeti struktúra és kultúra. 5

6 Az arculat felépítése, részei 2. Az arculat formai elemei: a szervezeti kultúra vizuális vetületei, szavak, tettek, fizikai jelenlét vizuális szerepei. Az arculat két oldala, a tartalom és a forma dialektikus egységet alkotnak, vagyis folytonosan fejlődnek, változnak, megújulnak és az egymáshoz képesti megfelelés állandóan új szinten és minőségben kell, hogy létrejöjjön. 6

7 Az arculat fejlesztés módozatai az arculat-elemek egy részének módosítása, az arculat-elemek közötti arányok, súlypontok áthelyezése, új arculat-elemek bevonása. 7

8 Az arculattervezés lépései kutatás, alkotás, építés, piaci bevezetés, ellenőrzés. Az arculat két oldalának viszonyában a tartalomé a meghatározó szerep. 8

9 Az arculat tartalmi tényezői Közvetlen tényezők: alaptevékenység, pozíció, termékek, szolgáltatások, kommunikáció, nyomtatott és on-line kiadványok. Közvetett tényezők: struktúra, kultúra, filozófia, jövőkép, azonosság (ön-image), stílus és magatartás. 9

10 A web site fontosabb oldalai 1. kezdőoldal (homepage), testreszabás(customization), főoldal (mainpage), webtérkép (sitemap), hírek, információk (news), ismertető (about), karrier (carrier), termékek, szolgáltatások (products, services), fejlesztés (research), felhasználói oldalak (user pages), 10

11 A web site fontosabb oldalai 2. Kitekintés, sajtóvisszhang (press), Keresés (search), Letöltés (download), Hivatkozások. 11

12 A design szerepe a szervezet jellegének, tevékenységi körének bemutatása, utalás a szervezeti stílusra, megkülönböztetés a versenytársaktól, a szervezeti struktúra logikájának közvetítése, a változás, fejlődés kommunikálása. A jó design értéknövelő hatásai. Az image szerepe. 12

13 A webdesign kialakításának stratégiája tervezés, kivitelezés, tesztelés, karbantartás, piackövetés, reklám. 13

14 Weblapok felépítése 1. Alapelemek: háttér, szöveg, képek, logók, hivatkozások, visszacsatolások. Prezentációs technikák: táblázat, diagram, grafikon, szervezeti felépítés, 14

15 Weblapok felépítése 2. folyamatábrák, idősorok, grafika, színek. Állandóság és változékonyság. Kliensoldali kiterjesztések: ActiveX, applet, cookie, Cascading Style Sheets, Macromedia Flash, Realaudio, Realvideo, script-ek (Javascript, VBscript), VRML (Virtual Reality Modelling Language), stb. 15

16 A webhely elkészítését gyorsító módszerek stílusok (styles, Cascading Style Sheets), sablonok (templates), modellek, szöveg és kiadványszerkesztők, weblap tervező szoftverek, professzionális programok, egyéb programok. 16

17 Webhely kialakítási szempontok letöltési idő, célközönségek elvárásai, tartalomorientált külső, versenytársak szemmel tartása, hangsúlyozás, kiemelés, következetesség, áttekinthetőség, megfelelő méretű lapok. 17

18 Gyakori design hibák 1. rövid szöveg hosszú sorokban, határozatlan címek, nem megfelelő betűtípus, túl nagy / kicsi fehér felületek, túlméretezett iniciálék, címsorok, alcímek hiánya, nem egyértelmű elrendezések, tartalmilag azonos rangú, de eltérő formátumú szövegrészek, 18

19 Gyakori design hibák 2. túlszínezettség, egymást ütő színek, rossz mínőségű képek, hasonló színű háttér és szöveg, kontrasztos háttérkép, szétszórt, vagy sérült linkek. 19