Wersja mobilna strony



Strona mobilna – strona internetowa, która przystosowana jest do wyświetlania na różnorodnych urządzeniach mobilnych mogących komunikować się z globalną siecią za pomocą własnych protokołów bezprzewodowych. Urządzeniami tymi mogą być telefony komórkowe, smartfony czy palmtopy.

Strony mobilne są zazwyczaj uzupełnieniem „zwykłych” stron internetowych.

Strona Mobilna to inna, druga, „prostsza” wersja strony, pozbawiona niepotrzebnych „wodotrysków”,  tak aby wyświetliła się możliwie najszybciej,

 

 

Przystosowanie serwisu WWW do wersji mobilnej następuje w kilku obszarach.

  • Koszt – bardzo często użytkownicy mobilni są rozliczani za pobrane dane. Należy minimalizować koszty na jakie ich narażamy poprzez lekki layout serwisu.
  • Szybkość działania – dostęp mobilny odbywa się zazwyczaj wolniej niż na popularnych łączach szerokopasmowych. Należy zastosować techniki umożliwiające minimalizację opóźnień.
  • Nawigacja – charakterystyka urządzeń mobilnych wymaga zupełnie innego zaprojektowania. Należy brać pod uwagę małe wymiary wyświetlacza, pracę w ciężkich warunkach, możliwość wystąpienia nawigacji z klawiatury lub ekranu dotykowego oraz wiele innych czynników.
  • Poprawne działanie – urządzenia mobilne nie wykształciły jeszcze spójnego standardu technologicznego. Należy dopasowywać serwowane dane w zależności od wykrytej przeglądarki w urządzeniu. Należy też przeprowadzić testy serwisu w najpopularniejszych urządzeniach.
  • Kontekst – potrzeby użytkowników mobilnych są diametralnie różne od potrzeb użytkowników klasycznych. Konieczna jest analiza potrzeb dla ustalenia wartości kluczowych dla użytkownika mobilnego.
    Przystosowanie strony do rozmiarów ekranu urządzeń mobilnych

 

Co charakteryzuje wersję mobilna strony?

mobilneallegro

 

  • brak zbędnych grafik,
  • uproszczony styl,
  • bezszeryfowe czcionki, brak kursywy (ważne, żeby tekst był maksymalnie czytelny),
  • linki rozmieszczone w kilku rzędach lub pionowo,
  • najważniejsze informacje należy umieścić w górnej części strony (ważne aby były widoczne bez konieczności przewijania ekranu),
  • bardzo ważne jest oddzielenie stylów od kodu [HTML] – pozwoli to użytkownikom na uniknięcie konieczności podwójnego pobierania danych,
  • stronę najlepiej umieścić na odrębnej, specjalnie przystosowanej do treści mobilnych domenie lub subdomenie.

 

Dla przykładu zamieszczamy screen mobilnej wersji serwisu Allegro dostępny po zalogowaniu z urządzenia mobilnego