5 nõuandeid veebidisaini lihtsustamiseks
Lihtsuse eeskirjad! See muudab veebisaidid stiilsedeks, vähendab kalduvust segades ja aitab saavutada soovitud eesmärke ja tulemusi (nt rohkem registreerumisi, abonente ja müüki). Kuid liiga sageli tundub, et veebisaidi disaini lihtsustada. Ükskõik kui kõvasti te proovite, ei saa te oma tööd Apple'i nägemiseks välja tuua. Niisiis, mida veebisaidi kujundaja tegelikult peab tegema? Ära ole, sest seal on 5 lähtepunkti veebisaidi disaini lihtsustamiseks.
Lihtne veebilehe kujundus ei tohiks olla hirmutav kõik-või-midagi katsumust - saate lihtsustada oma disaini väikeste sammudega. Lihtsad ülesanded, nagu fookuse tegemine ainult teie veebisaidi olulistele elementidele, mittevajaliku vabanemise vähendamine, saidi lehekülgede arvu vähendamine, sisu suurendamine klapi kohal ja kasutatavate värvide arvu piiramine. Saate alati oma lihtsat disaini täpsustada ja parandada, kuid oluline on alustada.
Kas olete valmis oma veebisaidi disaini lihtsustama? Vinge. Täiendav ado siin on 5 lähtepunkti veebisaidi disaini lihtsustamiseks.
1. Keskenduge ainult olulistele elementidele
See esimene samm tundub ilmselgelt otsaesine. of muidugiPean keskenduma oma saidi olulistele elementidele, mis ma olen, idioot? Kuid üllatav arv veebisaite ei suuda seda saavutada ja tulemus on oluline segadus olulistele ja ebaolulistele elementidele, mis on lehele sattunud. Ma olen sama süüdi minevikus nii nagu keegi teine. On raske olla objektiivne ja seada prioriteediks see, mis on oluline või mitte, sest kõike tundub oluline. Kui soovite, et veebisaidi kujundus oleks lihtsam, selgitage välja, mida tuleb keskenduda, nagu iga hea visuaalse disaini või kunstiteose puhul. See tähendab keskendumist ainult olulistele elementidele.
Kasutage reeglit 80-20
Mida 20% lehel olevast väärtusest annab 80% väärtusest ja sisust, mida inimesed sinna lähevad? See võib olla näiteks koopia, mõningad sotsiaalsed tõendid (ülevaadete väljavõtted, iseloomustused, meedia märgid) ja registreerimisvorm või tegevusele kutsumise nupp. See on seal 20%. Teie veebisaidil ja igal üksikul lehel, keskenduda ainult 20% saidi elementidest, mis annavad 80% sellest kasust.
See ei ole tehniline samm, vaid põhimõte, mille abil saate oma veebisaidi kujundust pidevalt lihtsustada. 80-20 reegel aitab lihtsustada teie veebilehe kujundust, lükates teid oma saidi elementide trimmimise juurde. Mis on tõesti lahe, on see, et 80-20 reegel võib aidata suurendada oma soovitud tulemusi, mida loodate oma veebisaidil saavutada. Näiteks suurenenud konversioonimäär külastajate tellimisel, registreerumisel või ostmisel. Kuidas? Sa teed seda nii, et on vähem segadust ja asjad, mida külastajad saavad lehelt lahkumiseks klõpsata.
Nagu me kõik teame, otsime alati vabandust, et mitte osta midagi viimases etapis, ja kõik põhjused, miks minna ära, on hea. Vähendage neid põhjuseid ja klõpsa võimalusi 80-20 reegli abil.
Chris Pearson, populaarse Thesis WordPressi teema raamistiku looja, ütleb, et see on just see, mis aitas suurendada oma veebisaidi müüki.
2. Vabastage kõikidest ebavajalikest elementidest
Me jätkame siin 80-20 reeglit.
Nüüd, kui olete tuvastanud 20% veebisaidi elementidest, mis annavad teile 80% soovitud tulemustest, on aeg vabaneda kõikidest ebavajalikest elementidest. Teisisõnu, 80% veebisaidi elementidest, mis annavad sulle vaid 20% tulemustest. See võib olla sotsiaalmeedia jagamise vidinad, külgriba elemendid, blogi postituse meta üksikasjad (kuupäev, kellaaeg, autor, kommentaaride arv jne) või jaluses olevad lingid (see on eriti suur süüdlane paljudel aegadel, eriti siis, kui külastaja otsib lehelt eemale minekuks ülalnimetatud vabandust.
3. Vähendage lehekülgede arvu
Suur osa veebisaidi kujunduse lihtsustamisest on lihtsalt vähemate kohtade otsimine ja klikkimine. Seda saate teha lehekülgede arvu kärpimine. Kas vabaneda mittevajalikest lehekülgedest, mida sügaval sisemuses teate ei ole vaja, või vähemalt sulandada mitu lehekülge ühte. Ma ei taha tõesti peate eraldi lehed "saidi kohta" ja "minu kohta" eraldama.
Esiteks, külastage külastaja mõtteviisi - kui sa oleksid jõudnud oma veebisaidile, millised on peamised asjad, mida sa tahaksid teha? Näiteks teada, milline on teie asjad? Or võtke ühendust? Järgmine, veenduge, et teie lehed hõlbustaksid vajalikku ja mitte midagi muud. Ärge hoidke oma veebisaidil tarbetuid lehekülgi, sest te arvate, et teil on vaja seda teha või kuna muudel veebisaitidel neid on. Kui vähendate veebisaidi lehekülgede arvu, ei ole külastajate jaoks lihtsam keskenduda teie sisule, kuna seal on vähem klikkimisvõimalusi, kuid ka teie navigatsioonimenüü on lihtsam.
Me kõik oleme olnud veebilehtedel, kus on liiga palju nav menüüelemente. Me ei tea, kust alustada navigeerimist, sest valikud teevad seda üle. Ja kui saame liiga palju valikuid, siis me ei vali midagi. Võttes võimalikult vähe nav menüüsid, teete oma veebisaidi külastajatele mitte ainult lihtsamaks, vaid kutsuvamaks ja sõbralikumaks.
4. Täiendava sisu saamine
Uuringud on näidanud, et enamik inimesi veedab suurema osa ajast klapi kohal veebilehtedel (mis ilmub ekraanile ilma kerimise alla). Seega, kui soovite oma veebisaidi tõhusust suurendada, siis peate põhiosa ja üleskutse elemente ülespoole. Saate teha midagi nii lihtsat kui päise kõrgust, kui teil on oma veebisaidi ülaosas logo ja navigatsioonimenüü.
Sellega ei kaasne midagi muud kui päise "kõrguse" väärtuse muutmine oma stiilile (tavaliselt style.css
või stylesheet.css
). Vaadake ka, kas registreerimisvorm või nupp on klapi all. Liiguta see element lehel ülespoole, nii et see on esimene asi, mida külastaja näeb. Lõppude lõpuks on külastaja soovitud üleskutse, vähendage nii vajalikku tööd, et sellele juurde pääseda (st kerimine).
5. Piirake oma värviskeemi
Värvidega on lihtne kaasa võtta. Miks tasuda 2 või 3 värvi, kui teil on 12 või 13 värvi? Kuid selleks, et veebisaidi kujundust visuaalselt lihtsustada, peate piirama oma värviskeemi. Kahtluse korral kasutage vähem värve. See sõltub loomulikult teie disainist, kuid proovige käivitamiseks mitte rohkem kui 2 või 3 värvi. Kui vajate visuaalset disaini rohkem peenemust ja tekstuuri, siis kasutage sama värvi toone - taustavalge ja tumedam sinine, päise ja menüüelementide jaoks..
Ma olen sama süüdi kui keegi, kellel on minevikus värvidega metsik. Ma lisan selle värvi, siis teise ja teise - ja enne kui ma seda tean, tundub, et see on vikerkaare kõhulahtisus kogu mu veebilehel. Teil on võimalik oma veebilehte konstruktiivselt lihtsustada, aga kui värvid häirivad silmi, kui vaatate seda pigem sisu kui komplimenteerimise vastu, siis kõik see pingutus oli tühine. Seega kasutage oma veebilehe kujundusega vähem värve.
Probleemid värvi valimisel alustada? Enne pärast Ajakirjas on kasulik tasuta e-raamat selle kohta, kuidas siit täiuslikku värvi leida. Vajad abi värviskeemi valimisel? Proovige seda käepärast värviskeemi generaatorit.
Viimane, kuid mitte vähem tähtis
Loodetavasti olete nüüd relvastatud ja valmis alustama oma veebilehe kujunduse lihtsustamist. Teil on rohkem uhkust näidata oma veebilehte, sest see näeb seksikas seksikas ja lõpuks on teie külastajad oma veebisaidil sirvides palju nauditavamat kogemust.
Kokkuvõtte tegemiseks on siin 5 lähtepunkti, et lihtsustada veebisaidi kujundust:
- Pöörake tähelepanu ainult olulistele elementidele
- Vabane kõikidest ebavajalikest elementidest
- Vähendage lehekülgede arvu
- Saage rohkem klapi kohal
- Piirake oma värvipaletti
seotud artiklid
- 11 ühist veebidisaini viga. Sellised asjad, nagu keeruliste vormide vältimine, organiseerimata sisu, halb loetavus ja kergesti asetsev otsinguriba, aitavad teil veelgi lihtsustada veebisaidi kujundust ja muuta selle külastajatele rõõmuks ja kõrgemaks konversioonimääraks teie jaoks.
- Puhas, lihtne ja minimalistlik veebileht. Kõik need veebisaidi näited tõestavad veel kord, et lihtne disain ei näi mitte ainult magusalt kui ka vastupidise soo liikmetele muljetavaldavalt, kuid see aitab oluliselt kaasa kasutajate kogemustele
Üle teie: millised on teie lemmik veebilehe kujundused, mis lihtsustab nõuandeid? Kas olete oma disaini lihtsustamisel näinud soovitud tulemuste kasvu?
Toimetaja märkus:See postitus on kirjutatud Oleg Mokhov Hongkiat.com. Oleg Mokhov on maailma kõige mobiilsem elektrooniline muusik, veebi ja visuaalse disaini entusiast ning lisatasu eest tasuta muusikapoe Soundtracksteri kaasasutaja.