5 savjeta za pojednostavljenje web dizajna
Pravila jednostavnosti! To čini web stranice izgledaju gladak, smanjiti nagivation konfuzije i pomaže u postizanju željenih ciljeva i rezultata (tj. Više prijava, pretplatnika i prodaje). Ali prečesto se čini neuhvatljivim za pojednostavljenje dizajna vaše web-lokacije. Bez obzira koliko se trudili, ne možete učiniti da vaš posao izgleda kao Apple. Dakle, što web dizajner stvarno treba učiniti? Ne brinite, jer postoje 5 polazišta za pojednostavljenje dizajna vaše web-lokacije.
Jednostavan dizajn web-mjesta ne bi trebao biti zastrašujuće sve-ili-ništa iskušenje - možete pojednostaviti svoj dizajn uzimanjem malih koraka. Jednostavni zadaci poput stavljanja fokusa samo na bitne elemente vaše web-lokacije, oslobađanje od nepotrebnog, smanjenje broja stranica koje vaša web-lokacija ima, dobivanje više sadržaja iznad omota i ograničavanje broja boja koje koristite. Uvijek možete fino podesiti i poboljšati svoj jednostavan dizajn, ali najvažnije je da započnete.
Spremni za početak pojednostavljivanja dizajna vaše web-lokacije? Super. Bez daljnjih smetnji, ovdje su 5 polazišta za pojednostavljenje dizajna vaše web-lokacije.
1. Usredotočite se samo na bitne elemente
Ovaj prvi korak vjerojatno izgleda očigledno: od tečajTrebao bih staviti naglasak na bitne elemente na mojoj stranici, što sam ja, idiot? No, iznenađujuće velik broj web stranica ne uspijeva to postići, a rezultat je veliki nered važnih i nevažnih elemenata izbačenih na stranicu. Kriv sam što sam to radio u prošlosti kao i svi drugi. Teško je biti objektivan i odrediti što je važno ili ne, jer sve čini se bitnim. Ako želite da Vaš web dizajn bude jednostavniji, utvrdite što treba biti usredotočen, kao s bilo kojim dobrim vizualnim dizajnom ili umjetničkim djelom. A to znači staviti fokus samo na bitne elemente.
Koristite pravilo 80-20
Što 20% onoga što je na stranici daje 80% vrijednosti i sadržaja za koji ljudi idu tamo? To bi, primjerice, mogla biti kopija, neki društveni dokaz (isječci pregleda, izjave, značke medija) te obrazac za prijavu ili poziv na radnju. To je 20%. Na Vašoj web stranici, kao i na svakoj pojedinačnoj stranici, usredotočiti se na prikazivanje samo 20% elemenata web-lokacije koji isporučuju 80% te korisnosti.
To nije tehnički korak, već princip koji možete koristiti kao vodič za konstantno pojednostavljenje dizajna vaše web-lokacije. Pravilo 80-20 pomoći će vam da pojednostavite dizajn vaše web-stranice tako što ćete pritiskati da smanjite elemente web-lokacije na osnovne stvari. Što je stvarno cool je da 80-20 pravilo također može pomoći povećati željene rezultate koje se nadate postići na Vašoj web stranici. Na primjer, povećana stopa pretvorbe kod posjetitelja koji se pretplate, prijave ili kupuju. Kako? Stvarate tako da ima manje smetnji i stvari koje posjetitelji mogu kliknuti kako bi napustili stranicu.
Kao što svi znamo, uvijek tražimo izgovor da ne kupimo nešto u posljednjem koraku, a svaki razlog za odlazak je dobar. Smanjite te razloge i opcije "klik-daleko" s pravilom 80-20.
Chris Pearson, tvorac popularne teme Thesis WordPress, kaže da je upravo to pomoglo povećanju prodaje na njegovoj web-lokaciji..
2. Riješite se svih nepotrebnih elemenata
Ovdje nastavljamo s pravilom 80-20.
Sada kada ste identificirali 20% elemenata web-lokacije koji će vam donijeti 80% željenih rezultata, vrijeme je da to učinite riješite se svih nepotrebnih elemenata. Drugim riječima, 80% elemenata web-mjesta koji će vam dati samo 20% rezultata. To bi mogli biti widgeti za dijeljenje društvenih medija, elementi bočne trake, detalji meta posta na blogu (datum, vrijeme, autor, broj komentara itd.) Ili veze u podnožju (to je osobito veliki krivac za mnoga vremena, osobito kada posjetitelj traži gore spomenuti izgovor da bi napustio stranicu).
3. Smanjite broj stranica
Velik dio pojednostavljivanja dizajna vaše web-lokacije je jednostavno imati manje mjesta za istraživanje i kliknuti okolo. To možete učiniti putem podrezivanje broja stranica. Ili se riješite nepotrebnih stranica koje duboko u sebi ne trebaju, ili u najmanju ruku, spajaju više stranica u jednu. Mislim, nemaš stvarno trebate odvojiti stranice "o web-lokaciji" i "o meni".
Prvo, uđite u razmišljanje posjetitelja - ako dođete na svoju web-lokaciju, koje su ključne stvari koje želite učiniti? Na primjer saznajte o čemu se radi? Ili Kontaktirati te? Sljedeći, pobrinite se da vaše stranice olakšavaju ono što je potrebno i ništa više. Ne zadržavajte nepotrebne stranice na svojoj web-lokaciji jer mislite da trebate, ili zato što ih imaju druge web-lokacije. Kada smanjite broj stranica na vašoj web-lokaciji, ne samo da je posjetiteljima lakše usredotočiti se na vaš sadržaj jer ima manje mjesta za klikanje, ali i vaš navigacijski izbornik je jednostavniji.
Svi smo bili na web-lokacijama s previše stavki Nav izbornika. Ne znamo kamo započeti navigaciju jer nas preplavljuju izbori. A kad nas preplavi to što imamo previše izbora, nećemo birati ništa. Ako imate što je moguće više navigacijskih stavki, svoju web-lokaciju učinite ne samo jednostavnijom nego i privlačnijom i prijateljskom za posjetitelje.
4. dobiti više sadržaja iznad fold
Istraživanja su pokazala da većina ljudi većinu vremena provodi iznad omota na web stranicama (što se prikazuje na zaslonu bez pomicanja prema dolje). Dakle, ako želite povećati učinkovitost svoje web stranice, imaju glavni sadržaj i poziv na akciju elemenata iznad fold. Ako imate logotip i navigacijski izbornik na vrhu web-lokacije, možete učiniti nešto jednostavno kao skraćivanje visine zaglavlja.
To uključuje ništa više od mijenjanja vrijednosti "visine" zaglavlja u tablici stilova (obično style.css
ili stylesheet.css
). Također, provjerite je li obrazac za prijavu ili gumb ispod omota. Pomaknite taj element više na stranici tako da je prva stvar koju posjetitelj vidi. Uostalom, to je željeni poziv posjetitelja, tako smanjite rad koji je potreban da biste došli do njega (tj. pomicanje).
5. Ograničite shemu boja
Lako je odnijeti se bojama. Zašto se smjestiti na 2 ili 3 boje kada možete imati 12 ili 13 boja? No, kako bi se vizualno pojednostavio dizajn Vaše web stranice, morate ograničiti shemu boja. Kada sumnjate, koristite manje boja. Naravno, to će varirati ovisno o vašem dizajnu, ali pokušajte se početi pridržavati ne više od 2 ili 3 boje. Ako trebate više suptilnosti i teksture za svoj vizualni dizajn, koristite nijanse iste boje - svijetlo plavu za pozadinu i tamnije plave za zaglavlje i stavke izbornika.
Kriv sam kao i svi drugi u dobivanju boja u prošlosti. Dodat ću tu boju, zatim drugu, i drugu - i prije nego to saznam, to izgleda kao duga proljev po cijeloj mojoj web stranici. Vašu web lokaciju možete konstruktivno pojednostaviti, ali ako boje skreću pozornost na oči kada je gledate umjesto da dopunjavate sadržaj, onda je sav taj trud bio bezvrijedan. Umjesto toga koristite manje boja s dizajnom svoje web-lokacije.
Imate problema s odabirom boje za početak? Prije poslije Magazin ima korisnu besplatnu e-knjigu o tome kako pronaći savršenu boju ovdje. Trebate pomoć u odabiru sheme boja? Isprobajte ovaj zgodan generator boja.
Posljednje, ali ne i najmanje važno
Nadam se da ste sada naoružani i spremni za početak pojednostavljivanja dizajna vaše web-lokacije. Vi ćete biti ponosniji pokazati svoje web stranice jer će izgledati gosh-darned seksi i na kraju, Vaši posjetitelji će imati puno više ugodno iskustvo pregledavanja na Vašoj web stranici \ t.
Evo 5 početnih točaka za pojednostavljenje dizajna vaše web-lokacije:
- Usredotočite se samo na bitne elemente
- Riješite se svih nepotrebnih elemenata
- Smanjite broj stranica
- Dobijte više sadržaja iznad poklopca
- Ograničite paletu boja
povezani članci
- 11 uobičajenih pogrešaka u web dizajnu. Stvari poput izbjegavanja kompliciranih obrazaca, neorganiziranog sadržaja, loše čitljivosti i trake za pretraživanje koje nije lako pronaći - sve će vam pomoći da pojednostavnite dizajn web-lokacije i učinite radost posjetiteljima i višu stopu konverzije.
- Čiste, jednostavne i minimalističke dizajne. Svi ti primjeri na web-stranicama samo dodatno dokazuju da jednostavan dizajn ne samo da izgleda slatko i impresionira članove suprotnog spola, već uvelike pomaže kod korisničkog iskustva
Preko vas: koji su vaši omiljeni dizajn web-mjesta koji pojednostavljuje savjete? Jeste li vidjeli povećanje željenih rezultata od pojednostavljenja dizajna?
Napomena urednika:Ovaj post je napisao / la Oleg Mokhov forÃ'Â Hongkiat.com. Oleg Mokhov je najveći mobilni elektronski glazbenik na svijetu, entuzijasta za web i vizualni dizajn, te suosnivač glazbene trgovine s glazbenom nagradom Soundtrackster.