Eredmény: 1 - 8 (8) összesen

Téma: Weblap prototípus - vázlati rajz bemutatása

  1. #1
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás Weblap prototípus - vázlati rajz bemutatása

    Eddig csak magamnak (persze... természetesen a látogatóknak) készítettem webet. A munkamenet kusza és átgondolatlan volt, hiszen az agyam roppant kapacitása feleslegessé tette hogy mindent felvázoljak és bemutassak magamnak.

    Más a helyzet viszont most, hogy 2 kollégámnak kell az elképzeléseimet értékelni, mielőtt élesítem a weboldalt. Nehezíti a dolgot hogy nem értenek a webhez, így a hivatkozások rendszerét és a weboldal elrendezését átláthatóan és érthetően kellene bemutatnom. Ezt aztán jóváhagyják, vagy nem.

    Gondolom egy laikus megrendelő számára a profik is elsőként valami vázlati rajzot készítenek, aztán ha bólint rá, irány a forráskód.

    - hogyan csináljátok? Egyszerű rajz mondjuk paintben, vagy world-ben egy táblázat? Vagy rögtön html hivatkozásokkal?

    Ebben a kérdésben kérnék segítséget. Érdekelnek a munkafolyamat későbbi lépései is.

    Előre is köszi!



  2. #2
    LIP
    LIP nem elérhető
    Szerkesztő LIP logója
    Csatlakozott
    09-06-23
    Hely
    Debrecen
    Hozzászólás
    255
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Weblap prototípus - vázlati rajz bemutatása

    Más a helyzet viszont most, hogy 2 kollégámnak kell az elképzeléseimet értékelni, mielőtt élesítem a weboldalt. Nehezíti a dolgot hogy nem értenek a webhez
    Szerintem ez éppen előny, érdemes megtartani a módszert. Biztos vagyok benne, hogy a legprofibbak is így csinálják, éppen az a profizmus, hogy a lapot dilettánsok is fejtörés és bóklászás nélkül, "nevetve" használhassák. A látogatók egy része - egyes területeken éppen a fizetőképes kereslet oroszlánrésze - pontosan ilyen, hogy amit félre lehet érteni, azt félreérti, amit lehet nem érteni, azt nem érti, tehát érdemes úgy elkészíteni azt a lapot, hogy a szomszéd nagymamája is biztonsággal kiismerje magát rajta.

    Megrendelőnek pedig - hacsak nem autodidakta szakértőról van szó - szerintem bőven elég a célokat és a funkciókat felvázolni, ehhez ő is érthet, szerencsés esetben ért is, jobban mint mi.

    De az, hogy a megrendelő jóváhagyja a látványtervet, a szerkezetet, a funkciókat és módszereket, az szerintem agyrém.

    Ha én kulcskarikát akarok vásárolni, ugye nem adok a vasgyár mérnökeinek technológiai utasításokat és munkaköri leírást.


    Utoljára módosítva: LIP által : 2010-06-13 09:55 Oka: szóköz kimaradt

  3. #3
    nembölcs nemvalid logója
    Csatlakozott
    09-06-25
    Hely
    Szeged
    Hozzászólás
    462
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Weblap prototípus - vázlati rajz bemutatása

    Először elkészül a funkciólista/specifikáció (ahogy tetszik). Ha ez megvan, akkor táblára/lapra firkálás után készül egy "drótváz" (hxxp://vectortuts.s3.amazonaws.com/tuts/207_iPhone_App/final_full.png), felkommentelve, és szöveges leírással.
    Ez elsőre kidobott időnek tűnik, de amikor kiderül, hogy "ez mégsem ide kerül, amaz meg legyen egy kicsit lejjebb", akkor elég csak nyilazni és dobozokat húzkodni, nem pedig a már elkészült kódot buherálni. A színezés (layout), illetve a konkrét weboldal akkor kezd el készülni, ha már minden kerek.
    Szerintem muszáj folyamatosan egyeztetni és jóváhagyatni már az előzetes terveket is, mert változtatások még így is biztosan lesznek. Profibbak elkövethetnek néhány apró hibát a vázlaton (pl. túl kicsi logó, stb), amivel kicsit beugratja a megrendelőt, és kielégíti a változtatás iránti vágyát



  4. #4
    cubafiesta
    Vendég

    Alapbeállítás re: Weblap prototípus - vázlati rajz bemutatása

    Ötletek > specifikációk > skicc (akár paintben is) > ditty layout > layout > programozás > feltöltés

    nekünk ez vált be



  5. #5
    Mentor szabi logója
    Csatlakozott
    09-10-15
    Hely
    Budapest
    Hozzászólás
    357
    Thanked 1 Time in 1 Post

    Alapbeállítás re: Weblap prototípus - vázlati rajz bemutatása

    Miután megvan nagyjából a specifikáció papírlapon szoktam rajzolgatni a dolgokat (szerintem ez a leggyorsabb) ilyenkor készül 3-4-5 vázlat, ha nagyjából megvan, hogy mi, hol és hogyan legyen akkor megy a photoshopba.

    Ha megcsináltam ps-ben a vázlatokat összehasonlítom/hasonlítják, hogy melyikből legyen végleges és utána kezdődhet az érdemi design elkészítése. Ha kész a megjelenés, onnantól a programozó jön



  6. #6
    kow
    kow nem elérhető
    KowDerMei$ter kow logója
    Csatlakozott
    07-05-09
    Hely
    Budapest
    Hozzászólás
    1.447
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Weblap prototípus - vázlati rajz bemutatása

    A fejlesztés ezen korai szakaszában wireframe-ket szoktam rajzolgatni, erre a legjobb tool szerintem a balsamiq.com (try it now) a wireframek mellé funkcionális specifikációt készítek, amiben leírom, hogy a felületnek miként kell működnie, esetleg milyen scripteket fog használni a rendszer. Hogy ez részletesen mi fán terem, arról itt van szó bővebben: hungarian.joelonsoftware.com/PainlessSpecs/1.html

    Itt találsz még hasznos forrásokat:
    smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/
    smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/


    Utoljára módosítva: kow által : 2010-06-13 14:11

  7. #7
    Mentor arth2o logója
    Csatlakozott
    10-03-11
    Hely
    Győr
    Hozzászólás
    408
    Begyűjtött 7 köszönetet
    2 hozzászólásával

    Alapbeállítás re: Weblap prototípus - vázlati rajz bemutatása

    Szia,
    Nem túl rég én is írtam egy összefoglalót a témakörben, ha érdekel olvasd el: http://twitt.hu/hW a cikk végén vagy egy segédlet, amit a google docs rajzolóban tudsz használni. Jó dolog ha megtervezed az alkalmazást, mert sokkal jobban fog menni a fejlesztés, a grafika ..



  8. #8
    Törzsvendég
    Csatlakozott
    10-06-03
    Hozzászólás
    153
    Begyűjtött 6 köszönetet
    6 hozzászólásával

    Alapbeállítás re: Weblap prototípus - vázlati rajz bemutatása

    Idézet HAL9000 eredeti hozzászólása Hozzászólás megtekintése
    Nehezíti a dolgot hogy nem értenek a webhez
    Vigyázz, ez problémákhoz is vezethet amellett, hogy profitálsz belőle!
    Volt már dolgom olyan "designer"-rel, aki a szabadszavas keresést csak a főoldalra álmodta, a gördítősávot pedig a klasszikus 3 oszlopos felosztás középső oszlopa mellé, jobbra! (Külön frame.) Tehát RAGASZKODJ a mindenki által használt, eddig bevált megoldásokhoz! Ha valamit máshová helyeztetnének át, és az nem a net-en megszokottakkal van összhangban, akkor lehet, hogy nekik tetszene, de senki nem fogja tudni használni!

    Üdv: kagabor



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •