Dobre rady

20-09-2016 |

Testowanie stron www

Testowanie jest jednym z ważniejszych procesów w wielu dziedzinach i tak też jest w projektowaniu witryn www. Dzisiaj przedstawię Wam wybrane narzędzia, które zdecydowanie poprawią efektywność i jakość testowania stron www.



Jak można przetestować stronę na różnych wyszukiwarkach?

Najczęściej mamy zainstalowane na komputerze najpopularniejsze przeglądarki – Mozilla Firefox, Google Chrome, Internet Explorer, Opera, pojawia się też Safari. Do testowania strony w pozostałych wersjach IE od 5 do 8 można wykorzystać IE tester http://www.my-debugbar.com/wiki/IETester/HomePage . Problem pojawia się gdy mamy sprawdzić wygląd naszej strony pod różnymi systemami operacyjnymi i różnymi przeglądarkami . Czy musimy instalować wszystkie?? Nic bardziej mylnego! By przetestować stronę również na tych mało popularnych przeglądarkach, np. Phoenix 0.5, Dillo 0.8, SeaMonkey 2.0 ( kto wcześniej o nich słyszał ??!!) możemy, a wręcz powinniśmy wykorzystać możliwości jakie nam daje strona http://browsershots.org/. Browsershots jak sama nazwa mówi robi zrzuty ekranu  z wybranych przez nas samych wersji przeglądarek. Na stronie można przetestować witrynę w systemach Linux, Windows, Mac OS, BSD w różnych przeglądarkach. Niestety wszystko ma swoje wady i zalety. Biorąc pod uwagę liczbę możliwych przeglądarek screeny generują się dość długo.



Testowanie stron pod kątem RWD.

Wszystkim, którzy zapomnieli, przypominam, że od 21 kwietnia 2015 roku Google bierze pod uwagę w mobilnym indeksie stron, czy strona jest dostosowana pod urządzenia mobilne. Strony nieresponsywne tracą wysokie pozycje w wyszukiwaniu mobilnym. Strony RWD są na wyższych pozycjach niż strony niemobilne.

Responsive Web Design (RWD) jest techniką tworzenia płynnych stron www. Dzięki temu serwis www dostosowuje się do wielkości okna przeglądarki – strona wygląda w porządku na 24 calowym monitorze, jak i na 4 calowym smartfonie! W dzisiejszych czasach przy mnogości urządzeń mobilnych i częstotliwości korzystania z nich bardzo ważne by nasza strona działała poprawnie na każdym z nich, bowiem coraz częściej dokonujemy zakupów, rezerwacji poprzez smartfony, tablety.

Warto sprawdzić czy strona jest mobile friendly. Ja do testowania responsywności używam stronę, jaka udostępnia Google:/www.google.com/webmasters/tools/mobile-friendly. Zazwyczaj sprawdzenie jednej strony www zajmuje dosłownie 2 minutki, ale nie jest to regułą.

keyboard-597007_1920

landing page

Czym jest Landing page?

Landing page to “strona lądowania” czyli miejsce, na które trafia klient po kliknięciu w reklamę, nie ważne czy wyświetloną na jakieś stronie, w wynikach wyszukiwania Google, na Facebooku, czy w emailu. Strona ta ma na celu przekonwertowanie ruchu z reklam na konkretną akcję, np. rejestrację w serwisie lub zakup produktu. Brak takiej strony może powodować bardzo słabe wyniki reklamy i niski zwrot z inwestycji(ROI). Jest to dobra praktyka biznesowa, a w tym wpisie postaramy się podpowiedzieć jak wykonać odpowiedni landing page.

Co powinno znajdować się na takiej stronie?

Klient po kliknięciu w reklamę, która go zainteresowała powinien trafiać na stronę pozwalającą mu na znalezienie dalszych informacji na reklamowany temat lub wykonanie akcji, do której zachęcała go reklama. Jeśli wykupiłeś w Google reklamę, która wyświetla się osobom wyszukującym hasło “tania wiertarka udarowa” i Twoja reklama głosi “Tania wiertarka udarowa firmy ABC za X zł” to strona witająca go po kliknięciu w nią powinna przedstawiać rzeczoną wiertarkę wraz z ceną, krótkim opisem i przyciskiem pozwalającym na zakup bądź odsyłającym do strony produktu w sklepie.

Landing page powinien być również przyjemny dla oka oraz pasować stylistycznie do reszty strony internetowej, aby wzbudzać zaufanie i przyzwyczajać klienta do jej wyglądu.

