+ 381 64 17 39 157 office@cyclopdesign.com
Da li je dizajn korisničkog interfejsa na mobilnim aplikacijama gubljenje vremena i novca?

Da li je dizajn korisničkog interfejsa na mobilnim aplikacijama gubljenje vremena i novca?

Sve je više kompanija koje konstantno menjaju svoj dizajn i menjaju pravac u korisničkom interfejsu. Cilj je izdvojiti se od konkurencije. Mnogi zapošljavaju velike timove UI dizajnera da rade na prilično jednostavnim proizvodima. Kada je reč o mobilnim aplikacijama, može se reći da se više radi o marketinškom triku.

 

UI-dizajn-mobilnih-aplikacija2

 

Tipičan redosled kreiranja aplikacije izgleda otprilike ovako:

  • Koncept razvoja
  • Skiciranje ekrana
  • Crtanje wireframe-ova
  • Definisanje korisničkog iskustva (UX)
  • Dizajniranje korisničkog interfejsa (UI)
  • Razvoj proizvoda

 

UI-dizajn-mobilnih-aplikacija3

 

Napredni i kvalitetni stilovi koje definišu Google i Apple nas teraju da se zapitamo zašto je dizajn korisničkog interfejsa neophodan i zašto zahteva ponekad ceo tim dizajnera. Ukoliko već imamo smernice, zašto nije dovoljno samo poštovati ih, bez nekih značajnih promena u dizajnu? Stilovi i važni parametri su definisani tim smernicama. Bitan element na aplikacijama su ikonice dugmići, ali se nameće pitanje zašto aplikacije na istoj platformi ne koriste jedan tip ikonica.

Aplikacije koje se kreiraju preko platformi su mnogo više dosledne. Što znači da su međusobno slične i da se ne razlikuju od drugih aplikacija. Mnoge kompanije posmatraju aplikacije kao zasebnu celinu. Sve aplikacije u okviru nekog sistema moraju biti u skladu, bez obzira na nedostatke koje imaju IOS i Android. Neke aplikacije koriste back strelice, neki upotrebljavaju hamburger menije, a neki čak i imaju navigacije kao na desktop sajtovima. Mnogi dizajneri konstantno traže nove i uzbudljive načine za navigaciju. Sve ovo može zbuniti korisnike.

 

UI-dizajn-mobilnih-aplikacija4

 

Korisnički interfejs i UX svih aplikacija mora da bude u svom najboljem izdanju uvek. Na kraju krajeva to je način da vidite sadržaj i upoznate se sa određenim brendom i uslugama i proizvodima tog brenda.

 

UI-dizajn-mobilnih-aplikacija5

 

Google-ova najnovija verzija Youtubea je primer efikasno korišćenih stilova. Ikone su podrazumevane, postoji jednostavna navigacija, boje i njihov kontrast su korektni. Bez upotrebe ikakvih trikova i dopuna korisničkog interfejsa, UX je dobar i u skladu sa kompletnim sistemom.

 

UI-dizajn-mobilnih-aplikacija6

 

Loš primer je Snapchat. Aplikacija je nedosledna, nije konzistentna sa dosadašnjim stilom, a umesto toga iz Snapchata su bili više skoncentrisani na vizuelni momenat aplikacije nego na funkcionalnost. Sve je loše uklopljeno sa Androidom, a ima malo razlika između varijante za Android i za IOS. Ovo je tipičan primer preterane želje da budu jedinstveni i samim tim korisnički interfejs, kao i iskustvo nisu dobri.

Nevezano za Snapchat, interesantna bi nam bila informacija o veličini dizajn timova. Da li imaju 10, 20 ili 30 dizajnera. Da li rade na svim ekranima i da li razmišljaju o korisničkom iskustvu. Konstatno lutanje, menjanje stilova u sistemu, može biti zbunjujuće i ovakvu praksu bi trebalo izbegavati. Takođe može smanjiti efikasnost, a povećati cenu i izgubljeno vreme. Korisnički interfejs polako ali sigurno počinje da se zloupotrebljava u marketinške svrhe, a to nikako ne bi smelo da se radi.

Dizajneri korisničkog interfejsa bi trebalo da već definisan korporativni identitet, stilove i brending implementiraju u aplikaciju, dodaju ikonice i kreiraju efikasne langing stranice koje će služiti svojoj primarnoj svrsi. Ovakvim pristupom bi mobilni sistemi bili mnogo funkcionalniji i prilagođeni jedinim osobama kojima su zapravo bitni – korisnicima.

20 razloga zašto posedovanje besplatnog websajta nije najbolja ideja

Ukoliko koristite WordPress neko vreme, verovatno ste primetili da postoji mnogo odličnih tema koje su besplatne, dostupne za preuzimanje i koje mogu biti modifikovane prema vašim željama.

