5 tipp a Web Design egyszerűsítéséhez

Egyszerűségi szabályok! A weboldalak megvilágításra kerülnek, csökkentik a nagiválás zavart, és segítenek elérni a kívánt célokat és eredményeket (pl. Több bejelentkezést, előfizetőt és értékesítést). De túl gyakran úgy tűnik, hogy nehezen egyszerűsítheti webhelyének kialakítását. Nem számít, milyen keményen próbálod, nem tudod, hogy a munkád úgy néz ki, mint az Apple. Tehát mit csinál egy weboldal tervezője? Nem, mert vannak 5 kiindulópont a weblaptervezés egyszerűsítéséhez.

Egy egyszerű weboldaltervezés nem lehet egy ijesztő minden-vagy semmi próbálkozás - a kis lépésekkel egyszerűsítheti a tervezést. Egyszerű feladatok, mint például a webhely lényeges elemeire való fókuszálás, a felesleges eltávolítás, a webhelyen megjelenő oldalak számának csökkentése, a tartalom fölötti több tartalom megszerzése és a használt színek számának korlátozása. Mindig finomhangolhat és egyszerűsítheti az egyszerű tervezést, de fontos, hogy elkezdjük.

Készen áll a weblaptervezés egyszerűsítésére? Fantasztikus. További adó nélkül itt vannak 5 kiindulópont a weblaptervezés egyszerűsítéséhez.

1. Csak az alapvető elemekre fókuszáljon

Ez az első lépés nyilvánvalóan homlok-csapdázásnak tűnik: nak,-nek tanfolyamA webhelyem alapvető elemeire kell összpontosítanom, mi vagyok, egy idióta? De egy meglepő számú weboldal nem érte el ezt, és az eredmény egy fontos rendetlenség, ami fontos és nem fontos elemeket tartalmaz egy oldalra. Annyira bűnös vagyok, hogy ezt múltban csinálom, mint bárki más. Nehéz, hogy objektív legyen, és prioritást adjon a fontosnak, vagy sem minden alapvetőnek tűnik. Ha azt szeretné, hogy a webhely kialakítása egyszerűbb legyen, azonosítsa, mit összpontosítania kell, éppúgy, mint bármilyen jó vizuális tervezéssel vagy műalkotással. Ez azt jelenti, hogy a hangsúlyt csak az alapvető elemekre helyezzük.

Használja a 80-20 szabályt

Az oldalak 20% -a adja meg az érték és a tartalom 80% -át, amit az emberek ott használnak? Ez lehet például a másolat, néhány társadalmi bizonyíték (felülvizsgálati töredékek, ajánlások, média jelvények), valamint egy bejelentkezési forma vagy a cselekvési gomb. Ez a 20% ott van. A webhelyén, valamint az egyes oldalakon, arra összpontosít, hogy csak a webhely elemei 20% -át jelenítsék meg, amelyek e hasznosság 80% -át teszik ki.

Ez nem technikai lépés, hanem egy olyan elv, amelyet útmutatóként használhat a webhely kialakításának egyszerűsítésére. A 80-20 szabály segít a webhely kialakításának egyszerűsítésében. Ami igazán jó, az, hogy a 80-20 szabály segíthet a kívánt eredmények elérésében, amit remélhetőleg elérni fog a webhelyén. Például, a megnövekedett konverziós ráta a feliratkozó, regisztráló vagy vásárló látogatók számára. Hogyan? Így kevesebb figyelmet szentel és a látogatók számára, hogy kattintsanak az oldal elhagyásához.

Mint mindannyian tudjuk, mindig keresünk egy kifogást, hogy ne vásároljunk valamit az utolsó lépésben, és minden ok arra, hogy elmozduljon, jó. Csökkentse ezeket az okokat és a kattintási lehetőségeket a 80-20 szabály segítségével.

Chris Pearson, a népszerű Tézis WordPress téma keretrendszerének készítője szerint ez pontosan az, ami segítette az értékesítés növelését a honlapján.

2. Szabaduljon fel minden szükségtelen elemtől

Itt folytatjuk a 80-20 szabályt.

Most, hogy azonosította a webhely elemeinek 20% -át, amelyek a kívánt eredmények 80% -át kapják, itt az ideje megszabaduljon az összes felesleges elemtől. Más szóval, a weboldalak 80% -a, amely csak az eredmények 20% -át fogja kapni. Lehet, hogy a közösségi médiamegosztó widgetek, az oldalsáv elemek, a blogbejegyzések metaadatai (dátum, idő, szerző, megjegyzések száma, stb.), Vagy a láblécben található linkek (ez különösen nagy a tettes a sokszor, különösen akkor, ha a a látogató keresi a fent említett kifogást az oldalról való navigáláshoz).

3. Csökkentse az oldalak számát

A weblaptervezés egyszerűsítésének nagy része az, hogy kevesebb helyet kell felfedeznie és kattintania. Ezt megteheti az oldalszám csökkentése. Vagy megszabaduljon a felesleges oldalaktól, amelyeket mélyen belsejében tudni nem kell, vagy legalábbis több oldalt olvasson be egybe. Úgy értem, nem igazán el kell különítenie a "webhelyről" és a "rólam" oldalakat.

