Źródło obrazu: Jacob Ammentorp Lund/iStock/Getty Images
Dobrze zaprojektowane strony docelowe pozostawiają pozytywne wrażenie i skutecznie sprzedają produkt lub usługę, którą oferujesz w swojej witrynie. Używanie rozmiaru okna nieodpowiedniego dla urządzenia może zrujnować zdolność strony docelowej do wywarcia dobrego wrażenia i skłonić użytkownika do kliknięcia „X”, aby zamknąć okno. Strony docelowe powinny być zaprojektowane wokół koncepcji, które przyciągają użytkowników i jasno wyjaśniają produkt lub usługę. Strony docelowe nie są stronami głównymi: odwiedzający trafiają na strony docelowe, klikając link lub reklamę.
Wymiary strony docelowej na komputery stacjonarne
Monitory do komputerów stacjonarnych i laptopów są dostępne w wielu rozmiarach i rozdzielczościach, co ułatwia odwołanie się do najniższego wspólnego mianownika podczas określania rozmiaru strony docelowej. Średni rozmiar ekranu wciąż rośnie, ale większość monitorów ma rozdzielczość co najmniej 1024 na 768. Strony docelowe na komputery stacjonarne o szerokości 960 pikseli będą działać na prawie każdym monitorze komputera. Każda treść strony docelowej o wysokości 720 pikseli będzie bezpiecznie wyświetlana na ekranie po wczytaniu strony. Szerokość strony docelowej na komputery jest znacznie ważniejsza niż wysokość, ponieważ użytkownicy komputerów stacjonarnych mogą przewijać ekran w dół, aby wyświetlić dodatkowe treści. Zawsze możesz zrobić mniejszą stronę i poświęcić nieruchomość na ekranie.
Wideo dnia
Projektowanie dla urządzeń mobilnych
Duża strona docelowa na komputery nie będzie działać na urządzeniach mobilnych: treść wyleje się na bok lub zmniejszy się do nieczytelnego rozmiaru. Urządzenia mobilne mieszczą się w kategorii „małych” rozmiarów ekranu i charakteryzują się bezpieczną szerokością rozdzielczości około 320 pikseli. Podczas gdy niektóre urządzenia mobilne mają większe ekrany, każda strona docelowa zaprojektowana dla szerokości 320 pikseli będzie dobrze wyświetlać się na większości urządzeń mobilnych. Podobnie jak w przypadku komputerów stacjonarnych, wysokość jest drugorzędną kwestią w przypadku mobilnych stron docelowych; jednak na ekranie można jednocześnie zmieścić około 426 pikseli treści w pionie.
Dostosuj do tabletów
Możesz tworzyć niestandardowe strony docelowe dla witryn na tablety; jednak strony docelowe na komputery o szerokości 960 pikseli zmieszczą się na większych tabletach. Mniejsze tablety z serii 7-calowej zwykle mają ekrany o szerokości 640 pikseli: strony docelowe zaprojektowane dla ekranów o szerokości 960 pikseli zostaną zmniejszone o około jedną trzecią, aby zmieścić się na mniejszym ekranie. Ponieważ możesz wyświetlać mniejsze treści na większym ekranie bez poświęcania jakości i czytelność, projekt landing pages na tablety o szerokości 640 pikseli i wysokości 480 pikseli zadziała wszystkie urządzenia. Mniejsi użytkownicy tabletów mogą zdecydować się na trzymanie urządzenia w trybie poziomym, podczas gdy więksi użytkownicy tabletów będą trzymać urządzenie w trybie pionowym, dzięki czemu szerokość 640 pikseli będzie pasować do obu rozmiarów ekranu.
Przełącz na projektowanie responsywne
Możesz zrezygnować z tworzenia różnych stron docelowych dla różnych urządzeń i zamiast tego użyć zapytań o media i a responsywna koncepcja projektowania, aby zbudować stronę, która zmienia treść w zależności od wielkości odwiedzającego ekran. Responsywne strony docelowe można skonfigurować tak, aby poruszały się po treści i zmieniały rozmiary treści w różnych zakresach rozdzielczości, umożliwiając wygodne wyświetlanie treści na dowolnym ekranie.