Verovatno se pitate, zašto su mnoge uspešne kompanije potrošile veliki novac na kreiranje sajtova od nule, prema svojim zahtevima i potrebama. Kreiranje besplatnog websajta za vaš brend, kompaniju, usluge nije uvek najbolja ideja. Štaviše, trebalo bi izbegavati.

Razlozi su prilično jasni:

  • Neprofesionalan i nerelevantan dizajn

Kada želite bespatan sajt, morate se suočiti sa kompromisima po pitanju layouta sajta. Možda dizajn neće zadovoljiti vaše potrebe, možda taj dizajn neće biti potpuno intuitivan korisnicima, pa će teže dolaziti do informacija ili sprovesti određenu akciju na vašem sajtu.

  •  Sporo se učitavaju

Najbolja stvar u vezi sa besplatnim sajtovima je uglavnom boja, grafika, poneka animacija. Tako da će zato neiskusni klijenti imati osećaj da dobijaju kvalitetan proizvod za malo para. Međutim ovakvi sajtovi su ograničenje za samo poslovanje. Besplatni sajtovi, koji imaju mnogo elemenata se sporo učitavaju i mogu biti frustrirajući za korisnike.

  • Nisu bezbedni

Kada nemate napisan programski kod od strane nekoga kome verujete, postoji mogućnost da vaš sajt ne bude bezbedan, podložan hakerskim napadima. Ovakve stvari obično izlaze na videlo tek posle nekog vremena korišćenja besplatne teme.

 

izrada-web-sajtova-20razloga

 

  • Skriveni kod

Osim grešaka u pisanju skripti, besplatni sajtovi će najverovatnije sadržati skrivene kodove, koji mogu vam mogu smetati u nekoliko situacija. Nikada ne možete znati da li su vaši podaci “procureli” negde, što ponekad može biti vrlo ozbiljno.

  • Nedostatak tehničke podrške

Samim tim što je nešto besplatno, neće imati tehničku podršku dostupnu klijentima. U slučaju nekog problema, nećete znati razlog.

  • Problemi sa kompatibilnošću

Mnoge besplatne teme će izazvati probleme sa kompatibilnošću sa pluginovima i ostalim ekstenzijama koji će vam biti potrebni za funkcionalnost sajta. Besplatne teme se ne update-uju pa je moguće da u nekom trenutku padne ceo sajt.

  • Nedostatak SEO elemenata

Kada pravite sajt, cilj vam je da on bude dostupan što većem broju ljudi i da što veći broj ljudi čuje za njega. Besplatna tema će zahtevati da ima adekvatne H1 tagove, Meta opise, biće spor za očitavanje i vrlo često neće biti responsive.

 

izrada-web-sajtova-20razloga1

 

  • Neispravni canonical linkovi

Nespravni canonical i recanonical linkovi mogu biti skupa greška i često su deo besplatnih tema sajtova.

 

  • Loše i neefikasne web adrese

Besplatni sajtovi će uvek imati za cilj da reklamiraju kreatora, tako da će domen biti “primer.besplatniwebsajt.com”. Ukoliko hoćete da prezentujete određeni brend, ovo je totalno neprofesionalno.

 

  • Mogućnost zaključavanja podataka

Na pojedinim besplatnim temama, sajtovima, moguće je da dizajneri “zaključaju” sve podatke. U slučaju da želite redizajniran sajt, nećete moći da prebacite podatke sa ovog sajta.

 

  • Nerelevantne reklame

U pojedinim slučajevima besplatni sajtovi mogu da sadrže banere i reklame koje su totalno nerelevatne i nepovezane sa vašim brendom. Ukoliko mislite da je to kompromis, razmislite još jednom.

 

  • 404 stranice

Kod besplatnih sajtova, developeri uvek mogu da ugase vaš sajt. Ne želite da se to desi.

 

izrada-web-sajtova-20razloga2

 

 

  • Vaše informacije su “ranjive”

Kada postavite određene informacije na dashboard besplatnog sajta, postoji šansa da one budu dostupne developerima tog sajta. Te informacije mogu biti prodate konkurenciji ili iskorišćene na nekom drugom sajtu ili nekim drugim okolnostima.

 

  • Building tools

Za razliku od pravog web hostinga, besplatne teme imaju ograničen broj alata koje možete koristiti i nekad nećete moći da unapredite svoj dizajn i samim tim će sajt izgledati još neprofesinalnije.

 

  • Distribucija virusa

Bilo je nekoliko slučajeva gde su virusi distribuirani putem bepslatnih sajtova. Korisnici vašeg sajta su u potrazi za informacijama dobio te viruse i neke skrivene skripte.

 

  • Vaš sajt može postati spisak linkova

Ne želite da vaš sajt bude platforma za deljenje linkova neki igrica, neukusnog video materijala, nelegalnih proizvoda ili nečeg drugog.

 

  • Mali prostor na memoriji

