Uvod u digitalni dizajn

Digitalni dizajn je polje koje se neprestano mijenja — novi alati, novi trendovi, nove platforme. No u svojoj srži ostaje uvijek isto: radi se o rješavanju problema za ljude. O tome da nešto teško učinite lakim. Da nešto zbunjujuće učinite jasnim. Da nešto dosadno učinite ugodnim za korištenje.

Ako razmišljate o ulasku u ovo zanimanje — ili ste tek počeli — ovaj je tekst za vas.

Što je zapravo digitalni dizajn?

Digitalni dizajn je krovni pojam koji obuhvaća nekoliko disciplina:

• UI dizajn (User Interface) — vizualni izgled digitalnih proizvoda: tipografija, boje, komponente, ikone
• UX dizajn (User Experience) — kako se korisnik osjeća pri korištenju proizvoda; istraživanje, arhitektura informacija, tijekovi
• Interakcijski dizajn — kako elementi reagiraju na korisnikove akcije; animacije, prijelazi, povratne informacije
• Dizajn produkata — šira disciplina koja objedinjuje sve navedeno i dodaje poslovnu perspektivu

U praksi, posebice u manjim timovima i freelance radu, granice između ovih disciplina su nejasne. Dizajner koji radi na startupima najčešće radi sve navedeno.

Mit koji odvraća ljude od početka

Čujem često: “Ja nisam kreativan, ne mogu biti dizajner.”

Kreativnost je korisna. Ali dizajn nije samo kreativnost — dizajn je logika s estetskom komponentom. Najvažnija vještina nije crtanje ili osjećaj za boje. Najvažnija vještina je sposobnost razumijevanja korisnika i pronalaženja rješenja za njihove probleme.

Dobar dizajner pita puno pitanja. Promatra ljude kako koriste stvari. Propituje pretpostavke. Testira ideje.

Kreativnost dolazi s praksom. Sustavno razmišljanje — to možete početi razvijati odmah.

Koje alate koristiti?

Ako ste početnik, ne gubite tjedne istražujući koji alat je “pravi”. Počnite s Figmom — to je de facto standard u industriji, besplatan je za individualno korištenje i ima iznimno bogatu zajednicu s tutorijalima.

Jednom kada savladate osnove Figme, sve ostalo će doći lakše.

Tipičan tok dizajnerskog projekta

Svaki projekt je drugačiji, ali postoji zajednički kostur:

1. Istraživanje i razumijevanje

Prije nego što otvorite Figmu, razumijte problem. Razgovarajte s korisnicima. Analizirajte konkurenciju. Pročitajte što klijent želi postići — ali i što korisnici stvarno trebaju.

2. Definiranje i arhitektura

Nacrtajte tijek. Tko su korisnici? Koji je njihov cilj? Koji su koraci potrebni da dođu od točke A do točke B? Ovo se crta na papiru ili bijeloj ploči — ne u Figmi.

3. Wireframing

Žičani okviri (wireframes) su grubi nacrti bez vizualnog stila. Definiraju strukturu, raspored i hijerarhiju sadržaja. Ne treba biti lijepo — treba biti jasno.

4. Vizualni dizajn

Tek sada dolaze boje, tipografija i vizualni identitet. Vizualni dizajn bez solidnih temelja iz prethodnih koraka je kao šminkanje bez tuširanja.

5. Prototip i testiranje

Kliknite se kroz dizajn. Pokažite ga stvarnim korisnicima. Pitajte ih da izvrše zadatak, ne da komentiraju kako izgleda. Gledajte gdje zapnu.

6. Predaja developerima

Dobro dokumentiran dizajn u Figmi — s jasnim komponentama, mjernim jedinicama i notama — razlika je između developera koji vas voli i developera koji vas izbjegava.

Resursi s kojima sam ja počeo

Knjige koje su mi promijenile pogled na dizajn:

• “Don’t Make Me Think” — Steve Krug (temeljna knjiga za svakoga)
• “The Design of Everyday Things” — Don Norman (razumijevanje dizajna kroz svakodnevne objekte)
• “Refactoring UI” — Adam Wathan & Steve Schoger (praktičan vodič za vizualni UI dizajn)

Online resursi:

• laws.design — psihološki zakoni koji stoje iza dobrih dizajnerskih odluka
• Nielsen Norman Group — istraživanja i članci o UX-u
• Figma zajednica — stotine besplatnih predložaka i primjera

Najčešća greška početnika

Prelazak na vizualni dizajn prerano. Svaki put kad vidim obilne gradijente, lijepe animacije i poliranu estetiku — a korisnik ne može pronaći što traži — znam da je dizajner preskočio istraživanje i wireframing.

Lijepo i funkcionalno nisu isti atributi. Cilj je biti oboje.

Zašto je ovo dobro zanimanje za odabir

Tražnja za digitalnim dizajnerima ne jenjava. Svaki startup, svaka tvrtka koja gradi digitalni proizvod, svaka agencija treba nekoga tko razumije ljude i može prevoditi korisničke potrebe u upotrebljivo sučelje.

Što više razumijete kod — kako developeri razmišljaju, što je izvedivo — to ste vrjedniji. Dizajner koji može sjesti s developerom i govoriti istim jezikom rijedak je i tražen.

Ja sam počeo kao čisti vizualni dizajner. S vremenom sam naučio osnove HTML-a, CSS-a i JavaScripta — ne da bih programirao, nego da bih bolje dizajnirao. Taj korak je promijenio moju karijeru više od bilo čega drugoga.

Gdje početi danas

Ne čekajte savršen trenutak. Otvorite Figmu. Kopirajte sučelje neke aplikacije koju koristite svakodnevno. Shvatite zašto je postavljeno baš tako.

Dizajn se uči gledanjem, propitivanjem i radjenjem — ne čitanjem o njemu.

Ovo je samo početak.