Ova stranica je automatski prevedena s engleskog. Pročitaj original na engleskom

Designing Process - Cover image created using Canva AI

Proces dizajniranja

2 min čitanja

Dobro, ovaj post bi mogao biti malo čudan za moj blog, ali vjerujte mi kada ovo kažem - sve je u redu. Ovo je samo moj način razmišljanja dok razvijam, dizajniram i konačno objavljujem web stranice i web projekte.

Dakle, korak broj 0 za mene je istraživanje. Da, za mene je ovaj korak, u većini slučajeva, najvažniji iz mnogo razloga. Na primjer, jednom sam napravio demo projekt posebno za prijavu za posao, ali nažalost, taj projekt - uključujući sve snimke ekrana i sigurnosne kopije poddomena od tada - odavno je izgubljen u bespućima interneta. Ipak, bio je to dobar primjer kako pristupam novim izazovima i testiram ideje u stvarnom okruženju.

Za ovaj projekt imao sam oko tri sata da izaberem temu koju ću koristiti. Nakon istraživanja tema i funkcija, prešao sam u fazu u kojoj tražim slične projekte kako bih dobio ideje koje ću možda iskoristiti, a možda i ne, u vlastitom projektu.

Nakon toga dolazim do koraka broj 1 - skiciranja na papiru ili u Photoshop/Illustratoru, tek toliko da dobijem neku ideju o tome šta želim i kako to želim. U ovom dijelu stvari mogu postati jako neuredne. Ozbiljno vam kažem. Na primjer, kod projekta Nekretnina.hr, skice su postale toliko neuredne da nisam mogao pronaći neke od ranih ideja jer sam papire stavio u krivi spremnik. Čak je i digitalna kopija bila, da budem iskren, očajan snimak mojim tadašnjim uređajem - Huawei P9 Lite. Da, dizajniranje je bio nered, ali ipak, ovo je za mene najdosadniji dio dizajna, posebno kada radim kao samostalni dizajner i programer.

Sada se projekti mogu prebaciti iz dizajna u radni projekt u koraku broj 2 - lokalni razvoj. U ovom dijelu mogu raditi mnogo toga: testirati dizajn, testirati dodatke (plugine) i prilagođeni kod, te na kraju kreirati sadržaj koji se može prebaciti na sljedeći korak.

Korak broj 3 je razvoj na privremenom (staging) serveru i testiranje na stvarnom serveru. Većinu vremena to je na serveru na kojem će projekt na kraju biti hostovan. Razlog zašto je ovo važno jeste to što pojednostavljuje testiranje nakon svih prethodnih koraka. Plus, ovdje mogu dotjerati ono što je potrebno, a kasnije je ova postavka privremenog servera korisna za testiranje ažuriranja na stvarnoj mašini bez gnjavaže oko stvaranja problema koji bi mogli srušiti cijelu stranicu (što se dogodilo nekoliko puta u mojim ranim danima razvoja prije nego što sam znao za privremene servere i postavke) u produkciji.

I na kraju, korak broj 4 je migracija s privremenog servera na produkciju, što znači premještanje datoteka, mapa i baze podataka u zasebnu instalaciju. Ovdje mogu ispraviti sve posljednje probleme koji bi se mogli pojaviti, i to je to.

Korak 5 je uživanje u radu i korištenje privremene verzije stranice za testiranje budućih ažuriranja i isprobavanje rješenja za probleme koji se mogu pojaviti kasnije.

Napomena: Ovaj članak je prvobitno objavljen u augustu 2019. Ovdje je ponovo objavljen s tekstom čiju je lekturu izvršio Perplexity AI Pro u aprilu 2025. Naslovna slika je nova, kreirana pomoću alata Canva AI, pošto je originalna izgubljena u arhivi.