Hosting provajderi besplatnih sajtova obično imaju hiljade i hiljade različitih sajtova i to samim tim ograničava prostor na memoriji na serveru.

 

izrada-web-sajtova-20razloga3

 

  • Limitiran propusni opseg

Propusni opseg košta i besplatni sajtovi će vam ponuditi veoma mali i ograničen propusni opseg. Ukoliko želite da unapredite vaš posao, biće vam potrebno da dodajete stranice, slike, proizvode, tako da tu može biti problema sa besplatnim sajtovima.

 

  • Ograničene mogućnosti dizajna

Vaš sajt mora biti ogledalo vašeg poslovanja. Ne želite da imate sajt, na osnovu koga niko neće znati ništa o vašem brendu.

 

  • ZAPAMTITE – Besplatno nije uvek besplatno

Besplatni sajtovi nisu uvek besplatni. U velikom broju slučajeva su zapravo probna verzija i posle nekog perioda morate platiti da nastavite da ih koristite. U toj situaciji, ukoliko ne želite da gubite vreme i novac na novi dizajn, nećete imati izbora.

Besplatno je često samo paravan za skrivene troškove, koji ponekad mogu biti preveliki. Uvek je bolje investirati u dizajnera ili marketinšku agenciju i to je jedini način da dobijete ono što želite. Cilj ovog teksta je bio da vas upoznamo kakve rizike nosi korišćenje besplatnih tema, besplatnih sajtova i platformi za pravljenje sajtova. Nadamo se da smo uspeli.

 

Kako dizajnirati Google Font?

Kako dizajnirati Google Font?

Novi ažurirani Google Fonts je jedna Open Source riznica, potpuno besplatna, za korišćenje fontova. Od klasičnih do kreativnih, novi izbor fontova podrazumeva preko 135 jezika i dostupan je svim tipografima i ljubiteljima slova, a mogu se preuzeti serifni, beserifni ili rukopisni fontovi.

Ko su dizajneri koji stoje iza naših omiljenih Google fontova?U nastavku teksta ćemo vam otkriti šta je sve potrebno da se dizajnira Google font, na osnovu iskustva Davida Jonathana Rossa i Eleni Bevatou, koji već dugo godina dizajniraju Google fontove.

 

izrada-web-sajta-google-fonts

 

 

David Jonathan Ross

David Jonathan Ross dizajner fontova iz Los Anđelesa koji živi u Bostonu, gde radi u agenciji Font Bureau, jedna od vodećih agencija koja dizajnira fontove za Wall Street Journal, Rolling Stone i reditelja Wes Andersona.

 

Kako ste ušli u svet dizajniranja fontova?

“Interesovao sam se za tipografiju dok sam pohađao Hampshire College u Massachusettsu. Kao deo mog diplomskog rada dizajnirao sam familiju fontova za studentske novine, a deo te familije je i poznati font Manicotti. Nakon toga sam se zaposlio u agenciji The Font Bureau i tu sam naučio mnogo toga o poslu, radeći sa drugim dizajnerima, na različitim tipovima projekta.”

 

Šta je bila inspiracija za Google Font, Bungee?

“Kada sam živeo u Cambridgeu u Massachusettsu 2011, postojala je prodavnica alkoholnih pića u mom kraju gde je reć LIQUOR bila vertikalno naslagana, tako da slova mogu biti velika i vidljiva bez forsiranja očiju i držanja znaka uz ulicu. Nije to baš bio najatraktivniji znak, ali me je naveo na mišljenje o tipografiji koja bi bila efikasnija i čitljivija.

Počeo sam sa fotografisanjem svih vrsta sličnih natpisa na svojim putovanjima i odlučio da napravim Bungee kao omaž ovakvim urbanim znakovima. U znak zahvalnosti svojim šarenim, ukrasnim formama teksta, stvorio sam u liniji strukture, slojeve i nijanse za Bungee, koji može biti uokviren različitim bojama, može stvoriti različite hromatske efekte, jednostavne, za otvorene forme teksta. Bungee podseća na Art Deco stilove i njegova jednostrana forma pojačava smisao za vertikalnost. Istraživao sam kako su slova postavljena u azijskim jezicima i kreirao set slova koja mogu biti kucana i vertikalno.

Predložio sam Bungee Google fontovima zato što sam mislio da će odgovarati njihovoj Open Source biblioteci. Bungee je dobar za upotrebu u vertikalnim tekstovima, kao i za obojene fontove, tako da sam želeo da taj font bude dostupan svima. Bungee se uklapa sa eksperimentalnim bojama, gde je informacija o boji smeštena unutar fonta. Nadam se da će ovo postati koristan resurs za dizajnere i developere koji žele da eksperimentišu i da guraju ovu tehnologiju napred”

 

 

izrada-web-sajta-google-fonts1

 

