The Making of a Website, Behind the Scene

[gagi]

Dakle, dobili ste web projekt i sta sad? Zanimaju me vase procedure (“behind the scene”) pa sve do finalnog produkta? Bilo bi super kada bi mogli da okacite i primjere tih procedura (proposal, brainstorming, sketch, sitemaps, datamaps, …).

Imam ja par svojih primera koje mogu da pokazem, nista specialno, pa reko da vidim kako vi to radite ...


Hvala

[Denis_Radenkovic]

Zanimljiva tema .

Ovaj sajt nije zavrsen, fali sadrzaj, ali jos uvek su tu vecina skica i predloga podeljeni u 3 koraka. Ovome je predhodila lista detaljnih pitanja, i logo dizajn.

1- Skice::

http://38one.com/orpheus/sketches/web-page.gif
http://38one.com/orpheus/sketches/web-page-4.gif - prihvaceni home

* Prvi nivo navigacije
http://38one.com/orpheus/sketches/books-2.gif
http://38one.com/orpheus/sketches/books-3.gif - blize prihvacenoj

* Drugi nivo nav.
http://38one.com/orpheus/sketches/books-3-singleseries.gif

* Treci nivo nav.
http://38one.com/orpheus/sketches/books-3-...series-book.gif


2- skoro finalni mock-up :

http://38one.com/orpheus/homepage_3.html >> 'series' >> 'atlases' >> 'Picture Atlas of the World' je stranica / template pojedinacne knjige.


3- sajt:

http://orpheusbooks.co.uk/

Poz!

[gagi]

Hvala Denise! Da li bi mogao malo opsirnije da objasnis kako se bacis u "akciju", nadam se da ne zahtjeva mnogo ... Takodje, zanima me kako uspijes da pokazes skice klientu (crno/bjelu) a da ne bude; "Zast ovo? Sta je ovo? Gdje je boja? Da li ce biti slika? Koji font? ...". Nisam se jos usudio skicu da pokazem clientu, uvjek bude kolko-tolko dizajnirano. Mada mi je to gubljenje vremena, vise volim kako ti to radis ...


Tvoji su primjeri za dizajn/izgleda sajta, evo sto sam ja nedavno radio za jedan sajt ali vise tehnicki. Dakle ...

Poslje razgovara s'klientom, kakva sajt zeli, fukncije sajta, cilj sajta, itd.

1. Proposal
Ovo je prvi dokument koji saljem; procedura za razvoj sajta, generalno objasnim sta ja predlazem, schedules, cjena, itd.

ex: http://www.dragan.ca/workflow/IPO-Proposal2.pdf (252Kb)


2. Ugovor (contract)
Ako se svidjeo proposal i zele da nastave, onda bi se ugvor trebao da podpise.

npr: http://www.dragan.ca/workflow/WebDes...act_Canada2.doc (130Kb)


3. Sitemap
Skiciram kako bi sajt trebao da radi. Ako ok izgleda, klient opet podpise i idemo dalje ...

npr: http://www.dragan.ca/workflow/SiteMap.pdf (974KB ..mrzilo me da kompresujem)

4. Specifikacije
Kako su stranice povezane, sta se prikazuje na stranici, ... uglavnom detalji.

npr: http://www.dragan.ca/workflow/AdminPanel.pdf (50Kb) - Specs. za Admin Panel sekciju ...

5. Kodiranje
6. Testiranje

Kada je br. 4 podpisan, onda pocne research za sve sto se izgleda sajta tice. Imam poprilicno dobru ideju sta ide na koju stranicu ...

Ovo radim kada je projekt malo veci i kada imam vremena. Inace, ako je neki sajt sa 10 stranica: contract > dizajn.

Ja ovo sve vecinom radim u Illustrator-u, Word-u i Excel-u. Interesuje me da li ima neki software koji bi mi olaksao posao?

[Denis_Radenkovic]

oooH... Odlicno!

Evo nekoliko razloga zasto kod ovog sajta nije bilo nista detaljnije od skica:

- Relativno nizak budget

- Kratak deadline - nije bilo vremena da se radibilo bilo sta detaljnije od ovih skica. Sto se tice organizaciije sajta, ovaj konkretno je prilicno jednostavan i straight forward pa nije bilo potrebe za nekim detaljnijim skicama i analizama.

- Ja sam koristio Textpattern koji vec ima odredjenu funkcionost Control Panela koju ja nisam u stanju mnogo da modifikujem - nema svrhe . Na Textpatternu koji ja koristim sam objasnio funkcionalnost CP-a.

- Klijent je 'local', i pre nego sto su nastale prve skice dosta detalja je bilo ustanovljeno na osnovu razgovora i upitnika.

