Svake godine donosi novi val članaka o "top dizajn trendovima". Većina tih trendova bude zaboravljena unutar 18 mjeseci. Ono što zaista ostane su principi. Ideje ukorijenjene u tome kako ljudi razmišljaju, čitaju i donose odluke na webu.
Ovo nije popis trendova. Ovo je vodič kroz dizajnersko razmišljanje koje funkcionira godinu za godinom.
Minimalizam nije isto što i manje stvari
Minimalistički dizajn se stalno pogrešno razumije. Ljudi misle da znači bijele pozadine, tanke fontove i puno praznog prostora. To je estetika minimalizma, ne princip.
Pravi minimalizam znači ukloniti sve što ne služi korisniku. Svaki element na stranici trebao bi zaslužiti svoje mjesto. Ako ne pomaže nekome razumjeti vašu poruku, pronaći ono što traži ili napraviti sljedeći korak, to je nered.
Ovo se odnosi na navigacijske izbornike s 15 stavki. Na slidere na naslovnicama koje nitko ne klikne dalje od prvog slajda. Na dekorativne elemente koji lijepo izgledaju, ali usporavaju stranicu i odvlače pažnju od sadržaja.
Cilj je jasnoća. Kada korisnik dođe na vašu stranicu, trebao bi razumjeti čime se bavite i što dalje napraviti unutar nekoliko sekundi. To je minimalizam. Postižete li to bijelom ili tamnom pozadinom, to je samo stil.
Za dublji pogled na to kako vizualni dizajn utječe na ponašanje korisnika, pročitajte o tome kako boje oblikuju korisničko iskustvo.
Tamni način rada kao značajka pristupačnosti
Tamni način rada nekad je bio novitet. Danas je očekivanje vezano uz pristupačnost. Većina operativnih sustava i preglednika ga podržava izravno. Korisnici koji ga uključe očekuju da web stranice poštuju taj izbor.
S praktične strane, tamni način rada smanjuje naprezanje očiju u uvjetima slabog osvjetljenja. Također može smanjiti potrošnju baterije na OLED zaslonima. Ali veći razlog za implementaciju je jednostavan: poštivanje korisničkih preferencija.
Kvalitetna implementacija tamnog načina rada zahtijeva više od pukog invertiranja boja. Omjeri kontrasta moraju funkcionirati u oba načina. Slike s transparentnošću trebaju odgovarajuće pozadine. Čitljivost teksta mora biti testirana u oba konteksta, svijetlom i tamnom.
Najbolji pristup je korištenje CSS prilagođenih svojstava za sustav boja. Definirajte paletu jednom, zamijenite je na temelju korisničkih postavki sustava i ponudite ručni prekidač kao rezervnu opciju. Čista implementacija. Bez JavaScript trikova.
AI u dizajnerskom procesu
AI ne zamjenjuje dizajnere. Ali mijenja način na koji se dizajnerski posao obavlja.
Praktične primjene su prozaičnije nego što hype sugerira. AI alati mogu generirati varijacije rasporeda, predlagati kombinacije boja ili prilagoditi dimenzije resursa za različite breakpointe. Obrađuju repetitivne zadatke koji su nekad trošili sate dizajnerova tjedna.
Gdje AI postaje zanimljiviji je personalizacija. Web stranica može prilagoditi svoj sadržaj, raspored ili preporuke na temelju ponašanja korisnika. Netko tko je posjetio vašu stranicu s cijenama tri puta vjerojatno ne treba ponovno vidjeti "O nama" tekst. Treba mu jasan put do kupnje.
Ali personalizacija nosi odgovornost. Korisnici se ne bi trebali osjećati promatranima. Granica između "korisnog" i "jezivog" je tanka. Dobra personalizacija ostavlja dojam da stranica razumije što vam treba. Loša personalizacija ostavlja dojam nadzora.
Princip ovdje nije u korištenju AI-ja radi samog AI-ja. Radi se o korištenju bilo kojeg alata, AI ili drugog, za smanjenje trenja između korisnika i njihovog cilja.
Tipografija nosi više težine nego što mislite
Većina web stranica izgleda isto. Isti raspored. Iste stock fotografije. Isti sans-serif font u istim veličinama.
Tipografija je jedan od najbržih načina za diferencijaciju. Dobro odabrani font komunicira osobnost prije nego što itko pročita jednu jedinu riječ. Postavlja ton. Profesionalan. Prijateljski. Tehnički. Razigran. Font odrađuje težak posao.
Ali diferencijacija nije jedini razlog zašto je tipografija važna. Čitljivost izravno utječe na to koliko vašeg sadržaja ljudi zaista konzumiraju. Visina reda, duljina reda, veličina fonta i kontrast: sve to određuje hoće li netko pročitati vašu stranicu ili otići.
Nekoliko stvari koje vrijede bez obzira na cikluse trendova. Tekst tijela trebao bi biti najmanje 16 piksela. Visina reda trebala bi biti 1,4 do 1,6 puta veća od veličine fonta. Redovi ne bi trebali premašiti otprilike 70 znakova. Ovo nisu preporuke. To su temelji čitljivosti potkrijepljeni desetljećima istraživanja.
Namjerna animacija
Animacija na webu je alat. Kao i svaki alat, može se koristiti dobro ili loše.
Dobra animacija služi svrsi. Usmjerava pažnju na važan element. Pruža povratnu informaciju nakon korisničke akcije. Ublažava prijelaz između stanja tako da sučelje djeluje responzivno, a ne trzavo.
Loša animacija postoji da bi impresionirala druge dizajnere. Parallax scrollanje na svakoj sekciji. Ekrani učitavanja s razrađenim animacijama za stranicu koja je trebala biti učitana odmah. Hover efekti koji zaklanjaju sadržaj koji pokušavate kliknuti.
Test je jednostavan. Uklonite animaciju. Gubi li korisnik nešto? Ako da, animacija radi posao. Ako ne, to je dekoracija. Dekoracija je u redu u umjerenim količinama. Ali nikad ne bi trebala ići na štetu performansi ili upotrebljivosti.
Vrijeme učitavanja stranice je najvažnija animacija. Stranica koja se pojavi trenutačno impresivnija je od bilo kojeg efekta pokrenutog scrollanjem. Mudro uložite svoj budžet za performanse.
Responsivni dizajn nije opcionalan
Ovo ne bi trebalo biti potrebno naglašavati, ali je potrebno. Responsivni dizajn nije značajka. To je osnovni preduvjet.
Više od polovice ukupnog web prometa dolazi s mobilnih uređaja. Na mnogim tržištima taj broj prelazi 70%. Web stranica koja ne funkcionira pravilno na telefonu je web stranica koja ne funkcionira za većinu svoje publike.
Responsivni dizajn znači više od smanjivanja desktop rasporeda. Znači preispitivanje kako sadržaj i navigacija rade na manjim zaslonima. Mete za dodir moraju biti dovoljno velike. Tekst mora biti čitljiv bez zumiranja. Forme moraju biti upotrebljive palcem.
Najbolji responsivni dizajni počinju od mobilnog uređaja. Dizajnirajte za najmanji zaslon prvo, zatim dodajte složenost za veće. To vas prisiljava da prioritetizirate sadržaj i uklonite sve nepotrebno. Što nas vraća upravo na minimalizam.
Dizajnirajte za ljude, ne za portfolie
Nit koja povezuje sve ove principe je ista. Dizajnirajte za osobu koja koristi stranicu. Ne za nagrade. Ne za druge dizajnere. Ne za vlastiti portfolio.
Web stranica koja se brzo učitava, dobro se čita, radi na svakom uređaju i čini očitim što dalje napraviti nadmašit će blistav dizajn koji juri trendove svaki put. Principi pobjeđuju trendove jer su principi ukorijenjeni u tome kako ljudi funkcioniraju. Trendovi su ukorijenjeni u tome što je trenutačno popularno.
Odaberite principe. Bolje stare.
Trebate web stranicu izgrađenu na principima koji traju? Pogledajte naš pristup web dizajnu ili saznajte više o poboljšanju UX-a vaše stranice.
