Jedna strona o kilku obliczach. Kilka słów o responsywności.

Responsywność (RWDResponsive Web Design) – oznacza dopasowanie elementów strony internetowej takich jak grafika czy treści do urządzeń o różnej wielkości (z różną rozdzielczością) wyświetlaczy.

Czym jest responsywność stron?

Często mylone pojęcie ze stroną mobilną. Strona mobilna jest zazwyczaj okrojoną wersją strony desktopowej i jest to przeważnie strona na subdomenie (m.) domeny macierzystej. Np. facebook’owa strona desktopowa ma adres facebook.com, a mobilna wersja ma adres m.facebook.com. Zwróć uwagę również, że będąc na facebook’u, gdy zmniejszymy okno przeglądarki, to w pewnym momencie elementy strony będą niewidoczne, ponieważ nie będą mieściły się na naszym ekranie. Widać zastosowanie pewnych mechanizmów, takich jak automatyczne zwijanie paska z kontaktami, ale to nie jest responsywność. Przykładem strony responsywnej jest bardzo dobrze nam znany YouTube. Przejdź do tego serwisu i zmniejsz pomału okno przeglądarki. Widzisz różnicę? Film na mniejszym ekranie jest wyśrodkowany i wyświetlony na pełnej szerokości, aktualna playlista również przechodzi na dół, dzięki czemu na mniejszym ekranie wszystko jest dobrze widoczne i nie mamy trudności z kliknięciem w jakikolwiek przycisk. Podsumowując – responsywność jest zespołem cech, dzięki którym strona dopasowuje się do wielkości ekranu w celu ułatwienia pracy na ekranach o mniejszej rozdzielczości.

 

A komu to potrzebne?

Długo się nie zastanawiając, mogę odpowiedzieć, że mi! Przykład z życia: jadę komunikacją miejską do domu, myślę, co mógłbym zjeść. Więc szybko wyciągam telefon i szukam przepisu na szarlotkę. Wybieram pierwszy wynik w wyszukiwarce i jeśli dobrze pamiętam – była to strona kwestiasmaku.com. Znalezienie na niej informacji na temat przyrządzania ciasta było naprawdę proste. Tekst o optymalnej wielkości, grafika, która w tym przypadku również też ma znaczenie – cieszy me oczy, brakuje tylko zapachu świeżego wypieku.

Wybierając pierwszy wynik w wyszukiwarce, nie byłem ani trochę zaskoczony faktem, że strona wygląda dobrze na moim telefonie (że jest responsywna). Wyszukiwarki takie jak google podczas indeksacji stron biorą pod uwagę to, czy strona jest przystosowana do urządzeń mobilnych. Jeśli nie, to taka strona od razu spada na sam dół listy wyszukiwania.

 

Czas na cyferki.

Ponad 80% użytkowników social mediów takich jak Facebook większość wejść generuje korzystając z telefonów komórkowych. Trochę ponad połowa użytkowników korzysta z aplikacji mobilnej. Zatem ok 30% korzysta z przeglądarki w telefonie. W zasadzie zastanów się – wybierasz się na jakąś podróż i co ze sobą zabierasz? Czy w zestawie twojego podręcznego bagażu znajdzie się miejsce na telefon? Nawet jeśli to jest krótka podróż rowerem do lasu, czy randka w kinie. Zawsze mamy przy sobie telefon. Dzięki dopasowaniu strony do każdego ekranu mamy nie tylko większą liczbę potencjalnych klientów, ale przychód z reklam wyświetlanych na urządzeniach mobilnych jest większy dzięki wyższemu współczynnikowi klikalności – CTR. Innymi słowy, reklamy wyświetlane na urządzeniach mobilnych są bardziej podatne na przypadkowe kliknięcia (tzw. syndrom Pani urzędniczki – “coś mi się kliknęło”). Podsumowując – jeśli nie mamy wersji mobilnej naszej strony lub strona jest nieresponsywna, to tracimy przez to dużą liczbę klientów i jest to jeden z aspektów, który ma spory wpływ na finanse firmy, więc nie powinniśmy go bagatelizować.

 

Przydatne narzędzie.

W jaki sposób sprawdzić, że nasza strona jest na pewno przystosowana do urządzeń mobilnych? Jest do tego wiele przeróżnych narzędzi. Najpopularniejszym i darmowym narzędziem jest googlowe Mobile-Friendly Test i na nim się teraz skupię. Jego działanie jest proste. Podajemy adres naszej strony i czekamy aż robociki wejdą na naszą stronę i ocenią jej responsywność. Po wykonaniu testu otrzymujemy prosty komunikat o tym, czy nasza strona jest w porządku, bądź też nie, oraz dodatkowe informacje o tym co można w naszej stronie poprawić. Podobnym narzędziem jest np. ready.mobi. Jeśli masz własną stronę, to sprawdź, czy aby na pewno jest responsywna, tak jak zarzekali się jej twórcy.

Dlaczego nie jesteśmy agencją reklamową?