Šta je potrebno da se font izdvoji od ostalih?

“Budući da postoji toliko simbola tamo, barem na latinici, ja bih rekao da je dobar font onaj koji privlači pažnju i rešava zanimljiv problem i upotrebljava se u zanimljivim situacijama. Lako je povući slova, ali je tesko dizajnirati ih za specijalnu upotrebu.

Font je software i stvar koja ga čini dobrim je posvećenost detaljima. Ovo uključuje oprezno nacrtane forme slova, razmake, tabele i ostale elemente koji čine font čitljivim.

Jedna od najboljih delova u ovoj industriji je da je industrija mala, ali ljudi dolaze iz različitih sredina. Neki od njih su kvalifikovani kaligrafi, koji svoje talente izražavaju olovkom, dok drugi svoj rad baziraju na odličnom tipografskom iskustvu. Neki odlično pišu i donose jedinstven pečat svom radu, dok drugi dizajneri pristupaju iz tehnološke perspektive.

 

izrada-web-sajta-google-fonts2

 

Eleni Beveratou

Živi u Londonu, ali je poreklom iz Grčke, Eleni je dizajnerka koja radi u agenciji Dalton Maag, koja sarađuje sa brojnim korporativnim klijentima kao što su Amazon, Nokia i Toyota.

 

Kako ste ušli u svet dizajniranja fontova?

“Odlučila sam da studiram tipografiju Univerzitetu u Redingu, da bih postala bolji grafički dizajner, ali po završetku studija sam odlučila da se fokusiram samo na tipografiju.

Pozicija u Dalton Maagu je Font Developer, a pridružila sam se timu pre 4 godine. Dalton Maag je međunarodna agencija, priznata u industriji fontova. Kompaniju je osnovao švajcarski dizajner Dalton Maag, 1991 godine i njen rast u poslednje 2 decenije je doprineo da ova agencija bude jedna od najpoznatijih u dizajn industriji.

 

Šta je bila inspiracija za Google Font, Scope One?

“Scope One je ideja da svim aplikacijama Google Docs donese nešto što smo davno osmišljavali rukom i čiji je cilj da se prenese sa papira na ekran. Taktičnost, praktičnost i nostalgija je nešto na osnovu čega bi se ovaj font izdvojio od konkurencije.

Scope One je da vrati osecaj, tekstureu i jedinstvenost štampanja sa metalnim simbolima, na kojima se uvode novi elementi, koji su neočekivani, ali ne smeju da ometaju obrte. Koncept je baziran na vanvremenskim, osnovnim principima dizajna, sa ciljem da se stvori svest o vrednosti tipografskog dizajna.

Uglavnom se fontovi skiciraju rukom, pa potom, čim se stvori ideja za dizajnom, digitalno se crta na računaru. U Dalton Maagu uvek razvijaju nove metode za poboljšavanje razvoja fontova. Kada se otkrije neki font, postoje tri procesa – dizajn, inženjering i optimizacija za ekrane.”

 

Šta je potrebno da se font izdvoji od ostalih?

“Dobar font je onaj gde sva slova funkcionišu kao sistem. Kada pripadaju jedni drugima i kada njihovo pojavljivanje u reči, kada su jedan pored drugog ima smisla. Jako je bitno ne fokusirati se na jedno slovo i ignorisati kako to slovo izgleda kada je pored drugih. Važno je takođe da se uverite da slova imaju svoju ličnost. U pronalaženju balansa između funkcionalnosti i ličnom pečatu fonta je ključ”

Kako dizajnirati UX koji je podređen brzini?

Da li je vaš sajt spor? Da li bi mogao da bude brži? Korisnici zahtevaju web sajtove koji se brzo učitavaju, bez velike vremenske pauze. Ukoliko vaš sajt ne zadovoljava ove uslove, korisnici će, nezadovoljni vašim sajtom napustiti isti.

U nastavku teksta ćemo vas upoznati sa nekim načinima ubrzanja sajta, tako da u budućnosti nemate razloga za brigu oko vremena učitavanja.

 

Testirajte sajt

Pre nego što kažete “nema šanse da je sajt spor”, istestirajte ga. Google ima odlične alate koje svako može iskoristiti za testiranje sajta, potrebno je samo prekopirati URL sajta. Dobićete izvanredan izveštaj koji će vam reći koliko je brz sajt i gde može da se poboljša. Dobra je ideja da sajt testirate periodično, kako bi ste osigurali da sve funkcioniše bez problema. Ukoliko postoji nekih problema sa performansama, dobijate predloge za poboljšanje.

Izveštaj će vam dati tri sugestije – šta je potrebno popraviti, šta bi trebalo razmotriti za popravku i šta je dobro. Elementi koji se testiraju su:

  • Keširanje u pretraživaču
  • Optimizacija slika
  • Odziv servera
  • Skripte i CSS
  • Kompresija
  • Redirekcije
  • Smanjivanje HTMLa, CSSa, i JSa
  • Prioritet vidljivog sadržaja

 

 

