Gyakori hibák a weboldal tervezésében; A WP típus
Ó igen. Mindannyian ismerjük őket: miniatűr képek, amelyeket nem lehet nagyítani, 3 perc elteltével még mindig nincsenek betöltve, és érthetetlen menüpontok. Dióhéjban: sok hiba gyakran megismétlődik. Így gyökerezhetünk ki:
Ne aggódj. Nem kell átmenni a deszkán! Semmi sem történik veled! Kalóz becsületszó!
Hajózom Önnek a WordPress hírek végtelen tengerén, és ezt havonta egyszer elkészítem ingyenes e-mailben.
Ne aggódj. A WordPres fejlesztésével kapcsolatos legfrissebb hírekért nem kell a WP-Topiára repülnie.
Repülök érted a WordPress hírek végtelen galaxisain, és ezt havonta egyszer elkészítem ingyenes e-mailben.
A képeket nem lehet nagyítani
Járt már valamilyen weboldalon, és egy kis képre szeretett volna kattintani, hogy jobban, élesebben és mindenekelőtt nagyobb legyen? Csak hülyeség, ha egyáltalán nem működik. Az interneten található sok kép egyszerűen egyáltalán nem kattintható, és általában nem érhető el nagyobb felbontásban.
Ha - az ajánlásnak megfelelően - a WordPress programot használja tartalomkezelő rendszerként a weboldal üzemeltetéséhez, akkor magabiztosan tölthet fel minden képet kiváló minőségben. Automatikusan csökkenti a képek méretét a felhasználás módjától függően. Ez feltöltéskor kicsit tovább tart (a saját internetkapcsolatának sebességétől függően), de el kell fogadnia ezt a várakozási időt, hogy plusz pontot gyűjtsön a webhely látogatóitól. A megfelelő kép beszúrásakor egyszerűen válassza ki a kívánt méretet a "Méret" alatt (lásd a következő képet - megjegyzés: az újabb verziókban ez kicsit másképp néz ki, de hasonló).
JPEG és GIF képek tömörítése
A JPEG képeket előzetesen 60–80 minőségben tömörítheti az Ön által választott képfeldolgozó szoftverrel. Gyakran elegendő a 40-60-as minőségi szint. Kevesebbet azonban nem szabad választani, mert különben a tömörítés túlságosan kiemelkedik, és a fénykép vagy grafika akkor "elmosódik".
A fotós weboldalakon a fényképeket nagy felbontásban kell megjeleníteni. Ha szüksége van egy sütemény képére, például a "fogyás" témájú oldalra, akkor a grafika minden bizonnyal jobban tömöríthető. (Végül is a torta nem tűnhet túl ízletesnek a valószínűleg kissé kövér látogatók számára 😉).
Csak akkor használja a GIF-et JPEG-formátum helyett, ha grafikát ábrázol, és nem fényképeket. Alapértelmezés szerint a GIF formátum csak 256 színt tartalmaz, és nem alkalmas nagy színmélységű fényképek megjelenítésére. Vannak nagyobb színmélységű formátumok is, amelyekben leegyszerűsítve, több, a saját színpalettájával rendelkező képet egy fájlba mentenek. Ettől függetlenül nagy színmélység mellett nem lehet jó tömörítési arányt elérni.
Helytelen nevek vannak a menüben
Maga a tervezés része, hogy a felhasználó eligazodjon a navigációs technológia terén. Tudja, mit jelent a „portfólió”? Nem mindenki gyanítja, hogy a "Cégünkről" vagy valami hasonlóról van szó. A portfólió azt jelenti, hogy a link több, mint egyetlen oldal. Tehát például referenciák vagy ajánlatok gyűjteménye.
Nem szabad túlbonyolítani semmit. A következő linkeket biztonságosan törölheti vagy átnevezheti a menüből:
Navigációs menü
A „Portfólió” helyett csak a „Rólam” szót kell használni, egy vállalat esetében a „Kínálatunk” vagy egy kicsit konkrétabb. Példák: "Fotóink" vagy "járművek".
Mindenki tudja, hogy az „impresszum” kifejezés minden szükséges jogi információt tartalmaz, például a forgalmi adó számát (további információkért lásd a távszolgáltatási törvény (TDG) 6. cikkét). Az impresszumnak nincs helye a főmenüben. Izgalmasabb dolgok vannak az interneten, mint hogy az áfaszámokat el kell olvasni egy olyan menüpontban, mint a "Kapcsolat". Csúsztassa végig az oldalán. Ott azt gyanítják és megtalálják, akik keresik.
A "Kapcsolat" után csak egy űrlapot kell megadnia, és meg kell adnia a cég címét és telefonszámát. A lehető legegyszerűbbé kell tenni, hogy az ügyfél vagy a látogató felvegye Önnel a kapcsolatot. De ne hozzon létre szörny formát. Csak annyit kell tennie, hogy megadja a nevét, telefonszámát vagy e-mail címét és egy szabad szövegmezőt. Senki sem akarja megadni a teljes címét vagy akár a születési dátumát, amikor egy kis kérdést feltesznek neki. Vagy ön maga ír ilyen információkat önként minden megtalált internetes formában? Valószínűleg nem.
A kezdőlap legyen a kezdőlap, ne pedig a „Home”. Mint már említettük, sokan még mindig nem beszélnek tökéletesen angolul. Még akkor is, ha állítólag ez lett a szabvány.
Egyes webhelyeken akár a menüben szereplő kifejezés nélkül is megteheti. Ehelyett mindig összekapcsolja a logót a kezdőlappal.
Túl sok link van a menüben
Nem ritka, hogy egy menü egyenesen „elüt”. Gyakran olyan hosszú, hogy már nem tudjuk, hol keressük először. Vagy annyira zavaró, hogy nem találjuk meg a keresett információt.
A fenti ábra egy település navigációjának példáját mutatja. Gondoljon magára, és kérdezze meg, milyen információk lehetnek a „Közösség” és a „Városháza” alatt. Mi található a "Kultúra" alatt, a "Turizmus" alatt?
Meg kell kérdeznie magától, hogy mit akar a webhely látogatója. Melyik közönség botlik a közösségi weboldalra? Hogyan tudják ezek a felhasználói csoportok eligazodni a legjobban?
A grafikán egy továbbfejlesztett menüstruktúra is látható. Ez a következő felhasználói csoportokon alapul:
- A közösségi környezetben élő emberek
- Emberek, akik az önkormányzatnál szeretnének nyaralni (turizmus)
- Olyan emberek, akik ott akarják felépíteni cégüket (gazdaság)
Mindhárom embercsoport felhívhatja és gyorsan felhívhatja valakit. Ezért van a kapcsolati gomb is a főmenüben.
A főmenü biztosítja, hogy a megfelelő látogatói csoportot oda irányítsa, ahol lennie kellene. Azon személy számára, aki helyben szeretne nyaralni, a többi pont (gazdaság, állampolgárok tájékoztatása) elsősorban nem érdekli.
Miért egy kis menü és maximum 7 menüpont?
Megállapítást nyert, hogy minden ember átlagosan 7 dologra képes gyorsan emlékezni. John Locke kutató 300 évvel ezelőtt fedezte fel ezt az úgynevezett hét jelenséget. Az ember tudja,
- hogy átlagosan 7 órát kell aludnia;
- hogy a 7 a leggyakoribb szerencsés szám;
- és hogy a hétnek 7 napja van.
Próbáljon meg emlékezni az asztalon lévő összes dologra. Ezután csukja be a szemét, és próbáljon emlékezni arra, mi volt ott. Meddig jutsz el A hetedik részre a dolgok jóak, hogy mindent 100% -ban helyesen gépeltél be. Ezenkívül a találat elütésének valószínűsége gyorsan csökken.
Hosszú menük
Nem minden menü maradhat kicsi. Gondoljunk például azokra az online üzletekre, amelyek sok aloldalat tartalmaznak. Rossz példa lenne ez:
Példa a rossz navigációra
Az ilyen menüket az online boltok webhelyei gyakran automatikusan készítik a jelenleg raktáron lévő termékek alapján.
Nem vagy mindig tökéletes. Túl sok szám és túl kevés a differenciálás. Mi a különbség az 5760 és a 6595 notebook között? Mint laikus nagyon nehéz. Akkor legkésőbb trükkökkel kell dolgoznia. Például egy flyout menüvel, amely további menüket hoz létre, csak három további almenüvel.
Almenü kialakítása
Meg kell próbálni, hogy melyik differenciálás (itt a notebook mérete alapján) a legalkalmasabb a látogatók számára.
Rossz helyen történő navigáció
Nemcsak a menü hossza játszik fontos szerepet a webhely látogatóinak ellenőrzésében. A navigáció helytelen elhelyezése is lehetséges. A tartalomkezelő rendszereknek köszönhetően ma már úgyis megtalálhatók a menük, ahová tartoznak. Mégpedig vagy csak a bal oldali oszlopban, csak a fejléc területén, vagy a weboldal mindkét helyén.
A menü javítása
A felhasználók nem tudják eligazodni az Ön weboldalán
Az olyan hasznos eszközök, mint a Google Analytics, megmutathatják, hogyan mozognak a látogatók az Ön webhelyén. Ilyen hatékony eszközökkel azt is megtudhatja, hogy sok látogató nem marad sokáig a weboldalon. Ennek oka lehet, mert egyszerűen nem tudnak eligazodni.
Mindannyian mások vagyunk, ezért soha nem lehet mindenki kedvében járni. Mindazonáltal a lehető legjobb erőfeszítéseket kell tenni a felhasználók által elmondottak megvalósítása érdekében.
Merjük állítani, hogy webhelye látogatóinak 90% -a soha nem fog kapcsolatba lépni Önnel. Akkor sem, ha állítólag nagy problémád van például a weboldallal. Csak ritkán mondja el valaki.
Számos oka van annak, hogy a felhasználó nem tud eligazodni az Ön webhelyén:
- Például a felhasználónak problémái vannak a weboldal bemutatásával, és technikai problémák miatt hiányzik belőle fontos pont (elavult böngészőt használ).
- A felhasználó nem tudja, hol találhat további információkat, mert a tartalom a) rejtett vagy b) egy kedvezőtlenül leírt menüben található.
- A felhasználó szerint a weboldal "nem szép" (pl. Nem elég esztétikus). Például, ha a „kinézet és érzés” nem egyezik meg a vállalkozás típusával.
Ezért minden nap kritikus pillantást kell vetnie webhelyére. Tesztelje webhelyét különböző böngészőkkel, különböző platformokon (ha lehetséges Windows, Mac OS vagy akár Linux rendszeren, ha olvasóközönsége lelkes Linux-felhasználókkal rendelkezik).
A cikkekben szereplő szakkifejezéseket a lehető leggyakrabban kösse össze, akár saját webhelyének egy adott helyével, akár alternatív forrásokkal (például a Wikipédia). A végső cél a látogató lehető legnagyobb mértékű megtanítása és tájékoztatása. Ezért szerepel a webhelyén!
Ezenkívül névtelenül megkérdezheti az egyes látogatókat egy egyszerű kapcsolatfelvételi űrlappal: "Mit változtatna?" Ez gyors és gyakran csodákra képes. Blogrendszer esetén hivatkozhat a megjegyzések szakaszra.
Egy másik alternatíva: Kérdezze meg barátait és ismerőseit, hogyan találják meg az Ön weboldalát. Üljön le a számítógépéhez magával, látogasson el a webhelyére, és tegyen fel kérdéseket, például:
- "Kérem, keressen, ezt és azt" "vagy
- - Érted az xy témát?
- - Hol kattintana, hogy megtalálhassa az ABC-t?
A nem fontos egy fontos ponton van
Egy tanulmány megállapította, hogy az emberi szem (vagy legalábbis az európai szem) balról fentről kezd olvasni és ránézni. Minél tovább megy jobbra, annál kevésbé fontos az ott található tartalom.
(vö. Gutheim, Philip (2008): Der Webdesign-Praxisguide. Szakmai koncepció a tervezéstől a doktori fokozatig. München: Springer Verlag. 42. o.)
Példa a szem követésére
Ezért általában a bal oldalon vagy a tetején talál menüt. Az oldalsáv általában a szélsőjobb oldalon található. Még az úgynevezett lábléc menüben (a weboldal láblécében) is talál kevésbé fontos dolgokat.
Itt azonban ugyanaz érvényes: nem mindenki egyforma. Gyakran a szem először „feltűnik” olyan feltűnő pontokra, amelyek a képen jobbra lejjebb helyezkedhetnek el, mielőtt az oldalt balról elemezné.
Tartsa be ezeket az íratlan szabályokat, és megkönnyítse a látogatók számára az eligazodást azáltal, hogy a dolgokat oda helyezi, ahová számítanak. Tehát a menü a bal oldalon vagy a felett.
A keresztböngésző tesztje sikertelen
A "böngészők közötti tesztelés" nem jelent mást németül, mint azt, hogy tesztelnie kell webhelyét több internetes böngészővel. Ez biztosítja, hogy minden internet-felhasználó látja az Ön webhelyét, mint te. Minden böngésző eltérő felépítésű, és másképp értelmezheti a HTML és a Javascript parancsokat. Ez torzulásokhoz és félreértésekhez vezethet.
2017 márciusában az egyes internetes böngészők mindegyikének piaci részesedése volt (lásd az alábbi táblázatot; válogatás).
| internet böngésző | 5% |
| Firefox | 14% |
| Króm | 75% |
| szafari | 4% |
| Opera | 1% |
A teljes és mindig naprakész lista megtalálható a w3schools.com címen: http://www.w3schools.com/browsers/browsers_stats.asp
Itt megtalálhatja a megfelelő böngészők letöltési forrásait:
Alternatív megoldásként használhat ingyenes vagy fizetős webszolgáltatásokat az ilyen tesztekhez. Például:
Különösen az Internet Explorer nagy valószínűséggel kissé másképp jeleníti meg webhelyét az egyes verziókban. Ennek oka az a tény, hogy a Microsoftnak nem igazán sikerült a programot a 9. verzióig úgy strukturálnia, hogy az helyesen alkalmazza az érvényes webes szabványokat. Az ACID3 teszt (a helyesen értelmezett webes szabványok ellenőrzésének tesztje) 100 pontjából legalább 95-öt az IE9 ért el.
A saját böngészőjét például a http://acid3.acidtests.org oldalon tesztelheti. Legjobb esetben a teszt 100 pontból 100-at mutat. Tehát minden rendben van.
[...] Kimutatták, hogy egy menüben soha nem lehet több, mint 7 menüpont. [...]
[…] És amelyek nem fontosak. A következő oldalon található tippem itt is hasznos lehet: Túl sok link található a menüben (a blog cikkében a [...]