Na polskim rynku roi się od firm, które według wielu różnią się między sobą wyłącznie nazwą. Większości społeczeństwa wydaje się, że osoby w nich pracujące tylko siedzą na tym, gdzie plecy tracą swą szlachetną nazwę i wklepują „coś” w te komputery. Niestety często zdarza się tak, że firmy starają się być samowystarczalne, co prowadzi do strasznego rozgardiaszu. Agencje reklamowe, zamiast zlecić wykonanie projektu strony agencji interaktywnej – zatrudniają programistów, a agencje interaktywne, zamiast skorzystać z usług agencji marketingowej – próbują działać na własną rękę, bez znaczących rezultatów oczywiście.

Reklamy

Słowem wstępu

Na samym wstępie pragnę wytłumaczyć, dlaczego postanowiłem napisać ten artykuł.
W celu wyjaśnienia przytoczę przykład z życia wzięty, gdy kumpel – z którym wyskoczyłem na przysłowiowe piwko – zadał mi pytanie: „Czym wy się właściwie zajmujecie w tej firmie?” Prozaicznie odpowiedziałem, że jesteśmy zespołem, który zajmuje się tworzeniem stron internetowych, od stworzenia projektu graficznego i funkcjonalnego przez wdrożenie pomysłów, aż do walki o pozycję stron klientów w wyszukiwarkach. W odpowiedzi kolega „wyskoczył” śmiało z kolejnym pytaniem: „Czyli jesteście taką agencją reklamową, która robi stronki internetowe, tak?”.
Po tym pytaniu wiedziałem już, że w rozmowie z osobą z całkowicie innej branży ten temat nie będzie najłatwiejszy. Ale przebrnąłem przez to – dzięki temu powstał ten artykuł. Dziękuję Maćku!

Czym zajmuje się agencja reklamowa?

Agencje reklamowe zajmują się szeroko pojętą promocją m.in. produktów, małych klientów, jak i wielkich przedsiębiorstw oraz koordynują cały ten proces. Na początku precyzują problem marketingowy – do jakich klientów chcą dotrzeć, jakich są w stanie obsługiwać, co przyniesie im zysk, a co stratę. W celu promocji wykorzystują kampanie tradycyjne, takie jak telewizja, bilboardy czy ulotki, a nawet kubki oraz kampanie internetowe, posiłkując się zazwyczaj mediami społecznościowymi lub blogami. Nie są to oczywiście wszystkie formy promocji wykorzystywane przez agencje reklamowe.

Zatem, kim jesteśmy?

Może zacznę od tego czego nie robimy. Nie zajmujemy się promocją ani sprzedażą (koniec).

Odpowiadając na pytanie  „Kim jesteśmy?” – jesteśmy kreatywnym zespołem specjalizującym się w tworzeniu stron internetowych, sklepów online, portali, blogów oraz zaawansowanych serwisów internetowych. Tworzenie tego typu realizacji jest dość szerokim pojęciem, dlatego rozbiję go na etapy.

  • Badanie potrzeb klienta
    Często zdarza się, że przychodząc do nas klient nie jest przekonany, co tak naprawdę chce osiągnąć. Dzięki rozmowie, a czasem poprzez artystyczne popisy na whiteboard’zie dochodzimy do konsensusu.
  • Projektowanie
    Na tym etapie występują często burze mózgów, bardzo miłe spotkania oraz wylewające się hektolitry kawy. W dzisiejszych czasach zaprojektowanie innowacyjnego systemu, który będzie rozbudowany, a zarazem prosty w obsłudze to nie lada wyzwanie. Wykonanie makiety strony może zająć projektantowi od kilku godzin do nawet kilku tygodni, w zależności od złożoności projektu zgodnego z wcześniejszymi ustaleniami i wymaganiami klienta.
  • Wdrażanie zaakceptowanego przez klienta projektu
    W tym momencie – mając opracowany dokument funkcjonalny oraz makietę – dzielimy się zadaniami. Wdrażanie dobrze zaprojektowanego systemu, czy aplikacji to sama przyjemność. Gorzej, gdy natrafimy na błąd projektowy – naprawa defektu powstała przy wdrażaniu nie jest dla projektu tak zabójcza, jak wada podczas projektowania. Często powoduje to zmiany w dużej jego części, a deadline tuż tuż.
  • Pozycjonowanie strony SEO
    Ostatnim etapem jest walka o pozycję strony w wyszukiwarkach. Klient, który zleca nam wykonanie strony, chce również, aby był na niej ruch. Jak już wcześniej wspomniałem, nie jesteśmy agencją reklamową i nie nagramy spotu reklamowego. Ale możemy zrobić wszystko, aby strona naszych klientów była wysoko w wynikach wyszukiwania, wykorzystując różne metody, o których wspomnę w przyszłym artykule.

Oczywiście na tym się nie kończy lista usług agencji interaktywnej. Klienci mogą mieć już własną stronę, którą chcą odświeżyć, mogą także zamówić pojedynczy skrypt , który będzie odświeżał dane w bazie na podstawie danych z pliku xml aktualizowanego na serwerze. Oczekiwania klientów potrafią być zaskakujące, co wymaga od nas, aby zespół był kreatywny oraz komunikatywny, co pozwoli na szybką i efektywną pracę przy każdym projekcie.