izrada-web-sajta-UX-Brz1

 

 

 

Izbrišite nepotrebne pluginove

Da li se na vašem sajtu nalaze pluginovi koje ste instalirali, a da vam pritom nisu neophodni i da ih ne koristite. Vreme je da se oterasite njih.

Čak i elementi koji se ne upotrebljavaju, osim što zauzimaju mesta na vašem serveru, utiču na brzinu vašeg sajta. Ovo se posebno odnosi ako radite sa sistemima kao što je WordPress.

Uklonite sve neiskorišćene dodatke. Trebalo bi uzeti u obzir i pluginove koje koristite i da li oni utiču povoljno na postojeće korisničko iskustvo, tj da li vaš sajt može ili ne može nesmetano da funkcioniše bez njih. Ukoliko postoje pluginovi koje koristite, a ne utiču na korisničko iskustvo, razmislite o brisanju njih ili o nalaženju bolje opcije.

Pored broja pluginova, kvalitet predstavlja problem. Nemojte samo dodavati pluginove na vaš sajt. Pokušajte da koristite visoko ocenjene pluginove, kao i one koji se redovno ažuriraju i za koje imate obezbeđenu tehničku podršku od strane autora plugina. Ukoliko imate stare, neažurirane pluginove, može se desiti da zastareli elementi usporavaju rad sajta.

 

izrada-web-sajta-UX-Brz2

 

 

Delite samo ono što je potrebno

Kada već razmišljamo o pluginovima i ostalim dodacima, pitanje je koliko sajtova sadrži dugmiće za deljenje na društvenim mrežama. Pitanje koje se postavlja je koliko je to stvarno neophodno?

Dobar deo ovih dugmića može zbuniti korisnike – koliko njih će stvarno poželeti da podeli vaš sadržaj na društvenim mrežama? Sve ovo usporava rad samog sajta.

 

 

Postavite jednu ili dve društvene mreže na kojima ste vi aktivni i želite da se korisnici povežu sa vašim sajtom i postavite te dugmiće.

 

Budite oprezni sa slikama

Video, ilustracije, slike, animacije.. Činjenica je da svi ovi elementi mogu učiniti vaš sajt lepšim, mogu učiniti da “izgleda skuplje”, ali takođe mogu nepovoljno uticati na brzinu učitavanja vašeg sajta. Tako da – birajte mudro.

Pre dodavanja vizuelnog elementa u dizajn vašeg sajta, razmotrite vrednost tog elementa i njegov uticaj na korisničko iskustvo. Da li taj element daje nešto korisnicima? Ukoliko daje neku informaciju korisnicima, iskoristite, ukoliko ne, onda nije potrebno koristiti te elemente.

Potrebno je da sve slike budu optimizovane za upotrebu za webu. Generalno pravilo, slike treba da budu velike onoliko koliko je neophodno. Nemojte dodavati velike slike. Sve ovo zahteva malo vremena prilikom Front End razvoja, ali je jako zgodno ukoliko vremenom sajt nastavi sa razvojem i rastom.

Iskoristite i ostale trikove. Koristite ikonične fontove, umesto ikonica. Konvertujte elemente u SVG (vektorski format) ukoliko vam ikonični fontovi nisu dovoljni. Koristite HTML i CSS trikove da bi ste kreirali elemente za koje nije neophodno koristiti slike, kao što su dugmići, strelice i ostale elemente korisničkog interfejsa.

 

Odmorite sa alatima za smanjivanje

Mali fajlovi su ključni za postizanje velike sajta. Ravnoteža je u ideji da postoje ekrani visoke rezolucije koji vam dozvoljavaju da se vaš sadržaj vidi u što većem kvalitetu. Tada postoji prostor za upotrebu alata za smanjivanje. Neki od najčešće korišćenih alata su:

  • WP Smush – smanjuje slike za WordPress korisnike
  • Kraken – smanjuje i kompresuje slike
  • TinyPNG – smanjuje veličinu i konertuje u kompatibilne formate
  • Gzip – Pakuje fajlove i kompresuju ih
  • Minify Your CSS – Redukuje suvišan kod koji je uključen u API
  • SpriteMe – dodaje pozadinske slike u CSS i smanjuje broj HTTP zahteva
  • CSS Compresor – Redukuje veličinu koda.

 

 

izrada-web-sajta-UX-Brz3

 

 

Keširajte

Uključite keširanje vašeg sajta.

Ukoliko niste uradili ovo, vaši korisnici će biti ti koji su nezadovoljni radom vašeg sajta. Vaš sajt treba da bude brz i to je ono sa čim bi se složila većina korisnika.

