Frissítve július 9, 2019
mennyire fontos a honlap design? Amikor a felhasználókat arra kérték, hogy írják le, miért nem bíznak meg egy webhelyen, a Megjegyzések 94% – a közvetlenül kapcsolódott a webhely kialakításához. A jól felépített webhely jobb ügyfélforgalmat generál, a továbbfejlesztett felhasználói felület pedig fokozott konverziókat eredményez.
a kreativitás fontos, de van néhány alapvető szabály a tervezéssel és a felhasználói élménnyel kapcsolatban, amelyek segítenek a webhely bővítésében. Webhelyének létrehozásakor vagy újratervezésekor tartsa szem előtt a következő javaslatokat.
nyerj bizalmat egy letisztult, megnyerő Web Design
a digitális design világ felkarolta az egyszerűség, távolodik harangok és sípok és összpontosítva az alapokat. Felhasználói szempontból, ez megkönnyítette a weboldalak navigálását az élvezetesebb élmény érdekében. Illessze be ezeket a 8 tervezési szabályt a webhelyébe, hogy jobban bevonja közönségét.
1 Az elrendezés legyen egyszerű.
minél egyszerűbb a webhely elrendezése, annál jobb. Ez nem azt jelenti, hogy unalmasnak kell lennie, de azt jelenti, hogy a lényegre kell összpontosítania. A tiszta, funkcionális elrendezések megkönnyítik a webhely betöltését, navigálását és használatát a különböző platformokon és eszközökön.
Harry weboldala a legfontosabb információkat—termékeiket—helyezi előtérbe. Ezek közé tartozik a vizuális minimális szöveget, hogy könnyen vegyenek részt a tartalom.
2 A navigáció Könnyen követhető.
ha azt szeretné, hogy a látogatók időt töltsenek a webhelyén, meg kell könnyítenie számukra a közlekedést. Lehet, hogy csábító valami kreatívat csinálni a navigációs menük kialakításával, de az egyszerűség és az intuitív információs architektúra fontosabb. Hogy a menük standard megjelenés segít az olvasók jól érzik magukat, ahogy mozog az egész webhelyen.
a Vogue leíró, kiemelkedő navigációs menüvel rendelkezik, amelyek segítenek megtalálni és bekapcsolódni a keresett tartalom típusába.
3 használjon tiszta cselekvésre ösztönzést.
mit szeretne a webhely látogatói csinálni? Vásároljon termékeket? Iratkozzon fel egy e-mailes hírlevélre? Adományozni egy ügyért? Gondoljon a cselekvésre való felhívására. Tervezze meg őket oly módon, hogy kitűnjön a webhelyét szkennelő látogató számára. Ha gombokat használ a tervezésben, győződjön meg arról, hogy a szöveg rövid és közvetlen.
a World Wildlife Fund fényes gombokat használ a navigációs sáv mellett, amelyek arra ösztönzik a látogatókat, hogy “adományozzanak” és “fogadjanak örökbe”, valamint erőteljes cselekvésre szólítanak fel tartalmukban.
4 tartalommal, kevesebb több.
használja azt, amit a látogatóiról tud, hogy minimalizálja a lehetőségeket, és figyelmüket a termékeire összpontosítsa. Csak azokat a szöveg-és vizuális elemeket jelenítse meg, amelyeken azt szeretné, hogy cselekedjenek.
a mobilalkalmazások webhelyei—mint például a Pocket—nagyszerű munkát végeznek ezzel. Az alkalmazás magyarázatára összpontosítanak, erős cselekvésre szólítanak fel annak telepítéséhez. A kevésbé fontos tartalmak, mint például a Névjegy és a blogjuk, kevésbé kiemelkedőek, és a láblécben vannak összekapcsolva.
5 Ne félj a szóköztől.
a fehér szóköz egyszerűen üres hely az oldalon. Valójában nem kell fehérnek lennie—csak nem kell szöveget vagy képet tartalmaznia. Ha jól sikerült, javíthatja az olvashatóságot és eltávolíthatja a rendetlenséget a weboldal tervezéséből. A fehér tér segíthet a közvetlen fókuszban és a figyelemben is. Lehetővé teszi a funkciók és ötletek elkülönítését, hogy a látogatók gyorsan felismerhessék, hogy pontosan mit akarnak látni, ahelyett, hogy vizuálisan rendeznék a zajos és zsúfolt elrendezést.
a Google a tökéletes példa a szóköz használatára. Nem is lehetne tisztább—csak egy üres oldal logóval és keresőmezővel.
6 fokozza a website design szemet gyönyörködtető színek.
válasszon egy színt, amely az egész weboldal tervezésének alapját képezi, majd válasszon egy kontrasztos akcentus színt a fontos gombokhoz és más interfész elemekhez. Tudjon meg többet a márka megfelelő színpalettájának kiválasztásáról.
a Whole Foods Market a zöld színt használja az elsődleges márka színéhez, és a másodlagos narancs kis durranásai felhívják a figyelmet a kiemelt cselekvésre.
7 vonzó, könnyen olvasható betűtípusokat tartalmaz.
használjon olyan vonzó típust, amely vizuálisan kiegyensúlyozott és egyedi, hogy a webhely szövege világos és érdekes legyen. A legnépszerűbb betűtípusok a Brandon Grotesque, a Museo Sans, a Railway és a Playfair Display.
a belga Gyermekruházati weboldal, a Studio Aimee a Brandon Grotesque-t használja a tiszta, olvasható vásárlási élmény érdekében.
8 a felhasználókat videókkal és gazdag képekkel vonzza be.
a videók és képek vonzóbbak, mint a szöveg önmagában—valójában a videókat tartalmazó céloldalak több mint 80% – kal növelhetik a konverziókat. Használjon skálázható képeket (SVG) a kiváló minőségű felhasználói élmény biztosítása érdekében mind asztali, mind mobil eszközökön.
Nonprofit jótékonysági szervezet: a water egy videót jelenít meg a honlapján, így az egyik első dolog, amit lát, amikor meglátogatja a weboldalukat a maximális hatás érdekében.
tartsa a látogatók részt egy felhasználóbarát honlap
lehet, hogy a legvonzóbb honlap a világon, de ha nehéz használni, a látogatók nem konvertálni az ügyfelek. Ez a hét szabály biztosítja a közönség zökkenőmentes felhasználói élményét.
1 Tegye webhelyét mobilbaráttá.
tudta, hogy a webes forgalom akár 70% – a mobileszközről származik? Ez azt jelenti, hogy jó esély van arra, hogy valaki, aki először látogatja meg webhelyét, okostelefonját használja. És ha a mobil élmény negatív, akkor éppen elvesztette az ügyfelet. Ismerje meg, miért és hogyan teheti webhelyét mobilbarátabbá.
az Everlane mobil vásárlási élménye tiszta és könnyen használható. A design moduláris tartalmat tartalmaz, így érzékeny és jól fordítható mobileszközökön. A weboldal hívásokat is tartalmaz a shopping alkalmazás letöltésére anélkül, hogy úgy érezné, hogy kisebb élményt szerez a webhelyen.
2 egyszerűsítse a navigációt.
minél több oldalt kell navigálnia valakinek a webhelyén, hogy megtalálja, amit keres, annál valószínűbb, hogy az ügyfél elhagyja webhelyét a frusztráció miatt. Valójában egy átlagos weboldal esetében a látogatók 40% – a csak egy oldal megtekintése után távozik!
a tartalmat nem szabad eltemetni. Ne kényszerítsd a látogatóidat arra, amiért jöttek. A navigációnak jól szervezettnek és logikusnak kell lennie a felhasználó szempontjából. Ismerősnek kell lennie, így a felhasználók nem rendelkeznek meredek tanulási görbével.
Tilde Inc. van egy egyszerű navigációs sávja a weboldal tetején, az alábbi fontos pontokkal, rövid magyarázattal a “mit csinálunk” részben. Ez megkönnyíti, hogy megtalálja, amit keres.
3 Használja a cselekvésre való felhívásokat, hogy megkönnyítse a dolgok megtalálását.
gondoljon arra, hogy hol helyezhet el gombokat az egész webhelyen, hogy megkönnyítse a látogatók számára a fontos dolgok megtalálását. Ha Ön e-kereskedelmi webhely, akkor a “Vásároljon most” feliratú gombok sokkal nagyobb hatással lesznek, mint egy egyszerű navigációs link; ha nonprofit szervezet vagy, akkor a navigációs sáv mellett egy “adományozás” gomb megkönnyíti az adományozást a látogatók számára.
a Square egyszerű cselekvésre ösztönöz, amely arra ösztönzi a cégtulajdonosokat, hogy kezdjenek el értékesíteni. A CTA gombjuk így szól: “négyzet alakú fiók indítása.”Ennél nem lesz sokkal könnyebb.
4 adjon a felhasználóknak robusztus keresési lehetőségeket.
ugyanilyen fontos elgondolkodni azon, hogy a látogatók hogyan fognak keresni az Ön webhelyén, és hogyan jelennek meg az eredmények. A keresési élménynek tükröznie kell a navigációs élményt az eredmények szervezésével kapcsolatban. Olyan funkciók beépítése, mint az automatikus kiegészítés, megkönnyíti a keresést a felhasználó szempontjából is.
a Zappos intelligens keresőeszközzel rendelkezik, amely rendkívül pontos, és a keresési kifejezések alapján frissíti a bal oldali szűrőket.
5 szakítsa meg a tartalmat szakaszfejlécekkel.
amikor a webhely tartalmilag nehéz területeivel foglalkozik, szakítsa meg fejlécekkel. Legyen szó cikkről vagy termékleírásról, a fejlécek megadják a tartalom szerkezetét, és megkönnyítik a beolvasást.
a WebMD hatékony munkát végez a tartalom emészthető darabokra bontásában, rengeteg szakaszfejléccel, így megtalálhatja a keresett információkat.
6 beszélj úgy, mint egy valódi ember.
minél több zsargont és marketingbeszédet kell megfejtenie a felhasználóknak, amikor meglátogatják az Ön webhelyét, annál kevésbé valószínű, hogy kapcsolatba lépnek a márkájával. A barátságos, társalgási hang megkönnyíti a látogatók számára a tartalom olvasását és megértését, valamint a webhelyen való navigálást.
a Zipcar könnyed márkahangjával megkönnyíti a szolgáltatásuk megértését—és a webhelyük navigálását.
7 erősítse meg a látogatók tevékenységét.
ha a látogatók vásárolnak egy terméket tőled, feliratkoznak egy hírlevélre, vagy akár megosztják a tartalmat, jó gyakorlat az, hogy megjelenít egy megerősítő képernyőt, amely megmutatja nekik, hogy a tevékenységük sikeresen ment keresztül. Az sem árt, ha ezt a képernyőt megköszönjük nekik.
a TheSkimm gratulál és üdvözli Önt, miután feliratkozott a hírlevelükre, és azonnal megosztja a közösségi médiában.
tesztelje webhelyét indítás előtt
mindig vannak olyan hibák, amelyeket ki kell dolgoznia egy webhely indításakor vagy újraindításakor. Fontos, hogy időt szánjon webhelyének tesztelésére és visszajelzések gyűjtésére, mielőtt az életbe lép.
1 minőségbiztosítási (QA) teszteket végez.
ha rendelkezik az erőforrásokkal, béreljen fel egy minőségbiztosítási csapatot, hogy tesztelhessék webhelye minden aspektusát. Ha nem tud embereket felvenni kifejezetten a minőségbiztosítási szerepkörre, akkor kérje meg a vállalaton belüli és kívüli embereket, hogy teszteljék webhelyét az indítás előtt. Kattinthatnak az összes linkre, kitölthetik az összes űrlapot, és kipróbálhatják az összes szolgáltatást. Alapvetően, ha van valami tennivaló a weboldalon, akkor meg kell tenniük. Így bármilyen hibát kijavíthat az indítás előtt.
2 Gyűjtse össze a felhasználói visszajelzéseket, mielőtt élőben nyomja meg webhelyét.
hívjon meg egy kiválasztott béta tesztelő csoportot, hogy adjon visszajelzést olyan elemekről, mint a navigáció, a tervezés és a főbb felhasználói folyamatok. Lehet, hogy nem hajt végre változtatásokat az indítás előtt kapott összes visszajelzés alapján, de érdemes szem előtt tartani a javaslatokat az úton bekövetkező változásokkal kapcsolatban.
a weboldal létrehozása a semmiből—még akkor is, ha egy ügynökséget hívott segítségül—nem kis teljesítmény. Hoztunk létre egy praktikus 3 lépés, hogy hozzon létre egy vonzó Website Design (PDF) ellenőrzőlista, így biztos lehet benne, hogy ellenőrzi az összes fontos elem ki a listából, ahogy megy.