Rosnąca popularność smartfonów również na polskim rynku sprawia, że twórcy i projektanci stron nie mogą ignorować mobilnego Internetu. Chociaż nadal nie powstał żaden obowiązujący kanon reguł mających zastosowanie w przypadku stron mobilnych, to jednak można wskazać kilka podstawowych trendów, którymi należy się kierować przygotowując stronę dla użytkowników urządzeń mobilnych.

Rozdzielczość

Chociaż na rynku spotkać można wiele urządzeń z dostępem do Internetu, praktyka pokazuje, że najwięcej mobilnych Internautów wywodzi się z grona osób wykorzystujących urządzenia z przekątną ekranu nie mniejszą niż 4,3 cala. Właściciele standardowych komórek stanowią zdecydowaną mniejszość, zaś górę biorą posiadacze smartfonów z ekranami dotykowymi. Dlatego też wersja mobilna powinna być w szczególności dostosowana pod względem architektury treści oraz układu elementów właśnie pod kątem właścicieli tego typu urządzeń.

Dostosowanie do przeglądarki

Każdy z systemów operacyjnych może w inny sposób wyświetlić witrynę. Dla przykładu Android posiada własną przeglądarkę treści, co jednak nie wyklucza możliwości korzystania z Opery Mini czy Firefoxa Mobile. Dlatego też strony mobilne należy tworzyć i testować również przy wykorzystaniu  progresywnych przeglądarek internetowych, które niejednokrotnie „samodzielnie” kompresują stronę do rozmiarów wyświetlacza telefonu.

Duże przyciski

Internauta mobilny to w wysokim stopniu prawdopodobieństwa posiadacz telefonu z ekranem dotykowym. By ułatwić nawigację należy stosować duże przyciski, oraz nie umieszczać ich w grupach, lecz z zachowaniem pewnych odstępów. Dzięki temu możliwe będzie precyzyjne wybranie pożądanej przez użytkownika opcji.

Ścieżki nawigacji i ścieżki menu

W przypadku złożonych serwisów oraz sklepów internetowych najlepszym rozwiązaniem jest zastosowanie ścieżek menu. Pozwala to na szybszą nawigację, oraz stanowi niejako nawiązanie do  zasady „3 kliknięć” obowiązującej podczas projektowania stron deksktopowych. Ścieżka pozwala na szybsze przeglądanie treści, łatwiejsze odnajdywanie informacji oraz zastępuje przycisk „wstecz”.

Architektura informacji

Układ informacji i elementów na stronie mobilnej często pociąga za sobą redukcję kolumn do jednego „strumienia” informacji. Większość telefonów posiada ekrany pionowe, więc rzadko kiedy wskazane jest zastosowanie więcej niż jednej kolumny treści.

Rezygnacja z nadmiernej estetyki

Dla użytkowników mobilnych wciąż poważną barierę stanowi ograniczony transfer danych. By strona ładowała się szybko, a użytkownik nie był narażony na przeciążenie limitu, korzystniej jest zrezygnować z nadmiernej estetyki, zachowując tylko elementy dominującego Key Visuala, zaś treść ograniczając tylko do najistotniejszych newsów.

Rezygnacja z elementów flash i JavaScript

Stanowią one problem dwojakiego rodzaju: po pierwsze nadmiernie obciążają transfer, po drugie – nie zawsze będą one w stanie się wyświetlić.

Popularność mobilnego internetu rośnie w siłę. Jak wynika z badań Customer Connection System, już co piąty Polak łączy się z siecią za pomocą telefonu komórkowego, zaś trend ten wzmacnia atrakcyjna cenowo oferta większości operatorów, proponujących tego typu usługi. Co więcej, według najnowszych prognoz, sprzedaż smartfornów na rynku krajowym w tym roku wyniesie aż 5,4 mln. Wobec powyższych argumentów warto więc rozważyć dostosowanie własnej witryny www do wersji mobile.

Coraz więcej portali internetowych, serwisów, sklepów online oraz firm wychodzi naprzeciw oczekiwaniom Internautów, skłaniając się do tworzenia aplikacji  działających w ramach mobilnego Internetu. Tradycyjne strony w większości przypadków nie nadają się dla użytkowników telefonów komórkowych – wielkość wyświetlacza urządzenia mobilnego różni się od przekątnej monitora, stąd wyświetlona na komórce witryna może charakteryzować się niespójnością pod kątem układu elementów i grafiki.