Keš memorija će kreirati privremene fajlove kao i stranice koje pretraživač treba da zapamti da bi se korisnik vratio na njih. Tako se redukuje propusni opseg upotrebe, vreme učitavanja i delay. Korisnici će vam biti zahvalni, pogotovo ukoliko koriste malo obimniji sajt.

 

Čistite sajt redovno

Baš kao što morate da čistite svoju kuću redovno, potrebno je čistiti i održavati web sajt, linkove i podatke. Elementi na vašem sajtu kojima je potrebno čišćenje su:

  • Optimizujte svoju bazu podataka. Vremenom će vaša baza podataka može biti pretrpana izmenama, od korišćenja fotografija do sačuvanih fotografija. Ne morate sve zadržati. Jako je bitno očistiti elemente koji nisu deo vašeg sajta.
  • Nemojte hot-linkovati slike. Povlaćenjem slike sa tuđeg web servera je loša ideja. Isto važi za bilo koji spoljni zahtev. Koristite to samo kad je baš neophodno.
  • Popravite linkove. Neispravni linkovi neće usporiti sajt, ali će usporiti vezu korisnicima da sa vašeg sajta odu na neke druge web lokacije, što može prouzrokovati njihovo nezadovoljstvo. Neka vam pređe u naviku provera i ispravljanje neispravnih linkova.
  • Neka sve na vašem sajtu bude ažurirano. Ukoliko koristite platformu kao što je WordPress, onda ažurirajte sajt često. Ukoliko koristite gotove teme, takođe ih ažurirajte. Update teme može sadržati neke dodatke koji će doprineti ubrzanju i bezbednijem funkcionisanju sajta, a ništa nije sporije od sajta koji je hakovan i zaražen malware-om.

 

Zaključak

Nadamo se da smo vam u ovom tekstu dali dovoljno instrukcija da nakon njih možete da se pozabavite povećanjem brzine vašeg sajta. Koristite Google Pagespeed Insights Tool. Nakon toga pokrenite sajt i sami probajte da uočite da li vidite razliku.

Ništa neće učiniti vašeg korisnika srećnijim i voljnijim da se ponovo vrati na vaš sajt, kao dobro korisničko iskustvo i brz sajt. Tokom svih faza vizuelnog dizajna, mislite o tome da kada dodajete elemente na vaš sajt, da li je taj element potreban korisnicima i da li će eventualno njegovo dodavanje usporiti sajt.

Tajna Grid Layouta i greške koje većina dizajnera pravi

Tajna Grid Layouta i greške koje većina dizajnera pravi

Grid Layout je tema koja nije obrađivana mnogo na našem blogu, samo je pominjana usputno nekoliko puta. Grid Layout se koristi sve vreme i koristiće se još dugo, tako da je od presudnog značaja, pre samog početka dizajna upoznati se sa osnovim pravilima grid layouta.

Za početak, korišćenje Grid Layouta nije nešto što se koristi samo u stampanju ili u digitalnom dizajnu. Raspored je raspored, a dizajn je način prenošenja poruke koja ima više elemenata. Elementi moraju biti u skladu sa onim kako to vidi ljudsko oko i kako to mozak obrađuje. Jako je bitno olakšati ljudskom mozgu što je više moguće, bez mnogo dešifrovanja poruke.

 

Zašto ljudi ne razumeju Grid Layout? 

Na sajtu Designers Insights postoji jedna dobra lekcija o korišćenju grid layouta. Ovaj članak je odlična lekcija ukoliko nikad niste koristili grid layout do sada. Pokriva upotrebu kolona i ostalih elemenata, pravila trećine. U pravilnoj upotrebi grid layouta je razlika između prosečnih i dobrih dizajnera.

Zamislite šta bi se desilo kada bi svaki dizajner usvojio pravila iz gorenavedenog članka. Svi bi izbacili isti dizajn. Dizajneri koji razviju osećaj za pravilnu upotrebu gridova će savete iz članaka koristiti da bi izbacivali najbolje radove.

Najlakši način da se objasni kako grid nema ograničenja su tipični testovi tipa – koliko kvadrata vidite. Pošto postoje kvadrati unutar kvadrata, pa je velika verovatnoća da ljudi neće videti pravilan broj kvadrata.

 

Kako i zašto?

Josef Muller Brockmann (May 9th, 1914 – August 30th, 1996) je smatran jednim od ključnih igrača u Svajcarskoj školi (Swiss School of international Style). Kada se ima u vidu vreme u kom je on radio, koje obuhvata Drugi svetski rat, Hladni rat i rastući uticaj razaranja i straha u Evropi, on je svakako postavio nove standarde u dizajnu na globalnom nivou.

Müller-Brockmann je više od običnog čoveka koji je pokušavao da kreira stil označen u svajcarskoj školi: Constructivism, De Still, Suprematism i Bauhaus i svi od njih su dizajnirali novi pravac koji je otvorio vrata kreativnom izražavanju u grafičkom dizajnu.

