Mobile powoli wygrywa




dziewczyna ze smartfonem

Stało się, już ponad 50 procent użytkowników internetu korzysta z niego z urządzeń mobilnych. Dodatkowo niektóre wyszukiwarki już bardziej promują strony dostosowane do urządzeń mobilnych niż strony przeznaczone tylko do komputerów. Wynika z tego, że dostosowanie naszych portali do wszelkich urządzeń z naciskiem na urządzenia mobilne stało się koniecznością.

Rozwiązania

Mamy do dyspozycji trzy rozwiazania:

  1. portal dla komputerów plus aplikacja mobilna
  2. portal zawierajaca zestaw stron dla koputerów i lustrzany zestaw stron dla urządzeń mobilnych
  3. portal wykorzystujący RWD (Responsive Web Design) czyli automatycznie dopasowujący się do urządzenia

Pierwsze rozwiazanie mimo że rozwiazuje problem ma najmniej zalet. Po pierwsze nie "zmusimy" kazdego do instalacji aplikacji mobilnej a po drugie strony nie bedą promowane w wyszukiwarkach.

Drugie rozwiazanie opierajace się na dwu zestawach stron jest lepsze od pierwszego jednak strony dla komputerów nie bedą miały mocniejszej promocji w wyszukiwarkach. Zaletą tego rozwiazanie jest jednak mozliwość sporządzenia zestawu stron ścisle dostosowanego do urządzeń mobilnych.

Trzecie rozwiazanie mimo że ma mniejszą szybkość ładowania strony dla urządzeń mobilnych od rozwiazania drugiego roziązuje nasz problem całkowicie. Przy odpowiedniej dyscyplinie w fazie projektu i wykonania portalu moze być niewiel mniej wydajne od rozwiazania drugiego. Za tym rozwiazaniem przemawia przede wytkim fakt, że jest ono najbardziej uniwersalne.

Zmiana perspektywy projektowania na mobile first

Juz od jakiegoś czasu projektowanie mobile first czyli dostowywanie projektu najpierw do smartfonów a potem rozrszerzanie go o urzadzenia o wiekszych rozdzelczościach ekranu jest stosowane w webdesingu jako jednen ze sposobów uzyskania pełnego dostosowania portali do wszystkich urzadzeń. Oczywistym faktem jest, że strony dla urzadzeń mobilnych nie mogą byc zuborzoną wersją niż tych, które są dostosowane do urządzeń o wiekszych rożdzielczościach. Muszą one zawierać wszyskie elemenenty swoich wiekszych wersji więc projekt od razu musi zakladać taki stan rzeczy.

Problemy mobilnego porojektu portalu czyli palce urzytkownika

Minimalne pole klikalne powinno zawierac się w kwadracie 20 pikseli na 20 pikseli, jednak dla niektórych urządzeń takie pole może być za małe więć bezpieczniej będzie jak bedzie miało ono 30 pikseli na 30 pikseli. Dodajmy do tego jakikolwiek margines by przypadkiem nie trafić w nie to pole co potrzeba na przyklad 5 pikseli i juz się zrobiło pole 40 pikseli na 40 pikseli. To wartość bezpieczna jednak bardzo duża porównujac z rodzielczością ekranu smartfonów która może wynosic tylko 320 pikseli na 640 pikseli. Z powyzszego mamy tylko 8 pól klikalnych w poziomie i 16 pól klikalnych w pionie lub razem 128 pól klikalnych. W takim własnie zakresie musimy zmieścić dużo ważnych elementów, a przede wszyskim nawigację, która to czesto musi zawierać logo czy inny element pozwalający jednoznacznie rozpoznać portal, do tego jakiś tekst, czasami obrazek czy slider. Nie można zapominac także o fakcie, że uzytkownikowi w żadnym momencie nie może zniknąć nawigacja główna więc ona jest w zasadzie stałym elementem widoku strony niezależnie od położenia przewijania góra-dół.

Na uporanie się z tym mamy kilka sposobów:

  • pokazujemy tylko to co jest potrzebne, reszta akcji jest wywoływana na żądanie (klikniecie) uzytkownika
  • stosujemy różne ikony, ikony są bardzo sygnalne, intuicyjne i moga być relatywnie duże, prawie każdy skojarzy domek ze stroną główną, lupkę z wyszukaj czy kopertę ze stroną kontakt lub z formularzem kontaktowym, ikona mimo że nie zawiera tekstu świetnie nadaje się się do nawigacji i wszeklich domyslnych akcji
  • stosujemy przyciski lub linki wygladajace jak przyciski, mimo że są duże lepiej spawdzają się jako elementy klikalne niz na przykład linki tekstowe
  • stosujemy okna modalne a do nich wrzucamy formularze i treści, które można doczytać za żądaniem użytkownika
  • stosujemy przewijanie lewo-prawo elementów nie mieszących się w szerokości strony, tak przykładowo będzie wykonana tabela z danymi zawierająca wiele kolumn

Pozdrawiam Piotr Nowak



Wszystkie artykuły

Statystyki

Kategorii: 14
Podkategorii: 75
Wpisów razem: 148
Wpisów opublikowanych: 148
Wpisów oczekujacych: 0
Wpisów odrzuconych: 0
Wpisy wyświetlono: 45425 razy

Stronę odwiedzono: 155796 razy
Użytkowników online: 18

Cookies

Strona korzysta z plików cookies w celu realizacji usług i zgodnie z Polityką Plików Cookies. Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.

Pokaż wiecej