90% odwiedzających witrynę odbija się z powodu złego projektu. Główne przyczyny tego są związane z użytecznością i obejmują różne czynniki, w tym szybkość reakcji na urządzenia mobilne.
Nie można wystarczająco podkreślić, jak ważne jest płynne wrażenia użytkownika na różnych urządzeniach i projektowanie z myślą o różnych urządzeniach.
Dlatego w tym artykule przeprowadzimy Cię przez strony internetowe o najczęściej używanych rozdzielczościach ekranu, dla których powinny być przeznaczone responsywne strony internetowe.
Przeczytaj dalej, aby dowiedzieć się, czy powinieneś wybrać wersję mobilną czy responsywną design.
Dlaczego wymiary witryny mają znaczenie w projektowaniu i tworzeniu stron internetowych
Według StatCounter, udział ruchu w maju 2020 r. był generowany przez:
- Telefon komórkowy (50,34%)
- Komputer stacjonarny (46,67%)
- Tablet (2,99%)
Środowisko interakcji w sieci jest zróżnicowane. Aby zapewnić wyjątkowe wrażenia użytkownika na wszystkich urządzeniach, firmy są zobowiązane do inwestowania w responsywny projekt mobilny.
Wireframing to etap, na którym projektanci stron internetowych tworzą zarówno środowisko komputerowe, jak i mobilne, dystrybuując elementy obu widoków.
Większość projektantów używa jednego standardowego komputera stacjonarnego i jednej standardowej rozdzielczości mobilnej do skalowania projektów i zapewniania płynnego UX na różnych urządzeniach.
Marki, które chcą naprawdę nowatorskiej witryny internetowej i wrażeń użytkowników, będą nawet potrzebować więcej aspektów na etapie tworzenia szkieletu, w tym:
- widoki na komputerze, tablecie, telefonie komórkowym
- widoki pionowe i poziome
- przeglądarki
Kliknij tutaj!
Jak zdecydować, jakich wymiarów witryny użyć, tj. dla jakiej rozdzielczości ekranu zoptymalizować witrynę
Pierwszym krokiem do określenia najlepszych wymiarów internetowych, na których należy się skupić, jest ustalenie, na jakim urządzeniu mobilnym rozmiary ekranów, którymi dysponuje Twój rynek docelowy.
Zacznij od spojrzenia na dane demograficzne odbiorców.
Dane demograficzne mogą dyktować, jakich urządzeń używają Twoi potencjalni klienci, aby uzyskać dostęp do Twojej witryny.
Oto, na co należy zwrócić uwagę:
- Wiek: sprawdź najpopularniejszą markę / model urządzenia w docelowej grupie wiekowej. YouGov to świetny, aktualny zasób, który śledzi te trendy i filtry.
- Płeć: zasoby takie jak YouGov mogą również umożliwiać filtrowanie najpopularniejszych urządzeń wśród płci, umożliwiając krzyżowe dopasowanie urządzeń według grupy wiekowej i płci docelowej.
- Lokalizacja: przechodząc do bardziej szczegółowego, dogłębnego wglądu, dodanie lokalnych trendów pomoże Ci lepiej się skoncentrować.
- Dochód: jeśli kierujesz reklamy odbiorców o wysokich dochodach, Twoja witryna będzie musiała być na miejscu i działać płynnie na najnowszych, najnowocześniejszych urządzeniach.
Znajdź je tutaj!
Projektowanie stron responsywnych a projektowanie przede wszystkim mobilne: które wybrać
Urządzenia mobilne (z wyjątkiem tabletów) stanowią połowę światowego ruchu w sieci. W rzeczywistości w maju 2020 r. Smartfony generowały 50,44% wyświetleń stron internetowych na poziomie globalnym.
Te liczby sprawiają, że firmy inwestują w strony internetowe, które dobrze działają na smartfonach.
Jednak jeden największe obawy dotyczą tego, czy powinni zainwestować w projektowanie responsywne, czy też zoptymalizowane pod kątem urządzeń mobilnych.
Projektanci tworzą responsywny projekt strony internetowej, dopasowany do pulpitu, w maksymalnej wymaganej rozdzielczości, a następnie dostosowują go do mniejszych ekranów .
Z drugiej strony proces opracowywania projektu zoptymalizowanego pod kątem urządzeń mobilnych jest bardzo podobny do projektowania aplikacji mobilnej, w której projektanci stron internetowych później dostosowują ją do użytku na komputerach stacjonarnych lub tabletach.
W w tym przypadku ogólny projekt idealnie pasuje do urządzeń mobilnych i skaluje się w górę (a nie w dół), aby wypełnić widok pulpitu.
Wraz z rosnącym wykorzystaniem urządzeń przenośnych widzimy, że kupujący B2B nie różnią się od siebie od B2C.
Dlatego 65,8% firm B2B planuje poprawić mobilne doświadczenia swoich witryn internetowych.
Jakie są najlepsze strony internetowe Dim ensions do wykorzystania w 2021 r.?
To jest skomplikowane pytanie, na które odpowiedź jest prosta.
Nie ma jednego rozmiaru dla wszystkich.
Co działa najlepiej w przypadku innych witryn może nie działać dla Ciebie.
Zamiast koncentrować się na najlepszych wymiarach stron internetowych i tworzeniu stron internetowych na różne urządzenia, najpierw powinieneś zaprojektować dla swoich odbiorców.
Dzisiaj liczy się wygoda użytkownika i powinieneś upewnić się, że otrzymujesz responsywny projekt, aby Twoi potencjalni klienci byli zadowoleni.
Jak sprawdzić, czy Twoja witryna jest przyjazna dla urządzeń mobilnych?
Google oferuje bezpłatny test optymalizacji mobilnej, w którym możesz sprawdzić, czy Twoje strony internetowe są łatwe w użyciu na urządzeniach przenośnych.
Po prostu dodaj adres URL lub kod swojej witryny, a dowiesz się, jaki jest wynik strony.
W ciągu kilku sekund otrzymasz wyniki i dowiesz się, czy projektanci dostarczyli Ci obiecany projekt.
5 najpopularniejszych rozdzielczości ekranu komputerów stacjonarnych na świecie
Według StatCounter, najczęściej używane rozdzielczości ekranów komputerów stacjonarnych od marca 2019 r. Do marca 2020 r. To:
- 1366×768 (22,98%)
- 1920×1080 (20,7%)
- 1536×864 (7,92%)
- 1440×900 (7,23%)
- 1280×720 (4,46%)
5 najpopularniejszych rozdzielczości ekranu telefonów komórkowych na świecie
Jeśli chodzi o najpopularniejsze rozdzielczości ekranu smartfonów, w okresie od marca 2019 r. do marca 2020 r. projektanci na całym świecie woleli używać następujących rozmiary:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5,31%)
- 375×812 (5,01%)
5 najpopularniejszych rozdzielczości ekranu tabletów na całym świecie
Między marcem 2019 a marcem 2020, najczęściej rozdzielczości ekranu tabletów na całym świecie to:
- 768×1024 (51,43%)
- 1280×800 (7,28%)
- 800×1280 (5,26%)
- 601×962 (4,32%)
- 962×601 (2,99%)
15 najpopularniejszych rozdzielczości ekranu w USA
Oto najczęściej wybierane rozmiary ekranu w 2021 roku:
Najpopularniejsze komputery stacjonarne Rozdzielczości ekranu w Stanach Zjednoczonych
Na podstawie danych StatCounter z okresu od marca 2019 do marca 2020 r. Najczęstsze rozdzielczości ekranu dla komputerów stacjonarnych w Stanach Zjednoczonych to:
- 1920×1080 ( 19,57%)
- 1366×768 (14,88%)
- 1440×900 (9,18%)
- 1536×864 (7,22%)
- 1024×768 (4,73% )
Większość Commo n Rozdzielczości ekranu telefonów komórkowych w USA
W tym samym okresie najczęstsze rozdzielczości ekranu dla telefonów komórkowych w USA to:
- 414×896 (19,44%)
- 375×667 (13,67%)
- 375×812 (12,3%)
- 414×736 (8,91%)
- 360×640 (8,21%)
Najpopularniejsze rozdzielczości ekranu tabletów w USA
Projektanci w USA preferowali różne rozdzielczości ekranu tabletów i tworzyli rozmiary stron internetowych dla następujących wymiarów:
- 768×1024 (55,64%)
- 1280×800 (5,74%)
- 800×1280 (5,31%)
- 601×962 (5,14%)
- 962×601 (3,2%)
Znajdź je tutaj!
Wnioski na temat wymiarów witryny
Wymiary witryny i jej rozmiary mają znaczenie, ponieważ jeden zły sposób korzystania z witryny może raz na zawsze odstraszyć użytkowników.
Biorąc pod uwagę fakt, że użytkownicy uzyskują dostęp do sieci z urządzeń mobilnych, w tym również smartfonów i tabletów, istnieją dwa rodzaje projektowania witryn internetowych, które można wybrać, aby zoptymalizować witrynę pod kątem różnych urządzeń:
- Responsywne urządzenia mobilne
- Mobilność przede wszystkim
Bez względu na to, jakie wymiary wybierzesz, pamiętaj o projektowaniu z myślą o swoich odbiorcach i weź pod uwagę ich:
- Wiek
- Płeć
- Lokalizacja
- Dochód
Pomoże Ci to poprawić wrażenia użytkownika, wydłużyć czas przebywania i podnieść pozycje w wyszukiwarkach.