Njegov osećaj za dizajn iz 1950 godine sa ciljem da stvori postere koji komuniciraju sa auditorijumom. Ovo nije mala stvar jer je bila neophodna komunikacija preko jezičke barijere uz engleski, francuski, nemački i italijanski, pošto se ti jezici govore u Švajcarskoj. To je bila harmonija i jednostavnost ovih delova koji su uticali na posleratni svet koji je izgubio izgubio smisao nacionalizma i stavio u lekciju, sa ciljem globalizacije. Müller-Brockmann je ubrzo uspostavljen kao vodeći teoretičar razvoja grid dizajna, koji je oslobođen subjektivnog osećaja

Grid je prioritet i raspored tipografskih i slikovnih elemenata koja daju na značenje upotrebi boja, postavljanje elemenata u red, raspoređivanje od leve na desno, odozgo na dole.

Ukoliko ostavimo sopstvenoj intuiciji da uče o izgledu i dizajnu, čini se racionalnim da je grid sistem strogo odnos s leva na desno i odozgo na gore, matematički precizno. Ukoliko gledamo Müller-Brockmann-ove radove, videćemo uspešnu primenu dizajna i ilustracije elemenata koji spadaju zajedno, ali nisu vezane za isti raspored.

 

izrada-web-sajta-top1

izrada-web-sajta-top2

 

Müller-Brockmann je, uprkos tome što možete misliti da grid layout dozvoljava, čovek koji je u praksi znao kako da ga koristi. Nije sve bilo horizontalno i vertikalno. Ne treba strogo pratiti linije, one su oblasti u kojima je potrebno nešto naglasiti.

U WordPress temama se posebno razvija osećaj za dizajn. Postoji poseban stil dizajniranja za web sajtove časopisa, sa animacijama, paralax efektima. Web se menja i dizajn će morati da se menja, ali u principu će dizajn i dalje biti baziran na gridu jer su oni temelj, polazna tačka, koji drži elemente zajedno.

Piet Zwart je rođen 28.5, 1885 godine u Zaandijku u Severnoj Holandiji. Od 1902 do 1907 godine je pohađao Školu primenjene umetnosti u Amsterdamu koja je bila podeljena po disciplinama kao što su crtanje, arhitektura i primenjene umetnosti. On i kolege su zajedno sami učili, pošto nastavnici nisu bili prisutni tamo. Zwart je voleo da kaže kako je škola koju je pohađao nije imala nikakvu ideju niti program.

U nedostatku prave učionice, bitan je trening gde se može vežbati dizajn, posebno tipografija na netradicionalan način. Dok je jasnoća horizontalnog grid dizajna strogo definisanih slova i slika, normalna stvar, prema Švajcarskoj školi dizajna od 1940 do 1950, Zwart je dizajnirao iz duše.

Kao i kod veličine genija došlo je do samoinicijativnog kršenja pravila koja nikada nisu naučena ili niko nije brinuo o njima. On je takođe eksperimentisao u upotrebi fotografije koja je montirana. Ipak, uz svo kršenje pravila i eksperimentisanja, Zwart je bio zabrinut za očitavanjem, osećajući da tipografija mora biti jasna i funkcionalna.

 

izrada-web-sajta-grid

izrada-web-sajta-grid1

izrada-web-sajta-grid2

Zvart je, uprkos tome što je bio buntovnik u dizajnu, i dalje želeo da svojim dizajnom prenese poruku. U svom komercijalnom radu nije imao običaj da vodi računa o proizvodnji kablova i kompaniji koja prodaje različite vrste ovih kablova. Koristio je grid da organizuje elemente radi lakšeg razumevanja.

Poruka je ono što pobeđuje dizajn kada je u pitanju raspored. Prilikom korišćenja Z layouta, jako je bitno znati da korisnici čitaju sa leva na desno, pa gledaju dole desno i dole levo (oblik slova Z). Ne postoji mnogo izbora, osim ako ne želite zbrku u poruci koju prenosite vašim dizajnom. Na prvi pogled grid dizajn deluje kao da je pun ograničenja, ali zapravo ih nema i mogućnosti su brojne.

 

izrada-web-sajta-grid3

 

Dizajner i edukator Ed Fella, je njegov rad okarakterisao kao stilski pogrešan. Voleo je da kaže da je njegov rad sirov i opsesivan. Ona ima moć i spontanost. Veliki poznavalac layouta, tipografije i dizajna, je voleo da govori inspirativne reči za sve dizajnere, kako je bio zainteresovan za grafički dizajn i umetnost i smatrao je da je grafički dizajn tip umetnosti koji koristi korisničke forme koje dolaze iz grafičkog dizajna, dekorativnih ilustracija i pisanja.

 

izrada-web-sajta-grid4

 