Először is, látogasson el a látogató gondolkodásmódjába - ha megérkezne a webhelyére, milyen kulcsfontosságú dolgokat szeretne tenni? Például megtudja, mit szól a cucc? Vagy felvenni veled a kapcsolatot? Következő, győződjön meg róla, hogy az oldalai megkönnyítik a szükséges és semmit. Ne tartsa a felesleges oldalakat a webhelyén, mert úgy gondolja, hogy szükség van rá, vagy mert más weboldalak is vannak. Ha csökkenti a webhelyén található oldalak számát, a látogatóknak nemcsak könnyebb a tartalmukra összpontosítani, mert kevesebb hely van a kattintásra, de a navigációs menü is egyszerűbb.

Mindannyian olyan webhelyeken dolgoztunk, amelyek túl sok Nav menüpontot tartalmaznak. Nem tudjuk, hová kezdjünk navigálni, mert elnyomjuk a választásokat. És amikor túlságosan sok választással elárasztjuk, nem akarunk semmit választani. Azáltal, hogy a lehető legkevesebb navigációs menüpontot választja, webhelyét nemcsak egyszerűbbé, hanem meghívóbbá és barátságosabbá teszi a látogatók számára.

4. Szerezzen több tartalmat a hajtás felett

Tanulmányok kimutatták, hogy az emberek többsége az idő nagy részét a weboldalak fölött töltötte (ami a képernyőn nem jelenik meg lefelé). Tehát, ha növelni szeretné webhelyének hatékonyságát, akkor a fő tartalom és a cselekvésre való felhívás elemei a hajtás felett. Olyan egyszerű dolgot tehetsz, mint a fejléc magasságának lerövidítése, ha logója és navigációs menüje van a webhelyed tetején.

Ez nem más, mint a fejléc "magasság" értékének módosítása a stíluslapon (általában style.css vagy stylesheet.css). Nézze meg, hogy a bejelentkezési űrlap vagy a gomb a hajtás alatt van. Mozgassa az elemet az oldal tetejére, így ez az első dolog, amit egy látogató lát. Végtére is jelentése a látogató kívánt cselekvési felhívását, így csökkentse a munkához szükséges munkát (pl. görgetés).

5. Korlátozza a színsémát

A színek könnyen elszállíthatók. Miért kell 2 vagy 3 színben elhelyezkedni, ha 12 vagy 13 van? De ahhoz, hogy vizuálisan egyszerűsítse weboldalait, korlátozza a színsémáját. Kétség esetén kevesebb színt használjon. Természetesen változik az Ön tervétől függően, de próbálja meg a 2 vagy 3 színnél többet ragadni. Ha kifinomultabbá és textúrájára van szüksége a vizuális tervezéshez, akkor ugyanolyan színárnyalatokat használjon - a háttér világoskék és a fejléc és a menüelemek sötétebb kékre.

Annyira bűnös vagyok, mint bárki, aki a múltban vad színekkel kezdett. Hozzáadom ezt a színt, majd egy másik, és egy másik - és mielőtt tudnám, úgy néz ki, mint egy szivárványos hasmenés az egész weboldalamon. Lehet, hogy a weboldala konstruktívan egyszerűsödik, de ha a színek elzárják a szemet, ha inkább a tartalmat meghallgatják, akkor az összes erőfeszítés semmi. Tehát kevesebb színt használjon a webhelytervezéssel.

Nehezen választhatja ki a színt? Előtte utána A magazin hasznos e-könyvet tartalmaz arról, hogyan lehet itt megtalálni a tökéletes színt. Segítségre van szüksége egy színséma kiválasztásakor? Próbálja ki ezt a praktikus színséma-generátort.

Végül, de nem utolsó sorban

Remélhetőleg most már fegyveres, és készen áll arra, hogy elkezdje egyszerűsíteni webhelyét. Büszkék leszel a webhelyedre, mert szexi lesz, és végül a látogatók sokkal élvezetesebb élményt fognak böngészni a webhelyeden.

A visszavonáshoz az alábbi öt kiindulási pont szükséges a webhelytervezés egyszerűsítéséhez:

1. Csak a lényeges elemekre helyezzük a hangsúlyt
2. Távolítson el minden felesleges elemet
3. Csökkentse az oldalak számát
4. Szerezzen több tartalmat a hajtás felett
5. Korlátozza a színpalettát

kapcsolódó cikkek

• 11 közös webes tervezési hibák. Olyan dolgok, mint a bonyolult formák elkerülése, a szervetlen tartalom, a rossz olvashatóság és a nem könnyen megtalálható keresősáv - mindezek segítenek Önnek abban, hogy egyszerűsítse a webhely kialakítását, és örömét adja a látogatóknak, és magasabb konverziós arányt érjen el Önnek.
• Tiszta, egyszerű és minimalista weboldalak. Mindezek a weboldal példák csak azt bizonyítják, hogy az egyszerű tervezés nemcsak édesnek tűnik, és lenyűgözi az ellenkező nemű tagokat, de nagyban segít a felhasználói élményben

Önhöz: mi a kedvenc weboldala, amely egyszerűsíti a tippeket? Láttad a kívánt eredmények egyszerűsítését a design egyszerűsítésével?

A szerkesztő megjegyzése:Ez a bejegyzés írta Oleg Mokhov Hongkiat.com. Oleg Mokhov a világ legelterjedtebb elektronikus zenész, egy webes és vizuális design lelkes, és a prémium díjmentes zenei áruház Soundtrackster társalapítója.