Dodatkowo aplikacje flashowe czy JavaScript mogą błędnie funkcjonować w przeglądarce urządzenia mobilnego, lub w ogóle się nie wyświetlą. Pewne ułatwienie stanowią tu przeglądarki, takie jak Opera Mini, które kompresują stronę przed wysłaniem na urządzenie mobilne. Mimo to, nie ma jednak gwarancji, że witryna wyświetli się właściwie oraz że zawarte na niej informacje będą czytelne dla użytkownika.

Problem stanowi również transfer danych – zdjęcia, obrazki, czy skrypty umieszczone na tradycyjnej stronie www obciążają transfer, zmuszając użytkownika na długie oczekiwanie na załadowanie się strony oraz wykorzystując limity na przesyłanie danych.

Jakie cechy powinna mieć więc strona mobilna?

Podstawowe dwa warunki, jakie powinna spełniać strona w wersji lajt to szybkość ukazywania informacji oraz sprawna komunikacja. W związku z tym witryna powinna być zaprojektowana w taki sposób, by zapewnić czytelność najważniejszych informacji, prezentując je na topie.

Jej zawartość musi być usystematyzowana tak, by użytkownik w miarę szybko mógł się po niej poruszać, bez konieczności częstych zmian widoku ekranu. Warto pamiętać, że użytkownik mobilny zazwyczaj korzysta z Internetu w celu znalezienia konkretnych danych, więc strona www musi być przystosowana do potrzeb użytkowników smartfonów. Podstawowe informacje w przypadku stron firmowych to oferta, dane kontaktowe, mapa oraz misja firmy.

Wersja lajt dodatkowo powinna ściągać minimalne ilości danych, tak by niepotrzebnie nie obciążać transferu. Poprzez optymalizację parametrów, mniejszą wagę oraz układ dostosowany do wielkości wyświetlaczy telefonów komórkowych, strona w wersji mobile ładuje się szybciej, a nawigacja jest wygodna, prosta oraz intuicyjna.

Pojęcie web usability staje się ostatnio bardzo modne, jednak nie wszyscy jeszcze rozumieją sens zwiększania użyteczności swoich stron internetowych.

Web usability to, według Wikipedii, „nauka zajmująca się ergonomią interaktywnych urządzeń oraz aplikacji”. Ujmując rzecz prościej – nauka, której celem jest ułatwienie internautom korzystania z różnego rodzaju serwisów internetowych.

Jak podaje w dalszej części definicji Wikipedia, ergonomia w przypadku aplikacji internetowych to przede wszystkim intuicyjność nawigacji, łatwość dostępu do poszukiwanych informacji oraz zrozumiała komunikacja między użytkownikiem strony internetowej a jej twórcami. (więcej…)

Telefon komórkowy posiada w dzisiejszych czasach niemal każdy. Powoli zaczynają przechodzić do historii komórki, oferujące swoim użytkownikom tylko podstawowe funkcje – wykonywanie rozmów, wysyłanie i odbieranie sms-ów. Coraz więcej ludzi przekonuje się do używania również innych funkcji, proponowanych przez telefony komórkowe, a przede wszystkim – do łączenia się z Internetem.

Planując stronę internetową, warto pomyśleć też o użytkownikach, którzy będą ją przeglądać z poziomu swojego telefonu. Jeżeli nasza witryna nie będzie kompatybilna z telefonami komórkowymi, będzie bardzo niewygodna w obsłudze. Użytkownicy będą zmuszeni np. do ciągłego przewijania treści, by móc dotrzeć do interesującej ich informacji. Wielu z nich po prostu zrezygnuje z przeglądania takiej strony – nikt nie chce marnować czasu na witrynę, która jest dla niego nieprzyjazna.

Najlepszym rozwiązaniem jest przygotowanie dwóch wersji strony – zwykłej, dla użytkowników komputerów, oraz tzw. wersji „light”, dostosowanej do przeglądarek telefonów komórkowych. Oprogramowanie takiej strony znacząco różni się od oprogramowania, stosowanego na zwykłych stronach. Musimy zastanowić się również nad całkowitą rezygnacją z niepotrzebnych elementów graficznych, uatrakcyjniających witrynę.

