Kiedy projektujemy strony internetowe i planujemy, w jaki sposób zawartość tych stron będzie wyświetlana, często robimy to w idealnej sytuacji. Nagłówki i obszary tekstowe są wyobrażane jako mające określone długości, podczas gdy obrazy, które towarzyszą temu tekstowi, są zaprojektowane do wyświetlania w wymiarach, które pozwolą im działać zgodnie z zamierzeniami w ogólnym projekcie. Nawet jeśli te elementy są nieco płynne w ramach responsywnej kompilacji strony internetowej (które powinny być), nie będzie ograniczenia, jak elastyczne mogą być.
Jeśli wdrożysz witrynę w systemie CMS (system zarządzania treścią) i zezwolisz klientom na zarządzanie tą witryną i dodawanie nowych treści w czasie, limity, które zaprojektowałeś, zostaną poddane testowi. Zaufaj temu, że Twoi klienci znajdą sposoby na zmianę strony internetowej, o której nigdy nie śniłeś. Jeśli nie uwzględniłeś sytuacji wykraczających poza te idealne, z którymi pracowałeś w procesie projektowania, układ witryny może być poważnie zagrożony. Dlatego szczególnie ważne jest, aby przed uruchomieniem tej witryny przetestować całą treść witryny i aspekty układu strony. Oto kilka wskazówek, jak to zrobić.
Testowanie rozmiarów obrazów
Bez wątpienia najpowszechniejszym sposobem, w jaki ludzie łamią układ witryny, jest dodawanie nieodpowiednich rozmiarów zdjęć (jest to również sposób, w jaki negatywnie wpływają na ogólną wydajność strony i powodują powolne pobieranie). Obejmuje to obrazy, które są zbyt duże, a także te, które są zbyt małe, aby działały zgodnie z zamierzeniami w witrynie.
Nawet jeśli użyjesz CSS, aby wymusić rozmiar tych obrazów w swoim układzie, obrazy, które są szalenie nierówne, z oryginalnymi specyfikacjami witryny będą powodować problemy. Jeśli wymiary obrazu są nieprawidłowe, Twój CSS może wymusić wyświetlanie tego obrazu przy użyciu odpowiedniej szerokości i wysokości, ale sam obraz i jego proporcje mogą być zniekształcone. To z pewnością będzie miało negatywny wpływ na wygląd witryny, ponieważ obraz, który jest zbyt mały, zostanie "wysadzony w powietrze" i straci jakość. Obraz zbyt duży, który jest mniejszy w CSS, sprawia, że wygląda on dobrze i zachowuje jego jakość, ale rozmiar pliku może być nieuzasadniony duży jak na to, jak jest używany.
Podczas testowania witryny należy dodawać obrazy, które wykraczają poza zamierzony zakres. Dodaj techniki CSS i responsywnego obrazu, które rozwiązują te problemy, zmieniając rozmiar obrazu zgodnie z lub, w przypadku niewłaściwego współczynnika kształtu, również biorąc pod uwagę użycie podobnej właściwości klipu CSS, aby przyciąć obraz w razie potrzeby.
Testowanie innych mediów
Oprócz obrazów możesz także przetestować inne media, np. Filmy wideo w swojej witrynie, i sprawdzić, jak te elementy pojawią się w Twoim układzie, używając różnych wartości rozmiaru i proporcji. Ponownie rozważ responsywność witryny i jej działanie dla różnych rozmiarów urządzeń i ekranów.
Testowanie nagłówków tekstów
Po obrazach następną stroną, która powoduje najwięcej problemów z witrynami na żywo zarządzanymi przez profesjonalistów spoza sieci, są nagłówki tekstów. Są to (przypuszczalnie) krótkie wiersze tekstu, które często rozpoczynają treść strony lub sekcji na tej stronie. Tekst powyżej tego akapitu, który brzmi "Testowanie nagłówków tekstów", jest tego przykładem.
Jeśli zaprojektowałeś stronę, aby pomieścić nagłówek taki jak ten:
"Testowanie nagłówków tekstów"
Ale Twój klient używa CMS do dodania artykułu z nagłówkiem:
"Testowanie nagłówków tekstów na różnych stronach internetowych z różnymi rozmiarami Wymagania i potrzeby użytkowników"
Wtedy twój układ może nie być w stanie dokładnie pomieścić całego dodatkowego tekstu. Tak jak powinieneś przetestować swoje obrazy i media, dodając wpisy, które znacznie wykraczają poza rozmiary, dla których początkowo zaprojektowałeś, więc powinieneś to zrobić z nagłówkami tekstowymi, aby upewnić się, że są wystarczająco elastyczne, aby skutecznie wyświetlać nawet bardzo długie linie, takie jak jeden wyżej.
Testowanie długości tekstu
Pozostając przy temacie tekstu, będziesz także chciał przetestować różne długości tekstu dla głównej treści na stronach. Dotyczy to tekstu, który jest bardzo, bardzo długi, a także tekstu, który jest bardzo, bardzo krótki - co może być faktycznie problemem, który skazuje wiele układów strony.
Ponieważ strony internetowe z natury powiększają się, aby pomieścić wysokość tekstu, który zawierają, strony z dużą ilością tekstu będą zazwyczaj skalowane w miarę potrzeby. O ile nie ograniczyłeś wysokości strony (którą ty nie powinieneś jeśli chcesz, aby twoja strona była elastyczna), dodatkowy tekst nie powinien stanowić problemu. Zbyt mały tekst to kolejna kwestia - i jest to taka, której wielu projektantów zapomina przetestować w swoim procesie projektowania.
Zbyt mały tekst może sprawić, że strona będzie wyglądała na niekompletną, a nawet zepsutą, dlatego należy przeskalować zawartość strony, aby zobaczyć, co dzieje się w tych wystąpieniach, i dokonać niezbędnych zmian w CSS witryny, aby poradzić sobie z tymi sytuacjami.
Testowanie powiększenia strony
Osoby z problemami z widzeniem mogą korzystać z funkcji powiększania strony w przeglądarce internetowej, aby zwiększyć rozmiar strony internetowej. Jeśli ktoś powiększy znaczną ilość, układ może się zepsuć. Jest to jeden z powodów, dla których warto używać EM jako jednostki miary dla rozmiarów czcionek witryny, a także zapytań o media. Ponieważ EM są względną jednostką miary (opartą na domyślnym rozmiarze tekstu tej przeglądarki), bardziej sprzyjają płynnym, elastycznym układom strony.
Przetestuj swoją stronę internetową pod kątem powiększania strony i nie zatrzymuj się na jednym lub dwóch poziomach powiększenia.Zwiększaj i zmniejszaj swoją witrynę na różnych poziomach, aby strony działały zgodnie z zamierzeniami.
Nie zapomnij o prędkości pobierania i wydajności
Podczas testowania wpływu decyzji klienta na układ nie zapomnij zwrócić również uwagi na wpływ tych decyzji na wydajność witryny. Obrazy i treści dodane przez tych klientów mogą utrudniać prędkość pobierania witryny i poważnie niszczyć ogólną użyteczność witryny. Zaplanuj wpływ tych dodatków i weź udział w procesie rozwoju, aby zminimalizować te efekty.
Jeśli witryna jest budowana z budżetem wydajności, udostępnij te informacje swoim klientom i pokaż im, jak przetestować stronę pod kątem wskaźników wydajności. Wyjaśnij im znaczenie utrzymania ustalonych progów dla rozmiaru strony i prędkości pobierania i pokaż im, w jaki sposób dodane przez siebie dodatki mogą wpłynąć na witrynę jako całość. Poświęć czas, aby nauczyć ich, jak utrzymać funkcjonowanie witryny i jej wygląd. Na temat szkolenia …
Szkolenie klienta jest niezbędne
Ważne jest, aby testować obrazy witryny, tekst i inne elementy strony oraz tworzyć style, które będą uwzględniały ekstremalne przypadki, ale nigdy nie zastąpią szkolenia klienta. Twoja praca nad ochroną witryny powinna być dodatkiem do czasu poświęcanego na szkolenie swoich klientów, jak skutecznie dbać o swoją witrynę i zarządzać nią. W końcu dobrze wyszkolony klient, który zrozumie ich obowiązki i wpływ decyzji, które podejmą na stronie, będzie nieoceniony w twoich wysiłkach, aby strona działała i wyglądała jak najlepiej.
