Teszteli a képeket és a szöveg hosszát, hogy webhelye megfelelően reagáljon
Amikor weboldalakat tervezünk, és megtervezzük, hogy ezeknek a webhelyeknek a tartalmát hogyan fogják megjeleníteni, ezt gyakran ideális helyzetben tartjuk szem előtt. A fejlécek és a szöveges területek úgy vannak elképzelve, hogy bizonyos hosszúságúak, míg a szövegeket kísérő képek olyan méretekben jelennek meg, amelyek lehetővé teszik számukra, hogy a teljes designban tervezetten működjenek. Még akkor is, ha ezek az elemek kissé folyékonyak lesznek a reagáló weboldal felépítésének részeként (amelyeknek meg kell lenniük), korlátok lesznek, hogy milyen rugalmasak lehetnek.
Ha webhelyet telepít egy CMS-rendszeren (tartalomkezelő rendszer), és lehetővé teszi az ügyfelek számára, hogy az adott webhelyet kezeljék és új tartalmakat töltsenek be időnként, akkor az általuk tervezett korlátokat feltétlenül tesztelni fogják. Bízz abban, hogy az ügyfelek megtalálják a módját, hogy megváltoztassák azt a webhelyet, amelyet soha nem álmodtak meg. Ha nem számoltak be olyan helyzetekkel, amelyek kívül esnek azokkal az ideálisakkal, amelyekkel a tervezési folyamatban dolgoztál, akkor a webhely elrendezése súlyos veszélyben lenne. Ezért van különösen fontos, hogy a weboldal elindítása előtt tesztelje az összes webhely tartalmát és a webhely elrendezésének szempontjait. Íme néhány tipp, hogyan teheti ezt meg.
Képméretek tesztelése
Kétségtelen, hogy a leggyakoribb módja annak, hogy az emberek megszakítsák weboldaluk elrendezését a nem megfelelő méretű képek hozzáadásával (ez is az a módja, hogy negatív hatással legyenek a webhely általános teljesítményére és lassú letöltési sebességeket okozhatnak). Ez magában foglalja a túl nagy méretű képeket, valamint azokat is, amelyek túl kicsi ahhoz, hogy a weboldalán tervezett módon működjenek.
Még akkor is, ha a CSS használatával kényszerítené ezeket a képeket az elrendezésben, azok a képek, amelyek vadon kívül esnek az eredeti termékleírással, problémákat okozhatnak. Ha a kép méretei helytelenek, akkor a CSS kényszerítheti a megjelenített képet a megfelelő szélesség és magasság használatával, de a kép maga és annak képaránya torzulhat. Ez biztosan negatív hatással lesz webhelyének kinézetére, mivel túl kicsi kép lesz "felrobbantva" és elveszíti a minőséget. Egy olyan kép, amely túl nagy, és kisebb a CSS-nél, hogy finomnak tűnjön, és megőrizze a minőséget, de a fájlméret ésszerűtlen lehet a felhasználás módja szempontjából.
Amikor webhelyének tesztelését végzi, győződjön meg róla, hogy olyan képeket ad hozzá, amelyek kívül esnek a kívánt hatókörön. Adjon hozzá CSS és válaszképes képtechnikákat, amelyekkel ezek a kihívások megoldhatók a kép átméretezésével vagy - helytelen oldalarány esetén - a CSS-klip tulajdonságának megfontolásával, ha szükség van a kép elvágására.
Egyéb média tesztelése
A képek mellett kipróbálhat más médiumokat is, például a videókat a webhelyén, és nézze meg, hogy ezek az elemek hogyan jelenjenek meg az elrendezésben a különböző méretezési és méretarányok alapján. Ismét fontolja meg webhelyének érzékeny jellegét, és hogyan fog működni a különböző eszközökkel és képernyőméretekkel kapcsolatban .
Szövegfejek tesztelése
A képek után a következő webhelyterület, amely a legtöbb problémát okozza a nem internetes szakemberek által kezelt élő weboldalakkal, szöveges címek. Ezek a (állítólag) rövid szövegsorok, amelyek gyakran elkezdik az oldal vagy az oldal egy részének tartalmát. A fenti bekezdés fölött található szöveg, amely a "Szövegfejezetek tesztelése" című részt példázza.
Ha olyan helyszínt tervezett, amely lehetővé tenné egy ilyen címsor beillesztését:
"Szövegfejek tesztelése"
Az ügyfeled azonban a CMS-t egy olyan cikk hozzáadásához használhatja, amelynek címe:
"Szövegsorok tesztelése különböző weboldalakon, amelyek különböző méretű követelményekhez és felhasználói igényekhez tartoznak"
Ezután az elrendezés nem képes arra, hogy tisztán illeszkedjen az összes extra szöveghez. Ugyanúgy, mint a tesztelést, a képeket és a médiát olyan szövegek hozzáadásával kell tesztelni, amelyek jóval a kezdetben tervezett méreteken kívül esnek, így szöveges fejlécekkel is meg kell csinálni, hogy azok elég rugalmasak legyenek ahhoz, hogy hatékonyan jelenjenek meg akár az ultra hosszú vonalak egy fent.
A szöveg hosszának tesztelése
Ha a szöveg témája mellett tartózkodik, az oldalak fő tartalmára is különféle szöveghosszokat kell tesztelni. Ez magában foglalja a nagyon, nagyon hosszú szöveget, valamint a nagyon, nagyon rövid szöveget - ami valójában az a kérdés, amely sok oldal elrendezést okoz.
Mivel a weboldalak, természetüknél fogva, méretük növekedni fog, hogy befogadják az általuk tartalmazott szöveg magasságát, az oldalak sok szöveggel általában csak a kívánt méretarányúak lesznek. Hacsak nem korlátozta az oldal magasságát (amelyet nem szabad megtennie, ha az oldal rugalmasnak tűnik), akkor az extra szöveg nem jelenthet problémát. Túl kevés a szöveg egy másik kérdés - és ez az, amit sok tervező elfelejtett tesztelni a tervezési folyamatban.
Túl kevés szöveg lehet, hogy egy oldal hiányosnak, vagy akár töröttnek tűnik, ezért ügyeljen arra, hogy az oldal tartalmát lefelé mérje le, hogy lássa, mi történik ezeken a példákon, és végezze el a szükséges módosításokat a webhely CSS-je számára a helyzetek kezeléséhez.
Az oldal nagyításának vizsgálata
A látási problémákkal küzdő emberek használhatják a webböngésző Page Zoom funkcióját a weboldal méretének növelése érdekében. Ha valaki nagy mennyiségben zomogat, akkor az elrendezése rombolhat. Ez az egyik oka annak, hogy az EM-eket a webhely betűméretének mérési egységévé, valamint a médiakérdésekre is használhatja . Mivel az EM-k relatív mérési egységei (a böngésző alapértelmezett szövegméretén alapulnak), ezek elősegítik a folyékony, rugalmas weboldal elrendezést.
Tesztelje webhelyét az oldal nagyításához, és ne csak álljon meg egy vagy két zoom szinten. Nagyítsd fel webhelyedet különböző szinteken felfelé és lefelé, hogy az oldalad a kívánt módon reagáljon.
Ne felejtsd el a letöltési sebességet és a teljesítményt
Ahogyan tesztelsz az ügyfelek döntéseinek elrendezési vonatkozásait, ne felejtsd el figyelmesen azt is figyelembe venni, hogy ezek a döntések milyen hatással vannak a webhely teljesítményére. Azok az képek és tartalom, amelyeket ezek az ügyfelek hozzáadnak, akadályozhatják a webhely letöltési sebességét, és komolyan elpusztíthatják a webhely általános használhatóságát. Tervezzen ezeknek a kiegészítéseknek a hatását, és tegye az ön szerepét a fejlesztési folyamatban, hogy minimalizálja ezeket a hatásokat.
Ha webhelye teljesítmény-költségkerettel rendelkezik, ossza meg ezt az információt az ügyfelekkel, és mutassa meg nekik, hogyan kell tesztelni egy weblapot a teljesítménymutatók számára. Magyarázd el nekik, hogy mennyire fontos megőrizni a megadott küszöbértékeket az oldalmérethez és a letöltési sebességhez, és mutasd meg nekik, hogy az általuk készített kiegészítések milyen hatást gyakorolhatnak a webhely egészére. Szánj időt arra, hogy felkészítsd őket, hogyan tartsd meg a webhelyet, és jól nézel ki. A képzés témája ...
Ügyfélképzés elengedhetetlen
Fontos hangsúlyozni a webhelyének képét, szövegét és más oldalelemeit, valamint olyan stílusokat létrehozni, amelyek szélsőséges eseteket vesznek figyelembe, de ez soha nem helyettesíti az ügyfélképzést. A webhelyen lévő golyóállósággal kapcsolatos munkádnak hozzá kell járulnia ahhoz az időhöz, amelyet az ügyfelek képzésére fordít, miként hatékonyan kezelheti és kezelheti webhelyét. Végül egy jól képzett ügyfél, aki megértette a felelősségét és a döntések hatását egy webhelyen, felbecsülhetetlen értékű lesz az Ön erőfeszítéseiért, hogy megőrizze a webhely működését és a lehető legjobban nézzen ki.