Nie tylko wielkie korporacje mogą nadążać za najnowszą technologią. Inwestując dodatkowy czas na zbudowanie wersji strony przeznaczonej dla telefonów komórkowych, zdobędziemy nowych, zadowolonych użytkowników.

Czy użytkownikom Waszej strony zdarza się rezygnować z rozpoczętej przez siebie transakcji online? Niestety odpowiedź na to pytanie z pewnością będzie twierdząca. W żadnej chyba branży nie jest możliwe uzyskanie stuprocentowej konwersji. W przypadku sklepów internetowych oraz stron, oferujących usługi, sytuacja jest jeszcze trudniejsza – konkurencja jest ogromna, a łatwość, z jaką internauci porzucają nieprzyjazne dla siebie witryny – jeszcze większa.

Jak w takim razie ustrzec się przed niedokończonymi transakcjami? Co zrobić, by użytkownicy postrzegali naszą stronę jako łatwą w obsłudze, pomagającą im w dokonaniu zakupu czy złożeniu zamówienia?

Przyjrzyjmy się wynikom badań PhoCusWright (ankieta ze stycznia 2010r.), dotyczących przyczyn porzucania transakcji przez użytkowników witryn linii lotniczych.

Zaledwie 30% ankietowanych nigdy nie zrezygnowało z dokonania zakupu. Wśród 70% mniej wytrwałych osób, najbardziej popularnym powodem była oczywiście cena produktu, która okazywała się za wysoka (43%).

Wszystkie pozostałe przyczyny porzucania niedokończonych transakcji są związane z doświadczanymi przez użytkowników problemami z nawigacją na stronie oraz jej funkcjonalnością.

Jak wynika z ankiety, użytkownicy nie chcą być zmuszani do rejestracji na stronie (11%), długiego oczekiwania na załadowanie się treści witryny (11%) czy podawania zbyt wielu informacji na swój temat (9%).

Czynnikiem zniechęcającym jest również brak dostatecznej informacji na temat tego, czy produkt jest rzeczywiście dostępny w sprzedaży (11%), trudności w obsłudze witryny (9%) lub płatności (6%). 6% użytkowników nie umie lub nie chce podawać danych dotyczących karty kredytowej. W 5% przypadków na stronie wystąpiły błędy (przestała działać). (więcej…)

Użyteczność to modny termin, który w świecie online cieszy się coraz większą popularnością. Zbudowanie funkcjonalnego serwisu, jest dla organizacji kluczowym czynnikiem, który decydował będzie o jakości jej komunikacji z klientem. Jeżeli firmowa witryna nie zwróci na siebie uwagi to użytkownik nie tylko zrezygnuje z zapoznawania się z jej treścią, lecz także nigdy więcej na nią nie powróci.

Web usability to nie tylko zasada tworzenia użytecznych interfejsów, ale także  forma wirtualnego dialogu. To jak wyglądała będzie komunikacja, zależy od przejrzystości komunikatu, łatwości odnalezienia informacji oraz sposobu, w jaki zostaną one podane. Im bardziej czytelny będzie przekaz, tym większa szansa na to, że użytkownik nie opuści serwisu po trzydziestu sekundach i powróci do niego w przyszłości. Chociaż firmowa strona powinna zaskakiwać niezwykłym pomysłem, to jednak przeważająca większość internautów oczekuje, że nawigacja serwisu będzie przebiegała według ściśle określonych standardów.

Unifikacja rozwiązań to jeden z głównych postulatów użyteczności. Im więcej nowatorskich funkcji, tym większe ryzyko, że witryna będzie kłopotliwa w nawigacji. Użytkownicy przyzwyczajeni są do umiejscawiania określonych elementów na interfejsie, przypisując im znane sobie funkcje. Chociaż zasada ta ma mniejsze znaczenie w przypadku projektowania np. galerii, to już w odniesieniu do menu jest ona jedną z podstawowych reguł. Jeżeli odnośniki do poszczególnych podstron zmienią  swoje położenie lub funkcje, to taka witryna będzie bardziej kłopotliwa w obsłudze. Przykładów tego typu elementów jest wiele – przeważająca większość stron stosuje poziome menu, umieszcza wirtualny koszyk w prawym górnym rogu witryny, natomiast wszelkie informacje dotyczące serwisu przenosi do znajdującej się na samym dole stopki. (więcej…)