Da li bi mogao malo opsirnije da objasnis kako se bacis u "akciju", nadam se da ne zahtjeva mnogo ...  Takodje, zanima me kako uspijes da pokazes skice klientu (crno/bjelu) a da ne bude; "Zast ovo? Sta je ovo? Gdje je boja? Da li ce biti slika? Koji font? ...". Nisam se jos usudio skicu da pokazem clientu, uvjek bude kolko-tolko dizajnirano. Mada mi je to gubljenje vremena, vise volim kako ti to radis ...

To jeste gubljenje vremena, posebno ako ga nema mnogo. Ako je klijent ozbiljan, razumece - na kraju krajeva on placa tvoje vreme. Ako ga ti gubis jer si radio neke detaljne skice koje na kraju nisu dobre, dzaba.
Ove skice objasnim kao organizaciju stranica, raspored sadrzaja, gde se sta nalazi i zasto. Dizajn zavisi od sadrzaja, i samim tim niko od tebe ne moze da ocekuje da se bacis na boje, detalje i finese pre nego sto si siguran kako, sta i narocito GDE! Ja bar, moram prvo da ustanovim bazu na osnovu koje cu da razvijem dizajn, ali zavisi kako ko radi i kako se kome svidja.
Kako god, vrlo je bitno da pre nego sto se uopste krene sa bilo kakvim radom na sajtu dobijes neki avans , i detalje koji se ticu funkcionalnosti sajta, sadrzaja, izgleda ( koliko moguce ) da posle ne bi bilo iznenadjenja.

[Dragan Babic]

To jeste gubljenje vremena, posebno ako ga nema mnogo. Ako je klijent ozbiljan, razumece - na kraju krajeva on placa tvoje vreme. Ako ga ti gubis jer si radio neke detaljne skice koje na kraju nisu dobre, dzaba.
Ove skice objasnim kao organizaciju stranica, raspored sadrzaja, gde se sta nalazi i zasto. Dizajn zavisi od sadrzaja, i samim tim niko od tebe ne moze da ocekuje da se bacis na boje, detalje i finese pre nego sto si siguran kako, sta i narocito GDE! Ja bar, moram prvo da ustanovim bazu na osnovu koje cu da razvijem dizajn, ali zavisi kako ko radi i kako se kome svidja.

Ovo je meni najveci problem. Ljudi (iz mog licnog iskustva samo govorim) stavljaju dizajn na poslednje mesto, i pravo da vam kazem dobijam neki osecaj kao da zale pare koje ce dati dizajneru da napravi CSS+XHTML.

U tom slucaju moras da se iscimas troduplo vise jer prakticno "izmisljas" sadrzaj i dizajniras taj imaginarni sadrzaj samo da bi neki direktor baja to mogao da ima odstampano na papiru jer naravno pred racunarom se oseca inferiorno i lose.
To na zalost najverovatnije znaci da ces ti dobar deo posla morati da radis opet, ako te ukenja ostavice ti na miru neke osnovne elemente (header, navigacija ...).

On the side note, ako nesto mrzim da radim to su ono, full blown mockup-i, jednostavno mi je jako tesko da se ubacim u taj trip i da na taj nacin razmisljam kada krecem sa sajtom.
Kod mene sve ide od papira i onako -- bas grubo. Onda pustim da to malo odlezi (dan--dva) pa na kraju to ispadne nesto sto pomalo podseca na inicijalnu ideju.
Ali to je ok, tada imam osecaj da sam stvarno poradio na necemu i da je to "evoluiralo" dok je bilo u mojim rukama.

Jako mi je drago da je postavljena ova tema i mislim da je razmena ovakvih iskustava veoma bitna.

[gagi]

Hvala momci!

Izgleda da svako ima neke svoje procedure tj. nema pravog nacina za razvoj sajta?

Kako radite kada trebate da redizajnirate sajt? Znaci, sajt postoji, contet je tu - a vas posao je da se to bolje organizuje i naravno redizajnira. Iste procedure ili ... ? Ja malo drugacije ovo radim, ali mozda nije ni potrebno?

Niko mi ne rece da li ima neki programici s'kojim bi olaksao posao, ili je to ... radi s'cim znas?

Ostali ... ?

[kai]

Počeo sam da radim na razvoju interaktivnih PDF formulara, raznih namena vezanih za kompanije koje nude web design usluge i webmastere. Posao je malo poveći, tako da imajte strpljenja. Uskoro ću postovati PDF Contract Form koji popunjava design agency, i potom šalje klijentu na potpisivanje.

[feedback]

Počeo sam da radim na razvoju interaktivnih PDF formulara, raznih namena vezanih za kompanije koje nude web design usluge i webmastere. Posao je malo poveći, tako da imajte strpljenja. Uskoro ću postovati PDF Contract Form koji popunjava design agency, i potom šalje klijentu na potpisivanje.

