Od pewnego czasu każdy, kto zajmuje się optymalizacją pod kątem wyszukiwarek, zadbał o to, aby dostępna była mobilna wersja ich strony internetowej, ponieważ w przeciwnym razie istniałoby ryzyko gniewu algorytmu Google. Jednak w przeciwieństwie do wielu innych trendów w świecie SEO, badania pokazują, że mobilne korzystanie z sieci nie zwalnia tempa, mimo że wiele tzw. Stron przyjaznych dla urządzeń mobilnych jest trudnych w użyciu. Nie tylko rosną mobilne widoki, ale też wysadzają w powietrze. Badania z Statista szacuje, że ruch internetowy w roku 2019 wyniesie około 24,3 Exabajtu, w porównaniu z 4,2 Exabajtem w 2015 roku.
Aby upewnić się, że rozumiesz powagę tego, jeden Exabajt jest równy 1 miliardowi gigabajtów.
Pomimo dowodów na to, że odwiedzający używają swoich urządzeń mobilnych do przeglądania stron internetowych, nie wszyscy myślą z myślą o użytkownikach mobilnych. Według grupy Nielsen-Norman:
... na całym świecie jest więcej użytkowników smartfonów niż użytkowników komputerów stacjonarnych i laptopów [ale] użyteczność witryn i aplikacji mobilnych wciąż pozostaje daleko w tyle za użytecznością witryn na komputery stacjonarne.
Oczywiście nie wszyscy chcą witryny mobilnej, która jest wystarczająco dobra dla Google. Chcą, aby ich goście mieli pozytywne wrażenia, gdy trafią na swoją stronę internetową lub taką, którą zaprojektowali dla klienta. Więc odpowiednio dostosowują swoje projekty.
Większość osób kojarzy mobilną sieć z responsywnym wyglądem stron internetowych, ponieważ jest to modne hasło rzucane na różne blogi i prezentacje od dłuższego czasu. Jednak projektowanie responsywne nie jest jedyną strategią i nie zawsze jest to najlepsze podejście. Najlepszy wybór zależy od sposobu interakcji użytkowników z treścią witryny.
Korzystanie z zapytań o media w celu zmiany wyświetlania witryny na podstawie rozmiaru ekranu jest płynnym podejściem do projektowania wielu urządzeń. Projektujesz raz i polegasz na CSS, aby skalować ekran w oparciu o ekran.
Podejście to opiera się na statycznych stronach zaprojektowanych dla różnych punktów przerwania. Po wykryciu rozmiaru ekranu wyświetlany jest odpowiedni układ. Tutaj musisz zaprojektować różne układy, aby dostosować je do różnych rozmiarów ekranu. Zwykle tworzy się sześć układów dla bardziej powszechnych szerokości: 320, 480, 760, 960, 1200, 1600.
Dzieje się tak, gdy tworzysz aplikację na iOS, Androida lub Windows, która ma obsługiwać treści internetowe użytkownikom urządzeń mobilnych.
W dzisiejszych czasach trudno byłoby znaleźć stronę internetową, która nie oferuje jakiejś interakcji użytkownika. Może to być witryna firmowa, która zbiera informacje od potencjalnych klientów, witryny e-commerce stworzonej do robienia zakupów lub witryny, która umożliwia odwiedzającym sprawdzenie zdarzenia lub lokalizacji. W każdym razie użytkownik będzie musiał podać informacje, dokonać selekcji i nacisnąć przyciski, a ty musisz nabrać przekonania, że rzeczy na urządzeniu mobilnym są inne.
Na początek, skup się na ważnych funkcjach. Może to wymagać reorganizacji z Twojej strony, lub może będziesz musiał ograniczyć niektóre elementy, które chcesz uwzględnić. Pomoże to nie tylko zmniejszyć bałagan, ale pozwoli również na większe przyciski i inne elementy, z którymi trudniej będzie wchodzić większymi palcami. Gdy to możliwe, zmniejsz potrzebę wprowadzania tekstu przez użytkowników. Mogą mieć klawiaturę ekranową do użycia, ale wszyscy wiemy, że występuje wysoki poziom błędu podczas korzystania z nich, a funkcje takie jak autokorekta lub przewidywania tekstu mogą stać się dość frustrujące. Pamiętaj też, że istnieje duża szansa, że użytkownik mobilny zostanie przerwany lub straci połączenie. Im mniej czasu będą musieli przerobić, jeśli przekroczą limit czasu, tym mniej frustracji poczują.
Dla celów SEO, wielu projektantów zostało przez lata przeszkolonych, aby włączyć do swoich prac skomplikowane menu nawigacyjne, aby pająki wyszukiwarek były w stanie indeksować wszystko. Dostęp do wszystkiego z poziomu menu nawigacyjnego zapewnia także, że użytkownicy będą mogli znaleźć to, czego szukają. Jednak w przypadku użytkowników mobilnych te przytłaczające menu utrudniają nawigację, a prawidłowo utworzona mapa witryny wyśle roboty indeksujące wyszukiwarki tam, gdzie są potrzebne.
Zamiast długich list elementów menu, nie możesz wybierać więcej niż sześć, więc użytkownicy mobilni nie muszą próbować przewijać w dół, aby zobaczyć wszystko, próbując otworzyć menu. Wyeliminuj także podmenu. Ten mały znak +, który oczekujesz od użytkowników, aby rozwinąć opcje, jest naprawdę trudny do dotknięcia, chyba że używasz rysika. Jabłka Podstawy projektowania interfejsu użytkownika stwierdza, że średni palec wymaga 44 pikseli od lewej do prawej oraz w górę iw dół. Zaprojektuj z myślą o tej przestrzeni.
Trzeba również wziąć pod uwagę trend strony internetowej jednej strony. Zaprojektowany z myślą o użytkownikach mobilnych, technika ta pozwala odwiedzającym przeglądać Twoją witrynę i znajdować wszystko, czego potrzebują na jednej długiej stronie. Ten typ projektowania zapomina o fałdach, ponieważ użytkownicy mobilni swobodnie przesuwają zawartość, aby znaleźć to, czego potrzebują.
Gdy myślisz o swoich gościach mobilnych, musisz trochę pominąć. Ale to, czego nigdy nie należy poświęcać, to powód, dla którego masz stronę internetową. Upewnij się, że Twój branding pozostaje spójny, jeśli potrzebujesz logo, aby pozostać widocznym, użyj odpowiedniej ilości nieruchomości, aby go wyświetlić. Jeśli Twoja witryna zawiera dużo treści, upewnij się, że użytkownicy mobilni mają do niej dostęp. Ukrywanie treści z wyświetlaczy mobilnych w istocie karze użytkowników za brak pełnoekranowego wyświetlania.
Jako projektanci stron internetowych jesteśmy przyzwyczajeni do trendów w naszej branży. Każdego roku pojawiają się listy, które wprowadzają nas w najnowsze mody i metodologie, na które powinniśmy zwrócić uwagę. Projektowanie dla użytkowników mobilnych nie jest jednym z nich. To jest rzeczywistość, w której zmierza nasza branża, a oni po prostu dodają więcej rozmiarów ekranu, z którymi możemy pracować, więc naprawdę nie ma jednego uniwersalnego rozwiązania, które można zastosować.
Ty, Twoja organizacja, Twoi klienci i wszyscy inni interesariusze muszą określić, co jest ważne, i uporządkować witryny wokół tych elementów. Ale pomyśl o tym, co jest ważne dla odwiedzających, ponieważ to się liczy. Doświadczenie użytkownika nigdy nie powinno polegać na tym, co uważamy za najlepsze lub na tym, co chcemy zobaczyć. Nie możemy zmusić ludzi do posiadania wspaniałych wrażeń podczas odwiedzania naszych stron. Zamiast tego musimy spojrzeć na dawanie im tego, czego chcą, w sposób, który jest dla nich łatwy do uzyskania.
Zanim przejdziemy do list kontrolnych lub przewodników, które podpowiedzą nam, czym jest komfort użytkowników, poświęć czas na przemyślenie tego, co mamy do powiedzenia i co nasi goście chcą usłyszeć.
Przedstawiony obraz, obraz sieci mobilnej przez Shutterstock.