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ć.

W to, że internet rozwija się w zadziwiająco szybkim tempie, nie wątpi już chyba nikt. To samo tyczy się stron internetowych. Programiści mają do czynienia z coraz nowszymi technologiami, wypracowują nowe standardy projektowania serwisów internetowych, stosują nowe funkcjonalności. Layouty i szata graficzna współczesnych witryn ogromnie różni się od tych stosowanych kilka lat temu.

Posiadając firmową stronę internetową, należy więc pamiętać o tym, że przestarzała strona internetowa nie ma dziś szans generować zysków.
(więcej…)

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…)

Każdego dnia w Internecie pojawiają się nowe witryny. Jeżeli chcemy się wśród nich wyróżnić, nie wystarczy zaoferowanie wartościowego produktu – nasza strona również musi być wyjątkowa.

Zadaniem strony internetowej firmy jest najczęściej pomoc w kreowaniu jej wizerunku, dobywaniu nowych klientów oraz utrzymywaniu obecnych. Aby strona mogła spełnić wszystkie te założenia, musi być dobrze zaprojektowana, funkcjonalna i ergonomiczna – zgodna z zasadami Web usability, a przy tym łatwa w obsłudze i estetyczna. Wszystkie jej elementy powinny być dokładnie przemyślane i zanalizowane jeszcze przed przystąpieniem do realizacji projektu.

Zamawiając wykonanie strony internetowej u profesjonalisty, często nie do końca zdajemy sobie sprawę z naszych potrzeb. Dlatego tak ważny jest pierwszy etap budowania witryny – projektowanie stron internetowych. Poświęcenie odpowiedniej ilości czasu na dokładne zaplanowanie witryny pozwala uniknąć wielu problemów podczas realizacji projektu.

Na etapie projektowania dobrym rozwiązaniem jest przygotowanie makiety strony. Pozwala ona na dosłowne zilustrowanie wyglądu i funkcji witryny. Dzięki temu jesteśmy w stanie upewnić się, że strona spełni wszystkie nasze wymagania. Nie kupujemy kota w worku – makieta szczegółowo pokaże wszystkie funkcje strony, a każdy, nawet na pierwszy rzut oka nieistotny element, będzie drobiazgowo opisany w dokumentacji (w specyfikacji funkcjonalnej i technicznej). Jeżeli będziemy chcieli dokonać zmian, na tym etapie pracy będzie to o wiele prostsze, szybsze i tańsze. Łatwiej zmienić makietę, niż wprowadzać korekty do gotowej już strony. Dzięki makiecie klient ma pewność, że otrzyma dokładnie taki produkt, jakiego potrzebuje.

Strona internetowa jest wizytówką firmy. Dobrze zaplanowana witryna, na której nie ma błędów, prezentująca uporządkowaną i logiczną treść, z pewnością będzie pozytywnie wpływać na nasz wizerunek.

Zapraszamy do przeczytania całości artykułu „Dobrze zaprojektowana strona internetowa jako klucz do sukcesu”.

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…)