Fella je definitivno kršio pravila, ali je držao disciplinu u svom dizajnu, tako što je naglašavao poruku i stavljao je u prvi plan, koristeći grid u svakoj mogućoj prilici.

Grid Layout nije zastareli princip dizajna, bez obzira na to da li je za štampu ili za web, to je čist i moćan tip dizajna koji, uprkos tome što postoji odavno i dalje se koristi kao temelj na kome se gradi dizajn.

Fella je za sebe voleo da kaže da nikad nije voleo da poštuje pravila, ali da su njegovi profesori i mentori voleli da kažu da bi ste kršili pravila morate da ih znate i da bi ste kreirali sopstveni svet, morate razumeti pravi svet.

Ukoliko želite da kršite pravila, može se videti da je svima realan svet bio osnov za učenje i razvijanje dizajna. Pravila su potrebna da bi se razumeo raspored, tipografija, elementi boje, ilustracije i fotografije, kako se vide i kako ih ljudski mozak vidi i razume.

 

 

Pronalaženje prostora za animacije u web dizajnu

Pronalaženje prostora za animacije u web dizajnu

Kada projekat počne, jako je bitno da agencija razume značaj animacije u dizajnu interfejsa, zato što rad dizajnera može doprineti uspehu projekta generalno.

Prilikom početka rada na web sajtu, dizajneri se susreću sa mnogim izazovima. Postoji i posebna grana dizajna – dizajniranje animacija i nekih pokreta. Na prvi pogled deluje da je taj posao sekundaran i da nema mnogo udela u samom projektu, ali je sa druge strane jako bitno napraviti lepe animacije, koje će angažovati korisnika. Šta je lepa animacija?

Nažalost, mnogi development profesionalci animaciju smatraju minornom i dekorativnom. Posmatranje animacije kao nešto što je lepo, je jako teško shvatiti ozbiljno. Zapravo, animacija je suštinski deo procesa komunikacije sa korisnikom i razumevanja interaktivnog projekta.

Mi koristimo HTML za prikazivanje informacija i prezentovanje poruke korisnicima, ali nam animacija pomaže da radimo obe stvari bolje. Zamislite animaciju kao vodič koji korisnicima daje informaciju o istorijatu vašeg web sajta i samim tim sprečava eventualna zbunjivanja. Pomaže korisnicima da se orjentišu u okviru samog interfejsa, da ojačaju svoj vizuelni utisak.

 

 

izrada-web-sajta-upotreba-animacija

 

 

Ljudski mozak i oko su projektovani tako da više pažnje obraćaju na pokretljive objekte i to je refleksna pojava kod ljudi. Mađioničari uz pomoć pokreta izvode trikove. Uz pomoć animacije možemo videti kretanje nekog objekta. Kretanje nije nikako suvišan detalj, samo može poboljšati korisničko iskustvo ukoliko je pametno i skladno odrađeno.

Animacija interfejsa popunjava praznine na sajtu na različite načine:

  • Sugeriše interakciju i stvara vizuelni stimulans, tako što korisnik u interfejsu vidi informacije o promenama
  • Obezbeđuje korisnicima vizuelni feedback i daje uputstvo šta dolazi sledeće
  • Predstavlja logički prelaz između ekrana. Prema istraživanjima, animirani element će pomoći korisnicima da upamte interfejs, jer je poznat i predvidiv.
  • Animacija komunicira bolje i bliže sa korisnicima od statićkih slika
  • Pametno urađene animacije obezbeđuju korisnicima bolje korisničko iskustvo

 

Sve veća upotreba uređaja sa malim ekranima nas primorava da implementiramo veliki interfejs u mali prostor. Bilo bi zbunjujuće i frustrirajuće za korisnika da razume vezu između layera, tabova i zoomova da nema dizajnera koji će kroz interfejs to objasniti. Kao i kod tipografije, koja ima funkciju za čitanje i dodavanje ekpresije sadržaju, animacija spaja slike, oblike i u harmoniji je sa dizajnom. Pažnja usmerena na detaljima kod pažljivo kreiranih animacija i tipografije je ono što razlikuje vrhunske sajtove od onih prosečnih.

Kako iz godine u godinu nastaje sve veći broj IT zanimanja, zanimanje koje je povezano sa izradom i dizajnom animacija je – UI Motion Designer ili UX Choreographer (termin koji će se verovatno upotrebljavati u budućnosti).

Ova cela priča predstavlja nešto novo u digitalnom svetu, koji se pokazao svoj značaj i koja zaslužuje veću pažnju i prostor, do te mere da bude grana zasebna za sebe, a ne umetnički pravac ili grana koja je povezana sa programiranjem. Kada kažemo nezavisna, podrazumevamo veći prostor i veću pažnju i veća zaduženja od onih standardnih da se uradi nešto lepo za sajt.

 

 

Pin It on Pinterest