Co NIE powinno znajdować się na takiej stronie?

  • Unikaj przeładowania oferty tekstem, aby nie zniechęcić klienta
  • Wiele propozycji podjęcia działania (Call to action) – landing page powinien jasno określać jedną akcję, którą powinien wykonać klient
  • Informacje niezwiązane z reklamą, z której trafił klient
  • Oferta nie przekonująca w czym dany produkt, bądź nasz sklep jest lepszy od konkurencji – w przykładzie w wiertarką udarową taką informacją powinny być słowa “tanio/najtaniej na rynku”

Jeśli do tej pory konwersja z Twoich reklam była niezadowalająca, a klienta po kliknięciu w nie witała strona główna serwisu – landing page to odpowiedź dla Ciebie i rozwiązanie, które zwiększy sprzedaż i zyski.

Od 1 stycznia 2015 roku wejdzie w życie zmieniona ustawa o prawach konsumenta. Zmieni ona między innymi wymogi względem opisu produktu prezentowanego na stronie sklepu. Warto zadbać o wprowadzenie odpowiednich zmian za wczasu i oszczędzić sobie niepotrzebnych nerwów w przyszłości.

Najważniejsze z wymogów to:

  • podanie ceny brutto produktu
  • uwzględnienie informacji o stanie produktu
  • wyszczególnienie wszystkich danych sprzedawcy
  • podanie kosztu połączenia na infolinię
  • informowanie o wydłużonym czasie na zwrot produktu, który również zmieni się dzięki tej ustawie

Po więcej informacji zapraszamy do infografiki przygotowanej przez aboutproducts.pl

infografika

Wizytówka jest ważnym elementem budowy pierwszego, ale również ogólnego, wrażenia jakie kreuje się w głowie nowo poznanej osoby. Otrzymujący wizytówkę w chwili poznania może wyciągnąć wiele wniosków z tego niepozornego kartonika i zdecydować jak widzi przyszłą współpracę z wręczającym.

Dlatego warto zadbać, aby poza prezencją i elokwencją przedstawiciela firmy, dobre wrażenie zostawiał również namacalny dowód na zawarcie znajomości. Żyjemy w czasach, w których stawia się na indywidualność i kreatywność, stąd też coraz większa moda na wizytówki wykrzykujące niemalże kim jest i czym zajmuje się jej właściciel, jednak nie jest to rozwiązanie idealne.

Tak jak strategia komunikacji oraz wizerunek firmy musi być dostosowany do klientów, z którymi pracuje, tak również business card musi wpisywać się spójnie w plan budowy marki.

Jeśli poruszasz się po rynku silnie przywiązanym do tradycji, profesjonalizmu i chcesz podkreślić wagę użyteczności nad designem i otoczką wizualną – warto postawić na klasycznie biały lub czarny kartonik z kontrastową czcionką i prostym przedstawieniem informacji kontaktowych.

Wszędzie indziej gdzie indywidualność i kreatywność to główne, pożądane przez klientów cechy – należy ograniczyć się jedynie swoją wyobraźnią, bądź pozwolić na to osobie projektującej naszą wizytówkę. Można wtedy odejść od kanonu kolorem, sposobem prezentacji treści oraz samymi informacjami, które ma ona przekazywać.

Obydwa podejścia zastosowane w odpowiednich okolicznościach gwarantują mocne pierwsze wrażenie i zwiększają szansę na to, że nowo rozpoczęta znajomość rozwinie się w biznesowe partnerstwo.

Poniżej prezentujemy wybrane wizytówki, które naszym zdaniem można stawiać za wzór projektowania pierwszego wrażenia.

 

 

wizytówki

Jeżeli  Państwa  firma posiada  już stronę  internetową dostosowaną do  wymagań urządzeń  mobilnych,  warto zapoznać się z możliwością tworzenia atrakcyjnych wiadomości e-mailowych, które wyświetlą się prawidłowo niezależnie od urządzenia na którym zostaną odczytane - Responsive E-mail Desing. Przygotowana przez Splio ikonografika prezentuje 10 wskazówek, dzięki  którym można sprawić, że treść przesłanego newslettera będzie mogła zostać odczytana zarówno przy użyciu laptopa, tabletu czy smartfona.

Pomimo wskazówek samodzielne przygotowanie responsywnej wiadomości e-mail wydaje się Państwu trudne? Z przyjemnością doradzimy jak ją stworzyć!

2014-01-20 PLrsdesign-smaller

Źródło ikonografiki: http://nowymarketing.pl/a/2888,responsive-e-mail-design-10-wskazowek-infografika