Mislim da ova tema ne zasluzuje da umre posle ovako lepog pocetka.


Kai, evo sad te javno prozivam ) Podeli sa mnom (i mozda jos nekim ako ima zaintersovanih) formulare u radnim verzijama, pa da ih "skockamo" zajednickim snagama.

[gagi]

Web Site Planning Book, developed by CGS Solutions
http://www.gsinet.net/sitedev/cgs_wspb.pdf

[Denis_Radenkovic]

Evo jos jedan koristan upitnik:

http://clearleft.com/worksheet/survey.rtf

[[nq]]

Odlicna tema, jos bolji postovi! Hvala Vam!

[gagi]

Site Diagrams: Mapping an Information Space by Jason Withrow
http://www.boxesandarrows.com/archives/sit...ation_space.php

Wire Frame Your Site By Matt Beach
http://www.sitepoint.com/article/wire-frame-your-site

Grey Box Methodology by Jason Santa Maria
http://www.jasonsantamaria.com/archive/200..._box_method.php

Using Wireframes by Strange Systems
http://www.strangesystems.net/archives/000005.php

Argus Center for Information Architecture (ACIA) (organizacija raznih informacija ...)
http://argus-acia.com/white_papers/index.html

[ZeroStyle]

Jel ima ko ugovor kakav na našem jeziku da okači ??

[gagi]

^ Nope :\

Imam raznorazne ugovre i papre na engleskom. Doduse pisani su za US, Canada, UK i Australia ... ti prevedi, odnesi kod advokata da prepravi i onda nam ostavi ovde

Javi se na PP, ako zelis sljedece:
h++p://www.proposalkit.com/htm/contractpack.htm#cpprolist

[gStyle]

mislim da i ja imam neke sa sitepoint.com

[||NeX||]

Odlična stvar. Nažalost meni to sve treba na Njemačkom.
Ono što sam napravio neki dan je šablon za telefonski razgovor.
Pošto ovdje ne možeš dobiti klijenta putem pisma ili drugog vida reklame,
moraš ići lično ili lično zvati pravo osobu u pravo vrijeme.

Ono što sam primjetio jeste, da ste možda previše detaljni. Večina klijenta ne razumije sve to (tipa: rasčlanjenje merchant skripte itd.) pa možda pojednostavljenje nebi loše bilo.

Kvalitetno urađen katalog referenci isto nije loša stvar.

Par fazona treba i od programera maznuti, a to su recimo mind mapping software-i. Da ne spominjem M$ produkte, ali ima tu par dobrih stvari. Konkretno ni sam nisam još se pozabavio tom temom, ali vidim recimo da u Boschu niko bez toga ne radi. Neki noviji ti daju upozerenja ako odradiš jedan task, da je on povezan i sa drugim taskovima koje još nisi uradio, a trebao bi popraviti da nebi bili bugoviti.

Nakon ispita ću malo više sjesti i napraviti sve te stvari, jer su stvarno neophodne.

Ako neko ima tu pri ruci račun, i to bih volio vidjeti. Još jednom, hvala na nesebičnoj podjeli materijala.

[gagi]

Hajde, okacit cu jos neki "behinde the scene" skica ...

Nex,

Ono što sam primjetio jeste, da ste možda previše detaljni. Večina klijenta ne razumije sve to (tipa: rasčlanjenje merchant skripte itd.) pa možda pojednostavljenje nebi loše bilo.

Pazi, projekt koji sam ja radio (sto sam gore postavio) je poprilicno velik bio. Klient je izgledao onako razbacan na sve strane; "ja bih to ovako, ne stani, imam drugu ideju, ustvari ne.. ostavi onako". Znaci svaki detalj je na papiru, poslje svako "..uradi ovako" se placa ili da se osiguras od "ja to nisam htjeo". Takodje, da sam poslao dokument od 10 stranica nebi mogao da opravdam cjenu koju smo naplatili. Prvo nam je frku pravio kako kasnimo, kada je dobio dokument od 40 stranica; "vidim da se dosta vremena proveli na planiranju sajta ..." i sve ok. 'Ebiga, moras nekad malo pametnij da izgledas nego sto jesi

[ivanhoe]

jao, kako ja ceznem za poslovima gde cu sa klijentima da potpisem ugovor, pa da mogu da im mahnem papirom ispred nosa kad mi u pola posla promene specifikaciju... ali jos je to daleko u ovim krajevima, bar za obicne sajtove

[||NeX||]

'Ebiga, moras nekad malo pametnij da izgledas nego sto jesi

There's sometjing true in it.

[radoman2]

Evo jedan ugovor na nasem jeziku.

Prikačeni fajlovi

 ugovor_za_sajt.rtf ( 25.09K ) Broj download-a: 933