Pierwsze kroki

Jakie są trzy najważniejsze kwestie, które muszę uwzględnić, tworząc witrynę na urządzenia mobilne?

1. Ułatw życie klientom.

Pomóż użytkownikom Twojej witryny realizować cele, które sobie założyli. Być może chcą poczytać Twoje posty na blogu, znaleźć adres Twojej restauracji lub poznać Twoją opinię o danym produkcie. Abhi Dhar, wiceprezes i dyrektor ds. technicznych w handlu elektronicznym w firmie Walgreens, twierdzi: „Dostosowujemy się do wymagań urządzeń mobilnych w jednym celu: by ułatwić życie naszym klientom”.

Zaprojektuj witrynę tak, by ułatwić klientom jej przeglądanie i wykonywanie w niej najczęstszych czynności.

Określ potencjalne etapy wizyty klienta i upewnij się, że łatwo można je zrealizować na urządzeniu mobilnym. Spróbuj wszystko uprościć i zmniejszyć liczbę działań angażujących użytkownika. W tym przykładzie: (1) klient chce kupić lampę – klika znalezioną witrynę, (2) przegląda ofertę lamp i (3) kupuje wybraną lampę.

2. Zmierz efektywność witryny, sprawdzając, jak łatwo użytkownicy mogą w niej wykonać najczęstsze czynności.

Dostosowywanie witryny do urządzeń mobilnych wymaga określenia priorytetów. Na początek zastanów się, które działania będą najważniejsze dla użytkowników Twoich witryny mobilnej lub najczęściej przez nich wykonywane. Zapewnienie obsługi tych czynności ma niezwykle istotne znaczenie – dlatego właśnie możliwość wykonania pewnych działań będzie najlepszym sprawdzianem dostosowania Twojej witryny do urządzeń mobilnych. Dostępne są rozwiązania, które umożliwiają stworzenie witryny z założenia łatwej w obsłudze. Pamiętaj o spójności interfejsu i zapewnieniu jednolitej łatwości obsługi witryny na różnych platformach.

„Kupujący, którzy korzystają z urządzeń mobilnych, najwyżej cenią sobie łatwość obsługi witryn handlowych. Stwierdziło tak 48% respondentów, którzy uznali tę cechę za najważniejszy wyznacznik jakości odwiedzanych witryn mobilnych” – donosi MediaPost.

3. Wybierz szablon, motyw lub projekt witryny mobilnej przystosowany do różnych urządzeń (np. postaw na elastyczne projektowanie witryn).

Elastyczne projektowanie witryn (RWD) oznacza, że strony korzystają z tego samego adresu URL i tego samego kodu niezależnie od tego, czy użytkownik używa komputera, tabletu czy komórki. Tylko zawartość wyświetla się z uwzględnieniem rozmiarów ekranu, czyli elastycznie. Google zdecydowanie zaleca projektowanie witryn metodą RWD. Jedną z zalet tej metody jest to, że wystarczy Ci tylko jedna wersja witryny, nie potrzebujesz dwóch. Nie musisz mieć wersji komputerowej www.example.com oraz mobilnej m.example.com – zajmujesz się tylko www.example.com, uwzględniając zarówno użytkowników komputerów, jak i urządzeń mobilnych.

Elastyczna witryna dostosowuje wyświetlaną treść do różnych rozmiarów ekranu, korzystając z tego samego adresu URL i kodu. Wszystkie trzy urządzenia wymienione powyżej korzystają z www.example.com (a nie z wersji na komórki m.example.com ani na tablety t.example.com).

Elastyczne projektowanie witryn pozwoliło firmie Baines & Ernst zoptymalizować sposób obsługi witryny na urządzeniach o różnych rozmiarach ekranu, eliminując konieczność tworzenia wielu wersji witryny. W ramach pojedynczej wizyty w witrynie użytkownicy zaczęli odwiedzać o 11% stron więcej, a konwersja w przypadku klientów z urządzeniami mobilnymi wzrosła o 51%”.

„Konwersja” ma miejsce, gdy klient wykonuje wybrane działanie, na przykład kupuje produkt, dzwoni do firmy lub rejestruje się, by otrzymywać newsletter.

Szczegółowe informacje na temat wdrażania elastycznie projektowanych witryn znajdziesz w Podstawach tworzenia witryn. Argumenty za i przeciw różnym wdrożeniom witryn na komórki, tablety i komputery znajdziesz w artykule o tworzeniu witryn dla klientów korzystających z różnych urządzeń.

Jakie są trzy najczęstsze błędy, których mam unikać?

Błąd 1: zapominanie o klientach korzystających z urządzeń mobilnych

Pamiętaj, że dobra witryna mobilna jest przede wszystkim użyteczna. Jej użytkownicy nie mają problemów z realizacją swoich zamierzeń – przeczytaniem wybranego artykułu, sprawdzeniem adresu sklepu itd. Unikaj tworzenia wyłącznie strony w formacie mobilnym, która nie zawiera wszystkich funkcji. Zadbaj raczej o to, by witryna była dostosowana do urządzeń mobilnych, czyli naprawdę użyteczna i zoptymalizowana pod kątem działań najczęściej wykonywanych przez użytkowników tych urządzeń.

Błąd 2: wdrożenie wersji mobilnej w innej domenie, poddomenie lub podkatalogu niż wersji komputerowej

Google obsługuje różne konfiguracje witryn mobilnych, jednak utworzenie osobnych adresów URL dla wersji na urządzenia mobilne, a potem ich utrzymywanie i aktualizowanie, wymaga dużego nakładu pracy i może powodować problemy techniczne. Tymczasem cały proces łatwo jest uprościć, stosując elastyczne projektowanie witryn i udostępniając zawartość na komputery i urządzenia mobilne pod tym samym adresem URL.

Błąd 3: działanie na własną rękę zamiast poszukiwania inspiracji w otoczeniu

Obejrzyj inne witryny o podobnej tematyce lub należące do konkurencji i spróbuj zaczerpnąć z nich inspirację oraz sprawdzone metody. Prawdopodobnie nie jesteś pierwszą osobą w branży, która tworzy mobilną wersję witryny, możesz więc uczyć się od swoich poprzedników. Mnóstwo pomysłów znajdziesz też w witrynach w języku angielskim: The Mobile Playbook (Poradnik na temat witryn komórkowych) i Google Multi-Screen Success Stories (Historie sukcesu rozwiązań na wiele urządzeń w Google).

Wyślij opinię na temat...