Narzędzia do sprawdzenia usability strony mobilnej – przegląd

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)

Pisałem niedawno o narzędziu Google, które pozwala nam ocenić, czy nasza strona jest Mobile Friendly (patrz tutaj). W przypadku opisywanego narzędzia Google, możemy dowiedzieć się więcej o błędach utrudniających prawidłowe wyświetlanie treści na urządzeniach mobilnych – przede wszystkim smartfonach.

Usability strony mobilnej najlepiej prześledzić na własnych urządzeniach mobilnych lub skorzystać z szeroko udostępnianych narzędzi. W tym celu postanowiłem przyjrzeć się 3 najbardziej popularnym i jednocześnie darmowym rozwiązaniom. Wszystkie z nich są łatwo udostępniane w formie stron internetowych.


narzędzie MobileTest-me

 

 

To narzędzie, udostępniające podgląd naszej strony w wersji mobilnej dla 4 różnych smartfonów i 2 tabletów. Wśród nich znajdziesz:

  • Apple iPhone 5 – w Polsce od 28 września 2012 roku;
  • HTC One – w Polsce od marca 2013 roku;
  • Nokia Lumia 920 – premiera na świecie we wrześniu 2012 roku, obecnie dostępna jest wersja 925;
  • Samsung Galaxy Y – premiera na świecie w listopadzie 2011 roku;
  • Google Nexus 7 – pierwszy tablet w zestawieniu (przekątna 7,02 cala), premiera na świecie 26 lipca 2013 roku;
  • Apple iPad Mini – drugi tablet w zestawieniu (przekątna 7,9 cala), premiera na świecie w październiku 2012 roku.

Duża zaletą strony MobileTest.me jest aktywność przycisków, dlatego możemy przechodzić na poszczególne podstrony i w szybki sposób przekonać się, czy nasza strona spełnia standardy usability dla urządzeń mobilnych. Niektóre z urządzeń jest już przestarzałych, ale mimo to strona ta przypadła mi do gustu. Dla każdej strony internetowej generowany jest adres url, którym możemy podzielić się ze znajomymi, klientami i współpracownikami.

Link – MobileTest.me


narzędzie-BrowserStack

 

 

Zaletą Browserstack jest większa liczba urządzeń mobilnych (11, w tym 4 smartfony) oraz nowsze urządzenia w ofercie, w porównaniu do MobileTest.me:

  • iPhone 5S – w Polsce od października 2013 roku;
  • Galaxy S5 Mini – na świecie zaprezentowany w lipcu 2014 roku;
  • Galaxy S5 – na świecie zaprezentowany w lutym 2014 roku;
  • Galaxy Note 3 – na świecie zaprezentowany we wrześniu 2013 roku;
  • iPhone 6 – na świecie zaprezentowany we wrześniu 2014 roku;
  • Google Nexus 4 – na świecie zaprezentowany w październiku 2012 roku;
  • iPhone 6 Plus – na świecie zaprezentowany we wrześniu 2014 roku;
  • Kindle Fire HDX 7 – tablet o przekątnej 8,9 cali, w Polsce miał premierę 7 listopada 2013 roku;
  • iPad Mini 2 – tablet o przekątnej 7,9 cali, na świecie zaprezentowany we wrześniu 2014 roku;
  • iPad Air – tablet o przekątnej 9,7 cali, na świecie zaprezentowany w październiku 2013 roku;
  • Galaxy Tab 4 w wersji 8.0 – tablet o przekątnej 8 cali, na świecie miał premierę w kwietniu 2014 roku.

Do kolejnych zalet narzędzia należy zaliczyć możliwość przyjrzenia się jednocześnie 24 stronom w miniaturach.

Do wad narzędzia należy zaliczyć dostępność tylko jednej strony i nieaktywność przycisków. W ten sposób każdą podstronę musimy sprawdzać pojedynczo

Link – BrowserStack


narzędzie MobilePhoneEmulator

 

 Mobile Phone Emulator

Narzędzie o podobnej funkcjonalności, jak w przypadku MobileTest.me, ale przy gorszym layoucie.

Dużą zaletą Emulatora (wersja 2.2) jest dostosowywanie przekątnej ekranu w zależności od swojej wersji urządzenia mobilnego (w zależności od wersji mogą się one zmieniać).

Do dyspozycji mamy następujące urządzenia:

  • Apple iPhone 6,
  • Apple iPhone 6 Plus,
  • Apple iPhone 5,
  • Apple iPhone 4,
  • Apple iPad Air,
  • Apple iPad Mini,
  • Samsung Galaxy S2,
  • Samsung Galaxy Spica,
  • RIM BlackBerry Curve,
  • HTC HD 2,
  • HTC Touch Diamond,
  • LG Shine.

Link – MobilePhoneEmulator


W przypadku tego typu narzędzi należy zwrócić uwagę na to, że stanowią one dobrą formę reklamy przedstawionych powyżej urządzeń mobilnych. Dla twórców stron www bardziej kluczowe jest, czy wszystkie elementy strony są mobilnie przyswajalne i znajdują się w odpowiednich odległościach, tak aby możliwe było ich zaznaczanie (w trakcie obsługi).

Powyższa lista będzie na bieżąco aktualizowana, w zależności od pojawienia się nowych rozwiązań w tym zakresie oraz skuteczności przedstawianych narzędzi.

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

2 thoughts on “Narzędzia do sprawdzenia usability strony mobilnej – przegląd

  1. Bardzo przydatne informacje jako dobra ściąga z dostępnych narzędzi. Dodałam do zakładek żeby mieć zawsze pod ręką 🙂 Gratuluję ciekawego bloga – strasznie fajnie się go czyta – czasu malutko ostatnio, ale w miarę jak mogę coś poczytać to wracam i nadrabiam 🙂 Widzę zmianę od ostatniego razu w wyglądzie – super 🙂 Pozdrawiam 🙂

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    1. Takie komentarze, jak Twój Kingo sprawiają, że mój “blogostan” ma rację bytu. Dziękuję i zapraszam do czytania kolejnych wpisów :).

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.

Time limit is exhausted. Please reload CAPTCHA.

CommentLuv badge