A kapcsolattartó oldal nagy jelentőséggel bír, így a tervezésnek különös figyelmet kell fordítania. Minél kényelmesebb lesz a kapcsolattartó oldal, annál több funkció nyitva áll a webhely tulajdonosa számára. A kapcsolat oldalon, ha az megfelelően van kialakítva, akkor is befolyásolja a konverziós tényező: ha a felhasználó könnyedén kapcsolatba az igazgató vagy az Adminisztrátorral, ő kap egy pozitív élmény a kölcsönhatás. Minél könnyebb lesz folyamat, annál kisebb, hogy a felhasználónak ki kell töltenie a mezőket vagy formákat, annál jobb az átalakításhoz.
A jó kapcsolattartó oldal javíthatja a webhelyet, mivel lehetővé teszi, hogy a látogatók és a webhely tulajdonosa közötti jó kapcsolat feltételeit hozza létre. Nem számít, hogy mi lesz az oldalra, lehet egy online áruház, hírportál vagy webszolgáltatás - a visszajelzés rendkívül fontos.
Ennek ellenére sok tervező alábecsüli a névleges kapcsolatok megfelelő oldalának értékét, összpontosítva az alapvető tartalmú oldalak tervezésére.
Ez megtörténik, hogy a felhasználónak gyorsan kapcsolatba kell lépnie a webhely tulajdonosával, vagy forduljon az ügyfélszolgálathoz. Azonban semmi sem történik, még akkor is, ha a keresőhelyet használja. Néha a szükséges információk jelen vannak a webhelyen, de ez "rejtett", mivel a tervező nem vigyázott a helyes navigációra, és a felhasználó egyszerűen nem látja a kívánt linket. Kétségbeesett, hogy a felhasználó készen áll a hívásra, de nem találja meg.
A vállalatok és webes szolgáltatások, amelyek nagy figyelmet fordítanak a kapcsolattartó oldalak kialakítására rendkívül óvatos. Csak azért, mert ez az oldal nem egyszerűen tartalmaz kapcsolattartási információkat: tartalmazza az Önnek szüksége van, és interaktív. És ami a legfontosabb, egy jó kapcsolattartó oldal ösztönzi a felhasználót, és újra kölcsönhatásba lép a webhelyen.
Oldal Kapcsolatok Ez egyfajta kommunikációs platform. Ha az oldal tulajdonosa lehetővé teszi az ügyfelek számára, hogy kifejezzék véleményüket, akkor ez egy meghívás a párbeszédre. A webfejlesztők és a felhasználók részesülhetnek e együttműködésből, és ezért kell megfelelően tervezni.
Mint tudják, a design funkcionalitása az egyik legfontosabb tényező. A kapcsolattartó oldal fontos információkat tartalmaz, de nem túl sok, hogy néha a funkcionalitás hibás becsléséhez vezethet. A webhely tulajdonosa úgy gondolja, hogy ha e-mail címet és telefonot küldött az oldalon, elég elég. Néha igaza van.
A funkcionalitás kettős ellenőrzése azonban több előnyökkel járhat, mint a kár. A letiltott linkek vagy az információkkal túlterhelt oldalak - mindez károsítja az interakciót. A webhely tulajdonosa nem kaphat fontos üzenetet, de a legrosszabb, ha elavult vagy pontatlan információt biztosít. Névjegyoldal tervezése Először is meg kell gondolkodnia a felhasználóknak, mert végül az oldal kifejezetten ezekhez az oldalhoz jön létre.
Elhelyezkedés
Biztosítani kell, hogy a kapcsolattartó oldal mindig elérhető legyen a felhasználók számára. A webhely megjelenése, még akkor is, ha semmi sem jelenti az exkluzív kialakítással, ha a felhasználók nem találnak oldalt érintő oldalt. Néha meglehetősen összetett kapcsolattartási űrlapokat kell terveznie, így előre kell vigyáznia az utasításokat. Könnyebb lesz a felhasználók számára, hogy lépjenek kapcsolatba a webhely tulajdonosával, ha lépésenkénti útmutatójuk van.
A webhelytervező tervező számára fontos megjegyezni két pontot:
- Az elsődleges navigációnak mindig tartalmaznia kell egy kapcsolattartót.
- A felhasználóknak meg kell találniuk a kapcsolatok oldalát az első látogatásról a webhelyre, melyik belső oldalt nem kaptak meg
A felhalmozott tervezők tapasztalatai alapján a felhasználók hajlamosak keresni az oldal jobb oldalán található elérhetőségeket, így érdemes a "Névjegyek" linket helyezni pontosan ott. Emlékeztetni kell arra, hogy ez az információ másodlagos értékkel rendelkezik a felhasználó számára, ezért nem érdemes ezt a szekciót túlságosan észreveheti vagy tolakodó módon. Az oldal jobb felső sarkában található névjegyekkel rendelkező oldalak legjobb linkje. És a rosszabb a legördülő menühöz, mivel a felhasználók egyszerűen nem észlelhetik.
Egyszerű kapcsolattartó formák
Kereskedelmi webhelyeken a kapcsolattartó oldal nagyon fontos, ez már említettük fent. Annak ellenére, hogy nem lehet olyan szép, mint más webhelyoldalak, egyszerűnek, kényelmesnek és érthetőnek kell lennie. Ha az információ helytelenül van kialakítva, akkor nem működik jól vagy félrevezetik, nem valószínű, hogy a webhely tulajdonosa hosszú távú kapcsolatot alakíthat ki ügyfeleivel.
Gyakran előfordul, hogy a felhasználó, aki üzenetet szeretne elhagyni, elhagyja a webhelyet, mivel nem tudja kitölteni az érintkezési űrlapot. Vagy nem akarja, ha túl hosszú vagy bonyolult. Ma a felhasználók nem akarnak időt tölteni a részletes formák kitöltésére, így érdemes gondolkodni az egyszerűsítésükre. Minél könnyebb lesz az űrlap, annál jobb, beleértve a felhasználó tapasztalatait, ezért az alapinformációk gyűjtésére kell összpontosítania.
Pontos megfogalmazás
Ha hivatalos webhelyekről beszélünk, akkor minden oldalról, beleértve a kapcsolatok oldalát is, ragaszkodnia kell a világos és pontos megfogalmazásokhoz a felhasználó által kapott előnyökkel kapcsolatban, és a vállalat ügyfélévé válik. Mire való? Az összes felesleges információ kiemelkedése a leghatékonyabb módja annak, hogy vonzzák és visszatartsák. A gyönyörűen általánosított adatoknak rövidnek kell lenniük, hogy az emberek könnyedén megtalálhassák azokat, amire szükségük van.
Nem kell elfelejteni a vizuális alkatrészeket. És ez nem csak a kapcsolattartó formák vonzó kialakításáról szól. Ha a vállalatnak fizikai címe van, akkor segíthet a felhasználóknak a kártya elérhetőségének elhelyezésével. A nagyvárosokban található vállalatok számára nagyon fontos, hogy megmagyarázzuk a felhasználókat, mivel kényelmesebb lesz az irodájuk eléréséhez, üzletéhez vagy raktárához.
A kapcsolattartó oldalak alkalmazkodóképessége
Minden internetes üzleti tevékenységért az érzékenység minden. Ez egy kemény szabály, kivétel nélkül. Mivel az internet gyors ütemben fejlődik, és több új eszköz jelenik meg a piacon, ez azt jelenti, hogy a kapcsolattartási információknak rendelkezésre kell állniuk, függetlenül attól, hogy melyik böngésző vagy eszköz használja a személyt. Ma, hogy elveszítse a versenyképes harcban nagyon könnyű - nem elég ahhoz, hogy optimalizálja a kapcsolatok oldalát a mobil eszközökön.
Integrált alkatrészek
Mi jobb: e-mail cím vagy kapcsolattartó űrlap? A felhasználóknak egyszerű kommunikációs módokra van szükségük a szükséges szolgáltatások beszállítóival, így meg kell találkoznod velük. Hangsúlyt fektethet az e-mailen, vagy helyezze el a kapcsolattartási űrlapot - minden módszer előnyeivel és hátránya.
Kapcsolatfelvételi űrlapok
- A kapcsolatfelvételi űrlap nem kényszeríti a felhasználókat arra, hogy menjen egy másik oldalra
- A kapcsolattartó űrlap nem egy fiók létrehozása, vagy e-mailben jelentkezzen be.
- Az űrlapnak rendelkeznie kell egy autofil funkcióval, ha ilyen lehetőség van
- A kapcsolattartó űrlapnak az üzenetek és értesítések küldésére kell működnie.
- Az e-mail kommunikációnak biztonságosnak kell lennie a felhasználó számára
- Minden elküldött adat kívánatos a jövőben való használatra.
- A fogadott üzenetekkel való együttműködést rendszeresen kell elvégezni, gondoskodnia kell az adatmentésről
Érvényesítési forma
Az űrlapok ellenőrzése fontos, ha többet kell tudnia a webhely felhasználóiról. Ezenkívül az érvényesítési folyamat valamilyen módon elküldi a felhasználót a megfelelő irányba, mivel vonzza a figyelmüket a hibás módon bevitt adatokra vagy a kitöltött mezőkre. Így az ellenőrző űrlap megmenti az ügyfelek időt, mivel a töltési folyamat végén a személy szilárdan bízik benne, hogy az üzenete a megfelelő címre fog menni.
Telefonszámok
Számos vállalat nem jelzi a Névjegyek oldalszámait, mivel attól tartunk, hogy az állandó hívások zavarják a munkafolyamatot. Azonban, mint a kártya esetében, a kapcsolatoldalon lévő telefonszámok növelik a felhasználó bizalmát a márkában, az ügyfelek biztonságban érzik magukat, úgy vélik, hogy egy nehéz helyzetben kapcsolatba léphet a vállalat munkavállalójával, és megvitathatja a problémát. A telefonszám csökkenti a helyszíni tulajdonos és a felhasználó közötti távolságot, ez mind a hagyományos vállalatokra, mind az online szolgáltatásokra vonatkozik, amelyeknek nincs fizikai címe.
Szociális média profilok
A szociális hálózatok gombjai egyre inkább megtalálhatók a kapcsolattartó oldalakon. Ez a megközelítés jelentősen növelheti a webhely képességeit, különösen akkor, ha az ügyfélszolgálat 24 órás üzemmódban történik. Sok kényelmesebb kommunikálni a társasággal egy közösségi hálózaton keresztül, így érdemes olyan módon gondolkodni, hogy kölcsönhatásba lépjen a felhasználónak.
Oldalkezelések tervezése
Tényleg jó oldalak a kapcsolatok jelzik a tervezők magas képesítését, amely megtervezte őket. A tervezés legfontosabb része a kapcsolattartó oldal vizuális stílusa. Kapcsolatfelvételi formák esetén ez olyan nagy mezőket jelent, amelyek megkönnyítik az adatok küldését. Ha az űrlap szépnek tűnik, akkor jobban működik.
A tervezés folytatása előtt a tervezőnek részletes vizsgálatot kell végeznie az ügyfél által nyújtott összes elérhetőségi információról. Minden elemnek jól szervezettnek kell lennie, emellett harmonikusan együtt kell lennie. Emlékeztetni kell arra is, hogy a kapcsolattartó oldalnak meg kell felelnie a webhely színsémájának, így a felhasználó határozottan azonosítja a webhelyet és a márkát.
Kimenet
A kapcsolattartó oldalnak mindig láthatónak kell lennie. Ez nem csak a főoldalra, hanem az összes többi oldal oldalra is vonatkozik. A kapcsolattartó oldal kialakítását szem előtt kell tartani, hogy a felhasználók kapcsolatba léphetnek a webhely tulajdonosával vagy támogató csapattal, csak a "Névjegyek" lapon. Ebben az esetben a siker kulcsa a kényelem és az egyszerűség. Meg kell adnod a felhasználókat, amit akarnak. Ha a felhasználónak személyes adatait kell megadnia a webhelyen, a legjobb az alapvető kérdések beállítása: név, vezetéknév, e-mail cím. A kontaktusforma nem tartalmazhat felesleges mezőket. Szintén gondoskodnia kell a kapcsolattartó oldal alkalmazkodóképességéről - minden böngészőben és bármely eszközön kell megjeleníteni. Ha a kapcsolattartó oldal helyesen van kialakítva, a felhasználók sikerének esélyei jelentősen emelkednek.
Adaptív elrendezés A webhely lehetővé teszi a weboldalak, hogy automatikusan alkalmazkodjanak a tabletták és az okostelefonok képernyőkéhez. A mobil internetes forgalom minden évben növekszik, és hatékonyan feldolgozza ezt a forgalmat, fel kell kínálnia a felhasználók adaptív helyeit egy kényelmes felületen.
A keresőmotorok számos kritériumot használnak, hogy értékeljék a webhely alkalmazkodóképességét a mobileszközökön. A Google megpróbálja egyszerűsíteni az internet használatát az okostelefonok és tabletták tulajdonosai számára, amelyek a mobileszközökbe igazított mobil kibocsátásban szerepelnek mobilbarát.. A Yandex az algoritmust is felemeli, amely a mobil / adaptív verzióval rendelkező webhelyeket előnyben részesíti a mobil keresésben.
Ellenőrizheti az oldal megjelenítését a mobileszközökön a szolgáltatásokon és.
Ábra. 1. Mobile Yandex és Google, amely megjegyzi a webhely barátságát a mobil eszközökre Mi az adaptív elrendezés
Az adaptív elrendezés magában foglalja a vízszintes görgetősáv hiányát és méretezhető területét, amikor bármely eszközön, olvasható szöveges és nagyméretű területekre néző elemek megtekintése. A média felhasználásával a blokkok elrendezését és helyét szabályozhatja az oldalon, újjáépítheti a mintát úgy, hogy alkalmazza a különböző méretű eszközöket.
Az adaptív webhely létrehozására szolgáló fő technikákat a cikk tartalmazza. -Ért reszponzív dizájn A webhely fő tartályának szélessége% -ban van beállítva, míg a böngészőablak 100% -os szélességével egyenlő lehet. A rács oszlopainak szélessége% -ban is be van állítva. BAN BEN adaptív tervezés A fő tartály szélessége és a rácsoszlopok a px értékek segítségével vannak rögzítve.
Az ebben a leckében figyelembe vett adaptív gumi elrendezés tökéletesen működik egy két oszlopos mintázatban, így a webhely adaptív és kényelmes a mobileszközök megtekintéséhez. A sablon az oldalak fő tartalmának különböző elrendezését feltételezi, ebben a leckében leszerelve lesz a mesteroldalra.
A főoldal szekrénye
Az oldal három főblokkból áll: a felső lábléc (sapka), a burkolat tartályának a fő tartalomhoz és a SAGARÁR és a lábléc (lábléc). A tervezési pontok fordulópontjaként 768px és 480px.
Az első pontban elrejtse a felső menüt, és mozgassa az oldalsávot a tartály alá helyezéssel. A második pontban megváltoztatja a fejlécelemek helyét, törölje a szociális hálózatok gombjainak elhelyezését a hozzászólásokban, és törölje az oldalak oszlopainak áramlását.
Ábra. 2. Példa az adaptív elrendezésre 1. Metaágy és szakasz
1) Add hozzá a szakaszhoz
A szükséges fájlok egy hivatkozás a használt betűtípusok, a jquery könyvtár, valamint az előtagmentes plugin (nem írja a böngésző előtagok tulajdonságait):
2. oldal sapka
Az oldal fejlécében
Logó ;
gomb a főmenü megjelenítéséhez / elrejtéséhez
