5 nasvetov za poenostavitev spletnega oblikovanja
Pravila enostavnosti! Spletne strani so videti elegantne, zmanjšujejo zmedo in pomagajo pri doseganju želenih ciljev in rezultatov (npr. Več prijav, naročnikov in prodaje). Toda prepogosto se zdi, da je težko poenostaviti oblikovanje vaše spletne strani. Ne glede na to, kako težko se trudite, ne morete narediti, da bo vaše delo videti kot Apple. Torej, kaj naredi spletni oblikovalec res mora storiti? Ne skrbi, ker obstajajo 5 izhodišč za poenostavitev oblikovanja vaše spletne strani.
Preprosta zasnova spletne strani ne bi smela biti zastrašujoča preizkušnja vsega ali nič - poenostavite svoj dizajn z majhnimi koraki. Preproste naloge, kot je dajanje pozornosti samo na bistvene elemente vaše spletne strani, znebiti se nepotrebnega, zmanjšati število strani, ki jih ima vaše spletno mesto, pridobiti več vsebine nad krajem in omejiti število barv, ki jih uporabljate. Vedno lahko prilagodite in izboljšate svojo preprosto zasnovo, toda pomembno je, da začnete.
Ste pripravljeni na poenostavitev oblikovanja vaše spletne strani? Super. Brez nadaljnjega odlašanja, tukaj so 5 izhodišč za poenostavitev oblikovanja vaše spletne strani.
1. Osredotočite se samo na bistvene elemente
Ta prvi korak se verjetno zdi očiten: od sevedaOsredotočiti se moram na bistvene elemente svojega spletnega mesta, kaj sem jaz, idiot? Toda presenetljivo število spletnih strani tega ne doseže in rezultat je velik nered pomembnih in nepomembnih elementov, ki so se pojavili na strani. Kdor koli mi je storil to v preteklosti. Težko je biti objektiven in dati prednost pomembnosti ali ne, ker vse zdi bistveno. Če želite, da je vaše spletno mesto preprostejše, ugotovite, kaj mora biti osredotočen, tako kot pri vsakem dobrem vizualnem oblikovanju ali umetniškem delu. In to pomeni, da se osredotočimo le na bistvene elemente.
Uporabite pravilo 80-20
Kaj 20% tega, kar je na strani, daje 80% vrednosti in vsebine, za katero ljudje odidejo? Lahko je na primer kopija, nekaj socialnega dokazila (odlomki pregleda, izjave, priponke za medije), na primer obrazec za prijavo ali gumb »poziv k dejanju«. To je 20% tam. Na vaši spletni strani, kot tudi na vsaki posamezni strani, osredotočiti na prikazovanje samo 20% elementov spletnega mesta, ki zagotavljajo 80% te uporabnosti.
To ni tehnični korak, ampak načelo, ki ga lahko uporabite kot vodnik za nenehno poenostavitev oblikovanja vaše spletne strani. Pravilo 80-20 vam bo pomagalo poenostaviti oblikovanje vaše spletne strani tako, da boste potisnili elemente spletnega mesta na osnovne elemente. Kaj je res kul je, da pravilo 80-20 lahko tudi pomaga povečati želene rezultate, ki jih upate doseči na vaši spletni strani. Na primer, povečana stopnja konverzij pri obiskovalcih, ki se naročijo, se prijavijo ali kupijo. Kako? Izdelate ga tako, da je manj motenj in stvari za obiskovalce, da kliknejo, da zapustijo stran.
Kot vsi vemo, vedno iščemo izgovor, da ne kupimo nekaj na zadnjem koraku, in vsak razlog za odhod je dober. Zmanjšajte te razloge in možnosti klikanja s pravilom 80-20.
Chris Pearson, ustvarjalec priljubljenega tematskega okvira Thesis WordPress, pravi, da je prav to pomagalo povečati prodajo na njegovi spletni strani.
2. Znebite se vseh nepotrebnih elementov
Tukaj nadaljujemo s pravilom 80-20.
Zdaj, ko ste identificirali 20% elementov spletnega mesta, ki vam bodo prinesli 80% želenih rezultatov, je čas za se znebite vseh nepotrebnih elementov. Z drugimi besedami, 80% elementov spletne strani, ki vam bodo prinesli le 20% rezultatov. Lahko so pripomočki za souporabo družabnih medijev, elementi stranske vrstice, podrobnosti o objavah v spletnem dnevniku (datum, čas, avtor, število komentarjev itd.) Ali povezave v nogi (to je še posebej velik krivec za veliko časa, zlasti ko obiskovalec išče prej omenjeni izgovor za premik od strani).
3. Zmanjšajte število strani
Velik del poenostavitve oblikovanja vaše spletne strani je preprosto imeti manj mest za raziskovanje in klikniti. To lahko storite do obrezovanje števila strani. Ali se znebite nepotrebnih strani, ki jih globoko v notranjosti veste, da niso potrebne, ali pa vsaj združite več strani v eno. Mislim, ne resnično morate ločiti strani »o mestu« in »o meni«.
Prvič, priti v miselnost obiskovalca - če bi morali priti na vašo spletno stran, katere so ključne stvari, ki bi jih želeli narediti? Na primer ugotovite, o čem govorite? Or stik z vami? Naslednji, poskrbite, da bodo vaše strani olajšale, kar je potrebno, in nič več. Ne hranite nepotrebnih strani na vaši spletni strani, ker menite, da morate, ali ker jih imajo druge spletne strani. Ko zmanjšate število strani na vašem spletnem mestu, se obiskovalci lažje osredotočijo na vašo vsebino, ker je manj mest za klikanje, vendar je tudi vaš navigacijski meni preprostejši..
Vsi smo bili na spletnih mestih s preveč točk nav menijev. Ne vemo, kam naj začnemo navigirati, ker nas izbire presenetijo. In ko smo preobremenjeni s tem, da smo imeli preveč izbir, gremo z izbiro ničesar. S tem, da imate čim manj elementov menija navzgor, naredite svojo spletno stran ne le preprostejša, temveč tudi bolj vabljiva in prijazna do obiskovalcev.
4. Get več vsebin nad Fold
Študije so pokazale, da večina ljudi pretežni del svojega časa preživi na zgornji strani spletnih strani (kar se prikaže na zaslonu brez pomikanja navzdol). Torej, če želite povečati učinkovitost vaše spletne strani, imajo glavno vsebino in pozive k dejanjem elemente nad krat. Lahko naredite nekaj tako preprostega, kot je skrajšanje višine glave, če imate logotip in navigacijski meni na vrhu vaše spletne strani.
To ne vključuje nič drugega kot spreminjanje vrednosti "višine" glave v slogovnem slogu (običajno style.css
ali stylesheet.css
). Preverite tudi, ali je obrazec za prijavo ali gumb pod pokrovčkom. Premakni ta element višje na strani, tako da je prva stvar, ki jo obiskovalec vidi. Konec koncev, to je želenega klica na dejanja obiskovalca, tako zmanjšajte delo, ki je potrebno, da ga dosežete (npr. drsenje).
5. Omejite barvno shemo
Z lahkoto se lahko odnesete z barvami. Zakaj se lahko odločite za 2 ali 3 barve, če imate 12 ali 13 barv? Da pa bi vizualno poenostavili oblikovanje spletne strani, morate omejiti barvno shemo. Če ste v dvomih, uporabite manj barv. Seveda se bo razlikovalo glede na vašo zasnovo, vendar se poskusite držati ne več kot 2 ali 3 barve za začetek. Če potrebujete večjo prefinjenost in teksturo, uporabite odtenke iste barve - svetlo modro za ozadje in temnejšo modro za glave in menijske elemente.
Kriv sem kot kdorkoli, ki je bil v preteklosti divji z barvami. Dodal bom to barvo, potem drugo, in drugo - in preden se zavem, izgleda kot mavrična driska po vsem mojem spletnem mestu. Lahko, da je vaša spletna stran konstruktivno poenostavljena, če pa barve motijo oči, ko jo pogledate, namesto da dopolnjujejo vsebino, potem je bilo vse to naporno. Zato uporabite manj barv z zasnovo spletne strani.
Imate težave pri izbiri barve za začetek? Prej potem revija ima uporabno brezplačno e-knjigo o tem, kako najti popolno barvo tukaj. Potrebujete pomoč pri izbiri barvne sheme? Preizkusite ta priročen generator barvne sheme.
Nazadnje, vendar ne nazadnje
Upajmo, da ste zdaj oboroženi in pripravljeni začeti s poenostavitvijo oblikovanja vaše spletne strani. Bili boste bolj ponosni, da se boste predstavili na svoji spletni strani, saj bo izgledala seksi in nazadnje, vaši obiskovalci bodo imeli veliko bolj prijetno izkušnjo brskanja na vaši spletni strani..
Za povzetek si oglejte pet izhodišč za poenostavitev oblikovanja vaše spletne strani:
- Osredotočite se le na bistvene elemente
- Znebite se vseh nepotrebnih elementov
- Zmanjšajte število strani
- Dobite več vsebine nad pokrovom
- Omejite barvno paleto
povezani članki
- 11 skupnih napak pri spletnem oblikovanju. Stvari, kot so izogibanje zapletenim obrazcem, neorganizirana vsebina, slaba berljivost in nezahtevna iskalna vrstica - vse to vam bo pomagalo poenostaviti oblikovanje spletnega mesta in narediti veselje za obiskovalce ter višjo stopnjo konverzije za vas..
- Čisto, preprosto in minimalistično oblikovanje spletnih strani. Vsi ti primeri spletnih strani samo še dokazujejo, da preprosta zasnova ne izgleda le sladka in navdušuje člane nasprotnega spola, ampak zelo pomaga pri uporabniški izkušnji.
Za vas: kakšne so vaše najljubše spletne strani, ki poenostavljajo nasvete? Ali ste opazili povečanje želenih rezultatov zaradi poenostavitve vaše zasnove?
Opomba urednika:To delovno mesto je napisal Oleg Mokhov forÃ'Â Hongkiat.com. Oleg Mokhov je najbolj mobilni elektronski glasbenik na svetu, navdušenec za spletno in vizualno oblikovanje ter soustanovitelj glasbene trgovine Soundtrackster, ki je brezplačna licenca..